*{ 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;}

.con1{width:100%; margin-top:3%; }
.con1con{background: #fff; width:100%; margin: 0 auto;}
.con1con .tt{width:100%; margin: 0 auto; font-size: 0.7rem; text-align: center; font-weight: bold; color: #333;}
.con1con li{float:left; width:33%; text-align: center; margin: 2% 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: 2%; background: #49346d; 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%; margin-top: 10%; background:#392c5a; padding-bottom: 10%;}
.con2text{width:100%;position: relative;}
.con2text h1{position: absolute;width:100%; top:10%;text-align: center; font-size: 0.7rem; color: #fff;}
.con2text h2{position: absolute;width:100%; top:50%;font-size: 0.34rem; text-align: center; padding-top: 3%; color: #a994bf;font-weight: normal;}
.con2text h2 span{ font-weight: bold; color: #f088e1}
.con2text h3{position: absolute;width:100%; top:70%;font-size: 0.34rem;text-align: center;color: #a994bf; font-weight: normal;padding-top: 1%;}
.con2text h3 span{ font-weight: bold; color: #f088e1}

.onebg{ background:#59448c;width:96%; margin: 6% auto 0; padding: 1%; border-radius: 1em; position: relative;}
.twobg{ background:#fff;width:98%; margin: 0 auto; padding: 1%;border-radius: 1em}
.threebg{ background:#fff; border: 2px dashed #999;width:95%; margin: 0 auto; padding: 2%;border-radius: 1em}
.tytou{position: absolute; top:-3%; left:18%; width:65.5%;}

.tytext{position: relative; }
.tytext .text{position: absolute; width:100%; top:10%;text-align: center; font-size: 0.5rem; color: #3c3c3c}
.con2con{width:100%; margin: 0 auto; background: #fff; }
.con2con dt{width:100%; padding-top: 4%;}
.con2con .pp{width:46%; padding: 4% 0 4% 2.6%; float:left;}

.con2con dd{padding-bottom: 2%;font-size: 0.34rem; padding-left: 2%; color: #333; width:96%;float:left;}
.keyword{padding: 1% 5%; border: 1px dashed #999; color: #f088e1;border-radius:1.5em; margin-left: 2%;}
.con2con .clickbtn1{ border-radius:4em; padding: 1%; background:#f088e1; width:45%; float:left; margin: 4% 2% 4%;}
.con2con .clickbtn1 .co{font-weight: bold; color: #fff;border-radius:1.5em; padding: 3%; border: 1px solid #fff; font-size: 0.36rem;text-align: center;}
.con2con .clickbtn2{ border-radius:4em; padding: 1%; background:#7745c3; width:45%; float:left; margin-top: 4%;}
.con2con .clickbtn2 .co{font-weight: bold; color: #fff;border-radius:1.5em; padding: 3%; border: 1px solid #fff; font-size: 0.36rem;text-align: center;}

.con2 .clickbtn3{ border-radius:4em; padding: 1%; background-image:-webkit-linear-gradient(left,#894fc8,#e782df); width:76%;  margin: 10% auto 0;animation: updown 2s 0s ease both infinite;}
.con2 .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: 3% 0;}
.con3 h1{text-align: center; font-size: 0.7rem; color: #333;}

.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:80%;  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:4%; }
.con4 h1{text-align: center; font-size: 0.66rem; color: #333;}

.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%; padding-top: 10%; }
.con5 ul{width:100%; margin-left: 3%;}
.con5 li{float: left; padding: 2% 0 0 3%;}
.con5 .co1{width:42%;}
.con5 .co2{width:43.7%;}
.con5 h1{text-align: center; font-size: 0.66rem; color: #333;}


.con6{width:100%; padding:4% 0; background: #dfd5f8}
.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: 8% 0 3%; 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:42%;padding: 1% 0 0 5%;}
.con6 .pp2{width:42%;padding: 1% 0 0 5%;}
.con6 .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;}
.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;}



.con7{width:100%; padding-top: 14%;}
.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: 4%;}
.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;}

@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(30px)}
	100%{opacity:1;transform:translateX(0px)}
}