@charset "utf-8";
/* reset */

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: middle; }
input[type=button], input[type=submit], input[type=reset] { cursor: pointer }
input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"] > input[type="button"]::-moz-focus-inner{border:none;padding:0;margin:0; }
button { cursor: pointer }
input, textarea, button { -webkit-border-radius: 0; -webkit-appearance: 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 }
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: 14px; font-family:"Microsoft Yahei","微软雅黑",arial;  }
body { line-height: 1.5 }
a:link,
a:visited,
a:active,
a { text-decoration: none; color:#333;}
a { blr:expression(this.onFocus=this.blur()) }
a * { *cursor: pointer }
:focus { outline: none } 
.modal-backdrop.in {
 z-index: -1;
 display: none;
}


@media (max-width: 440px) { html { font-size: 16px; } }
@media (min-width: 440px) and (max-width: 639px) { html { font-size: 16px; } }
@media (min-width: 640px) and (max-width: 767px) { html { font-size: 16px; } }
@media (min-width: 768px) and (max-width: 1024px) { html { font-size: 16px; } }
@media (min-width: 1025px) and (max-width: 1360px){ html { font-size: 17.8px; } }
@media (min-width: 1361px) { html { font-size: 20px; } }


* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body::-webkit-scrollbar {
	width: 6px;
	background-color: #fff
}

body::-webkit-scrollbar-track {
	border-radius: 6px;
	background-color: #fff
}

body::-webkit-scrollbar-thumb {
	border-radius: 0px;
	background-color: #e60012;
}


@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}

@media (min-width: 1300px) {
  .container {
    width: 1270px;
  }
}

@media (min-width: 1400px) {
  .container {
    width: 1370px;
  }
}

@media (min-width: 1500px) {
  .container {
    width: 1470px;
  }
}

.container {
  width: 95%;
  max-width:1600px;
  margin: 0 auto;
}
  



/*公用样式end*/

.mt_110{margin-top:110px;}
.mb_110{margin-bottom:110px;}
.pt_110{padding-top: 110px;}
.pb_110{padding-bottom: 110px;}

.mt_85{margin-top:85px;}
.mb_85{margin-bottom:85px;}
.pt_85{padding-top:85px;}
.pb_85{padding-bottom:85px;}

.mt_75{margin-top:75px;}
.mb_75{margin-bottom:75px;}
.pt_75{padding-top: 75px;}
.pb_75{padding-bottom: 75px;}
.mt_60{margin-top: 60px;}
.mb_60{margin-bottom: 60px;}
.pt_60{padding-top: 60px;}
.pb_60{padding-bottom: 60px;}

.mt_55{margin-top:55px;}
.mb_55{margin-bottom:55px;}
.pt_55{padding-top:55px;}
.pb_55{padding-bottom:55px;}
.mt_45{margin-top:45px;}
.mt_40{margin-top:40px;}
.mb_40{margin-bottom:40px;}
.mt_30{margin-top:30px;}
.mb_30{margin-bottom: 30px;}
.pt_30{padding-top: 30px;}
.pb_30{padding-bottom: 30px;}

.mt_25{margin-top:25px;}
.mt_20{margin-top:20px;}
.mt_15{margin-top:15px;}


@media only screen and (max-width: 1366px){
  .line_height19{line-height: 1.5}
  
  .mt_110{margin-top:80px;}
  .mb_110{margin-bottom:80px;}
  .pt_110{padding-top: 80px;}
  .pb_110{padding-bottom: 80px;}
  .mt_85{margin-top:65px;}
  .mb_85{margin-bottom:65px;}
  .pt_85{padding-top:65px;}
  .pb_85{padding-bottom:65px;}
  .mt_75{margin-top:55px;}
  .mb_75{margin-bottom:55px;}
  .pt_75{padding-top: 55px;}
  .pb_75{padding-bottom: 55px;}
  .mt_60{margin-top: 45px;}
  .mb_60{margin-bottom: 45px;}
  .pt_60{padding-top: 45px;}
  .pb_60{padding-bottom: 45px;}
  .mt_55{margin-top:40px;}
  .mb_55{margin-bottom:40px;}
  .pt_55{padding-top:40px;}
  .pb_55{padding-bottom:40px;}
}

