*{ 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:.3rem;margin:0 auto;position:relative;overflow:hidden;font-weight:700;background:#fff}
.tounav li{float:left;text-align:center;height:2em;padding-top:3%;font-size:.34rem}
.tounav1{width:19.6%;border-right:.015rem solid #ccc}
.tounav3{width:19.6%}
.tounav2{width:19.6%;border-right:.015rem solid #ccc}
.tounav a{color:#333}

.headerbanner{width:100%; position: relative;}

.con1{width:100%; background: #000}
.con2{width:100%;margin-top:3%; background: #fff;}
.con3{width:100%;margin-top:8%; background: #000;}

.con4{width:100%; background: #f7e8e5;margin-top:10%;padding: 6% 0}
.case{position: relative; width:100%; margin-top: 8%}
.case .co11{background: #000; padding: 2% 0 2% 4%; font-size: .38rem; color: #f7e8e5; width:60% }
.case .co22{background: #000; padding: 2% 0 2% 4%; font-size: .34rem; color: #f7e8e5; width:86% }
.case .co33{background: #000; padding: 2% 0 2% 4%; font-size: .36rem; color: #f7e8e5; width:78% }
.case .co44{background: #000; padding: 2% 0 2% 4%; font-size: .34rem; color: #f7e8e5; width:92% }
.case .co2{position: absolute; font-size: .36rem; font-weight: 700; color: #000; top:12%; left: 58%;}
.case .co2 span{line-height: 1.4em; font-size: .28rem; font-weight: normal}
.case .bq11{width:4.1%; top:0%; left: 66%; position: absolute;}
.case .bq22{width:4.1%; top:0%; left: 92%; position: absolute;}
.case .bq33{width:4.1%; top:0%; left: 84%; position: absolute;}
.case .bq44{width:4.1%; top:0%; left: 96%; position: absolute;}
.case .bq2{width:24.3%; top:-.5%; left: 73%; position: absolute;}
.case .click1{width:44%; background: #ffc32e; padding: 2% 0; text-align: center; color: #000; font-size: .36rem; font-weight: 700;box-shadow:0 .3em 0 #000; float: left; margin: 5% 0 4% 4%;animation: updown 2s 0s ease both infinite;}
.case .click2{width:44%; background: #028792; padding: 2% 0; text-align: center; color: #fff; font-size: .36rem; font-weight: 700;box-shadow:0 .3em 0 #004146; float: left;margin: 5% 0 4% 4%;animation: updown 2.5s 0s ease both infinite;}





.con5{width:100%; padding-top: 6%;}
.con5 .co{color: #333; text-align: center; padding: 3% 0; font-size: .36rem; width:100%;}

.con5co1{padding: 2% 0 2% 4%; width:50%; background: #ff6969; margin: 3% 0 0 40%; position: relative;}
.con5co1 h1{color: #fff; font-size: .46rem; line-height: 1.2em;}
.con5co1 h1 span{font-size: .36rem; font-weight: lighter}
.con5co1 .bq1{position: absolute; width:15%; top:-22%; left: -9%;animation: updown1 1s 0s ease both infinite;}
.con5co1 .bq2{position: absolute; width:27%; top:18%; left: 46%;}


.con5co2{padding: 2% 0 2% 4%; width:70%; background: #ffcccc; margin-left:20%; position: relative;}
.con5co2 h2{color: #4c3600; font-size: .46rem; line-height: 1.2em;}
.con5co2 h2 span{font-size: .36rem; font-weight: lighter}
.con5co2 .bq3{position: absolute; width:10.8%; top:-22%; left: -6%;animation: updown1 1s 0s ease both infinite;}
.con5co2 .bq4{position: absolute; width:12.3%; top:18%; left: 34%;}

.con5co3{padding: 2% 0 2% 4%; width:86%; background: #f7e8e5; margin-left:4%; position: relative;}
.con5co3 h3{color: #000; font-size: .46rem; line-height: 1.2em;}
.con5co3 h3 span{font-size: .36rem; font-weight: lighter}
.con5co3 .bq5{position: absolute; width:8.9%; top:-22%; left: -4%;animation: updown1 1s 0s ease both infinite;}
.con5co3 .bq6{position: absolute; width:5%; top:18%; left: 27%;}

.con5 .click{position: relative; padding: 2% 0; background: #028792; font-size: .4rem; font-weight: 700; color: #fff; text-align: center;box-shadow:.3em .3em 0 #004146; width:70%; margin: 6% auto 0;animation: updown 2s 0s ease both infinite;}
.con5 .click .y1{position: absolute; width:5%; top:-8%; left: 4%;}
.con5 .click .y2{position: absolute; width:15%; top:8%; right: 4%;}


.con6{width:100%; padding-top:8%;}
.con7{width:100%; padding-top:4%;background: #f7e8e5; margin-top: 3%}
.con7 .co{color: #333; text-align: center; padding: 1% 0; font-size: .42rem; width:100%;}
.con7co{border: 3px #debd95 solid; width:90%; margin: 3% auto; position: relative; padding: 3% 0}
.con7co h1{font-size: .36rem; color: #000; text-decoration: underline; padding-left:22%}
.con7 .con7left{width:36.5%; float: left; padding: 3% 0 0 4%}
.con7 .con7right{width:52%; float: left; padding: 1% 0 0 4%; font-size: .26rem; color: #000;}
.con7 .con7right .pp{line-height: 1.4em; padding-top: 5%}
.con7co .bq{width:17.9%; position: absolute; top:8%; left: 65%;}
.con7 .click1{width:44%; background: #ffc32e; padding: 2% 0; text-align: center; color: #000; font-size: .36rem; font-weight: 700;box-shadow:0 .3em 0 #000; float: left; margin: 3% 0 4% 4%;animation: updown 2s 0s ease both infinite;}
.con7 .click2{width:44%; background: #028792; padding: 2% 0; text-align: center; color: #fff; font-size: .36rem; font-weight: 700;box-shadow:0 .3em 0 #004146; float: left;margin: 3% 0 4% 4%;animation: updown 2.5s 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)}
}
@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(5px)}
100%{opacity:1;transform:translateX(0)}
}