﻿/* reset */
html { height: 100%; }
body { min-height: 100%;width:100%;overflow-x:hidden;}
body { _height: 100% }
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6 , iframe, pre, code, fieldset, legend, form, input, select, textarea, button, p, blockquote, th, td, figure { margin: 0; padding: 0 }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, p, blockquote, figure, header, footer, nav, article, section, aside, address, figcaption { *zoom: 1 }
li { list-style-type: none }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight:normal; }
iframe, frame, fieldset, img { border: 0 none }
img { vertical-align:top;max-width:100%;image-rendering: -moz-crisp-edges;image-rendering: -o-crisp-edges;image-rendering: -webkit-optimize-contrast;image-rendering: crisp-edges; -ms-interpolation-mode: nearest-neighbor;}
input[type=button], input[type=submit], input[type=reset] { cursor: pointer }
input:-webkit-autofill {transition:background-color 5000s ease-in-out 0s; }
button { cursor: pointer }
input, textarea, button,select { -webkit-border-radius: 0; -webkit-appearance: none;border: none;background:none; }
select::-ms-expand { display: none; }
/*input[type=radio] { -webkit-border-radius: 100%; -webkit-appearance: radio }
input[type=checkbox] { -webkit-appearance: checkbox }*/
input[type=search] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box }
textarea { overflow: auto; resize: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none }
table { border-collapse: collapse; border-spacing: 0; empty-cells: show; }
caption, th { text-align: left }
th { font-weight: normal }
em, cite, address,i { font-style: normal }
sup { vertical-align: text-top }
sub { vertical-align: text-bottom }
body, input, select, button, textarea { color:#333; font-size: 16px; font-family:-apple-system,BlinkMacSystemFont,Source Han Sans CN, Helvetica Neue,PingFang SC,Microsoft YaHei,Helvetica,Arial,"\5b8b\4f53"; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
body { line-height: 1.5 }
 
a { text-decoration: none; color:#333; } 
a { blr:expression(this.onFocus=this.blur()) } /* 清除 A 链接在点击时会产生虚线的问题 */
a * { *cursor: pointer }
:focus { outline: none } 

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {opacity:1;}
input:-moz-placeholder, textarea:-moz-placeholder {opacity:1;}
input::-moz-placeholder, textarea::-moz-placeholder { opacity:1;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {opacity:1;}
/* reset */ 
/*所有后台编辑器区域都要引用 editorFile 类名   start*/
.editorFile{ line-height:1.8; padding:0 0; color:#333; text-align:justify;}
.editorFile ul{ margin:inherit; padding:inherit}
.editorFile ul li { list-style-type:disc; margin:auto; padding:inherit}
.editorFile ol{ margin:inherit; padding:inherit}
.editorFile ol li { list-style-type:decimal; margin:auto; padding:inherit}
.editorFile h1 { font-size: 2em; font-weight:bold }
.editorFile h2 { font-size: 1.5em; font-weight:bold }
.editorFile h3 { font-size: 1.17em; font-weight:bold }
.editorFile h4 { font-size: 1em; font-weight:bold }
.editorFile h5 { font-size: 0.83em; font-weight:bold }
.editorFile h6 { font-size: 0.67em; font-weight:bold }
.editorFile em,.editorFile i,.editorFile cite,.editorFile address{ font-style: italic }
.editorFile table{ border-collapse: separate; border-spacing: 2px }
.editorFile img{max-width:100%;height:auto !important;vertical-align:center;display:block;margin:0 auto;}
/*所有后台编辑器区域都要引用 editorFile 类名   end*/

/* clear 页头，页脚，内容区都不用再加清除样式 */
.fixed:before, .clearfix:before, .cf:before, body:before, .header:before, .main:before, .footer:before ,.main_wrap>.wrap1:before,.search_content:before{ content: ''; display: table }
.fixed:after, .clearfix:after, .cf:after, after, .header:after, .main:after, .footer:after,.main_wrap>.wrap1:after,.search_content:after { content: ''; display: table; clear: both }
.clear, .cl { display: block!important; float: none!important; clear: both; width: auto!important; max-width: none!important; min-width: 0!important; max-height: none!important; min-height: 0!important; overflow: hidden; margin: 0!important; padding: 0!important; border: 0 none!important; font-size: 0!important; line-height: 0!important }

/*公用样式start*/
.ellipsis{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.ellipsis-2{height:3em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.ellipsis-2_1{height:3.5em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.ellipsis-3{height:5.625em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.ellipsis-3_1{height:4.5em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.ellipsis-3_2{height:4.5em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;line-height:1.5;}
.ellipsis-4{height:6em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}


.tran_scale { display:block;overflow:hidden;}
.tran_scale img {width:100%;transition:all 0.5s ;-webkit-transition:all 0.5s;}
.tran_scale:hover img { transform:scale(1.05,1.05) rotate(0.1deg);}
.trans{-webkit-transition:all 0.5s;transition:all 0.5s;}

.tup{text-transform: uppercase; letter-spacing: 1px;}
.tca{text-transform: capitalize;}
.lh1{line-height: 1;}
.lh12{line-height: 1.2;}
.lh15{line-height: 1.5;}
.lh17{line-height: 1.75;}
.lh18{line-height: 1.8;}
.lh1875{line-height: 1.875;}
.lh2{line-height: 2;}
.lh225{line-height: 2.25;}
.lh26{line-height: 2.6;}
.lsp3{letter-spacing: 3px;}
.zin{z-index: 1;}
.mar_auto{margin-left:auto; margin-right:auto;}
.bg-000{background-color:#000;}
.behavior{-ms-behavior: url(../css/backgroundsize.min.htc);behavior: url(../css/backgroundsize.min.htc);} 

.fl{float:left;}
.fr{float:right;}
.pr{position:relative;}
.pa{position:absolute;}
.dpb{display:block;}
.dpinb{display:inline-block;}
.fb{font-weight:bold;}
.tc{text-align:center;}
.tr{text-align:right;} 
.ovh,.hid{overflow:hidden;}
.fixedCenter{left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);}
.fullScreen{left:0;top:0;width:100%;height:100%;}
.op7{opacity: 0.7; filter:alpha(opacity=70);}
.italic{font-style: italic;}
.bor4{border-bottom:4px solid #d3bb88;} 
.simsun{font-family: "Source Han Serif SC","SimSun";}
.op3{opacity: 0.3;}
.tde{height:24px;}
.tde:hover{text-decoration: underline;}
.bora{border-radius: 10px; overflow: hidden;}
.bra{border-radius: 20px;}
.bra15{border-radius: 15px;}

.ml5{margin-left:5px;}
.mr5{margin-right:5px;}
.ml10{margin-left:10px;}
.mr10{margin-right:10px;}
.ml20{margin-left:20px;}
.mr20{margin-right:20px;}

.bg-fff{background:#fff;}
.bg-f5{background:#f5f5f5;}
.bg-f9{background:#f9f9f9;}
.bg-fa{background:#fafafa;}

.c-000{color:#000;}
.c-fff{color:#fff;}
.c-ccc{color:#ccc;}
.c-999{color:#999;}
.c-777{color:#777;}
.c-666{color:#666;} 
.c-555{color:#555;} 
.c-bbb{color:#bbb;}
.c-ddd{color:#ddd;}
.c-eee{color:#eee;} 
.c-ececec{color:#ececec;} 
.c-8dabca{color:#8dabca;}
.c-d3d3d3{color:#d3d3d3;}
.c-4b4b4b{color:#4b4b4b;}
.c-2b2b2b{color:#2b2b2b;}
.c-64656a{color:#64656a;}
.c-1a1a1a{color:#1a1a1a;}
.c-e00000{color:#e00000;}  
.c-d2232a{color:#d2232a;}
.c-707070{color:#707070;}

.f-12{font-size:12px;}
.f-14{font-size:14px;}
.f-16{font-size:16px;}
.f-18{font-size:18px;}
.f-20{font-size:20px;}
.f-22{font-size:22px;}
.f-24{font-size:24px;}
.f-28{font-size:28px;}
.f-30{font-size:30px;}
.f-32{font-size:32px;}
.f-34{font-size:34px;}
.f-36{font-size:36px;}
.f-38{font-size:38px;}
.f-40{font-size:40px;}
.f-42{font-size:42px;}
.f-48{font-size:48px;}
.f-50{font-size:50px;}
.f-56{font-size:56px;}
.f-60{font-size:60px;}
.f-72{font-size:72px;}
.f-80{font-size:80px;} 
.f-100{font-size:80px;}
.f-160{font-size:160px;}
.f-16px{font-size:16px;}
.f-18px{font-size:18px;}
.f-20px{font-size:20px;}
.f-24px{font-size:24px;}

.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt35{margin-top:35px;}
.mt40{margin-top:40px;}
.mt45{margin-top:45px;}
.mt50{margin-top:50px;}
.mt55{margin-top:55px;}
.mt60{margin-top:60px;}
.mt65{margin-top:65px;}
.mt70{margin-top:70px;}
.mt75{margin-top:75px;}
.mt80{margin-top:80px;}
.mt85{margin-top:85px;}
.mt90{margin-top:90px;}
.mt100{margin-top:100px;}
.mt120{margin-top:120px;}
.mt130{margin-top:130px;}
.mt140{margin-top:140px;}
.mt160{margin-top:160px;}
.mt250{margin-top:250px;}
.mb20{margin-bottom:20px;}
.mb50{margin-bottom:50px;}
.mb80{margin-bottom:80px;}
.mb90{margin-bottom:90px;}
.mb100{margin-bottom:100px;}
.mb140{margin-bottom:140px;}
.pd10{padding:10px;}
.plr24{padding-left:24px;padding-right:24px;}
.pt30{padding-top:30px;}
.pt40{padding-top:40px;}
.pt70{padding-top:70px;}
.pb35{padding-bottom:35px;}
.pb50{padding-bottom:50px;}
.pb75{padding-bottom:75px;}
.ptb80{padding-top:80px;padding-bottom:90px;}
.ptb95{padding-top:95px;padding-bottom:55px;}
.pb120{padding-bottom: 120px;}
.pb190{padding-bottom: 190px;}
.mtb10{margin-top:10px;margin-bottom:10px;}
.mb1em p{margin-bottom:1em;}
.mb2em p{margin-bottom:1.8em;}
.mb10px p{margin-bottom:10px;}
/*公用样式end*/
  @media only screen and (max-width:1440px) { 

    .f-20{font-size:16px;} 
    .f-22{font-size:18px;}
    .f-24{font-size:22px;}
    .f-28{font-size:24px;}
    .f-36{font-size:30px;}
    .f-38{font-size:32px;}
    .f-42{font-size:32px;}
    .f-48{font-size:40px;}
    .f-72{font-size:60px;}
    .mt30{margin-top:20px;}
    .mt55{margin-top:30px;}
    .mt60{margin-top:40px;}
    .mt120{margin-top:80px;}
    .mt250{margin-top:200px;}
    .pb190{padding-bottom: 150px;}
  }
 
  @media only screen and (max-width:1280px) { 
    .f-36{font-size:28px;}
  }
 @media only screen and (max-width:1100px) {  
  body, input, select, button, textarea{font-size:14px;}
  .f-16{font-size:14px;}
  .f-18{font-size:16px;}
  .f-22{font-size:18px;}
  .f-30{font-size:20px;}
  .f-32{font-size:24px;}
  .f-36{font-size:20px;}
  .f-40{font-size:24px;}
  .f-42{font-size:24px;}
  .f-48{font-size:24px;} 
  .f-50{font-size:30px;} 
  .f-60{font-size:40px;}
  .f-72{font-size:50px;}
  .f-80{font-size:60px;}
  .f-86{font-size:60px;} 
  .mt30{margin-top:10px;}
  .mt45{margin-top:30px;}
  .mt40{margin-top:30px;}
  .mt50{margin-top:40px;}
  .mt60{margin-top:40px;}
  .mt70{margin-top:60px;}
  .mt72{margin-top:60px;}
  .mt75{margin-top:50px;}
  .mt80{margin-top:40px;} 
  .mt85{margin-top:45px;} 
  .mt90{margin-top:50px;}
  .mt100{margin-top:50px;}
  .mt120{margin-top:50px;}
  .mt130{margin-top:60px;}
  .mt250{margin-top:200px;}
  .mb90{margin-bottom:50px;}
  .mb100{margin-bottom:50px;}
  .mb140{margin-bottom:80px;}
  .pb190 {padding-bottom: 100px;}

}
@media (max-width: 800px) {
  .f-16{font-size:14px;}
  .f-18{font-size:16px;}
  .f-20{font-size:16px;}
  .f-22{font-size:16px;}
  .f-24{font-size:16px;}
  .f-28{font-size:18px;}
  .f-30{font-size:18px;}
  .f-38{font-size:20px;}
  .f-40{font-size:20px;}
  .f-48{font-size:20px;}
  .f-60{font-size:35px;}
  .f-72{font-size:40px;}
  .f-80{font-size:50px;} 
  .f-32{font-size:22px;}
  .mt20{margin-top:10px;}
  .mt35{margin-top:20px;} 
  .mt50{margin-top:20px;} 
  .mt90{margin-top:30px;}
  .mt250{margin-top:100px;}
  .pb120 {padding-bottom: 50px;}
  .pb190 {padding-bottom: 50px;}
  .ptb95{padding-top:40px;}
 }
 @media (max-width: 500px) {
  .f-18{font-size:14px;}
  .f-20{font-size:14px;}
  .f-22{font-size:14px;}
  .f-24{font-size:12px;}
  .f-32{font-size:16px;}
  .f-36{font-size:16px;}
  .f-38{font-size:16px;}
  .f-42{font-size:16px;}
  .f-48{font-size:18px;}
  .f-50{font-size:20px;}
  .f-72{font-size:20px;}
  .f-80{font-size:24px;} 
  .mt25{margin-top:10px;}
  .mt40{margin-top:20px;}
  .mt50{margin-top:30px;}
  .mt55{margin-top:20px;}
  .mt60{margin-top:20px;}
  .mt65{margin-top:30px;}
  .mt70{margin-top:20px;} 
  .mt120{margin-top:30px;}
  .mt130{margin-top:30px;}
  .mt250{margin-top:30px;}
  .bra{border-radius: 12px;}
  .ptb95{padding-top:20px;padding-bottom:30px;}
  .mb90{margin-bottom:20px;}
 }
 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  body, input, select, button, textarea {  font-family:PingFang SC,Microsoft YaHei,Helvetica,Arial,"\5b8b\4f53"; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
 }
 
