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

.con1{width:100%;background: #7fbde8; padding-bottom: 6%;}
.con1 li{width:16.54%; padding:6% 1% 1% 2%; float: left; }


.con2{width:100%; position: relative;}
.con2 .bq{position: absolute; width:22.7%; top:43%; left: 39%;animation: updown 2s 0s ease both infinite;}


.con3{width:100%; background: #000; position: relative; }
.con3left{float: left; width:45.34%; margin: 6% 0 0 3%; position: relative; z-index: 12}
.con3left .co1{font-size: .4rem; font-weight: 700; line-height: 1.2em; position: absolute; top:10%; left: 4%; color: #000; letter-spacing: -1px}
.con3left .co1 span{font-size: .28rem;}
.con3left .co2{font-size: .26rem; color: #000; position: absolute; top:46%; left: 4%; line-height: 1.2em;}
.con3left .bq1{width:19%; position: absolute; top:14%; left: 46%;}
.con3left .bq2{width:14.8%; position: absolute; bottom:14%; right: 6%;}
.con3right{float: left; width:45.34%; margin: 6% 0 0 3.5%;position: relative;}
.con3right .co1{font-size: .4rem; font-weight: 700; line-height: 1.2em; position: absolute; top:10%; left: 4%; color: #000; letter-spacing: -1px}
.con3right .co1 span{font-size: .28rem;}
.con3right .co2{font-size: .26rem; color: #000; position: absolute; top:46%; left: 4%; line-height: 1.2em;}
.con3right .bq1{width:19%; position: absolute; top:14%; left: 46%;}
.con3right .bq2{width:14.8%; position: absolute; bottom:14%; right: 6%;}

.con3 ul{margin-top: 10%;}
.con3 li{width:29.3%; float: left; margin-left:3%; position: relative; padding-bottom: 6%}
.con3 .pp{font-size: .36rem; font-weight: 700; line-height: 1.4em; position: absolute; top:56%; color: #000; letter-spacing: -1px; width:100%; text-align: center}
.con3 .pp span{font-size: .28rem; font-weight: lighter}
.con3 .pp1{width:29.5%; position: absolute; top:4%; left: 4%;}
.con3 .pp2{width:22.5%; position: absolute; bottom:19%; right: 3%;}

.con3con{width:85.8%; margin: 10% auto 0; position: relative;padding-bottom: 8%; z-index: 12}
.con3con .cc1{font-size: .4rem; font-weight: 700; line-height: 1.2em; position: absolute; top:16%; left: 3%; color: #000; letter-spacing: -1px}
.con3con .cc2{font-size: .26rem; color: #000; position: absolute; top:40%; left: 3%; line-height: 1.2em;}
.con3con .cc3{font-size: .26rem; color: #000; position: absolute; top:56%; left: 3%; line-height: 1.2em;text-decoration:line-through; font-weight: lighter}
.con3con .cc11{font-size: .4rem; font-weight: 700; line-height: 1.2em; position: absolute; top:16%; left: 72%; color: #000; letter-spacing: -1px}
.con3con .cc22{font-size: .26rem; color: #000; position: absolute; top:40%; left: 72%; line-height: 1.2em;}
.con3con .cc33{font-size: .26rem; color: #000; position: absolute; top:56%; left: 72%; line-height: 1.2em;text-decoration:line-through; font-weight: lighter}
.con3con .cc4{width:10.1%; position: absolute; top:4%; left: 34%;}
.con3con .cc5{width:7.8%; position: absolute; bottom:38%; left: 20%;}
.con3con .cc6{width:7.8%; position: absolute; bottom:38%; right: 2%;}
.con3 .y1{width:20%; position: absolute; top:0; left: 0; z-index: 12}
.con3 .y2{width:19.6%; position: absolute; top:54%; left: 0; z-index:1;}
.con3 .y3{width:50.1%; position: absolute; bottom:6%; right: 2%; z-index:1;}




.con4{width:100%; background: #7fbde8; position: relative; padding-bottom: 4% }
.con4left{float: left; width:45.34%; margin: 6% 0 0 3%; position: relative; z-index: 12}
.con4left .co1{font-size: .4rem; font-weight: 700; line-height: 1.2em; position: absolute; top:10%; left: 4%; color: #000; letter-spacing: -1px}
.con4left .co1 span{font-size: .28rem;}
.con4left .co2{font-size: .26rem; color: #000; position: absolute; top:46%; left: 4%; line-height: 1.2em;}
.con4left .bq1{width:19%; position: absolute; top:14%; left: 46%;}
.con4left .bq2{width:14.8%; position: absolute; bottom:14%; right: 6%;}
.con4right{float: left; width:45.34%; margin: 6% 0 0 3.5%;position: relative;z-index: 12}
.con4right .co1{font-size: .4rem; font-weight: 700; line-height: 1.2em; position: absolute; top:10%; left: 4%; color: #000; letter-spacing: -1px}
.con4right .co1 span{font-size: .28rem;}
.con4right .co2{font-size: .26rem; color: #000; position: absolute; top:46%; left: 4%; line-height: 1.2em;}
.con4right .bq1{width:19%; position: absolute; top:14%; left: 46%;}
.con4right .bq2{width:14.8%; position: absolute; bottom:14%; right: 6%;}
.con4 ul{margin-top: 10%;}
.con4 li{width:29.3%; float: left; margin-left:3%; position: relative; padding-bottom: 6%}
.con4 .pp{font-size: .36rem; font-weight: 700; line-height: 1.4em; position: absolute; top:56%; color: #000; letter-spacing: -1px; width:100%; text-align: center}
.con4 .pp span{font-size: .28rem; font-weight: lighter; line-height: 1.1em}
.con4 .pp1{width:29.5%; position: absolute; top:4%; left: 4%;}
.con4 .pp2{width:22.5%; position: absolute; bottom:19%; right: 3%;z-index: 12}

.con4con{width:85.8%; margin: 10% auto 0; position: relative; z-index: 12}
.con4con .cc1{font-size: .4rem; font-weight: 700; line-height: 1.2em; position: absolute; top:16%; left: 3%; color: #000; letter-spacing: -1px}
.con4con .cc2{font-size: .26rem; color: #000; position: absolute; top:40%; left: 3%; line-height: 1.2em;}
.con4con .cc3{font-size: .26rem; color: #000; position: absolute; top:56%; left: 3%; line-height: 1.2em;text-decoration:line-through; font-weight: lighter}
.con4con .cc11{font-size: .4rem; font-weight: 700; line-height: 1.2em; position: absolute; top:16%; left: 72%; color: #000; letter-spacing: -1px}
.con4con .cc22{font-size: .26rem; color: #000; position: absolute; top:40%; left: 72%; line-height: 1.2em;}
.con4con .cc33{font-size: .26rem; color: #000; position: absolute; top:56%; left: 72%; line-height: 1.2em;text-decoration:line-through; font-weight: lighter}
.con4con .cc4{width:10.1%; position: absolute; top:4%; left: 34%;}
.con4con .cc5{width:7.8%; position: absolute; bottom:25%; left: 16%;}
.con4con .cc6{width:7.8%; position: absolute; bottom:25%; right: 6%;}
.con4 .y1{width:15.6%; position: absolute; top:0; left: 0; z-index: 12}
.con4 .y2{width:46%; position: absolute; top:44%; left: 28%; z-index:1;}
.con4 .y3{width:29.2%; position: absolute; bottom:28%; left: -10%; z-index:1;}
.con4 .y4{width:46%; position: absolute; bottom:17.5%; right: -10%; z-index:1;}



.con5{position: relative;width:100%;}
.con5 .co1{position: absolute; line-height: 1.6em; color: #000; font-size: .28rem; width:80%; top:21%; left: 10%;}
.con5 .co2{position: absolute; line-height: 1.6em; color: #fff; font-size: .28rem; top:41%; left: 12%;}
.con5 .co2 span{font-size: .36rem;}

.con5 .co3{position: absolute; line-height: 1.6em; color: #000; font-size: .35rem; top:58%; text-align: center;font-weight: 700;width:100%}
.con5 .co3 span{font-size: .26rem; font-weight: lighter; line-height: 1em}




@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)}
}
@keyframes updown1{
	0%{opacity:1;transform:translateY(0)}
	50%{opacity:1;transform:translateY(-5px)}
	100%{opacity:1;transform:translateY(0px)}
}
@keyframes zy{0%{opacity:1;transform:translateX(0)}
50%{opacity:1;transform:translateX(8px)}
100%{opacity:1;transform:translateX(0)}
}