.wp{max-width: 640px;min-width: 320px;margin: 0 auto;  color: #000;line-height: 1.5;overflow: hidden;}
.over{overflow: hidden;}
.fl{float: left}
.fr{float: right}
.subject_activity{margin-bottom:0;}
.wp h2{text-align: center;padding: 0.7rem 0 6%;line-height: 1.3;font-weight: normal;font-size: 0.47rem;color: #000;background: url("../images/bg1.png") no-repeat center 0.7rem;background-size: 100%}
.wp h2 span{font-size: 0.4rem; display:block;}
.btn{display: block;width: 65%;height: 0.7rem;line-height: 0.7rem;margin:0.35rem auto 0;text-align: center;color: #fff;font-size: 0.25rem;background: #F46D23;border-radius: 0.4rem;animation:showb 1s .2s linear both infinite;-webkit-animation:showb 1s .2s linear both infinite;-moz-animation:showb 1s .2s linear both infinite;-o-animation:showb 1s .2s linear both infinite;-ms-animation:showh 1s .2s linear both infinite;}
.btn img{display: inline-block;width: 0.3rem;vertical-align: middle}
.over .btn{width: 48%;}
.over .btn.fl{background: #EB9924;animation-delay: 0.8s}
.w20{margin: 0 2.7%;}
.pb{padding-bottom: 0.6rem}
.content{width: 93.45%;margin: 0 auto;}
#banner_slider .bd li {position: relative}
#banner_slider .bd li a.btns{display: block;width: 24.4%;animation:showb 1s .2s linear both infinite;-webkit-animation:showb 1s .2s linear both infinite;-moz-animation:showb 1s .2s linear both infinite;-o-animation:showb 1s .2s linear both infinite;-ms-animation:showh 1s .2s linear both infinite;position: absolute;right: 8%;bottom: 0.5rem}
@-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)
    }
}
.section1 {background: #E8EBFA}
.section1 dl{width: 98%;padding: 1%;background: #5E6C8A;border-radius: 1rem;overflow: hidden;margin-top: 3%}
.section1 dl dt{width: 27%;float: left;border-radius: 50%;overflow: hidden}
.section1 dl dd{width: 70%;float: right;font-size: 0.22rem;color: #fff;padding-top: 2%;}
.section1 dl dd h3{font-size: 0.24rem;text-align: left}
.section2{background:#e8ebfa;}
.section2 h2,.section5 h2{background: url("../images/bg3.png") no-repeat center 1.3rem;background-size: 100%;}
.section2 ul{overflow: hidden}
.section2 ul li{width: 48%;}
.section2 ul li dl dd{font-size: 0.22rem;color: #000;line-height: 1.3}
.section2 ul li dl:nth-child(1){margin-bottom: 0.3rem}
.section2 ul li dl dd h3{font-size: 0.24rem;font-weight: normal;text-align: left;padding: 5% 0}
.section2 ul li dl dd h3 strong{display: inline-block;font-size: 0.26rem;height: 0.5rem;line-height: 0.5rem;background: #465FCD;border-radius: 0.1rem;padding: 0 5%;color: #fff}
.section4{background: url("../images/bg1.jpg") top center;background-size: 0.1rem}
.section3{padding: 1% 0 3%;}
.section3 h2{background: url("../images/bg3.png") no-repeat center 1.3rem;background-size: 100%;}
.section3 .hd{height: 1.2rem;padding-bottom: 0.3rem;margin-top: 4%}
.section3 .hd li{width: 32%;float: left;margin-right: 2%;height: 1rem;line-height: 1.3;background: #6698F1;border-radius: 0.2rem;font-size: 0.28rem;color: #fff;text-align: center;position: relative;display: -webkit-flex;justify-content: center;align-items: center}
.section3 .hd li:last-child{margin-right: 0}
.section3 .hd li span{background: url("../images/box3_i.png") no-repeat center;background-size: 100%; display:block; width: 1rem; position:absolute; left: 8%; top: -0.24rem; font-size: 0.18rem; color:#fff; text-align: center; height: 0.42rem; line-height: 0.34rem;}
.section3 .hd li.on{background: #2C419F;color: #fff}
.section3 .hd li.on i{width: 0;height: 0;border-left: transparent 0.2rem solid;border-right: transparent 0.2rem solid;border-top: 0.3rem solid #2C419F;position: absolute;left: 50%;margin-left: -0.2rem;bottom: -0.15rem;z-index: 1}
.section3 .text {width: 98%;padding: 3% 1% 0 1%;background: #fff;border-radius: 0.2rem}
.section3 .text p{font-size: 0.2rem;color: #333;padding: 0 3% 3%}
.section3 .text p strong{color:#f46d23;}
.section3 .text p img{margin-bottom: 4%;}
.section3 .text h3{text-align: left;font-size: 0.23rem;color: #333;font-weight: normal;margin-bottom: 3%; border: 1px solid #465fcd; border-radius: 0.3rem;}
.section3 .text h3 span{display: inline-block;height: 0.4rem;line-height: 0.4rem;background: #465FCD;color: #fff;border-radius: 0.3rem;padding: 0 3%}
.section3 .text dd{overflow: hidden;padding-top: 3%}
.section3 .text dd span{display: block;width: 38%;float: left;font-size: 0.23rem;color: #707070;margin-left: 13%}
.section3 .text dt{position: relative}
.section3 .text dt img:nth-child(2),.section3 .text dt img:nth-child(3){display: block;width: 9%;position: absolute;z-index: 1;bottom: -18%;}
.section3 .text dt img:nth-child(2){left: 2%}
.section3 .text dt img:nth-child(3){right: 40%}
.section3 .text dd span:last-child{float: right;margin-left: 0;}
.section3 .text .over{padding-bottom: 6%}
.section4 h2{color: #fff;background: 0}
.section4 .ul1{width: 90%;height: 0.9rem;overflow: hidden;margin: 0 auto;position: relative}
.section4 .ul1 li{width: 35%;height: 0.6rem;line-height: 0.6rem;font-size: 0.3rem;color: #000;background: #FED054;text-align: center;border-radius: 0.3rem;border: 1px solid #000;position: absolute;top: 0;z-index: 1}
.section4 .ul1 li:nth-child(1){left: 0;padding-right: 5%}
.section4 .ul1 li:nth-child(2){left: 30%;padding-right: 5%;background: #fff;font-weight: bold}
.section4 .ul1 li:nth-child(3){right: 0%;padding: 0 2%}
.section6 .hd,.section4 .hd{text-align: center;margin-top: 3%}
.section6 .hd li,.section4 .hd li{display: inline-block;width: 8px;height: 8px;border-radius: 50%;background: #fff}
.section6 .hd li.on,.section4 .hd li.on{background: #6296F4}
.section5 .over div{width: 48%;height: 3.65rem;background: #2c419f;font-size: 0.2rem;color: #fff;line-height: 1.5;border-radius: 0.2rem}
.section5 .over div h3{margin-bottom: 3%;}
.section5 .over div p{padding: 2% 4%;}
.section6{background:#e8ebfa;}
.section6 h2{background: url("../images/bg3.png") no-repeat center 1.42rem;background-size: 100%;}
.section6 h2 span{ font-size: 0.48rem;}
.section6 ul li{width: 2.92rem; float: left; height: 3.38rem; background:#ffffff; border-radius: 0.1rem; margin-bottom: 4%;}
.section6 ul li:nth-child(2n){float: right;}
.section6 ul li p{font-size: 0.22rem; color:#333333; line-height: 1.4; padding: 4% 5%;}
.section6 .btn{width: 48%;}
.section7{padding: 2% 0 6% 0;}
.section7 h2{background: 0}
.box7_c{padding: 0 8%;}
.box7_c dl{padding: 0.05rem; border: 0.02rem solid #4e7ed4; height: 1.12rem; border-radius: 0.6rem; margin-bottom: 4%; background:#4e7ed4;}
.box7_c dl:nth-child(2n){background:#fff;}
.box7_c dl dt{width: 1.12rem; border-radius: 50%;}
.box7_c dl dd{width: 3.64rem; height: 1.12rem; padding: 0 4%; font-size: 0.24rem; line-height: 1.3;}
.box7_c dl dd p{color:#fff; padding-top: 3%;}
.box7_c dl dd.fl p{color:#4e7ed4;}

.section8{background: url("../images/bg-4.jpg") top center;background-size: 0.04rem}
.section8 h2{background: url("../images/bg2.png") no-repeat center 1.27rem;background-size: 100%; color:#fff;}
.section8 h2 span{font-size: 0.4rem;}
.box8_c{background: url("../images/bg8.jpg") top center no-repeat;background-size:100%}
.section8 p{padding: 0.82rem 0.22rem; font-size: 0.24rem; color:#ffffff; line-height: 1.5;}
.section8 p span{color: #ffc600; text-decoration: underline; line-height: 1.7; display:block;}
.section8 .text{padding: 3% 2.6%;}
.section8 .w20{margin-bottom: 4%;}

.section8 dl{overflow: hidden;margin-bottom: 7%;}
.section8 dl dt{width: 47%;}
.section8 dl dt img:first-child{margin-bottom: 25%;}
.section8 dl dt.fr img:first-child{margin-bottom: 10%;}
.section8 dl dd{width: 50%; padding-top: 0.65rem;}