/* 
author : Sir wangyahao 
Author URI:http://www.xrmseo.com
copyright by VTHINK: http://www.vthinks.net/
*/ 
.font-12 {
    font-size: 12px;
}
.font-14 {
    font-size: 14px;
}
.font-16 {
    font-size: 16px;
}
.font-18 {
    font-size: 18px;
}
.font-20 {
    font-size: 20px;
}
.font-22 {
    font-size: 22px;
}
.font-24 {
    font-size: 24px;
}
.font-26 {
    font-size: 26px;
}
.font-28 {
    font-size: 28px;
}
.font-30 {
    font-size: 30px;
}
.font-32 {
    font-size: 32px;
}
.font-34 {
    font-size: 34px;
}
.font-36 {
  font-size: 36px;
}
.font-40{
  font-size: 40px;
}
.font-58{
  font-size: 58px;
}

.font-60{
  font-size: 40px;
}
  
.container {
    margin-right: auto;
    margin-left: auto;
  }
  @media (min-width: 768px) {
    .container {
      width: 750px;
    }
  }
  @media (min-width: 992px) {
    .container {
      width: 970px;
    }
  }
  @media (min-width: 1200px) {
    .container {
      width: 1170px;
    }
  }
  @media (min-width: 1400px) {
    .container {
      width: 1380px;
    }
  }
  @media (min-width: 1600px) {
    .container {
      width: 1580px;
    }
  }
  @media (min-width: 1800px) {
    .container {
      width: 1800px;
    }
  }
  .container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
  }
  .row {
    margin-right: -15px;
    margin-left: -15px;
  }
  .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
  }
  .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left;
  }
  .col-xs-12 {
    width: 100%;
  }
  .col-xs-11 {
    width: 91.66666667%;
  }
  .col-xs-10 {
    width: 83.33333333%;
  }
  .col-xs-9 {
    width: 75%;
  }
  .col-xs-8 {
    width: 66.66666667%;
  }
  .col-xs-7 {
    width: 58.33333333%;
  }
  .col-xs-6 {
    width: 50%;
  }
  .col-xs-5 {
    width: 41.66666667%;
  }
  .col-xs-4 {
    width: 33.33333333%;
  }
  .col-xs-3 {
    width: 25%;
  }
  .col-xs-2 {
    width: 16.66666667%;
  }
  .col-xs-1 {
    width: 8.33333333%;
  }
  .col-xs-pull-12 {
    right: 100%;
  }
  .col-xs-pull-11 {
    right: 91.66666667%;
  }
  .col-xs-pull-10 {
    right: 83.33333333%;
  }
  .col-xs-pull-9 {
    right: 75%;
  }
  .col-xs-pull-8 {
    right: 66.66666667%;
  }
  .col-xs-pull-7 {
    right: 58.33333333%;
  }
  .col-xs-pull-6 {
    right: 50%;
  }
  .col-xs-pull-5 {
    right: 41.66666667%;
  }
  .col-xs-pull-4 {
    right: 33.33333333%;
  }
  .col-xs-pull-3 {
    right: 25%;
  }
  .col-xs-pull-2 {
    right: 16.66666667%;
  }
  .col-xs-pull-1 {
    right: 8.33333333%;
  }
  .col-xs-pull-0 {
    right: auto;
  }
  .col-xs-push-12 {
    left: 100%;
  }
  .col-xs-push-11 {
    left: 91.66666667%;
  }
  .col-xs-push-10 {
    left: 83.33333333%;
  }
  .col-xs-push-9 {
    left: 75%;
  }
  .col-xs-push-8 {
    left: 66.66666667%;
  }
  .col-xs-push-7 {
    left: 58.33333333%;
  }
  .col-xs-push-6 {
    left: 50%;
  }
  .col-xs-push-5 {
    left: 41.66666667%;
  }
  .col-xs-push-4 {
    left: 33.33333333%;
  }
  .col-xs-push-3 {
    left: 25%;
  }
  .col-xs-push-2 {
    left: 16.66666667%;
  }
  .col-xs-push-1 {
    left: 8.33333333%;
  }
  .col-xs-push-0 {
    left: auto;
  }
  .col-xs-offset-12 {
    margin-left: 100%;
  }
  .col-xs-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-xs-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-xs-offset-9 {
    margin-left: 75%;
  }
  .col-xs-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-xs-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-xs-offset-6 {
    margin-left: 50%;
  }
  .col-xs-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-xs-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-xs-offset-3 {
    margin-left: 25%;
  }
  .col-xs-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-xs-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-xs-offset-0 {
    margin-left: 0;
  }
  @media (min-width: 768px) {
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
      float: left;
    }
    .col-sm-12 {
      width: 100%;
    }
    .col-sm-11 {
      width: 91.66666667%;
    }
    .col-sm-10 {
      width: 83.33333333%;
    }
    .col-sm-9 {
      width: 75%;
    }
    .col-sm-8 {
      width: 66.66666667%;
    }
    .col-sm-7 {
      width: 58.33333333%;
    }
    .col-sm-6 {
      width: 50%;
    }
    .col-sm-5 {
      width: 41.66666667%;
    }
    .col-sm-4 {
      width: 33.33333333%;
    }
    .col-sm-3 {
      width: 25%;
    }
    .col-sm-2 {
      width: 16.66666667%;
    }
    .col-sm-1 {
      width: 8.33333333%;
    }
    .col-sm-pull-12 {
      right: 100%;
    }
    .col-sm-pull-11 {
      right: 91.66666667%;
    }
    .col-sm-pull-10 {
      right: 83.33333333%;
    }
    .col-sm-pull-9 {
      right: 75%;
    }
    .col-sm-pull-8 {
      right: 66.66666667%;
    }
    .col-sm-pull-7 {
      right: 58.33333333%;
    }
    .col-sm-pull-6 {
      right: 50%;
    }
    .col-sm-pull-5 {
      right: 41.66666667%;
    }
    .col-sm-pull-4 {
      right: 33.33333333%;
    }
    .col-sm-pull-3 {
      right: 25%;
    }
    .col-sm-pull-2 {
      right: 16.66666667%;
    }
    .col-sm-pull-1 {
      right: 8.33333333%;
    }
    .col-sm-pull-0 {
      right: auto;
    }
    .col-sm-push-12 {
      left: 100%;
    }
    .col-sm-push-11 {
      left: 91.66666667%;
    }
    .col-sm-push-10 {
      left: 83.33333333%;
    }
    .col-sm-push-9 {
      left: 75%;
    }
    .col-sm-push-8 {
      left: 66.66666667%;
    }
    .col-sm-push-7 {
      left: 58.33333333%;
    }
    .col-sm-push-6 {
      left: 50%;
    }
    .col-sm-push-5 {
      left: 41.66666667%;
    }
    .col-sm-push-4 {
      left: 33.33333333%;
    }
    .col-sm-push-3 {
      left: 25%;
    }
    .col-sm-push-2 {
      left: 16.66666667%;
    }
    .col-sm-push-1 {
      left: 8.33333333%;
    }
    .col-sm-push-0 {
      left: auto;
    }
    .col-sm-offset-12 {
      margin-left: 100%;
    }
    .col-sm-offset-11 {
      margin-left: 91.66666667%;
    }
    .col-sm-offset-10 {
      margin-left: 83.33333333%;
    }
    .col-sm-offset-9 {
      margin-left: 75%;
    }
    .col-sm-offset-8 {
      margin-left: 66.66666667%;
    }
    .col-sm-offset-7 {
      margin-left: 58.33333333%;
    }
    .col-sm-offset-6 {
      margin-left: 50%;
    }
    .col-sm-offset-5 {
      margin-left: 41.66666667%;
    }
    .col-sm-offset-4 {
      margin-left: 33.33333333%;
    }
    .col-sm-offset-3 {
      margin-left: 25%;
    }
    .col-sm-offset-2 {
      margin-left: 16.66666667%;
    }
    .col-sm-offset-1 {
      margin-left: 8.33333333%;
    }
    .col-sm-offset-0 {
      margin-left: 0;
    }
  }
  @media (min-width: 992px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
      float: left;
    }
    .col-md-12 {
      width: 100%;
    }
    .col-md-11 {
      width: 91.66666667%;
    }
    .col-md-10 {
      width: 83.33333333%;
    }
    .col-md-9 {
      width: 75%;
    }
    .col-md-8 {
      width: 66.66666667%;
    }
    .col-md-7 {
      width: 58.33333333%;
    }
    .col-md-6 {
      width: 50%;
    }
    .col-md-5 {
      width: 41.66666667%;
    }
    .col-md-4 {
      width: 33.33333333%;
    }
    .col-md-3 {
      width: 25%;
    }
    .col-md-2 {
      width: 16.66666667%;
    }
    .col-md-1 {
      width: 8.33333333%;
    }
    .col-md-pull-12 {
      right: 100%;
    }
    .col-md-pull-11 {
      right: 91.66666667%;
    }
    .col-md-pull-10 {
      right: 83.33333333%;
    }
    .col-md-pull-9 {
      right: 75%;
    }
    .col-md-pull-8 {
      right: 66.66666667%;
    }
    .col-md-pull-7 {
      right: 58.33333333%;
    }
    .col-md-pull-6 {
      right: 50%;
    }
    .col-md-pull-5 {
      right: 41.66666667%;
    }
    .col-md-pull-4 {
      right: 33.33333333%;
    }
    .col-md-pull-3 {
      right: 25%;
    }
    .col-md-pull-2 {
      right: 16.66666667%;
    }
    .col-md-pull-1 {
      right: 8.33333333%;
    }
    .col-md-pull-0 {
      right: auto;
    }
    .col-md-push-12 {
      left: 100%;
    }
    .col-md-push-11 {
      left: 91.66666667%;
    }
    .col-md-push-10 {
      left: 83.33333333%;
    }
    .col-md-push-9 {
      left: 75%;
    }
    .col-md-push-8 {
      left: 66.66666667%;
    }
    .col-md-push-7 {
      left: 58.33333333%;
    }
    .col-md-push-6 {
      left: 50%;
    }
    .col-md-push-5 {
      left: 41.66666667%;
    }
    .col-md-push-4 {
      left: 33.33333333%;
    }
    .col-md-push-3 {
      left: 25%;
    }
    .col-md-push-2 {
      left: 16.66666667%;
    }
    .col-md-push-1 {
      left: 8.33333333%;
    }
    .col-md-push-0 {
      left: auto;
    }
    .col-md-offset-12 {
      margin-left: 100%;
    }
    .col-md-offset-11 {
      margin-left: 91.66666667%;
    }
    .col-md-offset-10 {
      margin-left: 83.33333333%;
    }
    .col-md-offset-9 {
      margin-left: 75%;
    }
    .col-md-offset-8 {
      margin-left: 66.66666667%;
    }
    .col-md-offset-7 {
      margin-left: 58.33333333%;
    }
    .col-md-offset-6 {
      margin-left: 50%;
    }
    .col-md-offset-5 {
      margin-left: 41.66666667%;
    }
    .col-md-offset-4 {
      margin-left: 33.33333333%;
    }
    .col-md-offset-3 {
      margin-left: 25%;
    }
    .col-md-offset-2 {
      margin-left: 16.66666667%;
    }
    .col-md-offset-1 {
      margin-left: 8.33333333%;
    }
    .col-md-offset-0 {
      margin-left: 0;
    }
  }
  @media (min-width: 1200px) {
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
      float: left;
    }
    .col-lg-12 {
      width: 100%;
    }
    .col-lg-11 {
      width: 91.66666667%;
    }
    .col-lg-10 {
      width: 83.33333333%;
    }
    .col-lg-9 {
      width: 75%;
    }
    .col-lg-8 {
      width: 66.66666667%;
    }
    .col-lg-7 {
      width: 58.33333333%;
    }
    .col-lg-6 {
      width: 50%;
    }
    .col-lg-5 {
      width: 41.66666667%;
    }
    .col-lg-4 {
      width: 33.33333333%;
    }
    .col-lg-3 {
      width: 25%;
    }
    .col-lg-2 {
      width: 16.66666667%;
    }
    .col-lg-1 {
      width: 8.33333333%;
    }
    .col-lg-pull-12 {
      right: 100%;
    }
    .col-lg-pull-11 {
      right: 91.66666667%;
    }
    .col-lg-pull-10 {
      right: 83.33333333%;
    }
    .col-lg-pull-9 {
      right: 75%;
    }
    .col-lg-pull-8 {
      right: 66.66666667%;
    }
    .col-lg-pull-7 {
      right: 58.33333333%;
    }
    .col-lg-pull-6 {
      right: 50%;
    }
    .col-lg-pull-5 {
      right: 41.66666667%;
    }
    .col-lg-pull-4 {
      right: 33.33333333%;
    }
    .col-lg-pull-3 {
      right: 25%;
    }
    .col-lg-pull-2 {
      right: 16.66666667%;
    }
    .col-lg-pull-1 {
      right: 8.33333333%;
    }
    .col-lg-pull-0 {
      right: auto;
    }
    .col-lg-push-12 {
      left: 100%;
    }
    .col-lg-push-11 {
      left: 91.66666667%;
    }
    .col-lg-push-10 {
      left: 83.33333333%;
    }
    .col-lg-push-9 {
      left: 75%;
    }
    .col-lg-push-8 {
      left: 66.66666667%;
    }
    .col-lg-push-7 {
      left: 58.33333333%;
    }
    .col-lg-push-6 {
      left: 50%;
    }
    .col-lg-push-5 {
      left: 41.66666667%;
    }
    .col-lg-push-4 {
      left: 33.33333333%;
    }
    .col-lg-push-3 {
      left: 25%;
    }
    .col-lg-push-2 {
      left: 16.66666667%;
    }
    .col-lg-push-1 {
      left: 8.33333333%;
    }
    .col-lg-push-0 {
      left: auto;
    }
    .col-lg-offset-12 {
      margin-left: 100%;
    }
    .col-lg-offset-11 {
      margin-left: 91.66666667%;
    }
    .col-lg-offset-10 {
      margin-left: 83.33333333%;
    }
    .col-lg-offset-9 {
      margin-left: 75%;
    }
    .col-lg-offset-8 {
      margin-left: 66.66666667%;
    }
    .col-lg-offset-7 {
      margin-left: 58.33333333%;
    }
    .col-lg-offset-6 {
      margin-left: 50%;
    }
    .col-lg-offset-5 {
      margin-left: 41.66666667%;
    }
    .col-lg-offset-4 {
      margin-left: 33.33333333%;
    }
    .col-lg-offset-3 {
      margin-left: 25%;
    }
    .col-lg-offset-2 {
      margin-left: 16.66666667%;
    }
    .col-lg-offset-1 {
      margin-left: 8.33333333%;
    }
    .col-lg-offset-0 {
      margin-left: 0;
    }
  }



  /* 1400 */
  @media (min-width: 1400px) {
    .col-vt4-1, .col-vt4-2, .col-vt4-3, .col-vt4-4, .col-vt4-5, .col-vt4-6, .col-vt4-7, .col-vt4-8, .col-vt4-9, .col-vt4-10, .col-vt4-11, .col-vt4-12 {
      float: left;
    }
    .col-vt4-12 {
      width: 100%;
    }
    .col-vt4-11 {
      width: 91.66666667%;
    }
    .col-vt4-10 {
      width: 83.33333333%;
    }
    .col-vt4-9 {
      width: 75%;
    }
    .col-vt4-8 {
      width: 66.66666667%;
    }
    .col-vt4-7 {
      width: 58.33333333%;
    }
    .col-vt4-6 {
      width: 50%;
    }
    .col-vt4-5 {
      width: 41.66666667%;
    }
    .col-vt4-4 {
      width: 33.33333333%;
    }
    .col-vt4-3 {
      width: 25%;
    }
    .col-vt4-2 {
      width: 16.66666667%;
    }
    .col-vt4-1 {
      width: 8.33333333%;
    }
    .col-vt4-pull-12 {
      right: 100%;
    }
    .col-vt4-pull-11 {
      right: 91.66666667%;
    }
    .col-vt4-pull-10 {
      right: 83.33333333%;
    }
    .col-vt4-pull-9 {
      right: 75%;
    }
    .col-vt4-pull-8 {
      right: 66.66666667%;
    }
    .col-vt4-pull-7 {
      right: 58.33333333%;
    }
    .col-vt4-pull-6 {
      right: 50%;
    }
    .col-vt4-pull-5 {
      right: 41.66666667%;
    }
    .col-vt4-pull-4 {
      right: 33.33333333%;
    }
    .col-vt4-pull-3 {
      right: 25%;
    }
    .col-vt4-pull-2 {
      right: 16.66666667%;
    }
    .col-lg-pull-1 {
      right: 8.33333333%;
    }
    .col-vt4-pull-0 {
      right: auto;
    }
    .col-vt4-push-12 {
      left: 100%;
    }
    .col-vt4-push-11 {
      left: 91.66666667%;
    }
    .col-vt4-push-10 {
      left: 83.33333333%;
    }
    .col-vt4-push-9 {
      left: 75%;
    }
    .col-vt4-push-8 {
      left: 66.66666667%;
    }
    .col-vt4-push-7 {
      left: 58.33333333%;
    }
    .col-vt4-push-6 {
      left: 50%;
    }
    .col-vt4-push-5 {
      left: 41.66666667%;
    }
    .col-vt4-push-4 {
      left: 33.33333333%;
    }
    .col-vt4-push-3 {
      left: 25%;
    }
    .col-vt4-push-2 {
      left: 16.66666667%;
    }
    .col-vt4-push-1 {
      left: 8.33333333%;
    }
    .col-lg-push-0 {
      left: auto;
    }
    .col-vt4-offset-12 {
      margin-left: 100%;
    }
    .col-vt4-offset-11 {
      margin-left: 91.66666667%;
    }
    .col-vt4-offset-10 {
      margin-left: 83.33333333%;
    }
    .col-vt4-offset-9 {
      margin-left: 75%;
    }
    .col-vt4-offset-8 {
      margin-left: 66.66666667%;
    }
    .col-vt4-offset-7 {
      margin-left: 58.33333333%;
    }
    .col-vt4-offset-6 {
      margin-left: 50%;
    }
    .col-vt4-offset-5 {
      margin-left: 41.66666667%;
    }
    .col-vt4-offset-4 {
      margin-left: 33.33333333%;
    }
    .col-vt4-offset-3 {
      margin-left: 25%;
    }
    .col-vt4-offset-2 {
      margin-left: 16.66666667%;
    }
    .col-vt4-offset-1 {
      margin-left: 8.33333333%;
    }
    .col-vt4-offset-0 {
      margin-left: 0;
    }
  }














