*{ 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;}

.clickbtn1{display:block;width:58%; margin:5% auto;  position:relative;}
.clickbtn1 i{display:block; width:12%; position:absolute; right:-2%; bottom:-15%;animation: ftimg 3s 0s ease both infinite;}

.clickbtn2{display:block;width:58%; margin:5% auto;  position:relative;}
.clickbtn2 i{display:block; width:12%; position:absolute; right:-2%; bottom:-15%;animation: ftimg 3s 0s ease both infinite;}


.con1{width:100%; margin:0 auto; padding-top:1px;}
.con1 .tt{width:71%;margin:5% auto;}
.con1 .nr1{width:83%; margin:5% auto; position:relative;}
.con1 .nr1 a{display:block; position:absolute; width:33%; height:40%;}
.con1 .nr1 .a1{left:0;top:0;}
.con1 .nr1 .a2 {right:0;top:0;}
.con1 .nr1 .a3 {left: 0;bottom: 0;}
.con1 .nr1 .a4 {right: 0;bottom: 0;}

.con1 .nr2{width:91%; margin:5% auto;}
.con1 .nr3{width:100%; margin:5% auto;}
.con1 .nr3tt{width:81%; margin:5% auto;}
.con1 .ywimg1{display:block;width:96%; margin:2% auto;}
.con1 .ywimg2{display:block;width:95%; margin:2% auto;}
.con1 .nr4{width:94%; margin:5% auto; position:relative;}
.con1 .nr4 p{font-size:0.32rem; color:#434343; width:94%; position:absolute; left:3%; top:50%;}

.con2{width:100%; margin:0 auto; padding-top:1px; background:#71cb9e;}
.con2 .tt{width:81%;margin:5% auto;}
.con2 .nr1{width:100%; margin:10% auto 5%; position:relative;}
.con2 .nr1 ul{width:70%; margin-left:5%;}
.con2 .nr1 ul li{width:30%;float:left; margin-left:2%; text-align:center; background:#434343; color:#fff; font-size:0.4rem; font-weight:600; padding:0.3em 0 0.4em; border-radius:1.5em;}
.con2 .nr1 ul li.on{ background:#ffe406;color:#343434;}
.qhnrtt{ margin-left:8%; margin-top:5%; margin-bottom:5%;}
.qhnrtt img{display:inline-block; vertical-align: text-bottom;}
.qhnrtt span{ font-size:0.35rem; color:#373737; background:#c8ebd9; padding:0.2em 1em; border-radius:1.5em; margin-left:2%;}
.qhnr .caseimg{display:block; width:90%; margin:0 auto;}
.con2 .nr1 .icon{width:18%; position:absolute; right:5%; top:-7%;}
.caseswiper .swiper-button-prev{ background:none;width:6%;}
.caseswiper .swiper-button-next{ background:none;width:6%;}


.con3{width:100%; margin:0 auto; padding-top:1px; background:#fff703;}
.con3 .tt{width:85%;margin:5% auto;}

.con3 .nr1{width:100%; margin:5% auto 0;}
.con3 .nr1 .img{display:block;width:44%;float:left; margin-left:7%;}
.con3 .nr1 dl{width:42%;float:left; margin-left:5%; margin-top:8%;}
.con3 .nr1 dl dt{width:90%; margin-bottom:5%;}
.con3 .nr1 dl dd{font-size:0.32rem;color:#252525; line-height:1.5em;}

.con3 .nr2{width:100%; margin:0 auto 5%;}
.con3 .nr2 .img{display:block;width:44%;float:left; margin-left:5%;}
.con3 .nr2 dl{width:42%;float:left; margin-left:7%; margin-top:8%;}
.con3 .nr2 dl dt{width:90%; margin-bottom:5%;}
.con3 .nr2 dl dd{font-size:0.32rem;color:#252525; line-height:1.5em;}

.con3 .nr3{width:94%; margin:5% auto 0; position:relative;}
.con3 .nr3 p{width:86%; position:absolute; left:7%; top:28%; font-size:0.32rem; color:#252525; line-height:1.5em;}
.con3 .nr3 dl{width:90%; position:absolute; left:6%; top:26%;}
.con3 .nr3 dl dt{font-size:0.37rem; color:#f36861;}
.con3 .nr3 dl dd{font-size:0.32rem; color:#252525; line-height:1.3em;}

.ysimg{width:100%; margin:0 auto 5%;}

.con4{width:100%; margin:0 auto; padding-top:1px; background:#fff;}
.con4 .tt{margin:5% auto; font-size:0.6rem; color:#373737;text-align:center;}
.con4 .nr{width:95%; margin:5% auto; }

@keyframes ftimg{
	0%{-webkit-transform:scale(1)}
	50%{-webkit-transform:scale(1.1)}
	100%{-webkit-transform:scale(1)}
}
@keyframes ftimg105{
	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)}
}