@media only screen and (max-width: 1200px){
  .line_height21{line-height: 1.8}
  
  .mt_110{margin-top:60px;}
  .mb_110{margin-bottom:60px;}
  .pt_110{padding-top: 60px;}
  .pb_110{padding-bottom: 60px;}
  .mt_85{margin-top:45px;}
  .mb_85{margin-bottom:45px;}
  .pt_85{padding-top:45px;}
  .pb_85{padding-bottom:45px;}
  .mt_75{margin-top:35px;}
  .mb_75{margin-bottom:35px;}
  .pt_75{padding-top: 35px;}
  .pb_75{padding-bottom: 35px;}
  .mt_60{margin-top: 30px;}
  .mb_60{margin-bottom: 30px;}
  .pt_60{padding-top: 30px;}
  .pb_60{padding-bottom: 30px;}
  .mt_55{margin-top:30px;}
  .mb_55{margin-bottom:30px;}
  .pt_55{padding-top:30px;}
  .pb_55{padding-bottom:30px;}
  .mt_45{margin-top:30px;}
  .mt_40{margin-top:30px;}
  .mb_40{margin-bottom:30px;}
  .mt_30{margin-top:20px;}
  .mb_30{margin-bottom: 20px;}
  .pt_30{padding-top: 20px;}
  .pb_30{padding-bottom: 20px;}
  .mt_25{margin-top:20px;}
  .mt_20{margin-top:15px;}
  .mt_15{margin-top:10px;}
}
@media only screen and (max-width: 1000px){
  .mt_110{margin-top:30px;}
  .mb_110{margin-bottom:30px;}
  .pt_110{padding-top: 30px;}
  .pb_110{padding-bottom: 30px;}
  .mt_85{margin-top:30px;}
  .mb_85{margin-bottom:30px;}
  .pt_85{padding-top:30px;}
  .pb_85{padding-bottom:30px;}
  .mt_75{margin-top:20px;}
  .mb_75{margin-bottom:20px;}
  .pt_75{padding-top: 20px;}
  .pb_75{padding-bottom: 20px;}
  .mt_60{margin-top: 20px;}
  .mb_60{margin-bottom: 20px;}
  .pt_60{padding-top: 20px;}
  .pb_60{padding-bottom: 20px;}
  .mt_55{margin-top:20px;}
  .mb_55{margin-bottom:20px;}
  .pt_55{padding-top:20px;}
  .pb_55{padding-bottom:20px;}
  .mt_30{margin-top:15px;}
  .mb_30{margin-bottom: 15px;}
  .pt_30{padding-top: 15px;}
  .pb_30{padding-bottom: 15px;}
  .mt_25{margin-top:15px;}
}
@media only screen and (max-width: 767px){
  .line_height21{line-height: 1.6}
  .line_height19{line-height: 1.4}

  .mt_110{margin-top:20px;}
  .mb_110{margin-bottom:20px;}
  .pt_110{padding-top: 20px;}
  .pb_110{padding-bottom: 20px;}
  .mt_85{margin-top:20px;}
  .mb_85{margin-bottom:20px;}
  .pt_85{padding-top:20px;}
  .pb_85{padding-bottom:20px;}
  .mt_45{margin-top:20px;}
  .mt_40{margin-top:20px;}
  .mb_40{margin-bottom:20px;}
  .mt_30{margin-top:10px;}
  .mb_30{margin-bottom: 10px;}
  .pt_30{padding-top: 10px;}
  .pb_30{padding-bottom: 10px;}
  .mt_25{margin-top:10px;}
  .mt_20{margin-top:10px;}
  .mt_15{margin-top:10px;}

}
/*font-size*/
.fnt_12 { font-size:12px;}
.fnt_14 { font-size:14px;}
.fnt_16 { font-size:16px;}
.fnt_18 { font-size:18px;}
.fnt_20 { font-size:20px;}
.fnt_22 { font-size:22px;}
.fnt_24 { font-size:24px;}
.fnt_26 { font-size:26px;}
.fnt_28 { font-size:28px;}
.fnt_30 { font-size:30px;}
.fnt_32 { font-size:32px;}
.fnt_34 { font-size:34px;}
.fnt_36 { font-size:36px;}
.fnt_38 { font-size:38px;}
.fnt_40 { font-size:40px;}

