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


.headerbanner{width:100%; margin:0 auto; position:relative;}

#bannerswiper .swiper-pagination-bullet-active{ background:#7745c3}

.con1{width:100%; background: #7a52b7;}
.con1con{background: #fff; width:95%; margin: 0 auto;}
.con1con .tt{width:78%; margin: 0 auto;}
.con1con li{float:left; width:33%; text-align: center; margin: 4% 0 2% 0; }
.con1con li img{width:78%}
.con1con .co1{ color: #888; font-size: 0.26rem; line-height: 1.2em;}
.con1con .clickbtn1{ border-radius:1.5em; padding: 3%; background: #7a52b7; width:60%; font-size: 0.3rem; font-weight: bold; color: #fff; margin: 5% auto 0;}
.con1con .clickbtn2{ border-radius:4em; padding: 1%; background-image:-webkit-linear-gradient(left,#894fc8,#e782df); width:70%;  margin: 10% auto 0;animation: updown 2s 0s ease both infinite;}
.con1con .clickbtn2 .co{font-weight: bold; color: #fff;border-radius:1.5em; padding: 2%; border: 1px solid #fff; font-size: 0.46rem;text-align: center;}


.con2{width:100%; padding: 0 0 4%; background-image:-webkit-linear-gradient(left,#c5b6f4,#e2aaea);}
.con2 .dian{    position: relative;
    padding-top: 2%;}
.con2 .dian .biao{top: -18%;
    position: absolute;
    width: 13%;
    left: 5%;}
.con2 h2{font-size: 0.34rem; text-align: center; padding-top: 3%; color: #fff}
.con2 h2 span{ font-weight: bold; color: #7a52b7}
.con2 h3{font-size: 0.34rem;text-align: center;color: #fff; font-weight: normal;padding-top: 1%;}
.con2 h3 span{ font-weight: bold; color: #7a52b7}

.con2case{width:100%; margin-top: 4%; }

.con2case .c .left{float: right;
    width: 58.7%; margin-top: 3%; position: relative;
	
    }
.con2case .c .right{width:41%;
    float: left;    margin-top: 5%;}
.con2case .c .right p{font-size: 0.3rem; padding-left: 5%; color: #333;margin-top:4%;margin-left: 2%;}
.con2con{width:94.5%; margin: 0 auto; background: #fff; padding-top:1% }

.con2con dt{width:100%;}

.con2con dd{width: 91%;
    padding-bottom: 3%;
    font-size: 0.32rem;
    padding-left: 5%;
    color: #333; position: relative;}
.con2con dd img{width: 16%;
    float: left;
    margin-right: 4%;vertical-align: middle;}
.con2con dd span{font-weight:600;}
.keyword{position:relative;padding: 1% 5%; border: 1px solid #f088e1; color: #f088e1;border-radius:1.5em; }
.keyword i{display: block;
    width: 4.66rem;
    position: absolute;
    right: -142%;
    top: -38%;
    animation: updown 3s 0s ease both infinite;}


.con2con .line{border-bottom: 3px solid #ccb3f1; margin-top: 20%;}
.con2con .clickbtn3{ border-radius:4em; padding: 1%; background-image:-webkit-linear-gradient(left,#894fc8,#e782df); width:76%;  margin: 6% auto 0;animation: updown 2s 0s ease both infinite;}
.con2con .clickbtn3 .co{font-weight: bold; color: #fff;border-radius:1.5em; padding: 2%; border: 1px solid #fff; font-size: 0.46rem;text-align: center;}




.con3{width:100%; padding:0 0;}
.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;}







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




.con5{width:100%;  }
.con5 li{float: left; padding: 1% 0 0 1%;}
.con5 .co1{width:32%;}
.con5 .co2{width:48.5%;}









.con6{width:100%; padding-top:0; background: #d3c4fb;padding-bottom: 5%;
    margin-bottom: 7%;}
.con6 h1{text-align: center; font-size: 0.66rem; color: #333;}
.con6 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;}
.con6 li{float: left;  font-size: 0.3rem; color: #666; line-height: 1.4em; }
.con6 .pp1{width:28%;padding: 1% 0 0 5%;}
.con6 .pp2{width:28%;padding: 1% 0 0 3%;}
.con6 .pp3{width:40%;padding: 1% 0 0 7%; text-align: center;}
.con6 .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;}
.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;}

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



.con7{width:100%; padding-top:1%;}
.con7 h1{text-align: center; font-size: 0.7rem; color: #333;}
.con7con{width:100%; background: url(../images/bg.jpg) repeat-y; background-size: contain; padding-bottom: 10%;}
.con7con li{float: left; width:38%; font-size: 0.3rem; line-height: 1.4em; color: #333; }
.con7con .pp1{padding: 3% 0 0 8%;}
.con7con .pp2{padding: 3% 0 0 10%;}
.con7 .clickbtn{ border-radius:4em; padding: 1%; background-image:-webkit-linear-gradient(left,#894fc8,#e782df); width:70%;  margin: 6% 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;}


.ybad{ width: 90%; margin: 5% auto 2%; display: block; padding: 3%; border-radius: 0.2rem; background: #7a52b7; position: relative}
.nt{ width:15%; display: block; position: absolute; left: 12%; top: 5%;animation: zy 2.6s 0s ease both infinite;}
.nv1{ width:44%; text-align: center; margin: 1% auto;}
.ybad ul{ width: 100%; float:left; margin: 3% 0 6% 0}
.ybad ul li{float:left; padding: 1%; text-align: center; width: 20.5%; margin: 0.6% 1%; background: #f9dfff; border-radius: 0.1rem; border: 0.016rem dashed #333; color: #333; font-size: 0.32rem;}
.ybad a{ width: 100%; display: block; color: #333}
.ybad ul li.last{ background: #f088e1;}
.ybad ul li.last a{color: #fff}
.wjbtn{ width: 63%; position: absolute; left: 20%; bottom:-15%; background: url(../images/wjbtn.png) no-repeat; background-size: 100%; text-align: center; font-size: 0.36rem; font-weight: 600; padding: 1.6% 0 3% 0;animation: updown 2s 0s ease both infinite;}

.xxb1{ width: 94%; margin: 0% auto; position: relative; display: block; padding: 2% 0 0 0}
.b1{background: url(../images/cp1-3b00.png) no-repeat; background-size: 100%; height: 6.2rem; }
.b2{background: url(../images/cp2-3b00.png) no-repeat; background-size: 100%; height: 6.2rem; }
.b3{background: url(../images/cp3-3b00.png) no-repeat; background-size: 100%; height: 6.2rem; }
.b4{background: url(../images/cp4.jpg) no-repeat; background-size: 100%; height: 6.2rem; }
.xxb1 ul{ display: block; width: 78%; margin: 26% auto 0; overflow: hidden; padding-left: 6.5%}
.xxb1 ul li{ float:left; width:28%;background: url(../images/ibg-1.png) no-repeat; background-size: 100%; height: 1.5rem; text-align: center; color: #333; font-size: 0.3rem; padding-top:7.5%; margin: 23% 5% 0 0;}
.xxb1 ul li a{ width: 100%; display: block; color: #333}

.con2con .clickbtn1{ border-radius:4em; padding: 0.5%; background-image:linear-gradient(90deg,#5828ac,#8e5bce); width:54%; float:left; margin: 1% 1% 0 3%;animation: updown 2s 0s ease both infinite;}
.con2con .clickbtn1 .co{font-weight: bold; color: #fff;border-radius:1.5em; padding: 2% 0;   border: 1px solid #fff; font-size: 0.3rem;text-align: center;}
.con2con .clickbtn2{ border-radius:4em; padding: 0.5%; background-image:linear-gradient(90deg,#d042cf,#e47ae4); width:37%; float:left; margin-top: 1%;animation: updown 2s 0s ease both infinite; }
.con2con .clickbtn2 .co{font-weight: bold; color: #fff;border-radius:1.5em; padding: 3% 0;  border: 1px solid #fff; font-size: 0.3rem;text-align: center;}
.c{ display: block; margin-top: 8%;}
.rqpj{ display: block; float:left; border-bottom:0.016rem dashed #eeaeee; padding-bottom: 7%}
.rqpj span{ float:left; width: 24%; margin-right: 3%;}
.rqpj font{ float:left; width: 73%;}
.con2con dl{margin-top:5%;}
.mx{ position: absolute; width: 10.3%; right: 9%; top:1%;}
.rpp{display: block;
    width: 4.66rem;
    position: absolute;
    right:3%;
    top:-50%;
    animation: zy 3s 0s ease both infinite;}

.onecon{padding-top:2%; position: relative; color: #01033c}
.onecon h1{font-size: 0.32rem; text-decoration: underline; padding-left: 24% }
.onecon .bq1{width:10.98%; position: absolute; top:42%; left: 8%;}




@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)}
}