/* reset */
html { height: 100%; }
body { min-height: 100%;overflow-x: hidden;}
body { _height: 100% }
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 }
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:#43464e; font-size: 14px; font-family:"Microsoft Yahei","微软雅黑",arial,"\5b8b\4f53";  }
body { line-height: 1.5;overflow-x: hidden; }
a:link,
a:visited,
a:active,
a { text-decoration: none;}

a * {cursor: pointer }
:focus { outline: none } 



@media screen and (max-device-width: 320px){
  body{-webkit-text-size-adjust:none}
}
@media screen and (max-device-width: 480px){
  body{-webkit-text-size-adjust:none}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2){
  body{-webkit-text-size-adjust:none}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px){
  body{-webkit-text-size-adjust:none}
}


/* clear 页头，页脚，内容区都不用再加清除样式 */
.fixed:before, .clearfix:before, .cf:before, body:before, .header:before, .main:before, .footer:before { content: ''; display: table }
.fixed:after, .clearfix:after, .cf:after, after, .header:after, .main:after, .footer:after { content: ''; display: table; clear: both }
.fixed, .clearfix, .cf, .header, .main, .footer {zoom:1 }
.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 }

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {opacity:0.5;}
input:-moz-placeholder, textarea:-moz-placeholder {opacity:0.5;}
input::-moz-placeholder, textarea::-moz-placeholder { opacity:0.5;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {opacity:0.5;}
input[type="text"], input[type="password"], button {
    outline: none;
    -webkit-appearance: none;
}

.banner{
    position: relative;
    margin-top: 110px;
    overflow: hidden;
}
.banner img{
    width: 100%;
}
.banner_txt{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  color: white;
      width: 100%;
    text-align: center;
}
.banner_eng{
  text-align: center;
  font-weight: bold;
  margin-bottom: 10px;
      white-space: nowrap;
}
.banner_tit{
  line-height: 1;
  font-weight: bold;
}
.banner_tit::after{
  content: '';
  display: block;
  background: white;
  width: 60px;
  height: 4px;
  margin: 30px auto 0;
}
.red{
  color: #d90c36;
}
.child_nav{
    display: flex;
    position: sticky;
    top: 0px;
    z-index: 8;
    background: white;
}
.child_nav a{
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  transition: all 0.5s;
  color: #43464e;
  border-right: 1px solid #e2e2e2;
  height: 78px;
  border-top: 1px solid #e2e2e2;
  border-bottom: 1px solid #e2e2e2;
}
.child_nav a:hover{
  color: #d90c36;
}
.child_nav a:first-child{
  border-left: 1px solid #e2e2e2;
}
.child_nav .child_act{
  color: white;
  background: #d90c36;
  border-color: #d90c36;
}
.child_nav .child_act:hover{
  color: white;
}
/*栏目标题*/
.common_center{
  text-align: center;
  position: relative;
}
.eng{
  line-height: 1;
  color: #c2c7cc;
  margin-bottom: 2px;
  text-align: center;
}
.common_tit{
  font-weight: bold;
  color: #43464e;
  line-height: 1.25;
  position:relative;
  z-index:2;
}
.common_sub{
  margin-bottom: 12px;
  font-weight: bold;
}
.common_sum{
  font-weight: bold;
}
.common_tit::after{
  content: '';
  display: block;
  width: 60px;
  height: 4px;
  background: #d90c36;
  margin-top: 24px;
}
.common_center .common_tit::after{
  margin-left: auto;
  margin-right: auto;
}
/*轮播分页*/
.point {
  display: none;
}
/*轮播前进后退*/
.sw_btn{
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.5s;
  background: #e9e9e9;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  border-radius: 50%;
  cursor: pointer;
}
.sw_btn svg path{
  transition: all 0.5s;
}
.sw_btn:hover{
  background: #d90c36;
}
.sw_btn:hover svg path{
    fill: white;
}
.sw_prev{
  left: -30px;
}
.sw_next{
  right: -30px;
}
.sw_btn.swiper-button-disabled{
	background:#5f5e5e !important;
}
.sw_btn.swiper-button-disabled svg path{
	fill:#999999 !important;
}
/*分页*/
.page_con {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 80px;
}
.p_page a {
  width: 46px;
  height: 46px;
  border-radius: 50% !important;
  background: white;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #d90c36;
  margin: 0 10px;
}
.p_page .current {
  background: #d90c36;
  color: white;
}
.page_a:hover {
    color: #d90c36;
    border-color: #d90c36;
    background-color: rgba(255, 255, 255, 0);
}
/*滚动条*/
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
  background-color: #d90c36 !important;
}
.mCSB_scrollTools .mCSB_draggerRail{
  opacity: 0;
}
.mCSB_scrollTools .mCSB_draggerContainer::after{
  content: '';
  display: none;
  width: 1px;
  height: 100%;
  background-color: rgba(0,0,0,.2);
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
@media only screen and (max-width: 1600px){
    .banner_tit::after{
      margin: 20px auto 0;
    }
    .common_tit::after{
      margin-top: 14px;
    }
    .common_sub {
      margin-bottom: 8px;
    }
    .page_con {
      margin-top: 5.55%;
    }
    .mCSB_scrollTools .mCSB_draggerContainer::after{
      display: block;
    }
    .child_nav a{
      height: 60px;
    }
    .sw_btn{
      width: 50px;
      height: 50px;
    }
    .sw_prev{
      left: -25px;
    }
    .sw_next{
      right: -25px;
    }
    .sw_btn svg{
      width: 20px;
      height: 20px;
    }
}
@media only screen and (max-width: 1200px){
  .banner{
    margin-top: 66px;
  }
}
@media only screen and (max-width: 768px){
  .banner{
    display: flex;
    justify-content: center;
  }
  .banner img {
    width: auto;
    height: 220px;
}
  .banner_tit::after{
    margin: 15px auto 0;
  }
  .banner_nav{
    display: none;
  }
  .common_tit::after {
    margin-top: 10px;
  }
  .page_con a {
    width: 30px;
    height: 30px;
    margin: 0 5px;
  }
  .play{
    width: 40px;
    height: 40px;
  }
  .point {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 15px;
  }
  .point span {
    margin: 0 4px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #d90c36;
  }
  .sw_btn{
    width: 40px;
    height: 40px;
  }
  .sw_prev{
    left: -20px;
  }
  .sw_next{
    right: -20px;
  }
  .sw_btn svg{
    width: 16px;
    height: 16px;
  }
  .child_nav{
    display: none;
  }
}
/*公用样式end*/
.mt_60{
  margin-top: 60px;
}
.mt_80{
  margin-top: 80px;
}

/*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;}
.fnt_72 { font-size:72px;}
.fnt_90 { font-size:90px;}
.fnt_100 { font-size:100px;}
.fnt_200 { font-size:200px;}
@media only screen and (max-width: 1600px) {
  
  .mt_60 {  margin-top: 40px;}
  .mt_80{
    margin-top: 60px;
  }

  .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;}
  .fnt_72 { font-size:50px;}
  .fnt_90 { font-size:60px;}
  .fnt_100 { font-size:80px;}
  .fnt_200 { font-size:130px;}
}
@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;}
  .fnt_72 { font-size:46px;}
  .fnt_90 { font-size:50px;}
  .fnt_100 { font-size:60px;}
  .fnt_200 { font-size:90px;}
}

@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;}
  .fnt_72 { font-size:42px;}
}

@media only screen and (max-width: 767px) {
  .mt_60 {  margin-top: 25px;}
  .mt_80{
    margin-top: 30px;
  }
  .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;}
  .fnt_72 { font-size:36px;}
  .fnt_90 { font-size:38px;}
  .fnt_100 { font-size:30px;}
}


.wrap{width: 1440px;margin-left:auto;margin-right:auto;}/*响应式样式不同*/

*{-webkit-box-sizing:border-box;box-sizing:border-box;}

@media only screen and (max-width: 1600px){
  .wrap{width: 80%;}
}

@media only screen and (max-width: 1200px){
  .wrap{width: 90%;}
}