.fnt_42 { font-size:42px;}
.fnt_44 { font-size:44px;}
.fnt_46 { font-size:46px;}
.fnt_48 { font-size:48px;}
.fnt_50 { font-size:50px;}
.fnt_52 { font-size:52px;}
.fnt_54 { font-size:54px;}
.fnt_56 { font-size:56px;}
.fnt_58 { font-size:58px;}
.fnt_60 { font-size:60px;}

@media only screen and (max-width: 1440px) {
  
  .fnt_22 { font-size:18px;}
  .fnt_24 { font-size:20px;}
  .fnt_26 { font-size:24px;}
  .fnt_28 { font-size:24px;}
  .fnt_30 { font-size:30px;}
  .fnt_32 { font-size:30px;}
  .fnt_34 { font-size:30px;}
  .fnt_36 { font-size:32px;}
  .fnt_38 { font-size:32px;}
  .fnt_40 { font-size:34px;}

  .fnt_42 { font-size:34px;}
  .fnt_44 { font-size:34px;}
  .fnt_46 { font-size:36px;}
  .fnt_48 { font-size:36px;}
  .fnt_50 { font-size:38px;}
  .fnt_52 { font-size:38px;}
  .fnt_54 { font-size:38px;}
  .fnt_56 { font-size:40px;}
  .fnt_58 { font-size:40px;}
  .fnt_60 { font-size:42px;}
}
@media only screen and (max-width: 1366px) {
  .fnt_16 { font-size:14px;}
}
@media only screen and (max-width: 1200px) {
  .fnt_24 { font-size:18px;}
  .fnt_20 { font-size:16px;}
}

@media only screen and (max-width: 1024px) {
  .fnt_18 { font-size:16px;}
  .fnt_20 { font-size:16px;}
  .fnt_24 { font-size:18px;}
  .fnt_26 { font-size:20px;}
  .fnt_28 { font-size:20px;}
  .fnt_30 { font-size:24px;}
  .fnt_32 { font-size:24px;}
  .fnt_34 { font-size:24px;}
  .fnt_36 { font-size:26px;}
  .fnt_38 { font-size:26px;}
  .fnt_40 { font-size:30px;}

  .fnt_42 { font-size:30px;}
  .fnt_44 { font-size:30px;}
  .fnt_46 { font-size:32px;}
  .fnt_48 { font-size:32px;}
  .fnt_50 { font-size:34px;}
  .fnt_52 { font-size:34px;}
  .fnt_54 { font-size:34px;}
  .fnt_56 { font-size:36px;}
  .fnt_58 { font-size:36px;}
  .fnt_60 { font-size:38px;}
}

@media only screen and (max-width: 767px) {
  .fnt_14 { font-size:12px;}
  .fnt_16 { font-size:14px;}
  .fnt_22 { font-size:16px;}
  .fnt_24 { font-size:16px;}
  .fnt_26 { font-size:18px;}
  .fnt_28 { font-size:18px;}
  .fnt_30 { font-size:18px;}
  .fnt_32 { font-size:22px;}
  .fnt_34 { font-size:22px;}
  .fnt_36 { font-size:24px;}
  .fnt_38 { font-size:24px;}
  .fnt_40 { font-size:24px;}

  .fnt_42 { font-size:24px;}
  .fnt_44 { font-size:24px;}
  .fnt_46 { font-size:24px;}
  .fnt_48 { font-size:26px;}
  .fnt_50 { font-size:26px;}
  .fnt_52 { font-size:26px;}
  .fnt_54 { font-size:28px;}
  .fnt_56 { font-size:28px;}
  .fnt_58 { font-size:28px;}
  .fnt_60 { font-size:30px;}
}

.fl{
    float: left;
}
.fr{
    float: right;
}
.lf{display:block; float:left;}
.rf{display:block; float:right;}

.pc{ display:block;}
.mc{ display:none;}
@media (max-width:767px){
.pc{ display:none;}
.mc{ display:block;}
}