.w100{ width:100%;}
.fl{ float:left;}
.fr{ float:right;}

.mlogo{ position:fixed; display:inline-block; width:150px; z-index:66; top:50px; left:50px;}
.mlogo1{ position:absolute;}
.mlogo img{ max-width:100%;}

.ppubmore{ display:inline-block; cursor:pointer;}
.ppubmore span,.ppubmore i{ display:inline-block;position:relative; vertical-align:middle; z-index:26;}
.ppubmore span:before{position:absolute; content:''; left:0; width:100%; height:1px; background:rgba(0,0,0,0.3); top:43px;}
.ppubmore i{ margin-left:8px;border-radius:50%;-webkit-border-radius:50%;}
.ppubmore i:before,.ppubmore i:after{ position:absolute; content:'';  }
.ppubmore i:before{ background:url(../image/icon5.png) center no-repeat;}
.ppubmore i:after{ background:url(../image/icon1_1.png) center no-repeat; left:0;}
.ppubmore:hover i:before,.ppubmore i:after{ opacity:0;-webkit-opacity:0;-moz-opacity:0;}
.ppubmore:hover i:after{opacity:1;-webkit-opacity:1;-moz-opacity:1;}

.pagebg{ background:#000;opacity:0.15;-webkit-opacity:0.15;-moz-opacity:0.15;}
.j_futurevideo{ position:absolute;min-width: 100%;min-height: 100%;object-fit: cover;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);-webkit-transform: translateX(-50%) translateY(-50%); z-index:5;}

