body,h1,h2,h3,p,dl,dd,ol,ul,th,td,form,fieldset,input,button,textarea{margin:0;padding:0;}
html{-webkit-text-size-adjust:none;word-wrap:break-word;}
h1,h2,h3{font-size:100%;}
ol,ul{list-style:none;}
table{border-collapse:collapse;border-spacing:0;empty-cells:show;font-size:inherit;}
fieldset,img{border:0;}  
cite,em,s,i,b{font-style:normal;}
input,button,textarea,select{font-size:100%;}
body,input,button,textarea,select,option{font-size:normal;}
a,input,textarea{text-decoration:none;outline:0;}
li,img,label,input{vertical-align:middle;}
var{font-style:normal;}
ins{text-decoration:none;}
body{/*font-size:.2rem;*/color:#333; max-width: 640px; min-width: 320px; margin: 0 auto;}
img{width: 100%;}
a{display: block;}
.db{display: block;}
.m4a{margin: 4% auto !important;}
.m8a{margin: 8% auto !important;}
.m6a{margin: 6% auto !important;}
.mg4{margin-top: 4%;}
.pb{padding:6% 0;}
.mgb6{margin-bottom: 6%;}
.mgbt6{margin-top: 6%;}
.mgp6{margin: 6% 0 0 0;}
.mgb4{margin-bottom: 4%;}
.mg20{margin-top: 20%;}
.bc{box-shadow:0 0 10px rgba(6, 6, 6, .2);}
.sec1{width: 100%;}
.sec1 .secl{float: left; width: 28%; height: 3.8rem; background-color: #5d50a0;}
.sec1 .secl p{font-size: .18rem; padding: 9%; color: #fff;}
.sec1 .secl .ltit{font-size: .24rem;}
.sec1 .secl .ltit span{ font-weight: bold; display: block;}
.sec1 .secf{float: left; width: 68%; margin: 0 2%;}
.sec1 .secf p{width: 49%; float: left; text-align: center; color: #666; line-height: 270%;}
.sec1 .secf p:nth-child(2n){margin-left: 2%;}
.sec2{width: 100%; background: url('../images/bg2.jpg') repeat-y; background-size: 100%;}
.sec2 .maing{width: 94%; margin: 0 auto;}
.sec2 .maing .jm{background: #5d50a0; padding: 3% 0; color: #fff; font-size: .32rem; text-align: center;}
.sec2 .maing .list{background: #fff; padding: 2%;}
.sec2 .maing .list p{margin: 4% 0; color: #666; font-size: .18rem;}
.sec2 .maing .list p span:nth-child(1){color: #fff; display: flex; float: left; background: #5d50a0; border-radius: 5px; padding: 2% 1%;}
.sec2 .maing .list p span:nth-child(2){padding-left: 2%;  display: flex;}
.sec3 h2{font-size: .24rem; text-align: center; color: #666; padding: 2% 0 6% 0;}
.sec3 h2 b{font-size: .36rem; display: block; color: #333;}
.sec3 .maing{width: 94%; margin: 0 auto;}
.sec3 .maing .ys{border: .2em solid #5d50a0; padding: 3% 5%; font-weight: bold; margin-bottom: 1%;}
.sec3 .maing .ys .ytit{font-size: .3rem; color: #5d50a0;}
.sec3 .maing .ys .dtit{font-size: .18rem; color: #666; font-weight: normal;}
.sec3 .maing .ys .ytit span{background: #5d50a0; color: #fff; padding: 1% 3%; margin-right: 2%; border-radius: 5px;}
.docs .hd{width: 100%;text-align: center;}
.docs .hd li{width: 1em;height: 1em;border-radius: 50%; background: #a7a7a7; display: inline-block;margin:0 2px;}
.docs .hd li.on{background: #8e2ec6;}
.w20{margin:0 3%;}
.btnas{display: block;width: 65%;height: 0.7rem;line-height: 0.7rem;margin:0.4rem auto 0;text-align: center;color: #fff;font-size: 0.25rem;background: #8e2ec6;border-radius: 0.5rem;}
.btnas img{display: inline-block;width: 0.4rem;vertical-align: middle;}

.section5{background: #2d2b3e;}

.section5 h2{font-size: .24rem; text-align: center; color: #fff; padding: 0% 0 6% 0; font-weight: normal; }
.section5 h2 b{font-size: .36rem; display: block; color: #fff;}
#slider_box {position: relative;padding-top:0.6rem;}
#slider_box .hd{width: 100%;width: 2.8rem;margin:0 auto;overflow: hidden;position: absolute;left: 50%;margin-left: -1.4rem;top: 0;}
#slider_box .hd li{width: 1.4rem;height: 1.4rem;font-size: 0.24rem;background: #fff;color:#333;text-align: center;line-height: 0.7rem;border-radius: 50%;font-weight: 700;float: left;}
#slider_box .hd li.on{color:#fff;background: #625c97;}
#slider_box .bd{background: #fff;}
#slider_box .bd li{padding:1%;}
#slider_box .bd li h3{font-size: 0.3rem;color:#333;text-align: left;font-weight: normal;padding-top: 3%;}
#slider_box .bd li p{font-size: 0.2rem;color:#666;padding-bottom: 3%;}
.section6 h2{font-size: .24rem; text-align: center; color: #666; padding: 0% 0 6% 0; font-weight: normal;}
.section6 h2 b{font-size: .36rem; display: block; color: #333;}
.section6 ul{display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;
display: flex;flex-flow: wrap;}
.section6 ul li{width: 48%;margin:1%;position: relative;background: #f7f7f7;padding-bottom: 3%;}
.section6 ul li.l1:after{content:"";border:1px solid #e9e9e9;position: absolute;left: 1px;top: 1px;right: 1px;bottom: 1px;}
.section6 ul li:last-child{background:none;padding-bottom: 0 !important;}
.section6 ul li h3{font-size: 0.26rem;color:#333;text-align: left;font-weight: normal;padding:3% 0 0 3%;}
.section6 ul li p{font-size: 0.18rem;color:#999;padding:0 3%;}
.section6 ul li p span{font-size: 0.18rem;color:#666;}
.section6 ul li p strong{color:#e84545;}

.section2{width: 100%;height: 5rem;background:url(../images/img1.jpg) no-repeat top center;background-size: 100%;position: relative;}
.section2 p{font-size: 0.22rem;color:#fff;text-align: center;padding-top: 3.6rem;}
.section2 a.btn{width: 50%;margin:0;position: absolute;left: 50%;margin-left: -25%;bottom: 0.3rem;}
.section10{width: 100%;height: 7.3rem;background:url(../images/bg4.jpg) no-repeat top center;background-size: 100%;padding-top: 0.5rem;margin-top: 8%;}
.section10 h2{color:#fff;margin-bottom: 4%; font-size: .3rem;}
.section10 .s1{font-size: 0.25rem;font-weight: normal;color:#fff;text-align: center;border:1px solid #fff;display: block;width: 1rem;text-align: center;margin:0 auto 2%;}
#brand_scroll .bd ul li{width: 28.5%;float: left;background: #fff;height: 5rem;margin-bottom: 1%;padding:0 2%;}
#brand_scroll .bd ul li p{font-size: 0.2rem;color:#666;}
#brand_scroll .bd ul li h3{font-size: 0.2rem;color:#000;text-align: center;padding:8% 0 6%;}
#brand_scroll .bd ul li p{padding:4% 0 0;}
#brand_scroll .bd ul li:nth-child(2){margin:0 1.25%;}
#brand_scroll .hd{width: 100%;text-align: center;margin-top: 5%;}
#brand_scroll .hd li{display: inline-block;text-indent: -9999px;margin:0 3px;width: 8px;height: 8px;border:1px solid #fff;border-radius: 50%;}
#brand_scroll .hd li.on{background: #fff;}

.pd6{padding: 6%;}
.pt6{padding-top: 6%;}
a.btn{display:block;background-color:#8e2ec6;border-radius:0.35rem;color:#fff;font-size:0.3rem;overflow:hidden;text-align:center;margin:4% 25% 0;padding:2% 0;font-weight: normal;}



