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

.toutu{width:100%; margin:0 auto; position:relative;}
.toutu a{display:block;}
.toutu .cx{width:43%;position:absolute; left:53%;top:53%;animation:updown 3s 0s ease both infinite;}


.wrap{width:100%; background:#6c98f2; padding-top:1px;}
.tt1{width:60%; margin-top:5%; margin-left:25%;}
.con1{width:93%; margin:5% auto 3%; position:relative;}
.con1 .p1{font-size:0.3rem; color:#2d2d2f; position:absolute; left:33%; top:44%; line-height:1.5em;}
.con1 .p1 span{color:#f25c0a;}
.con1 .p1 i{color:#f25c0a; font-style:normal; text-decoration:underline;}
.con1 .p2{font-size:0.35rem; color:#2d2d2f; position:absolute; left:34%; top:75%;}
.con1 .p2 span{color:#f25c0a;}
.con1 .p2 span i{font-style:normal; font-size:0.5rem; font-family: Arial;}
.con1 .icon{width:28%; position:absolute; left:2%; top:-12%; animation-duration:3s;}

.clickbtn1{display:block;width:66%; margin:5% auto; text-align:center; background:#ffe92c; color:#323233; font-size:0.44rem; padding:0.5em 0; border-radius:2em; position:relative;}
.clickbtn1 i{display:block; width:10%; position:absolute; bottom:-30%; right:3%;animation: ftimg 3s 0s ease both infinite;}

.clickbtn2{display:block;width:66%; margin:5% auto; text-align:center; background:#6c98f2; color:#fff; font-size:0.44rem; padding:0.5em 0; border-radius:2em; position:relative;}
.clickbtn2 i{display:block; width:10%; position:absolute; bottom:-30%; right:3%;animation: ftimg 3s 0s ease both infinite;}

.clickbtn3{display:block;width:66%; margin:5% auto; text-align:center; background:#fe5625; color:#fff; font-size:0.44rem; padding:0.5em 0; border-radius:2em; position:relative;}
.clickbtn3 i{display:block; width:10%; position:absolute; bottom:-30%; right:3%;animation: ftimg 3s 0s ease both infinite;}

.tt2{width:81%; margin:10% auto 0;}
.con2nr1{width:100%; margin:5% auto;}
.con2nr1 .img{width:45%; float:left; margin-left:5%; position:relative;}
.con2nr1 .img i{display:block;width:30%; position:absolute; right:0;top:0;animation:ftimg 3s 0s ease both infinite;}
.con2nr1 .info{width:40%; float:left; margin-left:3%;}
.con2nr1 .info dt{font-size:0.45rem; color:#fff; margin-top:18%;}
.con2nr1 .info .syz{width:40%; margin:3% 0;}
.con2nr1 .info dd{font-size:0.33rem;color:#fff;}

.con2nr2{width:100%; margin:5% auto;}
.con2nr2 .img{width:45%; float:left; margin-left:1%; position:relative;}
.con2nr2 .img i{display:block;width:30%; position:absolute; right:0;top:0;animation:ftimg 3s 0s ease both infinite;}
.con2nr2 .info{width:42%; float:left; margin-left:8%;}
.con2nr2 .info dt{font-size:0.45rem; color:#fff; margin-top:18%;}
.con2nr2 .info .syz{width:40%; margin:3% 0;}
.con2nr2 .info dd{font-size:0.3rem;color:#fff;}

.tt2-1{width:86%; margin:10% auto 5%;}

.con3{width:100%; background:url(../images/bg-repeat.png) repeat-y; background-size:100%; padding:5% 0 2%;}
.tt3{width:81%; margin:0 auto;}

.c3nr{width:100%; margin:5% auto;}
.c3nr .tt{width:90%; margin:8% auto 5%;}
.c3nr .img{width:33%;float:left; margin-left:6%; position:relative;}
.c3nr .img i{display:block;width:30%; position:absolute; left:0;top:0;animation:ftimg 3s 0s ease both infinite;}

.c3nr .info{width:52%;float:left; margin-left:3%;}
.c3nr .info dl{color:#772da7; margin-left:3%; margin-top:3%;}
.c3nr .info dl dt{font-size:0.4rem;font-weight:bold;}
.c3nr .info dl dd{font-size:0.3rem;}
.c3nr .info ul{ margin:5% 0;}
.c3nr .info ul li{ overflow:hidden; margin-bottom:3%;}
.c3nr .info ul li i{display:block;float:left; font-size:0.3rem; color:#f25c0a; font-style:normal; width:5%; text-align:center;}
.c3nr .info ul li p{float:left; font-size:0.3rem; color:#494949; width:95%;}
.c3-line{width:92%;border-top:2px dotted #707070; margin:3% auto;}



.con4{width:100%;}
.tt4{width:75%; margin:7% auto 0;}
.con4 .desc{font-size:0.32rem; color:#fff;width:90%; margin:2% auto;}

.tt4-1{width:68%; margin:5% auto;}

.tt4-2{width:64%; margin:5% auto 2%;}
.mxyst{width:100%; margin:2% auto 5%;}

.ystul{width:98%; margin:5% auto 3%;}
.ystul li{width:31%;float:left; margin-left:1.75%; text-align:center;color:#131313; background:#fff; padding:0.5em 0; border-radius:3em; box-sizing:border-box;border:1px dashed #131313; cursor:pointer;}
.ystul li i{font-size:0.3rem;  display:block; line-height:1em; font-style:normal;}
.ystul li span{font-size:0.38rem;}
.ystul li.on{ background:#ffe92c;}


.con5{width:100%; background:url(../images/bg-repeat.png) repeat-y; background-size:100%; padding:5% 0;}
.tt5{width:74%; margin:0 auto;}
.con5 .desc{font-size:0.3rem; color:#4a4a4a;width:88%; margin:2% auto;}
.con5 .ul1{width:75%; margin:5% auto 2%;}
.con5 .ul1 li{width:47%;float:left; margin-left:2%;}
.con5 .ul2 li{width:31%;float:left; margin-left:1.75%;}
.con5 ul p{font-size:0.3rem;color:#4a4a4a; text-align:center; line-height:2em;}


#caseswiper{width:91%; margin:5% auto 0; padding-bottom:7%;}
#caseswiper .swiper-pagination-bullet{ background:#fff; opacity:1;}
#caseswiper .swiper-pagination-bullet-active{ background:#ffe92c;}
#caseswiper  p{font-size:0.32rem;color:#fff; line-height:2em; text-align:center;}

#ystswiper{width:94%; margin:3% auto 0; padding-bottom:2%;}

.ystimg{display:block; width:100%; position:relative;}
.ystimg i{display:block; position:absolute; width:7%; left:20%; bottom:-1%;animation:ftimg 3s 0s ease both infinite;}

@keyframes ftimg{
	0%{-webkit-transform:scale(1)}
	50%{-webkit-transform:scale(1.1)}
	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)}
}