.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}
.wp h2{font-size: 0.42rem;color: #333;text-align: center;padding: 5% 0;line-height: 1.3;font-weight: normal}
.wp h2 p{font-size: 0.3rem;font-weight: normal;}
.btn{display: block;width: 50%;height: 0.6rem;line-height: 0.6rem;margin:0.35rem auto 0;text-align: center;color: #fff;font-size: 0.24rem;background: #e45304;border-radius: 0.4rem}
.btn img{width: 0.28rem;vertical-align: middle; padding:0 0 2% 1%;}
.btn:hover{color: #fff}
.w20{width: 94%;margin: 0 auto;}
.subject_activity{margin-bottom: 0}
.show{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;}
}
.banner{position:relative;}
.banner a.btn{margin:0; position:absolute; left:5%; top: 76%; width:36%; 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:showb 1s .2s linear both infinite;}
@-webkit-keyframes showb
{
    0% {left: 5%;}
    50% {left: 8%;}
    100% {left: 5%;}
}
@-moz-keyframes showb
{
    0% {left: 5%;}
    50% {left: 8%;}
    100% {left: 5%;}
}
@-ms-keyframes showb{
    0% {left: 5%;}
    50% {left: 8%;}
    100% {left: 5%;}
}
@-o-keyframes showb{
    0% {left: 5%;}
    50% {left: 8%;}
    100% {left: 5%;}
}
.section1{padding:2% 0 6% 0}
.section1 ul li{width:31%; height:2.6rem; float: left; margin-right:3%;}
.section1 ul li:nth-child(3n){margin-right:0;}
.section1 ul li p{font-size: 0.18rem; color:#666666; line-height:1.5; padding:2% 3%;}
.section1 ul li p span{display:block; font-size: 0.3rem; color:#333333; text-align:center;}
.section2{background:#e1f6ff; padding:2% 0 7% 0;}
.section2 .w20{position:relative; margin-top: 8%; background:#fff; padding:14% 2% 6% 2%; width:92%;}
.section2 .hd{width:4.48rem; position:absolute; left: 0.86rem; top:-0.66rem; height:1.4rem; overflow:hidden;}
.section2 .hd li{width:1.32rem; height: 1.06rem; float: left; background:#d5d5d5; padding-top:0.26rem; line-height:1.5; text-align:center; font-size: 0.24rem; color:#333; margin-right:0.24rem; position:relative; border-radius:50%;}
.section2 .hd li:nth-child(3){margin-right:0;}
.section2 .hd li img{width:0.1rem; position:absolute; left: 50%; margin-left: -0.05rem; bottom:-0.08rem; display:none;}
.section2 .hd li.on{background:#4ad1d7; color:#fff;}
.section2 .hd li.on img{display:inline-block;}
.section2 .bd li{text-align: center;}
.section2 .bd li p{font-size: 0.18rem; color:#666666; padding:2% 0;}
.btn_c{width:90%; margin:0.24rem auto; overflow:hidden;}
.btn_c .btn{width:47%; margin:0;}
.btn_c .btn.fl{background:#4ad1d7;}
.section3{padding-bottom: 6%;}
.section3 h2,.section5 h2,.section7 h2{padding-top:1%;}
.section3 .w20 p{font-size: 0.18rem; color:#333; line-height:1.5; padding:0 1% 3% 1%;}
.section3 .w20 p img{margin-top:3%;}
.section3 .btn{width:60%;}
.section4{background:#e1f6ff; padding:3% 0 8% 0;}
.section4 .img1{width:5.12rem; margin: 0 auto; display: block;}
.section4 .w20{position:relative; margin-top: 16%; background:#fff; padding:14% 2% 6% 2%; width:92%; border:1px solid #d1dfe9; border-radius:0.1rem;}
.section4 .hd{width:5.6rem; position:absolute; left: 0.3rem; top:-0.66rem; height:1.4rem; overflow:hidden;}
.section4 .hd li{width:1.32rem; height: 1.06rem; float: left; background:#d5d5d5; padding-top:0.26rem; line-height:1.5; text-align:center; font-size: 0.24rem; color:#333; margin-right:0.1rem; position:relative; border-radius:50%;}
.section4 .hd li:nth-child(4){margin-right:0;}
.section4 .hd li img{width:0.1rem; position:absolute; left: 50%; margin-left: -0.05rem; bottom:-0.08rem; display:none;}
.section4 .hd li.on{background:#4ad1d7; color:#fff;}
.section4 .hd li.on img{display:inline-block;}
.section4 .bd li p{font-size: 0.18rem; color:#333333; padding:3% 0;}
.section4 .bd li p span{font-size: 0.3rem; line-height:1.8; display: block;}
.section4 .btn{width:65%;}
.section5{padding-bottom:6%;}
.section5 .box5{position:relative; height:11.3rem;}
.section5 .box5 .w20{position:absolute; margin:3% 0; left: 0; top:5.5rem;}
.section5 .box5 .w20 dl{width:48%; height:2.96rem; float: left; }
.section5 .box5 .w20 dl:nth-child(2n){float: right;}
.section5 .box5 .w20 dl dt{position:relative; overflow:hidden; border-radius:0.14rem;}
.section5 .box5 .w20 dl dt p{font-size:0.24rem; height:0.44rem; line-height:0.44rem; background:rgba(0,0,0,0.5); text-align:center; position:absolute; left:0; bottom:0; width:100%; color:#fff; border-radius:0 0 0.14rem 0.14rem;}
.section5 .box5 .w20 dl dd{font-size: 0.18rem; line-height:1.7; color:#666; padding:2%;}
.section6{background:#e1f6ff; padding:2% 0 6% 0;}
.section6 .hd{width:100%; height:0.2rem; margin-top:0.16rem; text-align: center;}
.section6 .hd li{display: inline-block; width:0.1rem; background:#a8a8a8; height:0.1rem; margin: 0 1%; border-radius:50%;}
.section6 .hd li.on{background:#28a4bf;}
.section7{padding-bottom:6%;}
.section7 .box7{width:96%; margin:0 auto;}
.section7 .box7 .w20{width:96%; padding-top:3%;}
.section7 .box7 .w20 dl{margin-bottom:2%;}
.section7 .box7 .w20 dl:nth-child(5){margin-bottom:0;}
.section7 .box7 .w20 dl dd{font-size: 0.18rem; line-height:1.5; color:#666; padding:2% 0; text-align:center; overflow:hidden;}
.section7 .box7 .w20 dl dd p{width:50%;}
.section7 .box7 .w20 dl dd p span{display: block; font-size: 0.24rem; color:#28a4bf;}
.section7 ul li{width:49%; height:0.6rem; line-height:0.6rem; text-align: center; font-size: 0.2rem; color:#fff; float: left; background:#28a4bf; border-radius:0.1rem; margin-bottom:2%;}
.section7 ul li:nth-child(2n){float: right;}
.section7 ul li:nth-child(2){background:#4ad1d7}
.section7 ul li:nth-child(5){background:#4ad1d7}
.section7 ul li:nth-child(3){background:#e45304}
.section7 ul li:nth-child(6){background:#e45304}
.section7 ul li a{color:#fff;}
.section7 .btn{width:60%;}
.section8{background:#e1f6ff; padding:2% 0 5% 0;}
.section8 ul li{width:48%; float: left; height:2.4rem; margin-bottom:3%; text-align: center; font-size: 0.2rem; color:#333; background:#fff;}
.section8 ul li:nth-child(2n){float: right;}
.section8 ul li p{line-height:1.5; padding:1% 0;}