.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: 6% 0 4%;line-height: 1.3;font-weight: normal;font-size: 0.3rem;color: #323232;}

.wp h2 strong{display: block;font-size: 0.4rem}

.wp h2 img{display: block;margin-top: 0.1rem}

.btn{display: block;width: 60%;height: 0.7rem;line-height: 0.7rem;margin:0.15rem auto 0;text-align: center;color: #fff;font-size: 0.26rem;border-radius: 0.4rem;background: url("../images/img1.png") no-repeat center;background-size: 132%}

a.btn img{display: inline-block;width: 0.3rem;vertical-align: middle;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;}

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

}

.btn:hover{color: #fff}

.pb{padding-bottom: 0.6rem}

.content{width: 93.45%;margin: 0 auto;}

#banner_slider .bd li{position: relative}

#banner_slider .bd li span.btn{width: 50%; display:block; position: absolute;left: 25%;bottom: 0.6rem;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;}

#banner_slider .bd li span.btn img{display: inline-block;width: 0.3rem; vertical-align: middle}

@-webkit-keyframes showb{

    0%,100%,20%,50%,80% {

        -webkit-transform: translateX(0);

        transform: translateX(0)

    }

    40% {

        -webkit-transform: translateX(6px);

        transform: translateX(6px)

    }

    60% {

        -webkit-transform: translateX(3px);

        transform: translateX(3px)

    }

}

.section1 .content{display: flex}

.section1 dl{width: 24%;flex: 1;margin-right: 1%;background: #C7C7C7;font-size: 0.28rem;color: #fff;text-align: center;font-weight: bold;padding-bottom: 0.2rem;border-radius: 0.1rem;overflow: hidden}

.section1 dl:nth-child(4){margin-right: 0}

.section2{background: #5D7FC5}

.section2 h2,.section4 h2,.section6 h2,.section8 h2{color: #fff}

.section2 #scroll1{position: relative}

.section2 .hd {width: 90%;overflow: hidden;position: absolute;left: 5%;top: 0.3rem;z-index: 1}

.section2 .hd li{width: 49%;height: 1rem;line-height: 0.8rem;background: url("../images/qh2.jpg") no-repeat top center;background-size: 100%;font-size: 0.3rem;text-align: center;color: #fff;border-radius: 0.2rem;overflow: hidden}

.section2 .hd li.on{background: url("../images/qh1.jpg") no-repeat top center;background-size: 100%;}

.section2 .bd .text{background: #fff;padding-top: 1.4rem;border-radius: 0.15rem}

.section2 .bd .text2{overflow: hidden}

.section2 .bd .text2 dl{width: 32%;float: left;background: #fff}

.section2 .bd .text2 dd{font-size: 0.22rem;color: #696969;margin: 0 5%;padding: 0.2rem 0 0.3rem}

.section2 .bd .text2 dd h3{font-size: 0.3rem;color: #5158b0}

.section2 .bd .text2 dl:nth-child(2){margin: 0 2%}

.section2 .over a,.section3 .over a,.section4 .over a,.section5 .over a,.section6 .over a,.section9 .over a{width: 48%}

.section2 .over a.fr,.section3 .over a.fr,.section4 .over a.fr,.section5 .over a.fr,.section6 .over a.fr,.section9 .over a.fr{background: url("../images/img2.png") no-repeat center;background-size: 132}

.section3 p{margin: 0 3%;color: #474747;font-size: 0.22rem}

.section3 p strong{color: #fb2d6d}

.section3 p span{background: #FFE4EC}

.section3 .over,.section4 .over,.section5 .over,.section6 .over{margin: 0 3%}

.section4{background: #5D7FC5}

.section4 .content{overflow: hidden}

.section4 .content div,.section8 .over div{width: 48%}

.section4 .content dl,.section8 .over dl{background: #fff;font-size: 0.22rem;color: #6a6a6a;border-radius: 0.1rem;overflow: hidden;margin-bottom: 0.25rem}

.section4 .content dl dd{margin: 0 5%;padding: 0.1rem 0 0.3rem}

.section4 .content dl h3,.section8 .over dl h3{font-size: 0.3rem;color: #5357b2}

.section4 .over a,.section6 .over a{margin-top: 0.1rem}

.section5 {background: #F0F2FE}

.section5 a{font-size: 0.24rem}

.section6{background: #4C51B3}

.section6 ul{overflow: hidden}

.section6 ul li{width: 32%;float: left;font-size: 0.22rem;text-align: center;color: #fff}

.section6 ul li dd{height: 0.8rem}

.section6 ul li:nth-child(2){margin: 0 2%}

.section7 .hd{display: flex;margin-bottom:1%}

.section7 .hd li{flex: 1;text-align: center;font-size: 0.28rem;color: #fff;background: #51545E}

.section7 .hd li:nth-child(2){margin: 0 1%}

.section7 .hd li.on{background: #3B459C}

.section8 {background: #5D7FC5}

.section8 .over dl{text-align: center}

.section8 .over dd{padding: 2% 0 0.2rem}

.section9,.section9 #scroll3{position: relative}

.section9 h2{width: 100%;position: absolute;left: 0;top: 0.8rem}

.section9 .bd li{position: relative}

.section9 .bd li .over{width: 90%;position: absolute;left: 5%;bottom: 0.8rem;}

.section9 .hd{width: 100%;text-align: center;position: absolute;left: 0;bottom: 0.3rem}

.section9 .hd li{display: inline-block;width: 8px;height: 8px;border-radius: 50%;border: 1px solid #4C51B3}

.section9 .hd li.on{background: #4C51B3}

.section11 p{overflow: hidden;margin-bottom: 0.05rem}

.section11 p a{display: block;width: 49.5%;height: 0.6rem;line-height: 0.6rem;background: #1F509A;font-size: 0.22rem;color: #fff;text-align: center}

.section11 p:nth-child(1) a.fr,.section11 p:nth-child(3) a.fr{background: #4C51B3}

.section11 p:nth-child(2) a.fl{width: 53%;background: #5D7FC5}

.section11 p:nth-child(2) a.fr{width: 46%}