.wp{max-width:640px;min-width:320px;margin:0 auto;color:#010101;overflow: hidden;font-size: 0.2rem;color:#333;}
img{width:100%;height:auto;}
.wp h2{font-size:0.42rem;font-weight:700;line-height:1.3;text-align:center;font-family:"Microsoft Yahei";padding: 8% 0 5%;color:#333;font-weight: normal;}
.wp h2 span{display: block;font-size: 0.3rem}
a.btn{display:block;width: 70%;height: 0.8rem;line-height: 0.8rem;margin:0.4rem auto 0;border-radius:1rem;color:#fff;font-size:0.25rem;overflow:hidden;text-align:center;background: #CF2458}
.over{overflow:hidden;}
.fl{float: left}
.fr{float: right}
.pb{padding-bottom: 0.5rem;}
.w20{width: 94%;margin:0 auto;}
.subject_activity{margin-bottom: 0;}
.section1 {background: #F0F1FB}
.section1 .w20{width: 80%;margin: 0 auto}
.section1 .hd{display: flex;margin-bottom: 5%}
.section1 .hd li{height: 0.6rem;line-height: 0.6rem;flex: 1;background: #585FA0;font-size: 0.3rem;text-align: center;color: #FFF;border-radius: 0.1rem;border: 1px solid #585FA0}
.section1 .hd li:nth-child(2){margin: 0 2%}
.section1 .hd li.on{background: 0;color: #585FA0}
.section1 .bd dl{width: 93.5%;padding: 3%;background: #fff;border: 1px solid #DBDDF4}
.section1 .bd dl dd{font-size: 0.25rem;color: #333;line-height: 1.6;padding: 5% 0}
.section1 .bd dl dd h3{font-size: 0.35rem;font-weight: normal;text-align: left}
.section1 .bd dl dd h3 span{font-size: 0.2rem;color: #666}
.section1 .bd dl dd p span{display: inline-block;background: #E29519;font-size: 0.2rem;color: #fff;border-radius: 0.3rem;padding: 0.4% 3% 0.3%;}
.section1 .text{width: 91%;padding:1% 0 6% 3%;margin: 0.55rem auto 0;background: url("../images/img4.jpg") no-repeat right center #E29519;background-size: 40%;font-size: 0.22rem;color: #fff}
.section1 .text h3{font-size: 0.3rem;text-align: left;font-weight: normal;line-height: 1.4;padding: 8% 0 4%}
.section1 .text h3 span{display: block;font-size: 0.35rem}
.section1 .text p{width: 70%}
.section2 .w20{width: 91%;padding-left: 3%;border-left: 1px solid #CACEED;font-size: 0.22rem;color: #333}
.section2 .w20 dl{padding: 5% 0}
.section2 .w20 dl dd{display: flex;margin-top: 3%}
.section2 .w20 dl dd span{display: block;flex: 1;font-size: 0.18rem;color: #666;text-align: center}
.section2 .w20 h4{width: 35%;height: 0.4rem;line-height: 0.43rem;border-radius: 0.3rem;font-weight: normal;color: #fff;background: #5E649F;margin-bottom: 2%}
.section2 .w20 p span{font-size: 0.25rem}
.section2 .w20 ul{overflow: hidden;margin: 5% 0 3%}
.section2 .w20 ul li{width: 24.7%;float: left;background: #DEA040;border-right: 1px solid #fff;color: #fff;font-size: 0.3rem;text-align: center;padding: 4% 0}
.section2 .w20 ul li span{display: block;font-size: 0.22rem}
.section2 .w20 ul li:nth-child(1),.section2 .w20 ul li:nth-child(3){background: #D68815}
.section2 .w20 h3{font-size: 0.3rem;color: #333;text-align: left;margin-bottom: 5%}
.section2 .w20 .over{margin: 5% 0}
.section2 .w20 .over div{width: 32%;float: left;font-size: 0.22rem;color: #333}
.section2 .w20 .over div:nth-child(2){margin: 0 2%}
.section2 .w20 .over div strong{display: block;width: 38%;height: 0.3rem;line-height: 0.33rem;background: #B3AEA6;color: #fff;font-size: 0.2rem;color: #fff;margin: 8% auto 5%;font-weight: normal;text-align: center}
.section2 .w20 .over div p span,.section2 .w20 .text p span{color: #fe0101}
.section2 .w20 .text{width: 65%;padding:3% 3% 3% 30%;background: url("../images/img13.jpg") no-repeat left center #F0F1FB;background-size: 30%;}
.section2 .w20 .text strong{display: block;font-size: 0.3rem;color: #000;margin-bottom: 3%}
.section2 .w20 .text p{font-size: 0.2rem;color: #333}
.section2 .w20 .text p span{font-size: 0.2rem}
.section2 .w20 .over a{width: 45%;font-size: 0.25rem;margin-top: 0.1rem}
.section2 .w20 .over a.fl{width: 43%;background: #585FA0;margin-left: 3%}
.section2 .w20 .over a.fr{margin-right: 3%}
.section2 .w202 ul li{font-size: 0.25rem}
.section2 .w202 .text{background: url("../images/img20.jpg") no-repeat left center #F0F1FB;background-size: 30%;}
.section3 {background: #5F627D;}
.section3 h2{color: #fff}
.section3 .w20 .hd {text-align: center;margin-top: 3%}
.section3 .w20 .hd li{display: inline-block;width: 8px;height: 8px;border-radius: 50%;background: #fff;border: 1px solid #fff}
.section3 .w20 .hd li.on{background: 0}
.section3 .over{width: 90%;margin: 0 auto}
.section3 .over a{width: 45%}
.section3 .over a.fl{background: #D68815}
.section4{background: #F0F1FB}
.section4 .w20{background: #fff;border-radius: 0.1rem;-moz-box-shadow:0px 0px 8px #BFBFBF; -webkit-box-shadow:0px 0px 8px #BFBFBF; box-shadow:0px 0px 8px #BFBFBF;padding: 8% 0}
.section4 #scroll3{width: 80%;position: relative;margin: 0 auto}
.section4 .qh{width: 0.3rem;position: absolute;top:1.7rem;z-index: 1;}
.section4 .next{right:-0.45rem}
.section4 .prev{left:-0.45rem}
.section4 p{font-size: 0.22rem;text-align: center;color: #d60909;margin-top: 3%}
.section5 h2 span{color: #666}
.section5 .over div{width: 48%}
.section5 .over div dl{font-size: 0.2rem;color: #666;margin-bottom: 0.35rem}
.section5 .over div dl h3{font-size: 0.26rem;color: #333;font-weight: normal;padding: 5% 0 3%}
.section5 a{margin-top: 0.1rem}
.section6{background: #F0F1FB}
.section6 h2{color: #d50808}
.section6 dl{overflow: hidden;margin-bottom: 4%}
.section6 dt{width: 15%;}
.section6 dd{width: 76%;background: #fff;border: 1px solid #D5D7EB;border-radius: 0.1rem;padding: 2% 3%;font-size: 0.22rem;color: #333;position: relative}
.section6 dd.fr{width: 45%;float: left;margin-left: 2.5%}
.section6 dd a{color: #f32323}
.section6 dd img{display: block;width: 0.15rem;position: absolute;top: 0.15rem}
.section6 dd.fr img{left: -0.15rem}
.section6 dd.fl img{right: -0.15rem}