.wp{max-width:640px;min-width:320px;margin:0 auto;color:#010101;overflow: hidden;}
img{width:100%;height:auto;}
body{font-family:"Microsoft Yahei" !important}
a.btn{display:block;color:#fff;font-size:0.25rem;text-align:center;margin:0 auto;}
.over{overflow:hidden;}
.wp h2{font-size:0.5rem;font-weight:700;line-height:1.3;text-align:center;font-family:"Microsoft Yahei";margin-bottom: 6%;}
.wp h2 span{font-weight: normal;display: block;text-align: center;font-size: 0.35rem;background:url('../images/img17.jpg') no-repeat bottom center;padding-bottom:5%;background-size: 20%}
.content{width: 96%;margin:0 auto;line-height: 1.5}
.section1{background: url('../images/img1.jpg') no-repeat top center;background-size: 100%;color: #333;font-size: 0.22rem}
.section1 .content{height: 6.1rem;position: relative}
.section1 ul{width: 68%;padding-top: 35%;position: absolute;right: 0;top:0;}
.section1 ul li:nth-child(1){border-bottom: 1px solid #E0E0E0;padding-bottom:4%;margin-bottom: 4%}
.section1 ul li span{display: block;background: url('../images/img2.jpg') no-repeat left center;background-size: 3%;text-indent: 5%}
.section1 a{width:1rem;height: 1rem;background: #7E35D0;border-radius: 50%;box-shadow: 0 0 0 5px #AF85E3;position: absolute;left: 10%;bottom: 6%}
.section1 a span{display:block;padding-top: 16%;line-height: 1.3;}
.section2{background: #9A56E6;font-size: 0.2rem;color: #fff;padding:5% 0;}
.section2 p{width: 0.7rem;height: 0.7rem;border: 2px solid #fff;text-align: center}
.section2 p span{padding-top: 9%;line-height: 1.3;display: block;}
.section2 ul{width: 85%;overflow: hidden;padding-top: 1%}
.section2 ul li{width: 33.3%;float: left;background: url('../images/img3.jpg') no-repeat left center;background-size: 15%;text-indent: 5%}
.section3{background: url('../images/img4.jpg') no-repeat top center;background-size: 100%;color: #fff;text-align: center;font-size: 0.2rem;padding:9% 0;}
.section3 .top{margin-bottom: 0.8%}
.section3 .top mip-img:nth-child(1){width: 59.5%;float: left}
.section3 .top mip-img:nth-child(2){width: 40%;display: block;margin-top: 11%;float: right}
.section3 .fl{width: 49.5%}
.section3 .fr{width: 49.5%}
.section3 .fl dl:nth-child(1),.section3 .fr dl:nth-child(1){margin-bottom: 1.8%}
.section3 dl{width: 100%;position: relative}
.section3 dl dd{width: 100%;background: rgba(0, 0, 0,0.5);color: #fff;position: absolute;bottom: 0;line-height: 1.4;padding:3% 0;}
.section3 dl a{background: #7E35D0;padding:6.8% 0;font-size: 0.28rem;margin-top: 1.5%}
.section4{background: url('../images/img11.jpg') no-repeat top center;background-size: 100%;color: #fff;padding-top: 10%;color: #333;margin-bottom:10%}
.section4 .text{width: 75%;border:5px solid #fff;margin:0 auto;text-align: center;padding:5% 0;color: #fff}
.section4 .text h1{font-size: 0.5rem;}
.section4 .text p{font-size: 0.35rem;background: url('../images/img15.jpg') no-repeat bottom center;padding-bottom:5%;background-size: 17%;margin-bottom: 5%}
.section4 .text span{font-size: 0.2rem;display: block;width: 90%;margin:0 auto;}
.section4 .content{background: #fff;overflow: hidden;padding-top: 2%;margin-top: 10%}
.section4 .content dl{width: 30%;float: left;margin:0 1% 0 2%;}
.section4 .content dl:nth-child(2){margin:0 2%;}
.section4 .content dl:nth-child(3){margin:0 2% 0 1%}
.section4 .content dl p{font-size: 0.23rem;background: url('../images/img16.jpg') no-repeat bottom center;background-size: 30%;padding-bottom:5%;text-align: center;padding:5% 0;margin-bottom: 5%}
.section4 .content dl p strong{display: block;font-size: 0.26rem;font-weight: 600}
.section4 .content dl dd span{display: block;}
.section4 a,.section5 a,.section6 a,.section7 a,.section8 a{width: 40%;margin:0 auto;background: #7E35D0;padding:1.5% 0;font-size: 0.28rem;margin-top:10%;}
.section5{background: #eee;padding-top: 10%;padding-bottom: 10%}
.section5 .text{width: 96%;margin:0 auto;box-shadow: 0 0 10px 5px #D4D4D4;background: #fff;padding-bottom:3%;}
.section5 .text dl{overflow: hidden;color: #333}
.section5 .text dl dt{width: 30%;float: left;margin:3% 3% 0 3%;}
.section5 .text dl dd{width: 60%;float: left;margin-top: 3%}
.section5 .text p{background: #A872E6;text-align: center;width: 94%;margin:0 auto;color: #fff;margin-top: 5%}
.section5 strong{display: block;width: 96%;margin:8% auto 0;}
.section5 a{margin-top: 8%}
.section6{padding:8% 0;}
.section6 .content{height: 8rem;background: url('../images/img20.jpg') no-repeat center;background-size: 100%;position: relative}
.section6 .content p{width: 39%;color: #333;font-size: 0.2rem;position: absolute;right: 2%;top:29%;}
.section7 .fl{width: 56.5%}
.section7 .fr{width: 42.5%}
.section7 dl{width: 100%;position: relative}
.section7 dl dd{width: 100%;text-align: center;font-size: 0.2rem;background: rgba(0, 0, 0, .5);position: absolute;bottom: 0;color: #fff;padding:2% 0;}
.section7 .fl dl:nth-child(1),.section7 .fr dl:nth-child(2){margin-bottom: 1.5%}
.section7 .fr p{border: 1px solid #B7B7B7;margin-bottom: 2%}
.section7 .fr p span{display: block;width: 90%;margin:0 auto;padding:2% 0;}
.section7 a,.section8 a{width: 100%;margin-top:2%;padding:5% 0;}
.section8{padding:8% 0;}
.section8 .fl{width: 40%;}
.section8 .fr{width: 58%;}
.section8 .fr span{display: block;background: #C094F1;text-indent: 1em;border-radius: 0.03rem;padding:2% 0;color: #fff;margin-top: 5%}
.section8 .fr dl{width: 100%;overflow: hidden;margin-top: 5%}
.section8 .fr dl dt{width: 20%;float: left}
.section8 .fr dl dd{width: 78%;float: right;color: #333}
.section8 .fr li:nth-child(1){margin-top: 10%}