@media(min-width:1200px){
::-webkit-scrollbar{width:8px; height:8px; background:rgb(255,255,255);}
::-webkit-scrollbar-thumb{background:rgb(0,165,235);}
::-webkit-scrollbar-track-piece{width:8px; height:8px;}
}



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;}
}


@media(min-width:1200px){
::-webkit-scrollbar{width:8px; height:8px; background:rgb(255,255,255);}
::-webkit-scrollbar-thumb{background:rgb(0,160,233);}
::-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:rgb(33,33,33); opacity:.68;}
*::-moz-input-placeholder{color:rgb(33,33,33); opacity:.68;}
*::-ms-input-placeholder{color:rgb(33,33,33); opacity:.68;}

html,body{margin:0; width:100%; min-height:100%; word-wrap:break-word; word-break:break-all; 
background:rgb(255,255,255); font-size:16px; font-weight:400; line-height:1.75; color:rgb(33,33,33);}

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:rgb(33,33,33); transition:.3s;}
a:hover{color:rgb(0,160,233);}
a[button="button"]{display:inline-block; padding:4px 18px; border-radius:4px; background:rgb(0,160,233); 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:32px;}
h2{font-size:24px;}
h3{font-size:18px;}
h4{font-size:17px;}
h5{font-size:15px;}
h6{font-size:12px;}



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;}
}

aside iframe,
aside video,
aside img{max-width:100%;}
aside:after{display:block; content:''; clear:both;}

dir{display:block;}
dir>ol{margin:0 -4px; text-align:center; font-size:0;}
dir>ol>li{display:inline-block; margin:4px;}
dir>ol>li>a{display:block; padding:2px 8px; border-radius:3px; border:1px solid #f0f0f0; font-size:16px;}
dir>ol>li>a.on,
dir>ol>li>a:hover{background:rgb(0,160,233); border-color:rgb(0,160,233); color:#fff;}
dir>ol>li>a.on,
dir>ol>li>a.no{cursor:no-drop;}
@media(max-width:767px){
dir>ol{margin:-3px;}
dir>ol>li{display:inline-block; margin:3px;}
dir>ol>li>a{display:block; padding:0 8px; border-radius:2px;}
}
select,
textarea,
input[type=file],
input[type=text],
input[type=password],
input[type=number],
input[type=tel],
input[type=email]{display:block; width:100%; margin:0; transition:.3s;  padding:8px 12px; border-radius:3px; 
background:#fff; border:1px solid #f0f0f0; line-height:1.75; height:46px; font-size:16px;}
select[multiple],
textarea{height:130px;}
select:hover,
textarea:hover,
input[type]:hover,
input[type]:hover,
select:focus,
textarea:focus,
input[type]:focus,
input[type]:focus{box-shadow:0 0 8px rgba(0,0,0,.08);}




.subbanner{position:relative; color:rgb(255,255,255);
background:rgb(30,195,243);
background-image:-webkit-radial-gradient(center, circle cover, rgb(102,168,213) 0%, rgb(30,195,243) 100%);
background-image:-moz-radial-gradient(center, circle cover, rgb(102,168,213) 0%, rgb(30,195,243) 100%);
background-image:-ms-radial-gradient(center, circle cover, rgb(102,168,213) 0%, rgb(30,195,243) 100%);
background-image:-o-radial-gradient(center, circle cover, rgb(102,168,213) 0%, rgb(30,195,243) 100%);
background-image:radial-gradient(center, circle cover, rgb(102,168,213) 0%, rgb(30,195,243) 100%);
display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-o-box; display:box;
-webkit-box-pack:center; -moz-box-pack:center; -ms-flex-pack:center; -o-box-pack:center; box-pack:center; 
-webkit-box-align:center; -moz-box-align:center; -ms-flex-align:center; -o-box-align:center; box-align:center;vertical;}
.subbanner>img{position:absolute; left:0; top:0; width:100%; height:100%; z-index:1; object-fit:cover;}
.subbanner>article{position:relative; z-index:8;}
.subbanner a{color:rgb(255,255,255);}
.subbanner a:hover{color:#0099ff;}
@media(min-width:1200px){
.subbanner{ height:248px;}
}
@media(max-width:1199px){
.subbanner{ height:238px;}
}
@media(max-width:767px){
.subbanner{ height:188px;}
}
.subbanner{text-align:center;} 
.subbanner h2{font-size:38px; line-height:1; text-shadow:0 1px 3px rgba(0,0,0,.38);}
.subbanner ul{font-size:0; margin-top:18px;}
.subbanner ul li{display:inline-block; padding:0 6px;}
.subbanner ul li i,
.subbanner ul li b,
.subbanner ul li a{font-size:16px; font-weight:inherit;}
@media(max-width:767px){
.subbanner h2{font-size:32px;}
}