.conqa{width:100%;background: url(../images/qabg1.jpg); background-size: 100%; height: 7.9rem;}
.conqa .text{width:66.7%;margin:0 auto}


.conqa .co{padding:5% 0;color:#333; text-align: center}
.conqa ul{margin-top: 4%;}
.conqa li{width:46.4%;background:#f5cfb2;border-radius:3rem;font-size:.34rem;float:left;margin:3% 0 0 2.4%; color: #333}
.conqa li a{display:block; width:100%;}
.conqa .click{width:50%;padding:2% 0; margin: 4% auto 0; border-radius: 2em; font-size: 0.4rem; font-weight: 700; color: #fff; background: #ff2f60; text-align: center;}
.conqa h1{width:100%;font-size:.68rem;color:#f5cfb2;font-weight:600;text-align:center;display:block; padding-bottom:0.4%}
.conqa h1 i{line-height:150%;color:#f5cfb2;text-align:center;font-style:Normal;font-weight:200; padding-left: 2%}





.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:17%;top:82%; background:#2b2b2b;color:#fff; font-size:.33rem; padding:.5em 1em;}
.ysbox .btn i{display:inline-block; width:.3rem; vertical-align:middle;}

#zjswiper{width:100%; margin:5% auto 0; padding-bottom:6%;}
#zjswiper .swiper-pagination-bullet-active{ background:#7745c3}
.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:17%;top:82%; background:#2b2b2b;color:#fff; font-size:.33rem; padding:.5em 1em;}
.ysbox .btn i{display:inline-block; width:.3rem; vertical-align:middle;}

#zjswiper{width:100%; margin:5% auto 0; padding-bottom:6%;}
#zjswiper .swiper-pagination-bullet-active{ background:#7745c3}
.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:17%;top:82%; background:#2b2b2b;color:#fff; font-size:.33rem; padding:.5em 1em;}
.ysbox .btn i{display:inline-block; width:.3rem; vertical-align:middle;}

#zjswiper{width:100%; margin:5% auto 0; padding-bottom:6%;}
#zjswiper .swiper-pagination-bullet-active{ background:#7745c3}
.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:17%;top:82%; background:#2b2b2b;color:#fff; font-size:.33rem; padding:.5em 1em;}
.ysbox .btn i{display:inline-block; width:.3rem; vertical-align:middle;}

#zjswiper{width:100%; margin:5% auto 0; padding-bottom:6%;}
#zjswiper .swiper-pagination-bullet-active{ background:#7745c3}
.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;}

.con3two{position: relative; margin-top: 4%;}
.con3two h2{position: absolute; top:16%; left:10%; font-size: 0.46rem;  color: #333;}
.con3two .co1{position: absolute; top:36%; left:10%; font-size: 0.34rem; color: #666; line-height: 1.4em; width:43%; }
.con3two .co1 span{color: #7a52b7; font-weight: bold;}
.con6 .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;}
.con6 .clickbtn .co{font-weight: bold; color: #fff;border-radius:1.5em; padding: 2%; border: 1px solid #fff; font-size: 0.46rem;text-align: center;}

.con3 .xtt{width:100%; margin:5% auto 0; position:relative;}
.con3 .xtt p{font-size:.4rem;color:#fff; position:absolute; left:20%; top:26%;}
.con3 .xtt p span{font-weight:600;}

.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;}

.con3two{position: relative; margin-top: 4%;}
.con3two h2{position: absolute; top:16%; left:10%; font-size: 0.46rem;  color: #333;}
.con3two .co1{position: absolute; top:36%; left:10%; font-size: 0.34rem; color: #666; line-height: 1.4em; width:43%; }
.con3two .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;}

.con3 .xtt{width:100%; margin:5% auto 0; position:relative;}
.con3 .xtt p{font-size:.4rem;color:#fff; position:absolute; left:20%; top:26%;}
.con3 .xtt p span{font-weight:600;}
.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;}

.con3two{position: relative; margin-top: 4%;}
.con3two h2{position: absolute; top:16%; left:10%; font-size: 0.46rem;  color: #333;}
.con3two .co1{position: absolute; top:36%; left:10%; font-size: 0.34rem; color: #666; line-height: 1.4em; width:43%; }
.con3two .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;}

.con3 .xtt{width:100%; margin:5% auto 0; position:relative;}
.con3 .xtt p{font-size:.4rem;color:#fff; position:absolute; left:20%; top:26%;}
.con3 .xtt p span{font-weight:600;}
*{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%}
.tounav{width:100%;font-size:.3rem;margin:0 auto;position:relative;overflow:hidden;font-weight:700;background:#000}
.tounav li{float:left;text-align:center;height:2.2em;padding-top:3%}
.tounav1{width:19.8%;border-right:0.015rem solid #535353}
.tounav2{width:19.5%}
.tounav a{color:#fff}
.headerbanner{width:100%;position:relative}
.headerbanner .click{position:absolute;width:27.8%;top:77%;left:38%;animation:updown 2.5s 0s ease both infinite}
.click .an{position:relative}
.click .co{position:absolute;top:14%;left:10%;font-size:.42rem;color:#000}
.conbq{width:100%;background:#c2f1f7}
.conbq li{width:26%;float:left;margin:0 2% 0 4%;position:relative}
.conbq h1{font-size:.4rem;color:#fff;position:absolute;top:28%;left:26%;text-align:center}
.conbq h1 span{font-size:.28rem;line-height:1.2em;font-weight:400}
.conbq h2{font-size:.4rem;color:#fff;position:absolute;top:28%;left:21%;text-align:center}
.conbq h2 span{font-size:.28rem;line-height:1.2em;font-weight:400}
.conbq h3{font-size:.4rem;color:#f6586f;position:absolute;top:28%;left:24%;text-align:center}
.conbq h3 span{font-size:.28rem;line-height:1.2em;font-weight:400}
.pfc1{width:15.3%;display:block;position:absolute;right:2.6%;top:-20%;animation:zy 2s 0s ease both infinite}
.pfc2{width:15.3%;display:block;position:absolute;right:2.6%;top:2%;animation:zy 2s 0s ease both infinite}
.con1{width:100%;padding:8% 0 0%}
.con1 .text{width:66.7%;margin:0 auto}


h1{width:100%;font-size:.68rem;color:#000;font-weight:600;text-align:center;display:block; padding-bottom:0.4%}
h1 i{line-height:150%;color:#000;text-align:center;font-style:Normal;font-weight:200; padding-left: 2%}
.con1 .co{padding:5% 0;color:#333; text-align: center}
.con1 li{width:46.4%;background:#f5cfb2;border-radius:3rem;font-size:.34rem;float:left;margin:2% 0 0 2.4%; color: #333}
.con1 li a{display:block; width:100%;}
.con1 .dul{ padding: 2% 0; overflow: hidden; width: 100%;}
.con1 .click{width:18.3%;padding:1.5% 1.5%;float:right;}
.con1 .clickbtn{position:relative;width:54%;margin:6% auto 2%;font-size:.4rem;font-weight:700;color:#fff;background:#e47b2d;text-align:center;padding:2% 0;border-radius:1.5em;animation:updown 2s 0s ease both infinite;box-shadow:0 .05rem 0 0 #9f490a}
.con1{width:100%;background:url(../images/banner2.jpg) no-repeat top; background-size:100%;}

.con3left{float:left;width:38%;margin:6% 0 2% 6%}
.con3left h2{color:#5d2309;font-size:.38rem;padding-bottom:2%}
.con3left .co{padding:1% 3%;background:#fcca69;color:#470b00;border-radius:.3em;font-size:.28rem;float:left;margin:2% 5% 1% 0}
.con3left .pp{width:100%;padding-top:8%;font-size:.32rem;font-weight:700;color:#470b00}
.con3left .pp span{color:#d21b08}
.con3right{float:left;width:48%;margin:6% 0 2% 6%}
.con3right h2{color:#5d2309;font-size:.38rem}
.con3right .co{padding:1% 3%;background:#fcca69;color:#470b00;border-radius:.3em;font-size:.28rem;float:left;margin:2% 5% 0 0}
.con3right .pp{width:100%;padding-top:7.5%;font-size:.32rem;font-weight:700;color:#470b00}
.con3right .pp span{color:#d21b08}
.con88{width:100%}
.con88one{position:relative;margin-top:4%}
.con88one h2{position:absolute;top:0;left:6%;font-size:.46rem;color:#333}
.con88one h3{position:absolute;top:-.5%;left:6%;font-size:.46rem;color:#333}
.con88one .co1{position:absolute;top:32%;left:49%;font-size:.34rem;color:#666;line-height:1.6em;width:43%}
.con88one .co1 span{color:#7a52b7;font-weight:700}


.con6{width:100%;background:#fff;padding:8% 0}

@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(-6px)}
100%{opacity:1;transform:translateY(0)}
}
@keyframes zy{0%{opacity:1;transform:translateX(0)}
50%{opacity:1;transform:translateX(5px)}
100%{opacity:1;transform:translateX(0)}
}


.con2{width:94%; margin:25% auto 0%; padding-bottom: 3%; background-image:linear-gradient(180deg,#fee6cf,#fdb882); height: auto; border-radius: 0.25rem; position: relative;}
.con2 .ad1{width:89.06%; margin-top: -20%;float: left; display: block; margin-left: 5.5%;}
.con3{width:94%; margin:25% auto 0%; padding-bottom: 3%; background-image:linear-gradient(180deg,#9ea2de,#6c70c5); height: auto; border-radius: 0.25rem; position: relative;}
.con3 .ad1{width:89.06%; margin-top: -20%;float: left; display: block; margin-left: 5.5%;}
.con4{width:94%; margin:25% auto 0%; padding-bottom: 3%; background-image:linear-gradient(180deg,#ffeaf4,#ffc4dd); height: auto; border-radius: 0.25rem; position: relative;}
.con4 .ad1{width:89.06%; margin-top: -20%;float: left; display: block; margin-left: 5.5%;}
.casediv{width:94%; float:left;padding:1% 0;position:relative;border-radius:.2rem; margin-left: 3%;}
.casett{width:100%;margin:5% auto 0;position:relative;text-align:center;}
.casett p{text-align:center;font-size:.48rem;color:#333;font-weight:600;display:inline-block;}
.casems{margin:1.5% 5%;font-size:.32rem;display:block;float:left;width:90%}
.casems strong{font-weight:600;color:#fff}
.casems span{display:inline-block;margin-left:1%;padding:.1em 1em;border:1px solid #ef9c77;color:#ef9c77;border-radius:1.2em}
.casems font{font-size:.3rem;color:#323232}
.casediv ul{width:95%;margin:3% auto}
.casediv ul li{width:47%;float:left;margin-left:2%}
.casepj{width:100%;padding: 2% 0; overflow:hidden;  margin:0 auto}
.casepj span{ width: 9.7%; display:block;float:left; margin-right: 2%;}

.casepj p{width:87%;float:left;margin-left:1%;line-height:1.5em;font-size:.30rem;color:#323232; }

.caseclick{width:46%;float: left; overflow:hidden;padding-bottom:3%; margin: 2% 2% 0 2%;}
.caseclick a{display:block;background-image:linear-gradient(90deg,#eea258,#e2722a);font-size:.32rem;text-align:center;padding:.5em 0;border-radius:2em;font-weight:600; position: relative; color: #fff;}


.caseclick .shou{ position: absolute; right: 6%; top: 30%; width: 7%;animation:updown 1.5s 0s ease both infinite}

.caseclick1{width:95%;margin:4% auto 2%;overflow:hidden;padding-bottom:3%;}
.caseclick1 a{display:block;width:70%;margin:0% auto;background-image:linear-gradient(90deg,#f2795b,#e9482d);box-shadow:0 0.1rem .2rem .1rem rgba(223,158,126,.4); color:#fff;font-size:.38rem;text-align:center;padding:.5em 0;border-radius:2em;font-weight:600; position: relative}
.caseclick1 .shou{ position: absolute; right: 6%; top: 30%; width: 7%;animation:updown 1.5s 0s ease both infinite}
.caseclick1 span{ font-weight: 200}
.caseull dt{width:100%;}
.caseull{ position: relative; width: 100%; overflow: hidden}
.caseull .pp{width:46%; padding: 4% 0 4% 2.8%; float:left;}
.dbtu{ position: absolute; width:6.7%; left: 46.7%; top: 45%; }
.caseclick2{width:46%;float: left; overflow:hidden;padding-bottom:3%; margin: 2% 2% 0 2%;}
.caseclick2 a{display:block;background-image:linear-gradient(90deg,#e9c961,#d9a831);color:#4c3500;font-size:.32rem;text-align:center;padding:.5em 0;border-radius:2em;font-weight:600; position: relative;}
.caseclick2 .shou{ position: absolute; right: 6%; top: 30%; width: 7%;animation:updown 1.5s 0s ease both infinite}
.caseclick2 span{ font-weight: 200}
.caseclick3{width:95%;margin:4% auto 2%;overflow:hidden;padding-bottom:3%;}
.caseclick3 a{display:block;width:70%;margin:0% auto;background-image:linear-gradient(90deg,#f78363,#f15234);box-shadow:0 0.1rem .2rem .1rem rgba(68,56,107,.4); color:#fff;font-size:.38rem;text-align:center;padding:.5em 0;border-radius:2em;font-weight:600; position: relative}
.caseclick3 .shou{ position: absolute; right: 6%; top: 30%; width: 7%;animation:updown 1.5s 0s ease both infinite}
.caseclick3 span{ font-weight: 200}
.caseclick4{width:46%;float: left; overflow:hidden;padding-bottom:3%; margin: 2% 2% 0 2%;}
.caseclick4 a{display:block;background-image:linear-gradient(90deg,#f78a70,#f1593f);font-size:.32rem;text-align:center;padding:.5em 0;border-radius:2em;font-weight:600; position: relative; color: #fff;}

.caseclick4 .shou{ position: absolute; right: 6%; top: 30%; width: 7%;animation:updown 1.5s 0s ease both infinite}
.caseclick4 span{ font-weight: 200}

.caseclick5{width:95%;margin:4% auto 2%;overflow:hidden;padding-bottom:3%;}
.caseclick5 a{display:block;width:70%;margin:0% auto;background-image:linear-gradient(90deg,#ee6173,#e23142);box-shadow:0 0.1rem .2rem .1rem rgba(221,158,160,.4); color:#fff;font-size:.38rem;text-align:center;padding:.5em 0;border-radius:2em;font-weight:600; position: relative}
.caseclick5 .shou{ position: absolute; right: 6%; top: 30%; width: 7%;animation:updown 1.5s 0s ease both infinite}
.caseclick5 span{ font-weight: 200}
.pj span{ width: 13.4%; display:block;float:left; margin-right: 0%; }
.pj {padding: 0;padding-bottom: 1%}
.lan{border-bottom:0.015rem dashed #a9abd9}
/*.lans{background:url(../images/titbg3.png) no-repeat center;background-size:100%;}
*/
.pj1 span{ width: 13.4%; display:block;float:left; margin-right: 0%; }

.pj1{width:87.3%;padding: 2% 0; overflow:hidden; position:absolute; left:0; top:6%; }

.con5{width:100%; padding:5% 0 3% 0; background-image:-webkit-linear-gradient(-90deg,#fbc8bf,#f5c083);background-image:linear-gradient(180deg,#fbc8bf,#f5c083); margin-top: 8%; position: relative}
.con5 .tt{width:63%; margin:7% auto 5%;}
.caseul{width:100%; margin:5% auto;}
.caseul li{width:33%;float:left; margin-left:11.8%; margin-top:20%; position:relative; margin-bottom:7%; position: relative}
.caseul li .img{width:130%; position:absolute; left:-15%; top:-47%;}
.caseul li dl{width:100%; text-align:center; color:#3c3c3c; position:absolute; left:0; top:55%;}
.caseul li dl dt{font-size:.32rem;}
.caseul li dl dd{font-size:.6rem; margin-top: 9.4%;}
.caseul li dl dd span{color:#fd6a4d;}
.caseul li dl dd i{font-style:normal; display:inline-block; background:#e74646; color:#fff; padding:0 .3em;}

.caseul li .casebtn{display:block;width:70%; position:absolute; left:15%; bottom:-8%; padding:.5em 0; border-radius:2em; border-bottom:2px solid #af88c5;
background-image:-webkit-linear-gradient(0deg,#bea8ef,#a381ec);background-image:linear-gradient(90deg,#bea8ef,#a381ec); text-align:center; font-size:.32rem; color:#fff;animation: updown 3s 0s ease both infinite;}
.ddbq{width:41.8%;display:block;position:absolute;left:-20%;top:45%;animation:zy 2s 0s ease both infinite}

.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;}

.con8{width:100%; padding-top:1%;margin-top:7%;}
.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;}

.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;}


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

.con5-1{width:100%;}
.con5-1 li{float: left; padding: 4% 0 0 1%;}
.con5-1 .co1{width:32%;}
.con5-1 .co2{width:48.5%;}
.con5-1 a{ color:#000;}
.con5-1 a p{display:block; }



.newc{width:30%;position:absolute;left:16%;top:-110%;animation:updown 2.5s 0s ease both infinite}
.cased{ margin-top:1%;}