.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 {text-align: center;padding: 5% 0;}
.btn_c{width: 92%; margin: 0 4%; padding: 4% 0;}
.btn_c a{display:block; width: 48%; 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}
.w20{margin: 0 1.56%;}
/*.subject_activity{display: none}*/
.banner{position:relative;}
.banner a{display: block;width: 1.82rem;position: absolute;right: 5%;bottom: 4%;-webkit-animation: movement 3s linear normal both infinite; -o-animation: movement 3s linear normal both infinite; animation: movement 3s linear normal both infinite;}
.section1{background:#285b9c;}
.section1 .box1_c{position:relative;}
.section1 .btn_c{position:absolute; left: 0; bottom: 8%;}
.section2{background: url(../images/bg1.jpg) top left; background-size: 0.1rem; padding-bottom: 0.5rem;}
.section2 ul li{width: 49.5%; float: left; margin-bottom: 2%;}
.section2 ul li:nth-child(2n){float: right;}
.section3{background:#285b9c;}
.section3 ul.bd li{background:#fff; padding-bottom: 1%;}
.section3 ul.bd li dl{padding: 5% 3% 0% 3%;}
.section3 ul.bd li dl dt p{font-size: 0.19rem; color:#333; line-height: 1.5; height: 1rem; padding-top: 0.3rem;}
.section3 .btn_c .fl{width: 50%}
.section3 .btn_c .fr{width: 42%;}
.section3 ul.hd{width: 100%; margin-top: 3%; text-align: center;}
.section3 ul.hd li{width: 0.14rem; height: 0.14rem; display:inline-block; border-radius: 50%; border: 2px solid #fff;}
.section3 ul.hd li.on{background:#fff;}
.section4{padding: 6% 0;}
.section4 .box4_i{background:#285b9c; margin-bottom: 3%;}
.section4 ul li{width: 32.6%; position:relative; float: left; margin-right: 1%;}
.section4 ul li:last-child{margin-right: 0;}
.section4 ul li p{position:absolute; width: 96%; text-align: center; font-size: 0.2rem; line-height: 1.3; left: 0; top: 0;}
.section4 ul li p span{display:block; width: 1.24rem; margin: 8% auto; height: 0.42rem; line-height: 0.42rem; font-size: 0.3rem; color:#285b9c; border-radius: 0.3rem; border: 2px solid #285b9c; background:#fff;}
.section4 ul li:last-child p span{width: 1.75rem;}
.section4 ul li p font{padding: 0 6%; color:#fff; display:block;}
.section5{background: url(../images/bg1.jpg) top left; background-size: 0.1rem; padding-bottom: 4%;}
.section5 ul li{width: 33.3%; height: 2.8rem; text-align: center; float: left; }
.section5 ul li img{width: 1.8rem;}
.section5 ul li strong{display:block; font-size: 0.2rem; color:#285b9c; padding-top: 3%;}
.section6{background: #285b9c;}
.section6 ul.hd{width: 100%; margin-top: 3%; text-align: center;}
.section6 ul.hd li{width: 0.14rem; height: 0.14rem; display:inline-block; border-radius: 50%; border: 2px solid #fff;}
.section6 ul.hd li.on{background:#fff;}
.section7{background:#e8f4ff;}
.section7 .w20{position:relative;}
.section7 a{display: block;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;}
.section7 .box7_li1{width: 1.74rem;left: 6%;top: 3%;}
.section7 .box7_li2{width: 2.09rem;left: 34%;top: 8%; animation-delay: 0.7s; z-index: 2}
.section7 .box7_li3{width: 1.41rem;left: 66%;top: 0%; animation-delay: 0.3s;}
.section7 .box7_li4{width: 1.62rem;left: 20%;top: 50%; animation-delay: 0.5s;}
.section7 .box7_li5{width: 1.88rem;left: 54%;top: 45%; animation-delay: 0.9s;}
@-webkit-keyframes showh{
    0% {  -webkit-transform: translate(0px,0px);  transform: translate(0px,0px);  }
    25% {  -webkit-transform: translate(0px,6px);  transform: translate(0px,6px);  }
    50% {  -webkit-transform: translate(0px,4px);  transform: translate(0px,4px);  }
    75% { -webkit-transform: translate(0px,7px);  transform: translate(0px,7px);  }
    100% {  -webkit-transform: translate(0px,0px);  transform: translate(0px,0px);  }
}
@-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);  }
}