.wp{max-width:640px;min-width:320px;margin:0 auto;color:#010101;overflow: hidden;font-size: 0.2rem;}
img{width:100%;height:auto;}
.wp h2{text-align:center;font-family:"Microsoft Yahei";padding: 6% 3% 4% 3%;color:#000;}
a.btn{display:block;width: 60%;height: 0.62rem;line-height: 0.62rem;margin:3% auto 0;border-radius:0.4rem;color:#fff;font-size:0.24rem;overflow:hidden;text-align:center;background: #ea6a32}
.btn_c{padding: 5% 0; overflow:hidden;}
.btn_c .btn{width: 49%; height: 0.7rem; line-height: 0.7rem; font-size: 0.26rem; margin: 0;}
.btn_c .btn.fl{background:#e6a50d;}
.fl{float: left}
.fr{float: right}
.pb{padding-bottom: 0.5rem;}
.w20{margin:0 3%;}
.banner {position:relative;}
.banner .bd li{position:relative;}
.banner a.btns{width: 2.65rem; position:absolute; left: 5%; bottom: 8%; animation:showh 1s .2s linear both infinite;-webkit-animation:showh 1s .2s linear both infinite;-moz-animation:showh 1s .2s linear both infinite;-o-animation:showh 1s .2s linear both infinite;-ms-animation:showh 1s .2s linear both infinite;}
.section1{padding-bottom: 5%;}
.section1 ul li{width: 49%; float: left; margin-bottom: 3%; border: 1px solid #c5c5c5; padding-bottom: 4%;}
.section1 ul li:nth-child(2n){float: right;}
.section1 ul li p{font-size: 0.2rem; line-height: 1.5; padding: 3% 2%;}
.section2,.section5,.section7{background:#414988; padding: 3% 0 6% 0;}
#scroll1 .hd,#scroll2 .hd{display: flex;margin-bottom: 5%;}
#scroll1 .hd li,#scroll2 .hd li{height: 0.7rem;padding-top: 0.1rem;font-size: 0.24rem; color: #fff; text-align: center;  margin-right: 0.5%; background: #6973c5; flex: 1;position: relative;line-height: 1.3;border-radius: 0.16rem}
#scroll1 .hd li:last-child,#scroll2 .hd li:last-child{margin-right: 0;}
#scroll1 .hd li img,#scroll2 .hd li img{width: 0.16rem;position: absolute;left: 48%;bottom: -0.09rem; display:none;}
#scroll1 .hd li.on,#scroll2 .hd li.on{background: #221243;}
#scroll1 .hd li.on img,#scroll2 .hd li.on img{display: inline-block;}
#scroll1 .bd li{overflow: hidden; border-radius: 0.16rem;}
.box2{background:#fff; padding: 3% 2%; }
.box2_1{overflow:hidden; margin-bottom: 4%;}
.box2_1 img.fl{width: 3.16rem;}
.box2_1 dl{width: 2.48rem; padding: 3% 0 0 0;}
.box2_1 dl dt{font-size: 0.48rem; color:#333; margin-bottom: 3%; line-height: 1.2;}
.box2_1 dl dt span{font-size: 0.3rem;}
.box2_1 dl dd span{display:block; width: 1.1rem; height: 0.34rem; line-height: 0.34rem; border-radius: 0.2rem; border: 1px solid #000; background:#6973c5; font-size: 0.18rem; color:#fff; text-align: center;}
.box2_1 dl dd p{font-size: 0.2rem; color:#333; margin-bottom: 4%;}
.section3{background:url(../images/bg2.jpg) left top; background-size: 0.07rem; padding-bottom: 4%;}
.box3{padding-bottom: 2%;}
.box3 span{display:block; width: 1.1rem; height: 0.34rem; line-height: 0.34rem; border-radius: 0.2rem; border: 1px solid #000; background:#6973c5; font-size: 0.18rem; color:#fff; text-align: center; margin-top: 5%; margin-bottom: 3%;}
.box3 span:nth-child(1){margin-top: 1%;}
.box3 p{padding: 1% 0 1% 5%; font-size: 0.2rem; color:#000000; }
.box3 p img{float: left; width: 0.35rem; margin-right: 1%;}
.section4{padding: 2% 0 6% 0;}
.section4 p{padding: 4% 0; font-size: 0.2rem; color:#333;}
.section4 p span{display:block; width: 1.1rem; height: 0.34rem; line-height: 0.34rem; border-radius: 0.2rem; border: 1px solid #000; background:#6973c5; font-size: 0.18rem; color:#fff; text-align: center; margin-bottom: 2%;}
.box4_p{background:#e8e4f2; padding: 4%; position:relative; overflow:hidden; margin-bottom: 5%;}
.box4_p img{width: 4.26rem; float: left;}
.box4_p h3{font-size: 0.24rem; color:#333; float: right; padding-top: 6%; text-align: center;}
.box4_p div{position:absolute; right: 4%; width: 1.68rem; top: 45%; text-align: center;}
.box4_p div span{display:block; height: 0.42rem; line-height: 0.42rem; border-radius: 0.3rem; border: 1px solid #000; background:#6973c5; font-size: 0.22rem; color:#fff; text-align: center; margin-top: 8%;}
.section4 ul li{width: 1.46rem; height: 1.04rem; padding-top: 0.42rem; float: left; text-align: center; color:#fff; font-size: 0.22rem; border-radius: 50%; background:#414988; margin-right: 0.9%;}
.section4 ul li:last-child{margin-right: 0;}
#scroll3 .hd{ width: 100%; text-align:center; margin-top: 4%;}
#scroll3 .hd li{background:#a8a6c8; width: 0.16rem; height: 0.16rem; border-radius: 50%; display:inline-block;}
#scroll3 .hd li.on{background: #fff;}
.section6{padding: 3% 0 7% 0;}
.section6 p{font-size: 0.2rem; color:#000; padding-bottom: 6%;}
.section6 .swiper-container{width:100%; height: 5.4rem;}
.section6 .swiper-slide{width:10.72rem;}
#scroll4 .hd{ width: 100%; text-align:center; overflow: hidden; display: flex}
#scroll4 .hd li{background:#b8c6f1; width: 25%; margin-right: 1%; height: 0.64rem; line-height: 0.64rem; font-size: 0.26rem; color:#13224c; text-align: center;}
#scroll4 .hd li:last-child{margin-right: 0;}
#scroll4 .hd li.on{background: #fff; }
#scroll4 .bd li{background:#fff; overflow:hidden;}
#scroll4 .bd li p{padding: 3% 2%; font-size: 0.2rem; color:#000;}
#scroll4 .bd li p span{display:block; padding: 3% 2% 1% 2%;}
.section8{padding: 3% 0 8% 0;}
.section8 h2{padding-bottom: 1%;}
.box8{position:relative;}
.box8 a{display:block; border-radius: 50%; color:#fff; line-height: 1.3; font-size: 0.22rem; text-align: center; position:absolute; animation:show8 2s .2s linear both infinite;-webkit-animation:show8 2s .2s linear both infinite;-moz-animation:show8 2s .2s linear both infinite;-o-animation:show8 2s .2s linear both infinite;-ms-animation:show8 2s .2s linear both infinite;}
.box8 a.box8_li1{width: 1.62rem; height: 1.1rem; background:#f99a52; padding-top: 0.52rem; left: 4%; top:0.42rem; }
.box8 a.box8_li2{width: 1.82rem; height: 1.3rem; background:#8add99; padding-top: 0.52rem; left: 3.24rem; top: 0.65rem; animation-delay:0.4s}
.box8 a.box8_li3{width: 1.82rem; height: 1.3rem; background:#a68ee1; padding-top: 0.52rem; left: 1.72rem; top: 2.12rem; animation-delay:0.8s}
.box8 a.box8_li4{width: 1.52rem; height: 1.18rem; background:#e895e4; padding-top: 0.34rem; right: 0.14rem; top: 2.28rem; animation-delay:1s}
.box8 a.box8_li5{width: 1.52rem; height: 1.18rem; background:#63ddf2; padding-top: 0.34rem; left: 0.7rem; bottom: -0.04rem; animation-delay:0.6s}
.box8 a.box8_li6{width: 1.4rem; height: 1.15rem; background:#f6ca88; padding-top: 0.25rem; left: 3.46rem; bottom: -0.3rem; animation-delay:0.2s}
#scroll5 .hd{width: 100%;height: 0.2rem;text-align: center;margin-top: 1%;}
#scroll5 .hd li{display: inline-block;width: 0.14rem;height: 0.14rem;border: 1px solid #13224c;border-radius: 50%;margin: 0 1%;}
#scroll5 .hd li.on{background: #13224c;}
@-webkit-keyframes showh{
    0% {  -webkit-transform: translate(0px,0px);  transform: translate(0px,0px);  }
    25% {  -webkit-transform: translate(6px,0px);  transform: translate(6px,0px);  }
    50% {  -webkit-transform: translate(4px,0px);  transform: translate(4px,0px);  }
    75% { -webkit-transform: translate(7px,0px);  transform: translate(7px,0px);  }
    100% {  -webkit-transform: translate(0px,0px);  transform: translate(0px,0px);  }
}
@-webkit-keyframes show8{
    0% {  -webkit-transform: translate(0px,0px);  transform: translate(0px,0px);  }
    25% {  -webkit-transform: translate(3px,6px);  transform: translate(3px,6px);  }
    50% {  -webkit-transform: translate(6px,2px);  transform: translate(6px,2px);  }
    75% { -webkit-transform: translate(2px,7px);  transform: translate(2px,7px);  }
    100% {  -webkit-transform: translate(0px,0px);  transform: translate(0px,0px);  }
}