.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;width: 30%;color:#fff;font-size:0.25rem;overflow:hidden;text-align:center;padding:1.5% 0;margin:0 auto;border: 1px solid #fff;}
.over{overflow:hidden;}
.wp h2{font-size:0.35rem;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.25rem}
.content{width: 96%;margin:0 auto;line-height: 1.3}
.section1{height: 4.5rem;margin-top: 6%}
.section1 .content{height: 100%;background: url('../images/img1.jpg') no-repeat top right;background-size: 45%;font-size: 0.16rem;color: #787878}
.section1 .content strong{display: block;color: #8f829a;font-size: 0.28rem;padding-top: 4%;font-weight: 600}
.section2{background: #8F829A;padding-bottom:5%;}
.section2 a{margin-top: 5%;}
.section3{background: url('../images/img3.jpg') no-repeat top center;background-size: 100%;color: #fff;text-align: center;font-size: 0.2rem;padding:8% 0;}
.section3 .top{width: 100%;overflow: hidden}
.section3 .top h1{width: 20%;float: left;margin-left: 6%}
.section3 .top .fr{width: 65%;float: right}
.section3 .top .fr .text{background: #A74FF2;padding: 5% 0;margin-bottom: 3%}
.section3 .top .fr .text strong{display: block;font-size: 0.3rem}
.section3 .bot{width: 100%;overflow: hidden}
.section3 .bot dl{width: 46%;float: left}
.section3 .bot .fr{float: right}
.section3 dl{margin-bottom: 4%}
.section3 dt{margin-bottom: 3%}
.section4{width: 100%;height: 12rem;background: #EDF1F7;color: #fff}
.section4 .content{width: 96%;padding-top: 5%}
.section4 .content .top{width: 100%;height: 3.8rem;}
.section4 .content .top .text{width: 75%;float: left;}
.section4 .content .top .text .text_box{width: 100%;height: 2.25rem;background-size: 100%;margin-bottom: 6%}
.section4 .content .top .text .text_box p{width: 60%;margin-left: 36%;padding-top: 17%}
.section4 .content .top .text strong{display: block;font-size: 0.3rem;color: #333;font-weight: 600;margin-bottom: 2%}
.section4 .content .top .text strong b{font-weight: bold}
.section4 .content .top .text span{display: block;width: 35%;background: #8F829A;text-align: center;padding:2% 0;}
.section4 .content .top h1{width: 12%;float: right;margin-right: 5%}
.section4 .content .midd{color: #8b8b8b;margin:3% auto 5% auto;}
.section4 .content .midd p span,.section4 ul li span{display: block;color: #a74ff2}
.section4 ul{width: 98%;margin:0 auto;overflow: hidden;font-size: 0.18rem}
.section4 ul li{float: left}
.section4 ul li:nth-child(1){width: 33%}
.section4 ul li:nth-child(3){width: 27%}
.section4 ul li:nth-child(2){width: 27%;border-left: 1px dashed #B6B7B8;border-right: 1px dashed #B6B7B8;margin:0 3%;padding:0 3%;}
.section4 ul li p{color: #8b8b8b}
.section5{padding-top: 8%}
.section5 .content{overflow: hidden}
.section5 .content h1{width: 12%;float: left}
.section5 .content .text{width: 82%;float: right;background: #8F829A;padding:6% 0;margin-top: 12%}
.section5 .content .text h2{color: #fff}
.section5 h3{width: 96%;margin:0 auto;margin-top: 5%}
.section5 a,.section6 a,.section7 a,.section9 a{color: #a74ff2;border: 1px solid #a74ff2;margin-top: 5%}
.section6{background: url('../images/img16.jpg') no-repeat top right;background-size: 50%;margin-top: 8%}
.section6 .content{overflow: hidden;color: #787878}
.section6 dl{width: 45%;color: #333;margin-top: 4%}
.section6 dl dd{margin-top: 6%}
.section6 dl strong{font-size: 0.3rem;display: block}
.section6 dl span{font-size: 0.25rem;}
.section6 p{margin-top: 5%}
.section7{background: #F2F5F9;padding:5% 0;margin-top: 8%}
.section7 .content{overflow: hidden}
.section7 .content dl{width: 30%;float: left;padding-top:9%}
.section7 .content dl dd{margin-top: 18%}
.section7 .content dl a{width: 90%;margin:0;}
.section7 .content .slider{width: 60%;float: right}
.section7 .text{background: #fff;box-shadow: 0 0 20px #8b8b8b;margin-top: 5%;padding: 3% 0}
.section7 .slider2 dd{width: 100%;overflow: hidden;margin-top: 2%}
.section7 .slider2 dd p{width:18%;float:left;color:#8b8b8b;padding:0 1%}
.section7 a{width: 45%}
.hd{overflow: hidden;width: 60px;margin:3% auto 0;}
.hd li{width: 8px;height: 8px;background: #863ca7;border-radius: 50%;float: left;margin:0 5px;text-indent: -9999px;}
.hd li.on{background: #AEAEAE;}
.section8{font-size: 0.2rem;color: #787878;padding-top: 8%}
.section8 .content .top{width: 100%;overflow: hidden}
.section8 .content .top dl{width: 48%;float: left}
.section8 .content .top dl h3{padding:5% 0;color: #333;font-size: 0.3rem;text-align: center;font-weight: 500;}
.section8 .content .top dl:nth-child(1) h3{padding:10% 0;}
.section8 .content .top dl:nth-child(2){float: right}
.section8 .content .top dl:nth-child(2) dd{margin-bottom: 5%}
.section8 .content .top dl:nth-child(2) .bg{display: block;position: relative;margin-top: 3%}
.section8 .content .top dl:nth-child(2) .bg p{width: 96%;padding:3% 2%;background: rgba(0, 0, 0, 0.6);color: #fff;position: absolute;bottom: 0;}
.section8 .content .bot{width: 100%;overflow: hidden;margin-top: 2%}
.section8 .content .bot dl{width: 48%;float: left;position: relative;}
.section8 .content .bot dl:nth-child(2){float: right}
.section8 .content .bot dl dd{width: 96%;padding:3% 2%;background:rgba(0, 0, 0, 0.6);color: #fff;position: absolute;bottom: 0;}

.section9{margin-top: 8%}
.section9 .content dl{width: 48%;float: left;font-size: 0.2rem;color: #7e7e7e;overflow: hidden;margin-bottom: 5%}
.section9 .content dl:nth-child(2){float: right}
.section9 .content dl dt{width: 25%;text-align: center;float: left;color: #333;}
.section9 .content dl dd{width: 70%;float: right}
.section9 .content dl p{width: 100%;text-align: center;color: #fff;background: #8F829A;padding:4% 0;margin-bottom: 10%}