.wp{max-width: 640px;min-width: 320px;margin: 0 auto;  color: #000;line-height: 1.5;overflow: hidden;}

.subject_activity{margin-bottom:0;}

.wp h2{text-align: center;padding: 6% 0 4%;line-height: 1.3;font-weight: normal;font-size: 0.4rem;color: #000;}

.btn{display: block;width: 60%;height: 0.6rem;line-height: 0.65rem;margin:0.35rem auto 0;text-align: center;color: #fff;font-size: 0.22rem;background: #D84C04;border-radius: 0.4rem}

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

.over{overflow: hidden;}

.over a.btn {width: 48%}

.over a.fl{background: #2F6AC4}

.fl{float: left}

.fr{float: right}

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

#banner_slider .bd li a{display: block;position: relative}

#banner_slider .bd li .img{display: block;width: 40%;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;left: 3%;bottom: 0.7rem}

@-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: url("../images/bg1.jpg") repeat-x bottom #E7EAF3;background-size: 1px}

.section1 .content{background: #fff;position: relative;margin-top: 0.46rem}

.section1 .hd{width: 100%;text-align: center; overflow: hidden;padding-bottom: 0.15rem;position: absolute;left: 0;top: -0.46rem;z-index: 1}

.section1 .hd li{float: left;width: 19.5%;height: 0.46rem; font-size: 0.2rem; color:#fff; line-height:0.46rem;border-radius: 0.1rem;background: #818A97; margin-right:0.5%; text-align:center;position: relative;}

.section1 .hd li i,.section3 .hd li i{display: none; width: 0;height: 0;border-left: 0.12rem solid transparent;border-right: 0.12rem solid transparent;border-top: 0.15rem solid #EA77A5;position: absolute;left: 50%;bottom: -0.1rem;margin-left: -0.11rem}

.section1 .hd li:nth-child(5){width:20%; margin-right:0;}

.section1 .hd li.on{background: #EA77A5; }

.section1 .hd li.on i,.section3 .hd li.on i{display: block}

.section1 .over,.section2 .over,.section4 .over,.section5 .over,.section7 .over{margin: 0 3%;}

.section2{background: #EA77A5}

.section2 .content,.section4 .content,.section7 .content,.section8 .content{overflow: hidden}

.section2 dl{width: 48%;font-size: 0.22rem;color: #666;background: #fff;margin-top: 0.1rem}

.section2 dl h3{font-size: 0.25rem;color: #eb77a6;margin-bottom: 1%}

.section2 dl dd{margin: 0 5%;padding: 0.2rem 0 0.3rem}

.section3 {background: #5698FD}

.section3 .content{background: #fff}

.section3 .content p{font-size: 0.22rem;color: #333;margin: 0 5%;}

.section4{background: #5698FD}

.section4 .content div{width: 48%}

.section4 .content dl{background: #fff;margin-bottom: 0.2rem}

.section4 .content dd{height: 1.5rem;font-size: 0.22rem;color: #666;margin: 0 4%;padding-top: 0.1rem}

.section4 .content dd h3{font-size: 0.3rem;color: #1f71a7;font-weight: normal}

.section5 {background: #E7EAF3}

.section5 dl{position: relative}

.section5 dl:nth-child(1){margin-bottom: 0.3rem}

.section5 dd{width: 100%;overflow: hidden;display: flex;position: absolute;left: 0;bottom: 0.03rem}

.section5 dd span{display: block;text-align: center;color: #fff;flex: 1}

.section5 dd span:nth-child(2){margin: 0 0.3rem}

.section6 {background: url("../images/bg2.jpg") no-repeat top center;background-size: 100%;}

.section6 #scroll4{position: relative}

.section6 .hd {width: 100%;text-align: center;position: absolute;left: 0;bottom: 0.25rem;z-index: 5}

.section6 .hd li{display: inline-block;width: 8px;height: 8px;border-radius: 50%;background: #C3CACE;}

.section6 .hd li.on{background: #729FEE}

.section7{background: #EA77A5}

.section7 .content div{width: 48%}

.section7 dl{margin-top: 0.2rem;position: relative}

.section7 dl dd{width: 75%;font-size: 0.2rem;color: #fff;position: absolute;left: 25%;bottom:2px;line-height: 1.3}

.section8 {background: #E7EAF3;padding-bottom: 0.2rem}

.section8 .content div{width: 32%;float: left}

.section8 .content div:nth-child(2){margin: 0 2%}

.section8 .content div dd{font-size: 0.18rem;color: #000;text-align: center;padding: 0.1rem 0 0.25rem}



.section9 p{overflow: hidden;margin-bottom: 0.2rem;}

.section9 p a{display: block;float: left;background: #2F6AC4;font-size: 0.2rem;text-align: center;color: #fff;border-radius: 0.1rem;height: 0.6rem;line-height: 0.6rem;padding: 0 1%}

.section9 p a:nth-child(2){margin: 0 2%}

.section9 p:nth-child(1) a:nth-child(1),.section9 p:nth-child(2) a:nth-child(2){background: #5698FD}

.section9 p:nth-child(1) a:nth-child(3),.section9 p:nth-child(2) a:nth-child(1){background: #EA77A5}

.section9 p:nth-child(1) a:nth-child(3),.section9 p:nth-child(2) a:nth-child(2){padding: 0 2%}

.section9 p:nth-child(2) a:nth-child(1),.section9 p:nth-child(2) a:nth-child(3){padding: 0 3.5%}