.pubma{ position:relative; overflow:hidden;}
.pubma span{ position:relative; z-index:5;}
.pubma:after{width: 100%;height: 100%;display: block; position:absolute; left:0; top:0; content:'';}
.pubma:after{background-color: #000;-webkit-transform-origin: right 50%;transform-origin: right 50%;-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transition-property: -webkit-transform;transition-property: transform;}
.pubma span,.pubma:after{transition-duration: 380ms;-webkit-transition-duration: 380ms;transition-duration: 380ms;}
.pubma:hover:after{-webkit-transform-origin: left 50%;transform-origin: left 50%;-webkit-transform: scaleX(1);transform: scaleX(1);}
.pubma:hover span{ color:#fff;}


.btpage{ position:absolute; left:0; top:0;width:100%; height:100%;}
.mainbox{text-align: center;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.slider1img{ position:absolute;position:absolute; left:0; top:0;width:100%; height:100%; background-repeat:no-repeat; background-size:cover; background-position:center; overflow:hidden;}



@media screen and (max-width: 1920px) {
	
}

a.pageaboutp_co{
    border: 1px solid transparent !important;
}
.pageaboutp_co i{
    width: 48px !important;
    height: 48px !important;
    margin-left: 0px;
}
.pageaboutp3.pageaboutp_co i::before{
    left: 18px !important;
    top: 18px !important;
}
.pageaboutp3.pageaboutp_co i::after{
    top: 18px !important;
    left: 15px !important;
}
.pageaboutp_co:hover i::before{
    left: 28px !important;
}
.pageaboutp_co:hover i::after{
    left: 18px !important;
}
/* .ppubmore.pageaboutp_co i:after{
    top: 18px;
    left: 18px;
} */
.pageaboutp3.pageaboutp_co i{
    border: 1px solid #fff;
}
.ppubmore.pageaboutp_co i::before{
    background: url(../image/icon1.png) center no-repeat;
}

/* 鏂板鑸牱寮�---鍙垎绂� */


/* 瀵艰埅閮ㄥ垎 */
.pc_header{
    width:100%;
    position: fixed;
    top: 0;
    left: 50%;
    transform: translate(-50%);
    -o-transform: translate(-50%);
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    z-index: 999;
    transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    /* background-color: #fff; */
}
.swiper1 {
    position: relative;
}
.banner-txt {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    /* opacity: 0; */
    transition: all .5s;
    margin-top: 20px;
}
.banner-txt span {
	font-size: 14px;
    color: #ffffff;
    display: block;
}
.banner-txt h4 {
	font-size: 40px;
    color: #ffffff;
    margin-top: 78px;
    line-height: 70px;
}
.banner-txt a {
    width: 166px;
	height: 46px;
	border-radius: 6px;
    border: solid 1px #ffffff;
    display: block;
    padding-left: 21px;
    box-sizing: border-box;
    line-height: 46px;
    color: #fff;
    margin-top: 94px;
}
.vt_logo {
    display: block;
    width: 350px;
    height: 48px;
    background: url("../image/logo.png") no-repeat left center;
    background-size: 65% auto;
    float: left;
    margin-top: 15px;
    transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
}

.nav_item a {
    width: 28px;
    height: 28px;
    display: inline-block;
    transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
}
.nav_item .sp1 {
    background: url("../image/menu.svg") no-repeat center;
}
.nav_item .sp2 {
    background: url("../image/search_b.svg") no-repeat center;
}
.nav_item .sp3 {
    background: url("../image/fy-f.svg") no-repeat center;
}
.main_nav {
    overflow: hidden;
}
.main_nav>li>a{
    line-height: 80px;
}
.main_nav>li>a{
    position: relative;
}
.nav_arrow {
    width: 14px;
    height: 14px;
    display: block;
    background: url("../image/arrow-b.svg") no-repeat center;
    position: absolute;
    top: 33px;
    right: 15px;
}
.vt_logo{
    float: left;
}
.nav_item {
    float: right;
}
.nav_item a{
    margin: 0 10px;
}
.vt_nav {
    width: 96%;
    margin: 0 auto;
    box-sizing: border-box;
}
    /* padding: 24px 0; */

.main_nav {
    height: 100%;
    /* display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center; */
    margin: 0 auto;
    width:746px;
    overflow: hidden;
}

.vt_nav>ul>li{
    float: left;
}
.vt_nav>ul>li>a{
    color: #fff;
    display: block;
    padding: 0px 40px;
    transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    font-size: 14px;
    letter-spacing: 5px;
}
.default_line {
    width: 100%;
    position: absolute;
    top: 80px;
    left: -892px;
    transition: all .5s;
    opacity: 0;
    line-height: 18px;
    /* z-index: -9; */
}
/* 鎸囩ず绠ご */
.bottom_line{
    width: 100%;
    height: 8px;
    background-color: #fff;
    position: absolute;
    bottom: -8px;
    left: 0px;
}
.box_line_box1 {
    height: 0px;
    width: 0px;
    border: 8px solid transparent;
    border-bottom: 8px solid transparent;
    position: relative;
    top: 0px;
    left:50%;
    background-color:blue;
}
.box_line_box2 {
    height: 0px;
    width: 0px;
    border: 8px solid transparent;
    border-bottom: 8px solid transparent;
    position: relative;
    background-color: red;
    top: 0px;
    right:50%;
}
/* 鎸囩ず绠ご缁撴潫 */
header:hover, header.active,header.page_head{
    background-color: rgba(0, 0, 0, 0.8);
}
/* header:hover .nav_arrow ,header.active .nav_arrow {
    background: url("./../images/svg/arrow.svg") no-repeat center;
    transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
} */
/* header:hover .vt_nav>ul>li>a,header.active .vt_nav>ul>li>a{
    color: #000;
} */

/* header:hover .nav_item .sp1,header.active .nav_item .sp1{
    background: url("./../images/svg/menu-6.svg") no-repeat center;
}
header:hover .nav_item .sp2,header.active .nav_item .sp2{
    background: url("./../images/svg/search_6.svg") no-repeat center;
}
header:hover .nav_item .sp3,header.active .nav_item .sp3{
    background: url("./../images/svg/fy-6.svg") no-repeat center;
}
header:hover .vt_logo, header.active .vt_logo{
    background: url("../image/logo.png") no-repeat center;
    background-size: 100%;
} */
.vt_logo{
    position: absolute;
    top: 0px;
    left: 30px;
}
.nav_item {
    position: absolute;
    top: 0px;
    right: 30px; 
}
.vt_nav>li,.nav_item  {
    padding: 24px 0;
    box-sizing: border-box;
}
/* 鑿滃崟涓嬫媺 */
.nav_select {
    width: 100%;
    height: 600px;
    /* opacity: 0.5; */
    position: absolute;
    top: 80px;
    left:0;
    display: none;
    color: #666;
    background-size: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.nav_select1,.nav_select2,.nav_select3{
    width: 100%;
    height: 300px;
}
.nav_select_left {
    width: 18%;
    margin: 0 auto;
    float: left;
    /* background-color: rgba(0, 0, 0, 0.5); */
    height: 100%;
}
.nav_select_left>li,.nav_select_right>li{
    padding: 10px 0;
}
.nav_select_right>li {
    width: 30%;
    float: left;
}
.nav_select_left>li>a,.nav_select_right>li>a{
    color: #666;
    transition: all .3s;
    opacity: 0.5;
    display: block;
    position: relative;
    color: 0.9;
}
.nav_select_right>li>a {
    display: inline;
}
.nav_select_right>li>a::after{
    width: 100%;
    height: 1px;
    content: '';
    display: block;
    position: absolute;
    bottom: 0px;
    left: 0px;
    background-color: #fff;
    transition: all .3s;
    opacity: 0;
}
.nav_select_right>li>a:hover {
    opacity: 1;
}
.nav_select_right>li>a:hover::after{
    bottom: -5px;
    opacity: 0.8;
}
.nav_select_left>li>a{
    padding: 5px 0;
    display: block;
    
    box-sizing: border-box;
}
.nav_select_left>li>a::before{
    width: 100%;
    height: 1px;
    content: '';
    display: block;
    position: absolute;
    bottom: 0px;
    left: 0px;
    background-color: #fff;
    transition: all .3s;
}
.nav_select_left>li>a::after{
    width: 25px;
    height: 25px;
    content: '';
    display: block;
    position: absolute;
    bottom: 0px;
    right: 0px;
    background: url("../image/arr-r.svg") no-repeat center;
    transform: rotate(-90deg);
}
.nav_select_left>li>a.active{
    opacity: 0.8;  
}
.nav_select_left>li>a.active::before{
    bottom: -5px;
}

.nav_select_box>ul>li,.nav_select_box>ul>li,.nav_select_box>ul>li{
    line-height: 20px;
}
@keyframes yd {
    from {
        transform:translate(-20px);
    }
    to{
        transform:translate(0px);
    }
}
.nav_select_1>ul>li,.nav_select_2>ul>li,.nav_select_3>ul>li{
    line-height: 46px;
}
.nav_select_1,.nav_select_2,.nav_select_3 {
    width: 1500px;
    margin: 0 auto;
    padding:40px 0;
    box-sizing: border-box;
    height: 100%;
    overflow: hidden;
    transform: translate(-20px);
}
.nav_select_2{
    padding-left: 50px;
}
.nav_select_1.yd,.nav_select_left2.yd,.nav_select_2_content.yd{
    animation: yd .5s;
    animation-fill-mode: forwards;
}
.nav_select_right{
    width: 68%;
    float: right;
    /* background-color: rgba(0, 0, 0, 0.5); */
    height: 100%;
    display: none;
}
.nav_select_right.active {
    display: block;
}
.split_line {
    width: 14%;
    overflow: hidden;
    float: left;
    opacity: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.split_line_h {
    height: 356px;
}
.split_line_img {
    position: relative;
    left: 13px;
    top: -733px;
    transition: all .35s;
    width: 100%;
}
.nav_select_2_content {
    width: 70%;
    float: left;
    position: relative;
    margin-top:14px;
}
.nav_select_2_content li{
    line-height: 30px;
    margin-bottom: 25px;
}
.nav_select_2_content li a{
    color: #fff;
    font-size: 14px;
    letter-spacing: 5px;
}
.nav_select_2_ul{
    padding-left: 57px;
}
.nav_select2_txt {
    padding-left: 104px;
    color: #222;
}
.nav_select_2_ul li{
    float: left;
    margin: 10px 35px;
}
.nav_select_2_ul a{
    font-size: 14px;
    position: relative;
}
.nav_select_left2 {
    width: 26%;
    position: relative;
}
.nav_select_left2::after{
    width: 1px;
    height: 198px;
    content: '';
    position: absolute;
    top: 12px;
    right: 0px;
    background-color: rgba(2525, 255,255, 0.5);
}
.nav_select_left2 li{
    padding: 0px;
    font-size: 23px;
    position: relative;
    color: #fff;
}
.nav_select_2_ul li{
    position: relative;
}
.nav_select_2_ul li:after{
    width: 100%;
    height: 1px;
    content: '';
    display: block;
    position: absolute;
    bottom: 0px;
    left: 0px;
    background-color: #c2c0c0;
    transition: all .3s;
}
.nav_select_2_ul li:hover::after{
    bottom: -8px;
}
.nav_select_2_content h5{
    line-height: 30px;
    color: #fff;
    font-size: 20px;
    margin-bottom: 30px;
    padding-left: 139px;
}
.body_shadow {
    width: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    background-color: rgba(255, 255, 255, 0.4);
    z-index:100;
    display: none;
    transition-delay: 0.5s;
    -webkit-transition-delay: 0.5s;
}
.nav_select_left2 .img{
    width: 270px;
    margin-top: 15px;
    display: none;
    position: relative;
    letter-spacing: 6px;
}
.nav_select_left2 .img img{
    margin-top: 10px;
}
.nav_select_left2 .img.active {
    display: block;
}




.s_shadow {
    width: 150%;
    height: 150%;
    background: red;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
}
.nav_select_left2_txt {
    position: absolute;
    bottom: 0px;
    left: 0px;
    line-height: 30px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 3;
    width: 100%;
}

/* 瀵艰埅閮ㄥ垎缁撴潫 */

/* 鏂板鑸牱寮忕粨鏉� */

/* footer */
.cz_footer {
    background-color: #1b1b1c;
    /* height: 500px; */
}
.footer_wrap {
    padding-top: 70px;
    padding-bottom: 30px;
    width: 1600px;
    margin: 0 auto;
    box-sizing: border-box;
}
.footer_copy p{
	font-size: 12px;
	line-height: 24px;
	color: #ffffff;
	opacity: 0.5;
}
.footer_copy p a{
    color: #ffffff;
}
.footer_logo img{
    width: 90%;
}
.color_fff{
    color: #fff;
    font-family:Arial;
}
.cz_footer_right .p1{
	font-size: 20px;
	line-height: 36px;
    color: #ffffff;
    width: 70%;
    font-family: Arial;
    opacity: 0.8;
}
.cz_footer_right .p2{
    margin-top: 20px;
    font-size: 20px;
    font-family: Arial;
    position: relative;
}
.cz_footer_right .p2 span{
    border-bottom: 1px solid #fff;
}
.cz_footer_right .p3{
    margin-top: 75px;
}
.cz_footer_right .p3 a{
    margin-right: 100px;
    line-height: 30px;
    display: inline-block;
    /* border-bottom: 1px solid #fff; */
    transition: all .5s;
    position: relative;
    color: #999;
}
/* .cz_footer_right .p3 a:hover{
    opacity: 0.5;
} */
.cz_footer_right {
    width: 76%;
}
.foot_list li{
    float: left;
    margin-right: 7.5%;
}
.foot_list li:last-child{
    margin-right: 0%;
}
.footer_copy {
    padding-top: 252px;
}
.cz_footer_left {
    width: 20%;
}
.foot_list {
    margin-top: 74px;
}
.foot_list span{
    display: block;
}
.foot_list span:last-child{
    margin-top: 16px;
}
.color_07{
    color: #fff;
    opacity: 0.7;
}

.colo_bot{
  border-bottom: 1px solid;
}



/* 瀵艰埅  */

.top_nav_items {
    text-align: center;
 
}

.top_nav {
  height: 76px;
  padding-top: 11px;
  box-sizing: border-box;
  border-bottom: 1px solid rgb(200, 200, 200);
}
.top_nav_items a{
    display: inline-block;
    vertical-align: middle;
    line-height: 60px;
    padding: 0 35px;
    color: #555;
    font-size: 14px;
    position: relative;
    letter-spacing: 5px;
}
.top_nav_items a::after {
    content: '';
    width: 0px;
    display: block;
    height: 2px;
    position: absolute;
    bottom: -4px;
    left: 50%;
    transform: translateX(-50%);
    transition: all .5s;
    background-color: transparent;
}
/* .top_nav_items a::before {
    content: '';
    width: 90px;
    height: 2px;
    background-color: transparent;
    display: block;
    position: absolute;
    bottom: -4px;
    left: 50%;
    transform: translateX(-50%);
} */
.top_nav_items a:hover::after ,.top_nav_items a.active::after{
    height: 2px;
    width: 90px;
    background-color: #3c3c3c;
}
.top_nav_items a:hover ,.top_nav_items a.active{
    color: #3c3c3c;
}


/* ---------------------------------------   ------------------------------------------------- */

.top_nav_items1 {
    text-align: center;
}

.top_nav1 {
  height: 76px;
  padding-top: 26px;
  box-sizing: border-box;
  /* border: 1px solid rgb(200, 200, 200); */
}
.top_nav_items1 a{
    display: inline-block;
    vertical-align: middle;
    line-height: 60px;
    padding: 0 35px;
    color: #555;
    font-size: 14px;
    position: relative;
    letter-spacing: 5px;
}
.top_nav_items1 a::after {
    content: '';
    width: 0px;
    display: block;
    height: 2px;
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    transition: all .5s;
}
.top_nav_items1 a::before {
    content: '';
    width: 90px;
    height: 1px;
    background-color: rgb(200, 200, 200);
    display: block;
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
}
.top_nav_items1 a:hover::after {
    width: 90px;
    background-color: #3c3c3c;
}
.top_nav_items1 a:hover {
    color: #3c3c3c;
}




.post_case_img img,.post_case_title,.recommend a img,.go_pre::before   {
    transition: all 0.6s ease-in-out;
  }
.post_case_img:hover img,.recommend a:hover img{
    
}
.mean-container .mean-bar {
  position: fixed;
}
.mean-container .mean-nav {
  overflow-y: scroll;
}
.mean-container .mean-nav ul li a {
  border-top: 1px solid rgba(255,255,255,.3);
}
.mean-container .mean-nav ul li:last-child a {
  border-bottom: 1px solid rgba(255,255,255,.3);
}
.m_logo {
  position: absolute;
  top: 9px;
  left: 15px;
  width: 50%;
}
.m_logo img {
  width: 60%;
}
.ssmain{ min-height:400px;}
/* 鎵嬫満鑿滃崟 */
/* Basic CSS */


/*上一页下一页*/
.info_pagination a {
    display: block;
    width: 164px;
    height: 45px;
    border: 1px solid rgba(0, 0, 0, .5);
    line-height: 45px;
    color: #333;
    box-sizing: border-box;
    transition: all .5s;
}
.info_pagination .prev {
    background: url('../image/icon6.png') no-repeat ;
    padding-left: 73px;
    background-position: 52px 19px;
}
.info_pagination .next {
    background: url('../image/icon5.png') no-repeat ;
    padding-left: 52px;
    background-position: 115px 19px;
}
.info_pagination .prev:hover {
    color: #fff;
    background:rgba(0, 0, 0) url('../image/icon6f.png') no-repeat ;
    background-position: 52px 19px;
}
.info_pagination .next:hover {
    color: #fff;
    background:rgba(0, 0, 0) url('../image/icon5f.png') no-repeat ;
    background-position: 115px 19px;
}
/*分页*/
.pagination a {
    display: block;
    width: 35px;
    height: 35px;
    border: 1px solid rgba(0, 0, 0, .5);
    line-height: 35px;
    border-radius: 50%;
    color: #333;
    box-sizing: border-box;
    transition: all .5s;
}
.pagination p {
    display: block;
    width: 35px;
    height: 35px;
    border: 1px solid rgba(0, 0, 0, .5);
    line-height: 35px;
    border-radius: 50%;
    color: #333;
    box-sizing: border-box;
    transition: all .5s;
}
.pagination .prev {
    background: url('../image/icon6.png') no-repeat ;
    /*padding-left: 73px;*/
    background-position: 10px 13px;
}
.pagination .next {
    background: url('../image/icon5.png') no-repeat ;
    /*padding-left: 52px;*/
    background-position: 10px 13px;
}
.pagination .prev:hover {
    color: #fff;
    background:rgba(0, 0, 0) url('../image/icon6f.png') no-repeat ;
    background-position: 10px 13px;
}
.pagination .next:hover {
    color: #fff;
    background:rgba(0, 0, 0) url('../image/icon5f.png') no-repeat ;
    background-position: 10px 13px;
}