*{margin:0;padding:0}
footer,header,nav{float:left;width:100%}
body{background:#fff;font-weight:400;font-style:normal;font-variant:normal;font-family:"微软雅黑",Arial;-webkit-text-size-adjust:none}
a{outline:0 0;border:0 none}
a,a:active,a:hover,a:link,a:visited{text-decoration:none}
.clear{clear:both;margin:0;padding:0}
.clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:' '}
dd,dl,dt,li,ul{background:0 0;list-style-type:none}
dd,dl,dt,li,p,ul{margin:0;padding:0}
img{width:100%}


.headerbanner{width:100%;}


.con1{width:100%; padding: 10% 0 10%; background:url(../images/qabg.jpg) no-repeat; background-size: cover;}
.con1 h1{font-size: 0.62rem; color: #57404b; text-align: center; line-height: .9em;}
.con1 h1 span{font-size: 0.4rem;text-transform:uppercase; font-weight: lighter; color: #cbc9ce;}
.con1 li{width:43%; float: left; margin: 2% 2% 3% 4%; }
.con1 .co{border-radius: 2em; background: #836878; text-align: center; font-size: 0.36rem; color: #fff;  padding: 5% 0;}
.con1 .click{width:50%; border-radius: 2em; background: #e0696e; text-align: center; font-size: 0.36rem; color: #fff; margin: 2% auto 0; padding: 2.5% 0; font-weight: 700;animation: updown 2s 0s ease both infinite;}



.con2{width:100%; padding:2% 0 8%; }
.con2 h1{font-size: 0.64rem; color: #57404b; text-align: center; font-weight: normal}
.con2 h2{font-size: 0.64rem;text-align: center; color: #57404b;line-height: 1em;}
.con2 h2 span{font-size: 0.4rem;text-transform:uppercase; font-weight: lighter; color: #cbc9ce }
.con2one{background: #ecf3ff; color: #57404b;width:100%; }
.onetext{position: relative; font-size: 0.66rem; font-weight: 700; text-align: center;  padding-top:8%;}
.onetext .bq{position: absolute;width:21.6%; top:30%; left: 13%;}

.sypjs1{border-radius: 1em; border: 1px dashed #57404b; background: #fff; width:92%; margin: 4% auto 0; padding: 2% 2% 8% 0; position: relative;}
.sypjs1 h3{font-size: .3rem; line-height: 1.2em; font-weight: normal; padding:2% 0 2% 16%; width:78%; margin-left: 2%}
.sypjs1 h3 span{font-size: 0.36rem; font-weight: 700;}
.sypjs1 ul{width:100%; padding-bottom:6%;}
.sypjs1 .pp{ font-size: 0.3rem; font-weight: 700; padding:2% 0 0 2%;}
.sypjs1 li{width:23%; float: left; padding: 1% 0 0 2%;}
.sypjs1 .co{font-size: 0.26rem; line-height: 1.4em; padding-top: 1%;}
.sypjs1 .ppcon{line-height: 1.5em; padding: 1% 0 0 2%; font-size: 0.28rem;}
.sypjs1 .ppcon span{font-weight: 700; color: #dd5a60}
.line{border-bottom: 1px dashed #cbc9ce; width:98%; margin-left: 2%;}
.sypjs1 .nember{position: absolute;width:8.8%; top:5%; left: 2%;}
.sypjs1 .click{position: absolute;width:42%;border-radius: 2em; background: #dd5a60; text-align: center; color: #fff; font-weight: 700; font-size: 0.3rem; padding: 2% 0;}
.sypjs1 .click1{bottom:-5%; left: 4%;animation: updown 2s 0s ease both infinite;}
.sypjs1 .click2{bottom:-5%; right: 4%;animation: updown 2.5s 0s ease both infinite;}
.con2one h4{font-size: 0.46rem; color: #333; text-align: center; width:100%; padding: 8% 0 3%; font-weight: normal}
.case1{position: relative; width:100%; color: #333; padding-bottom: 5%}
.case1 .co1{position: absolute; font-size: 0.26rem; line-height: 1.2em;top:2%; left: 15%}
.case1 .co2{position: absolute; font-size: 0.26rem;line-height: 1.2em; top:18%; left: 15%}
.case1 .pp1{width:8%;position: absolute;top:0; left: 4%}
.case1 .pp2{width:8%;position: absolute;top:16%; left: 4%}
.case1 .ppp{position: absolute; font-size: 0.3rem; font-weight: 700; width:50%; top:30%; left: 4%}
.case1 .ppp span{border-radius: 2em; padding: 1.5% 3%; border: 1px dashed #dd5a60; font-size: 0.26rem; text-align: center; margin-left: 4%; color: #dd5a60; }
.case1 .click{width:42%;border-radius: 2em; background: #dd5a60; text-align: center; color: #fff; font-weight: 700; font-size: 0.3rem; padding: 2% 0; float: left; margin: 4% 0  0 4%}

.con2two{background: #f8d7bf; color: #46230a;width:100%; margin-top: 6%; }
.con2two h4{font-size: 0.46rem; color: #333; text-align: center; width:100%; padding: 8% 0 3%; font-weight: normal}
.sypjs2{border-radius: 1em; border: 1px dashed #46230a; background: #fff; width:92%; margin: 4% auto 0; padding: 2% 2% 8% 0; position: relative;}
.sypjs2 h3{font-size: .3rem; line-height: 1.2em; font-weight: normal; padding:2% 0 2% 16%; width:78%; margin-left: 2%}
.sypjs2 h3 span{font-size: 0.36rem; font-weight: 700;}
.sypjs2 ul{width:100%; padding-bottom:6%;}
.sypjs2 .pp{ font-size: 0.3rem; font-weight: 700; padding:2% 0 0 2%;}
.sypjs2 li{width:23%; float: left; padding: 1% 0 0 2%;}
.sypjs2 .co{font-size: 0.26rem; line-height: 1.4em; padding-top: 1%;}
.sypjs2 .ppcon{line-height: 1.5em; padding: 1% 0 0 2%; font-size: 0.28rem;}
.sypjs2 .ppcon span{font-weight: 700; color: #a56232}
.sypjs2 .nember{position: absolute;width:11%; top:5%; left: 2%;}
.sypjs2 .click{position: absolute;width:42%;border-radius: 2em; background: #a56232; text-align: center; color: #fff; font-weight: 700; font-size: 0.3rem; padding: 2% 0;}
.sypjs2 .click1{bottom:-5%; left: 4%;animation: updown 2s 0s ease both infinite;}
.sypjs2 .click2{bottom:-5%; right: 4%;animation: updown 2.5s 0s ease both infinite;}
.case2{position: relative; width:100%; color: #333; padding-bottom: 5%}
.case2 .co1{position: absolute; font-size: 0.26rem; line-height: 1.2em;top:2%; left: 15%}
.case2 .co2{position: absolute; font-size: 0.26rem;line-height: 1.2em; top:18%; left: 15%}
.case2 .pp1{width:8%;position: absolute;top:0; left: 4%}
.case2 .pp2{width:8%;position: absolute;top:16%; left: 4%}
.case2 .ppp{position: absolute; font-size: 0.3rem; font-weight: 700; width:50%; top:30%; left: 4%}
.case2 .ppp span{border-radius: 2em; padding: 1.5% 3%; border: 1px dashed #a56232; font-size: 0.26rem; text-align: center; margin-left: 4%; color: #a56232; }
.case2 .click{width:42%;border-radius: 2em; background: #a56232; text-align: center; color: #fff; font-weight: 700; font-size: 0.3rem; padding: 2% 0; float: left; margin: 4% 0  0 4%}
.case2 .p1{width:6.1%;position: absolute;top:27%; left: 29%;animation: updown 2s 0s ease both infinite;}




.con2three{background: #ffe5ee; color: #333;width:100%; margin-top: 6%; }
.con2three h4{font-size: 0.46rem; color: #333; text-align: center; width:100%; padding: 8% 0 3%; font-weight: normal}
.sypjs3{border-radius: 1em; border: 1px dashed #46230a; background: #fff; width:92%; margin: 4% auto 0; padding: 2% 2% 8% 0; position: relative;}
.sypjs3 h3{font-size: .3rem; line-height: 1.2em; font-weight: normal; padding:2% 0 2% 16%; width:78%; margin-left: 2%}
.sypjs3 h3 span{font-size: 0.36rem; font-weight: 700;}
.sypjs3 ul{width:100%; padding-bottom:6%;}
.sypjs3 .pp{ font-size: 0.3rem; font-weight: 700; padding:2% 0 0 2%;}
.sypjs3 li{width:23%; float: left; padding: 1% 0 0 2%;}
.sypjs3 .co{font-size: 0.26rem; line-height: 1.4em; padding-top: 1%;}
.sypjs3 .ppcon{line-height: 1.5em; padding: 1% 0 0 2%; font-size: 0.28rem;}
.sypjs3 .ppcon span{font-weight: 700; color: #fd7ba8}
.sypjs3 .nember{position: absolute;width:11%; top:5%; left: 2%;}
.sypjs3 .click{position: absolute;width:42%;border-radius: 2em; background: #fd7ba8; text-align: center; color: #fff; font-weight: 700; font-size: 0.3rem; padding: 2% 0;}
.sypjs3 .click1{bottom:-5%; left: 4%;animation: updown 2s 0s ease both infinite;}
.sypjs3 .click2{bottom:-5%; right: 4%;animation: updown 2.5s 0s ease both infinite;}
.case3{position: relative; width:100%; color: #333; padding-bottom: 5%}
.case3 .co1{position: absolute; font-size: 0.26rem; line-height: 1.2em;top:0%; left: 15%}
.case3 .co2{position: absolute; font-size: 0.26rem;line-height: 1.2em; top:18%; left: 15%}
.case3 .pp1{width:8%;position: absolute;top:0; left: 4%}
.case3 .pp2{width:8%;position: absolute;top:16%; left: 4%}
.case3 .ppp{position: absolute; font-size: 0.3rem; font-weight: 700; width:50%; top:30%; left: 4%}
.case3 .ppp span{border-radius: 2em; padding: 1.5% 3%; border: 1px dashed #fd7ba8; font-size: 0.26rem; text-align: center; margin-left: 4%; color: #fd7ba8; }
.case3 .pppp{position: absolute; border-radius: 2em; padding: 1% 3%; border: 1px dashed #fd7ba8; font-size: 0.26rem; text-align: center; margin-left: 4%; color: #fd7ba8; font-weight: 700; top:36%; left: 14% }

.case3 .click{width:42%;border-radius: 2em; background: #fd7ba8; text-align: center; color: #fff; font-weight: 700; font-size: 0.3rem; padding: 2% 0; float: left; margin: 4% 0  0 4%}
.case3 .p1{width:6.1%;position: absolute;top:27%; left: 29%;animation: updown 2s 0s ease both infinite;}
.case3 .p2{width:6.1%;position: absolute;top:34%; left: 38%;animation: updown 2s 0s ease both infinite;}




.con3{width:100%; padding:2% 0 8%; }
.con3 h1{font-size: 0.64rem; color: #333; text-align: center; font-weight: normal}
.con3 h2{font-size: 0.64rem;text-align: center; color: #333;line-height: 1em;}
.con3 h2 span{font-size: 0.4rem;text-transform:uppercase; font-weight: lighter; color: #cbc9ce }
.con3one{position: relative; margin-top: 4%;}
.con3one h2{position: absolute; top:0%; left:6%; font-size: 0.46rem;  color: #333;}
.con3one h3{position: absolute; top:-0.5%; left:6%; font-size: 0.46rem;  color: #333;}
.con3one .co1{position: absolute; top:36%; left:49%; font-size: 0.34rem; color: #666; line-height: 1.6em; width:43%; }
.con3one .co1 span{color: #7a52b7; font-weight: bold;}
.con3 .clickbtn{ border-radius:4em; padding: 1%; background-image:-webkit-linear-gradient(left,#894fc8,#e782df); width:70%;  margin: 4% auto 0;animation: updown 2s 0s ease both infinite;}
.con3 .clickbtn .co{font-weight: bold; color: #fff;border-radius:1.5em; padding: 2%; border: 1px solid #fff; font-size: 0.46rem;text-align: center;}

.con7{width:100%; padding-top:1%; background: #d3c4fa; padding-bottom:7%;}
.con7 h1{text-align: center; font-size: 0.66rem; color: #333;}
.con7 h2{font-size: 0.46rem; text-align: center;  color: #333;font-weight: normal;}
.con6one{padding: 5% 0; position: relative;}
.con6one .co1{position: absolute; top:16%; left:8%; color: #333; font-weight: bold; font-size: 0.6rem}
.con6one .co2{position: absolute; top:27%; left:8%;color: #333; font-size: 0.3rem}
.con6one .co3{position: absolute; top:33%; left:8%;font-size: 0.3rem; color: #7a52b7;}
.con7 li{float: left;  font-size: 0.3rem; color: #666; line-height: 1.4em; }
.con7 .pp1{width:28%;padding: 1% 0 0 5%;}
.con7 .pp2{width:28%;padding: 1% 0 0 3%;}
.con7 .pp3{width:40%;padding: 1% 0 0 7%; text-align: center;}
.con7 .clickbtn{ border-radius:4em; padding: 1%; background-image:-webkit-linear-gradient(left,#894fc8,#e782df); width:70%;  margin: 5% auto 0;animation: updown 2s 0s ease both infinite;}
.con7 .clickbtn .co{font-weight: bold; color: #fff;border-radius:1.5em; padding: 2%; border: 1px solid #fff; font-size: 0.46rem;text-align: center;}

.clickbtn10{ border-radius:4em; padding: 1%; background-image:-webkit-linear-gradient(left,#894fc8,#e782df); margin: 9% auto 0;width:92%;text-align:center;}
.clickbtn10 .co{ color: #fff;border-radius:1.6em; padding: 2%; border: 0.017rem solid #fff; font-size: 0.32rem;text-align: center;}

.con4{width:100%; padding-top:6%; }
.con4 h1{font-size: 0.64rem; color: #333; text-align: center; font-weight: normal}
.con4 h2{font-size: 0.64rem;text-align: center; color: #333;line-height: 1em;}
.con4 h2 span{font-size: 0.4rem;text-transform:uppercase; font-weight: lighter; color: #cbc9ce }
.ysbox{display:block;width:100%; position:relative;}
.ysbox h3{width:66%;position:absolute;color:#383838;font-weight:600; font-size:.6rem; left:0;top:10%; text-align:center;}
.ysbox h3 span{font-size:.37rem;font-weight:normal;}
.ysbox h3 p{font-size:.37rem; color:#383838; font-weight:normal;}
.ysbox dl{ position:absolute;width:66%;left:0; top:32%;text-align:center;}
.ysbox dl dt{display:inline-block;font-size:.33rem;color:#fff; background:#7745c3; margin-bottom:2%; padding:.1em 1em; border-radius:1.2em;}
.ysbox dl dd span{display:inline-block;margin-left:1%; text-align:center; font-size:.3rem;color:#60338f; border:.02rem dotted #60338f; padding:0.2em 0.5em; border-radius:1.4em; box-sizing:border-box;}
.ysbox .p2{width:66%;position:absolute; font-size:.32rem;color:#494949; left:0; top:52%; text-align:center;}
.ysbox .p2 span{color:#7745c3;font-weight:600;}
.ysbox .p1{ position:absolute; font-size:.3rem;color:#966b2e; left:0; top:72%; width:66%; text-align:center;}
.ysbox .p1 span{color:#343434; margin-right:3%;}
.ysbox .btn{position:absolute; display:inline-block; left:6%;top:82%; background:#2b2b2b;color:#fff; font-size:.33rem; padding:.5em 1em;}
.ysbox .btn i{display:inline-block; width:.3rem; vertical-align:middle;}

.ysbox .btn1{position:absolute; display:inline-block; left:34%;top:82%; background:#966b2e;color:#fff; font-size:.33rem; padding:.5em 1em;}
.ysbox .btn1 i{display:inline-block; width:.3rem; vertical-align:middle;}

#zjswiper{width:100%; margin:1% auto 0;}
#zjswiper .swiper-pagination-bullet-active{ background:#7745c3}
#zjswiper .swiper-pagination{bottom:5px;}














@keyframes ftimg{
	0%{-webkit-transform:scale(1)}
	50%{-webkit-transform:scale(1.05)}
	100%{-webkit-transform:scale(1)}
}
@keyframes updown{
	0%{opacity:1;transform:translateY(0)}
	50%{opacity:1;transform:translateY(-10px)}
	100%{opacity:1;transform:translateY(0px)}
}
@keyframes zy{
	0%{opacity:1;transform:translateX(0px)}
	50%{opacity:1;transform:translateX(10px)}
	100%{opacity:1;transform:translateX(0px)}
}