.wp{max-width:640px;min-width:320px;margin:0 auto;color:#010101;overflow: hidden; font-size: 0.2rem}
.wp img{width:100%;height:auto;}
.wp h2 {font-size: 0.4rem;font-weight: normal;color: #4d4d4d;text-align: center;padding: 8% 0 5% 0;line-height: 1.2}
.wp h2 i{display: block;width: 1.3rem;height: 0.03rem;background: #81cfe0;margin: 2% auto 0}
.wp h2 span{display: inline-block;border-radius: 0.3rem;font-size: 0.3rem;background: #fff;padding: 3px 5%}
.wp h2 strong{font-size: 0.32rem}
.wp h3{width: 4.92rem; margin: 0 auto; padding: 2% 0; border-radius: 0.5rem; background:#9ddfff; color:#285b9c; line-height: 1.3; font-size: 0.29rem;}
.wp h3 span{display:block; font-weight: normal;}
a.btn{display:block;width: 50%;line-height: 1.2;margin:0.3rem auto 0;border-radius: 0.5rem;color: #fff;font-size: 0.25rem;overflow:hidden;text-align:center;background: #ff7f6c; padding: 3% 0;}
a.btn strong{display:block;}
a.btn img{width: 0.32rem; vertical-align: middle; padding:0 0 2px 3px;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;}
.over{overflow: hidden}
.fl{float: left}
.fr{float: right}
.pb{padding-bottom: 0.6rem}
.content{width: 96.25%;margin:0 auto;}
/*.subject_activity{display: none}*/
.banner{position:relative;}
.section1{padding-bottom: 5%;}
.section1 h2{color:#092e58; font-weight: bold;}
.section1 p{overflow: hidden;margin-bottom: 0.02rem; display: flex}
.section1 p a{display: block;height: 0.6rem;line-height: 0.6rem;float: left;background: #9ddfff;font-size: 0.22rem;color: #fff;text-align: center;margin-right: 0.02rem; width: 2rem;}
.section1 p a.none{margin-right: 0}
.section1 p:nth-child(1) a.none{background:#80cff5;}
.section1 p a:nth-child(2){width: 1.94rem;}
.section1 p:nth-child(2) a:nth-child(2){background:#80cff5;}
.section1 p a:nth-child(3){width: 2.18rem;}
.section1 p:nth-child(3) a:nth-child(1){width: 2.75rem;}
.section1 p:nth-child(3) a:nth-child(2){width: 3.39rem; background:#80cff5;}
.section2 ul li{width: 48%; height: 2.9rem; float: left; margin-bottom: 3%; text-align: center;}
.section2 ul li:nth-child(2n){float: right;}
.section2 ul li p{font-size: 0.22rem; color:#696969;}
.section2 ul li p strong{display:block; font-size: 0.26rem;}
.section3{background:#d4e6ff;}
.section3 ul li{width: 31%; float: left; margin-right: 3%; margin-bottom: 2%; position:relative;text-align: center;}
.section3 ul li:nth-child(3n){margin-right: 0;}
.section3 ul li p{position:absolute; width: 100%; text-align: center; left: 0; top: 18%; font-size: 0.21rem; color:#676767; line-height: 1.3;}
.section3 ul li p strong{display:block; font-size: 0.32rem; color:#fff; margin-bottom: 5%;}
.section4{background:#7eadf1; padding-bottom: 3.3rem;}
.section4 h2{color:#fff;}
.section4 h2 i{background:#fff;}
.section4 .content{background:#285b9c;}
.section4 .content p{font-size: 0.22rem; color:#fff; line-height: 1.5; padding: 3% 5%;}
.section4 .content p strong{color:#ff7f6c;}
.section4 .box3_p{position: relative;}
.section4 .box3_p li{position: absolute; line-height: 1.3; border-radius: 50%; border: 1px dashed #fff; text-align: center; color:#000; font-size: 0.24rem; -webkit-animation: movement 3s linear normal both infinite; -o-animation: movement 3s linear normal both infinite; animation: movement 3s linear normal both infinite;}
.section4 .box3_p li:nth-child(1){width: 1.2rem; height: 0.9rem; padding-top: 0.3rem; background:#fa8fb7; left: 6%;top: 10%;}
.section4 .box3_p li:nth-child(2){width: 1.12rem; height: 0.9rem; padding-top: 0.22rem; background:#fff; right: 6%;top: 11%;animation-delay: 0.9s;}
.section4 .box3_p li:nth-child(3){width: 1.12rem; height: 0.74rem; padding-top: 0.38rem; background:#fff; left: 2%; top: 42%; animation-delay: 0.5s;}
.section4 .box3_p li:nth-child(4){width: 1.04rem; height: 0.72rem; padding-top: 0.32rem; background:#64ebeb; right: 3%;top: 42%;animation-delay: 0.7s;}
.section4 .box3_p li:nth-child(5){width: 1.04rem; height: 0.8rem; padding-top: 0.24rem; background:#64ebeb; left: 10%;top: 68%;animation-delay: 0.4s;}
.section4 .box3_p li:nth-child(6){width: 1rem; height: 0.8rem; padding-top: 0.2rem; background:#f8e831; right: 12%;top: 70%;animation-delay: 0.9s;}
.section5{height: 6.4rem; position:relative;}
.section5 .box5_c{position:absolute; left: 0; top: -2rem; width: 100%;}
.section5 .content{background:#fff; padding-top: 0.78rem; position:relative; border-radius: 0.14rem; }
.section5 .content h3{margin-top: -1.25rem;}
.section5 ul{padding: 4% 2% 0 2%;}
.section5 ul li{width: 48%; height: 3.1rem; float: left; border-radius: 0.12rem; border: 1px solid #e5e5e5; margin-bottom: 5%; overflow:hidden;}
.section5 ul li:nth-child(2n){float: right;}
.section5 ul li p{font-size: 0.22rem; color:#797979; line-height: 1.4; padding: 3% 6%;}
.section5 .btn{margin-top: 0;}
.section7{padding-bottom: 10%;}
.section7 .swiper-container{margin-top: 4%;}
.section7 .swiper-slide{width: 51%; height: 4.6rem; background:#fff; border: 1px dashed #4571a9; box-shadow: 4px 4px 0 0 #636363; border-radius: 0.1rem;}
.section7 .swiper-slide.swiper-slide-active{box-shadow: 4px 4px 0 0 #7eadf1;}
.section7 .swiper-slide p{font-size: 0.21rem; color:#636363; line-height: 1.5; padding: 4% 0; text-align: center;}
.section7 .swiper-slide p strong{display:block; font-size: 0.32rem; color:#285b9c;}
.section7 .btn{width: 56%;}
.section8{background:#7eadf1; padding: 8% 0 10% 0; margin-top: 6%;}
.section8 h3{margin-top: -1rem;}
.section8 .content{padding: 5% 0 2% 0;}
.section8 .bd li dl{background:#fff; border-radius: 0.12rem; padding: 3% 2%;}
.section8 .bd li dl dt{width: 100%; position:relative; margin-bottom: 3%;}
.section8 .bd li dl dt p{position:absolute; right: 0; width: 45%; top: 1%; font-size: 0.22rem; color:#285b9c; line-height: 1.3;}
.section8 .bd li dl dt p strong{font-size: 0.32rem; display:block;}
.section8 .bd li dl dd{border-top: 1px dashed #c8c8c8; line-height: 1.3;}
.section8 .bd li dl dd p{font-size: 0.21rem; color:#797979; padding: 3% 1%;}
.section8 .hd{width: 100%; margin-top: 2%; text-align: center;}
.section8 .hd li{width: 0.14rem; height: 0.14rem; display: inline-block; border-radius: 50%; border: 0.02rem solid #fff;}
.section8 .hd li.on{background:#fff;}
.btn_c{overflow:hidden;}
.btn_c .btn{width: 49%; }
.btn_c .btn.fr{background:#64ebeb; color:#000;}
.section9{padding: 2% 0 10% 0;}
.section9 h2 span{font-size: 0.3rem; display:block;}
.section9 p{font-size: 0.22rem; color:#4b4b4b; line-height: 1.5; padding: 3%;}
.section9 img{margin-bottom: 4%;}
.section6{background: #d4e6ff;padding-bottom: 2%}
.section6 h2 strong{font-size: 0.4rem;}
.section6 #scroll2{position: relative}
.section6 .btn_c{width: 90%;position: absolute;left: 5%;bottom: 0.9rem;z-index: 1}
.section6 .hd{padding-top: 3%; text-align: center; }
.section6 .hd li{border: 2px solid #9b9b9b; display: inline-block; width: 0.14rem; height: 0.14rem; border-radius: 50%; }
.section6 .hd li.on{background: #9b9b9b}
@-webkit-keyframes showh{
    0% {opacity:1;}
    49% {opacity:1;}
    50% {opacity:0;}
    100% {opacity: 0;}
}
@-moz-keyframes showh{
    0% {opacity:1;}
    49% {opacity:1;}
    50% {opacity:0;}
    100% {opacity: 0;}
}
@-ms-keyframes showh{
    0% {opacity:1;}
    49% {opacity:1;}
    50% {opacity:0;}
    100% {opacity: 0;}
}
@-o-keyframes showh{
    0% {opacity:1;}
    49% {opacity:1;}
    50% {opacity:0;}
    100% {opacity: 0;}
}



@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);  }
}