@charset "utf-8";*{margin:0;padding:0;font-family:microsoft yahei;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body{font-size:14px}body,html{width:100%;height:100%}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0;margin:0;padding:0}address,caption,cite,code,dfn,em,strong,th,var,i{font-style:normal;font-weight:400}ol,ul{list-style:none}caption,th{text-align:left}q:before,q:after{content:''}abbr,acronym{border:0}a{text-decoration:none;color:#000}.clear{clear:both}h1,h2,h3,h4,h5,h6{font-weight:400}
.wp{max-width:640px;min-width:320px;margin:0 auto;color:#010101;overflow: hidden;}
img{width:100%;height:auto;}
a.btnas{display:block;background-color:#fde413;border-radius:10px;color:#6666c5;font-size:0.25rem;overflow:hidden;text-align:center;margin:4% 25% 8%;padding:2% 0;font-weight: 700;}
.item1{font-size:0.25rem;line-height:1.3;color:#333;}
.over{overflow:hidden;}
.w20{margin:0 3%;}
.wp{font-size: 0.2rem;color:#666;line-height: 1.2;}
.wp h2{font-size:0.3rem;font-weight:700;line-height:1.2;text-align:center;font-family:"Microsoft Yahei";margin-bottom: 4%;color:#fff;}
.wp h2 span{font-weight: 700;display: block;text-align: center;color:#b7b7b7;font-size: 0.35rem}
.pb{padding:6% 0;}
.banner{display: block;border-bottom: 0.2rem solid #e6e6e6;margin-bottom: 3%;}
.section1{width: 100%;height: 4.5rem;background:url(../images/img1.jpg) no-repeat top center;background-size: 100%;position: relative;margin-bottom: 4%;}
.section1 a{display: block;width: 20%;position: absolute;right:8%;bottom: 8%;}
.section2 .w20{display: flex;display: -webkit-flex;padding-bottom: 5%;}
.section2 .w20 .left{width:48%;margin-right: 4%;padding:5% 0 5% 10% ;display: flex;display: -webkit-flex;flex-flow: wrap;border:1px solid #e6e6e6;position: relative;}
.section2 .w20 .left dl{width:50%;text-align: center;margin-bottom: 6%;}
.section2 .w20 .left dl dt{margin:0 15% 3%;}
.section2 .w20 .right{width: 48%}
.section2 .w20 .left span{display: block;width: 12%;position: absolute;left: 0;top: 0;}
.section2 .w20 .right h3{margin-bottom: 6%;}
.section2 .w20 .right p{font-size: 0.22rem;line-height: 1.4;}
.section3{background: #e6e6e6;padding-top:6%;}
.section3 img{display: block;margin-bottom: 1%;}
.section4,.section5{background: #e6e6e6;}
.section4 .w20{background: #fff;padding:4% 0 6%;}
.section5 {padding: 6% 0 15%;}
.section5 .w20{padding:2% 2% 6%;background: #fff;}
#case_slider .hd{display: flex;display: -webkit-flex;margin:4% 0;}
#case_slider .hd li{flex:1;-webkit-flex:1;text-align: center;border:0.02rem solid #8f829a;padding:2% 0;color:#8f829a;}
#case_slider .hd li.on{background: #8f829a;color:#fff;}
#case_slider .hd li:nth-child(2){margin:0 2%;}
.section6 .w20{position: relative;padding-top: 10%;}
.section6 .w20 h3{width: 30%;position: absolute;left: 0;top: -8%;}
.section6 dl{margin: 0.3rem 0 0.5rem;}
.section6 dl span{background: #8c43cc;border-radius: 0.1rem;color:#fff;padding:2% 4%;font-size: 0.22rem;}
.section6 dl dd{margin-top: 5%;background:url(../images/img7.jpg) no-repeat left top;background-size: 1rem;padding-left: 1.2rem;min-height: 1rem;padding-right: 5%;font-size: 0.22rem;line-height: 1.4;}
.section6 dl dd a{color:#8c43cc;font-size: 0.22rem;}