.wp{max-width: 640px;min-width: 320px;margin: 0 auto;font-size: 12px;color: #000;line-height: 1.5;overflow: hidden}
.wp h2{width: 6.18rem;text-align: center;padding: 7% 0 3% 0; margin: 0 auto;}
.btn{display: block;width: 60%;height: 0.7rem;line-height: 0.7rem;margin: 0.3rem auto 0;text-align: center;color: #fff;font-size: 0.28rem;border-radius: 0.5rem;background: #ff9617; -webkit-animation: showb 2s linear both infinite;-o-animation: showb 2s linear both infinite;animation: showb 2s linear both infinite;}
.w20{width: 96%;margin: 0 auto}
.over{overflow: hidden;}
.over a.btn{width: 49%; font-size: 0.26rem;}
.over a.fr{background: #6198ff;color: #fff}
.fl{float: left}
.fr{float: right}
.pb{padding-bottom: 8%}
#banner_slider{position: relative}
#banner_slider a{width: 46%;position: absolute;right: 6%;bottom: 0.9rem;z-index: 1; -webkit-animation: movement 2s linear both infinite;-o-animation: movement 2s linear both infinite;animation: movement 2s linear both infinite;}
.section1 ul li{width: 32%; float: left; margin-right: 2%; text-align: center; }
.section1 ul li:last-child{margin-right: 0;}
.section1 ul li p{font-size: 0.22rem; color:#333; line-height: 1.3; padding-top: 5%;}
.section2{background:#d6eeff; position:relative; }
.section2 .w20{width: 86%; position:absolute; left: 7%; top: 47%; height: 2.5rem;}
.section2 dl{width: 2.26rem; float: left; padding-top: 0.86rem; color:#fff;}
.section2 dl dt{text-align: center; margin-bottom: 3%;}
.section2 dl dt span{font-size: 0.29rem; border: 1px solid #fff; padding: 0 4%;}
.section2 dl dd{font-size: 0.2rem; color:#fff; line-height: 1.3;}
.section2 dl:last-child{width: 2.68rem; padding-top: 0; float: right;}
.section2 a.btn{margin-top: -5%;}
.section3{background:#ffe2d2;}
.box3_c{background:url(../images/box3_img1.jpg) top center no-repeat #fff; border-radius: 0.14rem; background-size: 100%; padding: 3% 3% 5% 3%; margin-bottom: 3%; box-shadow: 0 0 6px 2px rgba(0,0,0,0.1)}
.box3_c h3{font-size: 0.36rem; color:#ff6a42; font-weight: normal; text-align: center;}
.box3_c dl dt{width: 54%; margin-bottom: 10%;}
.box3_c dl dt strong{display:block; text-align: center; width: 90%; height: 0.7rem; line-height: 0.7rem; font-size: 0.32rem; color:#fff; margin-bottom: 4%;}
.box3_c dl dt p{font-size: 0.22rem; color:#000; }
.box3_c dl dd p{font-size: 0.2rem; color:#666; padding-top: 3%; text-align: center;}
.box3_c:last-child{background:url(../images/box3_img2.jpg) top center no-repeat #fff; background-size: 100%;}
.section4 .w20 img{margin-bottom: 3%;}
.section4 a.btn{width: 45%;}
.section5 {background: -webkit-linear-gradient(top,#89b7ff,#a29bff);}
.section5 ul li{width: 48%; height: 3.42rem; float: left; border-radius: 0.12rem; background:#fff; margin-bottom: 4%;}
.section5 ul li:nth-child(2n){float: right;}
.section5 ul li p{padding: 3%; font-size: 0.2rem; color:#555; line-height: 1.3;}
.section5 ul li p span{display:block; font-size: 0.24rem; text-align: center; color:#000; margin-bottom: 3%;}
.section5 ul li p strong{color:#6da6ff; }
.section6{background:#e6f5ff; height: 6.6rem;}
.section6 .w20{height: 4.7rem;position: relative; text-align: center;}
.section6 .w20 a{display: block;font-size: 0.24rem;color: #e27452;text-align: center;display: -webkit-flex;justify-content: center;align-items: center;border-radius: 50%;line-height: 1.3;position: absolute;-webkit-animation: movement 3s linear normal both infinite; -o-animation: movement 3s linear normal both infinite; animation: movement 3s linear normal both infinite;background: #ffd5c8}
.section6 .w20 a:nth-child(1){width: 1.9rem;height: 1.9rem;left: 2%;top: 0;animation-delay: 2.5s}
.section6 .w20 a:nth-child(2){width: 1.8rem;height: 1.8rem;background: #BEBEFF;color: #6666d6;left: 6%;bottom: 15%}
.section6 .w20 a:nth-child(3){width: 2.2rem;height: 2.2rem;background: #BED4FF;color: #507fdb;left: 32%;top: 19%;z-index: 2;animation-delay: 2s}
.section6 .w20 a:nth-child(4){width: 1.7rem;height: 1.7rem;background: #BEC6FF;color: #6666d6;right: 4%;top: 0}
.section6 .w20 a:nth-child(5){width: 1.9rem;height: 1.9rem;right: 3%;bottom: 12%;animation-delay: 0.5s}
.section6 .w20 a:nth-child(6){width: 1.6rem;height: 1.6rem;background: #B5DFFF;color: #3d91d0;right: 37%;bottom: -3%;animation-delay: 1s}
.section7 .hd{text-align: center;padding-top: 2%}
.section7 .hd li{display: inline-block;width: 8px;height: 8px;border-radius: 50%;border: 1px solid #A2A2A2;}
.section7 .hd li.on{background: #A2A2A2}
.section7 .over{padding-bottom: 3%;}


@keyframes movement {
    0% {  -webkit-transform: translate(0px,-3px);  transform: translate(0px,-3px);  }
    25% {  -webkit-transform: translate(3px,6px);  transform: translate(3px,6px);  }
    50% {  -webkit-transform: translate(6px,10px);  transform: translate(6px,10px);  }
    75% { -webkit-transform: translate(8px,0px);  transform: translate(8px,0px);  }
    100% {  -webkit-transform: translate(0px,-3px);  transform: translate(0px,-3px);  }
}
@-webkit-keyframes showb{
    0%,100%,20%,50%,80% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    40% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }
    60% {
        -webkit-transform: translateY(3px);
        transform: translateY(3px)
    }
}