@media(min-width:1200px){
::-webkit-scrollbar{width:8px; height:8px; background:#ffffff;}
::-webkit-scrollbar-thumb{background:#206a09;}
::-webkit-scrollbar-track-piece{width:8px; height:8px;}
}

*,
*:before,
*:after{box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box;}
*{outline:none; font-family:Arial, Helvetica, Microsoft YaHei;}
*[hide]{display:none;}
*::-webkit-input-placeholder{color:#181818; opacity:.68;}
*::-moz-input-placeholder{color:#181818; opacity:.68;}
*::-ms-input-placeholder{color:#181818; opacity:.68;}

html,body{margin:0; width:100%; min-height:100%; word-wrap:break-word; word-break:break-all; 
background:#ffffff; font-size:14px; font-weight:400; line-height:1.5; color:#181818;}

dir,ul,ol,li{margin:0; padding:0; list-style:none;}
form{margin:0; padding:0;}
p,dl,dt,dd{margin:0; padding:0;}

img{border:none;}
p>img{max-width:100%;}
ins{text-decoration:none;}
a{text-decoration:none; color:#181818; transition:.3s;}
a:hover{color:#206a09;}
a[button="button"]{display:inline-block; padding:4px 18px; border-radius:4px; background:#206a09; color:#fff;}
a[button="button"] *{cursor:pointer;}
a[button="button"]:hover{opacity:.8; box-shadow:0 0 5px rgba(0,0,0,0.1);}
@media(max-width:767px){
a[button="button"]{padding:2px 12px; border-radius:2px;}
}

h1,h2,h3,h4,h5,h6{margin:0; padding:0; font-weight:400;}
h1{font-size:28px;}
h2{font-size:21px;}
h3{font-size:16px;}
h4{font-size:15px;}
h5{font-size:13px;}
h6{font-size:12px;}

table,tbody{width:100%; border-collapse:collapse;}
tr{background:#fff; transition:.3s;}
tr:hover{background:#f8f8f8;}
th{background:#fcfcfc;}
th,td{border:1px solid #f0f0f0; padding:8px; text-align:left;}

section{display:block;}

article{display:block; max-width:100%; margin:0 auto;}
article:after{display:block; content:''; clear:both;}
article iframe,
article video,
article img{max-width:100%;}
@media(min-width:1200px){
article{padding:0 28px; width:1388px;}
}
@media(max-width:1199px){
article{padding:0 18px;}
}
@media(max-width:767px){
article{padding:0 8px;}
}



.topx{position:relative; z-index:888;}
.topx-content{position:relative; margin-top:0px; padding-bottom:38px;}
.topx-content:before{position:absolute; content:''; top:-38px; left:-38px; right:-38px; border-radius:18px; bottom:0; background:#fff;}
.topx-content:after{display:block; content:''; clear:both;}
.topx-list{margin:0 -14px; display:flex; justify-content:space-between;}
.topx-item{position:relative; z-index:8; float:left; width:25%; padding:0 14px;background:#f8f8f8; margin:0 10px;}
.topx-item>div{ padding:18px 28px; position:relative;}
.topx-item>div>i{font-size:38px; margin-right:8px; color:#206a09;}
.topx-item>div>b{font-size:36px; text-align:center;}
.topx-item>div>h3{font-size:20px; margin:18px 0 8px 0;} 
.topx-item>div>ul:after{display:block; content:''; clear:both;}
.topx-item>div>ul>li{float:left; width:100%; position:relative; padding-left:18px; margin-top:18px; font-size:16px; color:#686868;}
.topx-item>div>ul>li:before{position:absolute; width:6px; height:6px; border-radius:6px; opacity:0.8; content:''; left:0; top:50%; margin-top:-3px; background:#206a09;}
.topx-item>div>span{display:block; margin-top:28px;}
.topx-item>div>span:after{display:block; content:''; clear:both;}
.topx-item>div>span>a{float:left; overflow:hidden; line-height:36px; padding:0 18px; border-radius:3px; color:#fff; background:#206a09;}
.topx-item>div>span>a>b{font-weight:normal; position:relative; z-index:1;}
.topx-item>div>span>a:hover{background:#fff; color:#206a09;}
@media(max-width:1200px){
.topx-content{margin-top:0; padding-top:38px;}
.topx-content:before{display:none;}
.topx-list{margin:0 -10px;}
.topx-item{width:50%; padding:10px;}
}
@media(max-width:767px){
.topx-content{padding-top:18px;}
.topx-list{margin:0; flex-wrap:wrap;}
.topx-item{width:100%; padding:4px 0; margin:10px 0;}
.topx-item>div{padding:16px;}
.topx-item>div>i{font-size:28px; margin-right:4px;}
.topx-item>div>b{font-size:26px;}
.topx-item>div>h3{font-size:16px; margin:12px 0 4px 0;} 
.topx-item>div>ul>li{padding-left:12px; margin-top:12px; font-size:14px; width:33%;}
.topx-item>div>span{margin-top:18px;}
.banner-content>article{display:none;}
}