*{ 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%; }

.tounav{width:100%; font-size: 0.34rem;  margin:0 auto; position:relative; overflow: hidden; background: #fdc4cd; font-weight: bold;}
.tounav li{ float: left; text-align: center; padding: 3% 0; line-height: 1.2em}
.tounav1{background:#f83071; color: #fff; width:20%;}
.tounav2{width:26%; border-right:solid 1px #f387a0;}
.tounav3{width:26%; border-right:solid 1px #f387a0;}
.tounav4{width:26%; }
.tounav a{color: #f83071}



.headerbanner{width:100%; margin:0 auto; position:relative;}
.headerbanner .an{position: absolute; top:78%; left:24%;animation: updown 2s 0s ease both infinite; width:28%; }
.banneran{position: relative;}
.banneranz{position: absolute; color: #fff; font-size: 0.42rem; font-weight: bold; text-align: center; top:25%; left:10%; line-height:  1.2em; width:68%;}


.con1{width:100%;}
.con1 h2{font-size: 0.7rem; width:100%;  text-align: center; color: #333;}
.con1 h2 span{ font-weight: normal;}
.con1qa{width:100%; margin-top: 4%;}
.con1qa li{ float: left; color: #fff;font-size:0.36rem; margin: 2% 1% 1% 2%;width:46%;padding: 2% 0; text-align: center;}
.con1qa .co1{animation: updown 2s 0s ease both infinite; background: #27b3e8; }
.con1qa .co2{animation: updown 2.5s 0s ease both infinite;  background: #67cdf3; }
.con1qa .co3{animation: updown 3s 0s ease both infinite;background: #67cdf3;  }
.con1qa .co4{animation: updown 3.5s 0s ease both infinite;background: #27b3e8;}
.con1qa .co5{animation: updown 4s 0s ease both infinite; background: #27b3e8; }
.con1qa .co6{animation: updown 4.5s 0s ease both infinite;background: #67cdf3; }


.con2{width:100%; padding-top: 10%;}
.con2 h2{font-size: 0.7rem; width:100%;  text-align: center; color: #333;}
.con2 h2 span{ font-weight: normal;}
.case{width:100%;}
.casean{ position: relative; width:64%; margin: 4% auto 0;}
.casean .an1{position: absolute; width:100%; text-align: center; top: 22%; font-size: 0.4rem; color: #000;font-style:normal}


.con3{width:100%; padding-top: 10%; color: #333;}
.con3text{position: relative; }
.con3text h2{position: absolute;width:100%; text-align: center; font-weight: normal; font-size: 0.5rem; top:2%;}
.con3text h3{position: absolute; width:100%; text-align: center;font-size: 0.6rem;top:38%;}
.con3 .co1{width:92%; margin: 0 auto; font-size: 0.34rem; line-height: 1.6em; padding: 3% 0}
.con3con{width:100%; position: relative;}
.con3con .co2{position: absolute; top:6%; left:41%; font-weight: bold; font-size: 0.4rem}
.con3con .co3{position: absolute; width:52%; top:28%; left:41%; font-size: 0.34rem; line-height: 1.6em}
.con3con .co3 span{color: #ff0000}






.con4{width:100%; padding-top: 12%; }
.con4con{position: relative;color: #333; }
.con4con .co1{position: absolute; font-size: 0.46rem;  top:11%; left:14%; font-weight: bold;}
.con4con .co2{position: absolute; font-size: 0.34rem; line-height: 1.2em; top:18%; left:14%; color: #ff0000; width:56%;}
.con4con .co3{position: absolute; font-size: 0.46rem;  top:27%; left:14%; font-weight: bold;}
.con4con .co4{position: absolute; font-size: 0.34rem; line-height: 1.2em; top:34%; left:14%;  width:56%;}
.con4con .co5{position: absolute; font-size: 0.46rem;  top:42%; left:14%; font-weight: bold;}
.con4con .co6{position: absolute; font-size: 0.34rem; line-height: 1.2em; top:50%; left:14%; width:56%;}
.con4con .co7{position: absolute; font-size: 0.46rem;  top:59%; left:14%; font-weight: bold;}
.con4con .co8{position: absolute; font-size: 0.34rem; line-height: 1.2em; top:67%; left:14%; width:80%;}
.con4con .co9{position: absolute; font-size: 0.34rem; line-height: 1.5em; top:76%; left:14%; color: #ff0000; width:76%;}
.con4bottom{position: relative;}
.con4bottom .con4an{position: absolute; top:86%; left:17%;width:64%;animation: updown 2s 0s ease both infinite;}

.clickbtn{ position: relative; }
.clickbtn .co1{position: absolute; width:100%; text-align: center; top: 22%; font-size: 0.4rem; color: #fff;}

.clickbtn1{ position: relative;width:88%; margin-top: 4%;}
.clickbtn1 .co{position: absolute; width:100%; text-align: center; top: 22%; font-size: 0.26rem; color: #000;}

.clickbtn2{ position: relative; }
.clickbtn2 .co{position: absolute; width:100%; text-align: center; top: 22%; font-size: 0.4rem; color: #000;}

.con5{width:100%; padding-top: 16%; }
.con5 .co1{font-size: 0.44rem; font-weight: bold; text-align: center; color: #333;}
.con5con{width:100%; padding-top: 4%;}
.con5con .con5left{ float:left; width:34%;}
.con5con .con5right{ float:left; width:60%; margin: 6% 0 0 2%;}
.con5right .co1{ color: #67c6ea; font-size: 0.4rem; padding: 2% 0; text-align: center; width:92%; border: 1px dashed #67c6ea; border-radius: 1.5em}
.con5right .co2{ color: #333; font-size: 0.32rem; width:92%;line-height: 1.5em; padding-top: 4%;}

.con6{width:100%; padding-top: 10%; }
.con6 .co1{font-size: 0.44rem; font-weight: bold; text-align: center; color: #333;}
.con6con{width:100%; padding-top: 4%;}
.con6con .con6left{ float:left; width:50%;}
.con6con .con6right{ float:left; width:46%; margin-left:4%;}
.con6right h2{ color: #333; font-size: 0.4rem; }
.con6right span{ color: #67c6ea}
.con6right .co2{ color: #333; font-size: 0.3rem; width:92%;line-height: 1.3em; padding-top: 4%;}




.con7{width:100%; padding-top: 10%; }

.con8{padding-top: 10%;}
.con8an{position: relative; }
.con8an .co2{position: absolute; top:18%; text-align: center; font-size: 0.4rem; font-weight: bold; color: #fff; width:100%; opacity: 1}
.con8bottom{position: relative;}
.con8bottom .con8an{position: absolute; top:20%; left:17%;width:64%;animation: updown 2s 0s ease both infinite;}


.con9{width:100%; padding-top: 10%;}
.con9 h2{font-size: 0.6rem; width:100%;  text-align: center; color: #333;}
















@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)}
}
@media (min-width: 768px) {
	.tt span{font-weight:lighter;}
}