@charset "utf-8";

/*Webfont*/
@font-face {
    font-family: 'PingFangBold';
    src: url('../fonts/pingfangbold.eot');
    src: url('../fonts/pingfangbold.eot') format('embedded-opentype'),
         url('../fonts/pingfangbold.woff') format('woff'),
         url('../fonts/pingfangbold.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}


/*Html5*/
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
display: block;
}
audio, canvas, video { display: inline-block; }
audio:not([controls]) { display: none; height: 0; }

/*Base*/
html, body { font-size: 14px; font-family: 'SF Pro SC', 'SF Pro Text', 'SF Pro Icons', 'AOS Icons', 'PingFang SC', 'Helvetica Neue', Helvetica, Arial, 'Hiragino Sans GB', 'Microsoft Yahei', 微软雅黑, sans-serif; color: #666; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; position: relative; }
* { margin: 0; padding: 0; }
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,a,img{ margin:0; padding:0; font-style:normal;}
h2,h3,h4,h5,h6,dl,dt,dd,em,th{ font-size:100%; font-weight:normal;}
a { text-decoration: none; background: transparent; outline: none; blr:expression(this.onFocus=this.blur()); cursor:pointer; }
a:focus { outline: 0; }
a:hover { outline: 0; transition: text-shadow 200ms ease-in 0ms, color 200ms ease-in 0ms; -webkit-transition: text-shadow 200ms ease-in 0ms, color 200ms ease-in 0ms; -o-transition: text-shadow 200ms ease-in 0ms, color 200ms ease-in 0ms; -moz-transition: text-shadow 200ms ease-in 0ms, color 200ms ease-in 0ms; }
i:hover { outline: 0; transition: text-shadow 200ms ease-in 0ms, color 200ms ease-in 0ms; -webkit-transition: text-shadow 200ms ease-in 0ms, color 200ms ease-in 0ms; -o-transition: text-shadow 200ms ease-in 0ms, color 200ms ease-in 0ms; -moz-transition: text-shadow 200ms ease-in 0ms, color 200ms ease-in 0ms; }
img { border: 0; -ms-interpolation-mode: bicubic;margin:0; padding:0; /*vertical-align:bottom;*/ }
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
button, input, select, textarea { font-family: inherit; font-size: 100%; margin: 0; outline: none; }
button, input { line-height: normal; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
input.submit { border: 0; margin: 0; cursor: pointer; }
input.radio { width: 13px; height: 13px; float: left; display: inline; }
textarea { overflow: auto; vertical-align: top; }
table { border-collapse: collapse; border-spacing: 0; }
ul, ol { list-style: none; }
li { list-style: none; }
p { line-height: 180%; }

/*浮动*/
.clear { clear: both; }
.fl { float: left; }
.fr { float: right; }
.clearfix:after { content: ""; display: block; height: 0; clear: both; }
.clearfix { zoom: 1; }

/*字体*/
.ari { font-family: "Arial"; }

/*字号*/
.f12 { font-size: 12px; }
.f14 { font-size: 14px; }
.f16 { font-size: 16px; }
.f18 { font-size: 18px; }
.f20 { font-size: 20px; }
.f22 { font-size: 22px; }
.f24 { font-size: 24px; }
.bold { font-weight: bold; }

/*定位*/
.por { position: relative; }
.poa { position: absolute; }
.ovh { overflow: hidden; }
.z1 { z-index: 1; }
.z2 { z-index: 2; }
.w1200 {width:1200px; margin:0 auto;}