*{ 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%; padding-top: 6%;}
.con1qa{width:100%; margin-top: 6%;}
.con1qa li{ float: left; color: #fff;font-size:0.36rem;font-weight: bold; margin: 2% 2.5%;width:45%;padding: 2% 0;text-align: center }
.con1qa .co1{animation: updown 2s 0s ease both infinite; background: #f83071; }
.con1qa .co2{animation: updown 2.5s 0s ease both infinite;  background: #f9598d; }
.con1qa .co3{animation: updown 3s 0s ease both infinite;background: #fb83aa; }
.con1qa .co4{animation: updown 3.5s 0s ease both infinite;background: #fcacc6; color: #f83071 }
.con1qa .co5{animation: updown 4s 0s ease both infinite; background: #fed6e3; color: #f83071 }
.con1qa .co6{animation: updown 4.5s 0s ease both infinite;background: #fb83aa; }


.con2{width:100%;padding-top: 10%; }
.con2con{position: relative; margin-top: 6%; color: #fff;}
.con2con h2{position: absolute; width:80%; top:20%; left:54%;font-size: 0.44rem }
.con2con .co1{position: absolute; width:42%;top:32%; left:54%; font-size:0.32rem }
.con2con .co2{position: absolute; width:42%;top:49%; left:54%; font-size:0.32rem }
.con2con .co3{position: absolute; width:42%;top:65%; left:54%; font-size:0.32rem }
.con2 .click{border-radius: 2em; background: #f83071; width:60%; color: #fff; text-align: center; font-weight: 700; padding: 2%; margin:0 0 4% 18%; font-size: 0.4rem;box-shadow:0 .2em 0 0 #b21648;animation: updown 2s 0s ease both infinite;}


.clickbtn1{position: relative; margin: 6% auto 0; width:70%;  animation: updown 2s 0s ease both infinite; }
.clickbtn1 .co{position: absolute; font-size:0.46rem; color:#fff; font-weight: bold; top:20%; left:10%}
.clickbtn2{ margin: 2% auto 0; width:64%; font-size:0.46rem;font-weight: bold;animation: updown 2s 0s ease both infinite; background: url(../images/anbg.jpg) repeat-x; background-size: contain; text-align: center; padding: 1.5% 0 3%}
.clickbtn2 a{ color:#fff; }



.con3{width:100%; padding-top: 16%; }
.con3 li{float: left; color: #333;font-size: 0.32rem;line-height: 1.2em; width:30%; padding:6% 0 2% 2.5%; text-align: center}
.con3 .co{padding-top: 6%;  }


.tyan{position: relative; }
.tyan .co{position: absolute; font-size:0.4rem; color:#000; font-weight: bold; top:26%; left:14%}




.con4{width:100%; padding-top: 10%; }
.con4con{position: relative; margin-top: 6%;}
.con4con .co1{position: absolute; font-size: 0.34rem; line-height: 1.5em; top:4%; left:4%; color: #333; width:56%;}
.con4con .co2{position: absolute; font-size: 0.34rem; line-height: 1.2em; top:33%; left:30%; color: #333; width:56%;}
.con4con .co3{position: absolute; font-size: 0.34rem; line-height: 1.2em; top:43.5%; left:30%; color: #333; width:56%;}
.con4con .co4{position: absolute; font-size: 0.34rem; line-height: 1.2em; top:56.5%; left:30%; color: #333; width:56%;}
.con4con .one{position: absolute; top:76%; left:4%; color: #333; width:100%;}
.con4con .two{position: absolute; top:76%; left:28%; color: #333; width:100%;}
.con4con .three{position: absolute; top:76%; left:52%; color: #333; width:100%;}
.con4con .four{position: absolute; top:76%; left:76%; color: #333; width:100%;}

.an1{position: relative; width:20%;}
.an1 .pp1{position: absolute; width:50%; top:20%; left:26%; color: #fff; font-weight: bold; font-size: 0.4rem}
.an1 .pp2{position: absolute; width:70%; top:37%; left:17%; color: #fff; font-weight: bold; font-size: 0.4rem}


.con5{width:100%; padding-top: 8%; }
.con5 li{float:left; width:46%;padding: 4% 0 2% 2.5%}
.con5 .click{border-radius: 2em; background: #f83071; width:60%; color: #fff; text-align: center; font-weight: 700; padding: 2%; margin:0 0 4% 18%; font-size: 0.4rem;box-shadow:0 .2em 0 0 #b21648;animation: updown 2s 0s ease both infinite;}

.con6{width:100%; padding-top: 6%; }
.con6 li{float: left; text-align: center; width:33.3%; padding-top: 6%;}
.con6 .co1{ font-size: 0.32rem; color: #333; padding-top: 2%;}
.con6 .click{border-radius: 2em; background: #f83071; width:64%; color: #fff; text-align: center; font-weight: 700; padding: 2%; margin:4% 0 4% 18%; font-size: 0.4rem;box-shadow:0 .2em 0 0 #b21648;animation: updown 2s 0s ease both infinite;}

.con7{width:100%; padding-top: 6%; }
.team{padding-top:6%;}
.teamclick{position: absolute; top:68%; left:8%;animation: updown 2s 0s ease both infinite;width:18.8%;}
.clickbtn6{ position: relative;  }
.clickbtn6 .an1{position: absolute; color: #fff; text-align: center; font-size: 0.42rem; width:66%; top:22%; left:14%; font-weight: bold; line-height: 1.2em;}

.con8{position: relative;}
.con8 .co1{position: absolute; top:30%; left:26%; width:50%}
.con8an{position: relative; }
.con8an .co2{position: absolute; top:18%; text-align: center; font-size: 0.4rem; font-weight: bold; color: #fff; width:100%;}

.con9{width:100%; padding-top: 10%; }
.con9 .click{border-radius: 2em; background: #f83071; width:70%; color: #fff; text-align: center; font-weight: 700; padding: 2%; margin:4% auto; font-size: 0.4rem;box-shadow:0 .2em 0 0 #b21648;animation: updown 2s 0s ease both infinite;}















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