*{margin:0;padding:0}
footer,header,nav{float:left;width:100%}
body{background:#fff;font-weight:400;font-style:normal;font-variant:normal;font-family:"微软雅黑",Arial;-webkit-text-size-adjust:none}
a{outline:0 0;border:0 none}
a,a:active,a:hover,a:link,a:visited{text-decoration:none}
.clear{clear:both;margin:0;padding:0}
.clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:' '}
dd,dl,dt,li,ul{background:0 0;list-style-type:none}
dd,dl,dt,li,p,ul{margin:0;padding:0}
img{width:100%}


.headerbanner{width:100%;position:relative}
.headerbanner .an{position:absolute; background: #fed60b; width:50%; text-align: center; font-size: 0.5rem; color: #0d192b; border: 2px solid #0d192b; font-weight: 700; top:83%; left: 32%; padding: 1% 0; border-radius: 1.5em;box-shadow: 0 0.2em 0 0 #0d192b;animation: updown 2s 0s ease both infinite;}



.conqa{width:100%; padding-top:8%;}
.conqa li{width:42.6%;float:left;text-align:center;position:relative;margin:4% 3.5% 1% 2.5%;}
.conqa .co{font-size:.33rem;color:#fff;font-weight:700;position:absolute;top:22%;left:8%;}
.conqa .click{width:23.4%;position:absolute;top:0%;right:-4%;animation:ftimg 1s 0s ease both infinite;}



.con1{width:100%;background:#fff;padding:4% 0;}
.con1 li{width:32%; float: left; margin: 3% 0 3% 1%}
.con1 .co1{width:64%; margin: 4% auto}
.con1 .click{background: #fed60b; width:50%; text-align: center; font-size: 0.5rem; color: #0d192b; border: 2px solid #0d192b; font-weight: 700; margin: 0 auto;padding: 1% 0; border-radius: 1.5em;box-shadow: 0 0.2em 0 0 #0d192b;animation: updown 2s 0s ease both infinite;}

.con2{width:100%;background:#a3d9f9; margin-top: 4%; padding-bottom: 4%}
.con2 .co1{float: left; width:47.5%; padding: 6% 0 4% 4%}
.con2 .co2{float: left; width:40%; padding: 6% 0 4% 4%}
.con2 .co3{float: left; width:28%; padding: 0 0 4% 4%}
.con2 .click{background: #fed60b; width:70%; text-align: center; font-size: 0.5rem; color: #0d192b; border: 2px solid #0d192b; font-weight: 700; margin: 0 auto 6%;padding: 1% 0; border-radius: 1.5em;box-shadow: 0 0.2em 0 0 #0d192b;animation: updown 2s 0s ease both infinite;}



.con3{width:100%;background:#f4cadb; padding-bottom: 2%; }
.con3con1 li{ float: left; width:33.6%; margin: 2% 0 2% 11%}
.con3con1{position: relative; padding: 2% 0 10%;}
.con3con1 .pp{position: absolute; width:18.56%;}
.con3con1 .pp1{top:74%; left: 8%;}
.con3con1 .pp2{top:74%; left: 40%;}
.con3con1 .pp3{top:74%; left: 72%;}
.con3con2{ padding-top: 8%}
.con3con2 li{width:24%; font-size: 0.28rem; line-height: 1.4em; color: #333; text-align: center; float: left; padding: 0 3% 4% 5%}
.con3 .click{background: #fed60b; width:70%; text-align: center; font-size: 0.46rem; color: #0d192b; border: 2px solid #0d192b; font-weight: 700; margin: 0 auto 6%;padding: 1% 0; border-radius: 1.5em;box-shadow: 0 0.2em 0 0 #0d192b;animation: updown 2s 0s ease both infinite;}


.con4{width:100%;background:#fff;}
.con4 li{width:42%; text-align:center; font-size: 0.4rem; font-weight: 700; color: #333; float: left; margin: 3% 1% 3% 5%}
.con4 .click{background: #fed60b; width:90%; text-align: center; font-size: 0.3rem; color: #0d192b; border: 2px solid #0d192b; font-weight: 700; margin: 2% auto 6%;padding:4% 0; border-radius: 1.5em;box-shadow: 0 0.2em 0 0 #0d192b;animation: ftimg 2s 0s ease both infinite;}

.con5{width:100%;background:#a3d9f9; padding-bottom: 2%}
.con5con{padding-top: 3%;}
.con5left{width:22%; float: left; padding:0 4%}
.con5right{width:62%; float: left;color: #333; padding-left: 3%}
.con5right .co1{width:26%;}
.con5right h1{padding: 4% 0 2%; font-size: 0.46rem; }
.con5right .co2{font-size: 0.36rem; line-height: 1.6em; }
.con5 .click{background: #fed60b; width:46%; text-align: center; font-size: 0.46rem; color: #0d192b; border: 2px solid #0d192b; font-weight: 700; margin: 0 auto 6%;padding: 1% 0; border-radius: 1.5em;box-shadow: 0 0.2em 0 0 #0d192b;animation: updown 2s 0s ease both infinite;}
.con5 .pp1{width:92%; margin: 0 auto;}
.con5con2{width:92%; margin: 4% auto; background: #fff; border-radius: 1em;color: #333; }
.con5con2 h2{ text-align: center; font-size: 0.5rem;  padding: 4% 0;}
.con5con2 li{width:42%; float: left; padding:0 2% 0 5%;}
.con5con2 .pp2{font-size: 0.32rem; line-height: 1.4em; padding: 8% 0}
.con5con2 .pp3{font-size: 0.28rem; line-height: 1.4em;}
.con5con2 .pp3 span{color: #f6586f; font-size: 0.36rem}
.con5 .click1{background: #fed60b; text-align: center; font-size: 0.34rem; font-weight: 700; color: #0d192b; border: 2px solid #0d192b;  margin: 17% auto 8% ;padding: 5% 0; border-radius: 1.5em;box-shadow: 0 0.2em 0 0 #0d192b;animation: updown 2s 0s ease both infinite;}

.con5 .click2{background: #fed60b; text-align: center; font-size: 0.34rem; font-weight: 700; color: #0d192b; border: 2px solid #0d192b;  margin: 6% auto 8% ;padding: 5% 0; border-radius: 1.5em;box-shadow: 0 0.2em 0 0 #0d192b;animation: updown 2s 0s ease both infinite;}


.con6{width:100%; background: #f4cadb; padding-bottom: 1%}
.con6con{padding: 4% 0; position: relative;}
.con6con .co1{font-size: 0.42rem; color: #f6586f; font-weight: 700; width:28%; position: absolute; top:8%; left: 10%;}
.con6con span{font-size: 0.28rem; color: #333; line-height: 1.4em; font-weight: normal;}
.con6con .co2{font-size: 0.42rem; color: #f6586f; font-weight: 700; width:22%; position: absolute; top:38%; left: 10%;}
.con6con .co3{font-size: 0.42rem; color: #f6586f; font-weight: 700; width:22%; position: absolute; top:76%; left: 18%;}
.con6con .co4{font-size: 0.42rem; color: #f6586f; font-weight: 700; width:22%; position: absolute; top:14%; left: 76%;}
.con6con .co5{font-size: 0.42rem; color: #f6586f; font-weight: 700; width:22%; position: absolute; top:44%; left: 76%;}
.con6con .co6{font-size: 0.42rem; color: #f6586f; font-weight: 700; width:24%; position: absolute; top:75%; left: 72%;}
.con6 .click{background: #fed60b; width:70%; text-align: center; font-size: 0.46rem; color: #0d192b; border: 2px solid #0d192b; font-weight: 700; margin: 0 auto 6%;padding: 1% 0; border-radius: 1.5em;box-shadow: 0 0.2em 0 0 #0d192b;animation: updown 2s 0s ease both infinite;}


.con7{width:100%; background: #fff; padding-bottom: 1%}
.con7 dl{width:94%; margin: 4% auto 5%; color: #333;}
.con7 .pp1{background: #f4cadb}
.con7 .pp2{background: #efe0ff}
.con7 .pp3{background: #c8e8fb}
.con7 .pp4{background: #e4dcd7}
.con7 dt{width:39.7%; float: left;}
.con7 dd{float: left; width:52%; padding: 4% 0 0 4%; }
.con7 h1{font-size: 0.46rem; font-weight: normal;}
.con7 h2{font-size: 0.28rem; font-weight:lighter; text-transform: uppercase}
.con7 .co{font-size: 0.28rem; line-height: 1.3em; padding-top: 4%}



.con8{width:100%; background: #fff; padding-top: 4%}




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