* {
    padding: 0;
    margin: 0;
    font-family: 'Microsoft YaHei', arial, helvetica, clean, sans-serif;
  }
  body {
    font: 14px/1.231 'Microsoft YaHei', arial, helvetica, clean, sans-serif;
    color: #333;
    margin: 0;
    line-height: 1.5;
    overflow-x: hidden;
  }
  *:before,
  *:after {
    box-sizing: content-box;
  }
  :focus {
    outline: 1;
  }
  article,
  aside,
  canvas,
  details,
  figcaption,
  figure,
  footer,
  header,
  hgroup,
  menu,
  nav,
  section,
  summary {
    display: block;
  }
  a {
    color: #333;
    text-decoration: none;
  }
  a:link,
  a:hover,
  a:active,
  a:visited {
    text-decoration: none;
  }
  ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none;
  }
  mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold;
  }
  del {
    text-decoration: line-through;
  }
  table {
    border-collapse: collapse;
    border-spacing: 0;
  }
  hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #cccccc;
    margin: 1em 0;
    padding: 0;
  }
  input,
  select {
    vertical-align: middle;
  }
  img {
    font-size: 0.14rem;
  }
  li,
  ul {
    list-style-type: none;
  }
  img {
    border: none;
  }
  input,
  textarea {
    outline: 0;
    border: 0;
    resize: none;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  dl,
  dd,
  dt,
  i,
  em {
    font-weight: normal;
    font-style: normal;
  }
  .left {
    float: left;
  }
  .right {
    float: right;
  }
  .clearboth {
    clear: both;
  }
  
  
  .clear{
    clear: both;
  }
  
  
  
  /* banner */
  
  .banner {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
  }
  
  .banner .swiper-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
  
  }
  
  .banner .swiper-slide {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
  }
  
  .banner .swiper-slide {
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
  }
  
  .banner .swiper-slide img {
    width: 100%;
    height: 100%;
    display: block;
  }
  
  
  .banner .swiper-button-next1{
    position: absolute;
    width: 0.5rem;
    height: 0.5rem;
    background: url(../images/bannerR.png) no-repeat  center;
    right: 4%;
    top: 50%;
    z-index: 5;
    cursor: pointer;
  }
  
  .banner .swiper-button-prev1{
    position: absolute;
    width: 0.5rem;
    height: 0.5rem;
    background: url(../images/bannerL.png) no-repeat  center;
    left: 4%;
    top: 50%;
    z-index: 5;
    cursor: pointer;
  }
  
  .banner .swiper-pagination {
    width: 100%;
    bottom: 0.3rem;
    left: 0px;
    text-align: center;
    position: absolute;
    z-index: 5;
  }
  
  .banner .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0  10px  ;
    background-color: #fff;
    width: 10px;
    height: 10px;
    opacity: 1;
    border-radius: 50%;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    display: inline-block;
  }
  
  .banner .swiper-pagination-bullets .swiper-pagination-bullet-active {
    background-color: #ed1d24;
    width: 33px;
    border-radius: 45px;
  }
  
  
  @media (max-width: 980px){
  
    .banner {
      top: 0;
    }
    .banner .swiper-button-next1{
      display: none;
    }
  
    .banner .swiper-button-prev1{
      display: none;
    }
  
    .banner .swiper-pagination {
      bottom: 0.1rem;
    }
  
  }
  
  
  
  /* title */
  
  .title{
    margin: 0 auto;
    text-align: center;
  }
  
  .title h3{
    font-size: 0.46rem;
    color: #333;
    line-height: 0.5rem;
  
  }
  
  .title h3 a{
    display: block;
    font-size: 0.46rem;
    color: #333;
  
  }
  
  .title span{
    display: block;
    font-size: 0.18rem;
    color: #5e5e5e;
    margin: 0.2rem auto 0 auto; 
  }
  
  
  @media (max-width: 980px){
    .page_center{
      width: 94%;
    }
  
    .title h3{
      font-size: 0.24rem;
      color: #333;
      line-height: 0.3rem;
    
    }
  
    .title h3 a{
      display: block;
      font-size: 0.24rem;
      color: #333;
    
    }
    
    .title span{
      display: block;
      font-size: 0.14rem;
      color: #5e5e5e;
      margin: 0.1rem auto 0 auto; 
    }
  
  }
  
  
  
  /* about */
  
  .ab_bg{
    width: 100%;
    margin: 0rem auto 0 auto;
    background: url(../images/ab_bg.jpg) no-repeat top center;
    overflow: hidden;
    padding-bottom: 1rem;
  }
  
  .ab_bg .about{
    margin: 0 auto;
    padding-top: 1.03rem;
  }
  
  .ab_bg .about .ab_box{
    margin: 0 auto;
    height: 4.59rem;
    background: #fff;
    overflow: hidden;
  }
  
  .ab_bg .about .ab_box .ab_img{
    float: left;
    width: 45.4%;
    height: 4.59rem;
    position: relative;
  }

  .ab_bg .about .ab_box .ab_img .swiper-slide{
    height: 4.59rem;
    position: relative;
  }
  
  
  .ab_bg .about .ab_box .ab_img img{
    position: absolute;
    left: 0%;
    top: 0px;
    width: 99.8%;
    height: 100%;
    object-fit: cover;
    overflow: hidden;

  
  }
  
  .ab_bg .about .ab_box .ab_r{
    float: right;
    width: 47.5%;
    margin-right: 3.5%;
  } 
  
  
  .ab_bg .about .ab_box .ab_r h3{
    font-size: 0.34rem;
    color: #404040;
    margin: 0.5rem 0 0.1rem 0;
  
  }
  
  .ab_bg .about .ab_box .ab_r em{
    display: block;
    width: 51%;
    height: 1px;
    background: #ca2a2f;
    margin-bottom: 1px;
  }
  
  
  .ab_bg .about .ab_box .ab_r p{
    font-size: 0.16rem;
    color: #404040;
    line-height: 0.33rem;
    height: 1.98rem;
    overflow: hidden;
    text-indent: 2em;
    margin: 0.2rem 0;
  }
  
  .ab_bg .about .ab_box .ab_r .more{
    text-align: center;
    width: 1.61rem;
    height: 0.46rem;
    line-height: 0.46rem;
    background: #ed1d24;
    border-radius: 5px;
  }
  
  .ab_bg .about .ab_box .ab_r .more a{
    display: inline-block;
    font-size: 0.16rem;
    color: #fff;
    padding-right: 0.2rem;
    background: url(../images/more.png) no-repeat right center;
  }
  
  .ab_bg .about .ab_list{
    margin: 0.58rem auto 0 auto;
    background: #fff;
    height: 1.06rem;
    padding: 0.52rem 0;
  }
  
  .ab_bg .about .ab_list ul li{
    float: left;
    width: 25%;
    height: 1.06rem;
    text-align: center;
    position: relative;
  }
  
  .ab_bg .about .ab_list ul li::after{
    position: absolute;
    right: 0px;
    top: 0px;
    content: "";
    width: 1px;
    height: 100%;
    background: #f36c70;
  }
  
  .ab_bg .about .ab_list ul li:last-child:after{
    background: none;
  }
  
  .ab_bg .about .ab_list ul li h5{
    margin: 0.15rem auto 0 auto;
  
  }
  
  .ab_bg .about .ab_list ul li h5 span{
    font-size: 0.9rem;
    color: #ed1d24;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 0.7rem;
    display: inline-block;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
  }

  .ab_bg .about .ab_list ul li.on h5 span{
    font-weight: bold;
  }
  
  .ab_bg .about .ab_list ul li h5 i{
    font-size: 0.14rem;
    color: #fff;
    width: 0.27rem;
    height: 0.27rem;
    line-height: 0.27rem;
    text-align: center;
    background: #ed1d24;
    border-radius: 50%;
    display: inline-block;
  }
  
  .ab_bg .about .ab_list ul li p{
    font-size: 0.2rem;
    color: #ed1d24;
  }
  
  
  @media (max-width: 980px){
    .ab_bg{
      padding-bottom: 0.3rem;
    }
    
    .ab_bg .about{
      margin: 0 auto;
      padding-top: 0.4rem;
    }
    
    .ab_bg .about .ab_box{
      margin: 0 auto;
      height: auto;
      background: #fff;
      padding-bottom: 0.3rem;
    }
    
    .ab_bg .about .ab_box .ab_img{
      float: none;
      width: 100%;
      height: auto;
      position: relative;

      margin: 0 auto;
    }
    
    .ab_bg .about .ab_box .ab_img .swiper-slide{
        height: auto;
        position: relative;
        padding-top: 50%;
      }
    
    .ab_bg .about .ab_box .ab_r{
      float: none;
      width: 94%;
      margin: 0rem auto 0.2rem auto;
    } 
    
    
    .ab_bg .about .ab_box .ab_r h3{
      font-size: 0.2rem;
      color: #404040;
      margin: 0.3rem 0 0.1rem 0;
      text-align: center;
    
    }
    
    .ab_bg .about .ab_box .ab_r em{
      display: block;
      width: 51%;
      height: 1px;
      background: #ca2a2f;
      margin: 0 auto 1px auto;
    }
    
    
    .ab_bg .about .ab_box .ab_r p{
      font-size: 0.14rem;
      color: #404040;
      line-height: 0.3rem;
      height: 1.8rem;
      overflow: hidden;
      text-indent: 2em;
      margin: 0.2rem 0;
    }
    
    .ab_bg .about .ab_box .ab_r .more{
      text-align: center;
      width: 1.4rem;
      height: 0.4rem;
      line-height: 0.4rem;
      background: #ed1d24;
      border-radius: 5px;
      margin: 0 auto;
    }
    
    .ab_bg .about .ab_box .ab_r .more a{
      display: inline-block;
      font-size: 0.14rem;
      color: #fff;
      padding-right: 0.2rem;
      background: url(../images/more.png) no-repeat right center;
    }
    
    .ab_bg .about .ab_list{
      margin: 0.2rem auto 0 auto;
      background: #fff;
      height: auto;
      padding: 0.2rem 0 0rem 0;
      overflow: hidden;
    }
    
    .ab_bg .about .ab_list ul li{
      float: left;
      width: 50%;
      height: 0.5rem;
      text-align: center;
      position: relative;
      margin-bottom: 0.2rem;
    }
    
    .ab_bg .about .ab_list ul li::after{
      position: absolute;
      right: 0px;
      top: 0px;
      content: "";
      width: 1px;
      height: 100%;
      background: #f36c70;
    }
    
    .ab_bg .about .ab_list ul li:last-child:after{
      background: #f36c70;
    }
    
    .ab_bg .about .ab_list ul li h5{
      margin: 0rem auto 0 auto;
    
    }
    
    .ab_bg .about .ab_list ul li h5 span{
      font-size: 0.3rem;
      color: #ed1d24;
      font-family: Arial, Helvetica, sans-serif;
      line-height: 0.3rem;
      display: inline-block;
      
    }
    
    .ab_bg .about .ab_list ul li h5 i{
      font-size: 0.12rem;
      color: #fff;
      width: 0.2rem;
      height: 0.2rem;
      line-height: 0.2rem;
      text-align: center;
      background: #ed1d24;
      border-radius: 50%;
      display: inline-block;
    }
    
    .ab_bg .about .ab_list ul li p{
      font-size: 0.14rem;
      color: #ed1d24;
    }
  
  
  }
  
  

  /* honor */

.honor{
  margin: 0rem auto 0.8rem auto;
}

  .honor .honor_box{
    margin: 0.4rem auto 0 auto;
  }
  
  .honor .honor_box .swiper-slide{
    position: relative;

  }
  
  .honor .honor_box .swiper-slide .pic{
    position: relative;
    width: 100%;
    padding-top: 73%;
  
  }
  
  .honor .honor_box .swiper-slide .pic img{
    position: absolute;
    left: 0;
    top: 0px;
    width: 100%;
    height: 100%;
    object-fit: cover;
  
  }
  
  .honor .honor_box .swiper-slide .txt{
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 0%;
    background: url(../images/fc_list.png) no-repeat  center;
    text-align: center;
    opacity: 0;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
  }
  
  .honor .honor_box .swiper-slide .txt a{
    font-size: 0.18rem;
    color: #ffffff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    width: 90%;
    padding: 0 5%;
    position: absolute;
    left: 0;
    bottom: -0.6rem;
    line-height: 0.6rem;
  }
  
  .honor .honor_box .swiper-slide:hover .txt{
    opacity: 1;
    height: 100%;
  }
  
  .honor .honor_box .swiper-slide:hover .txt a{
    bottom: 0px;
  }

  .honor .honor_box .swiper-honor-next{
    display: none;

  }

  .honor .honor_box .swiper-honor-prev{
    display: none;
  }



  @media (max-width: 980px){
    .honor{
      margin: 0.2rem auto 0.2rem auto;
    }
    .honor .honor_box{
      margin: 0.2rem auto 0 auto;
    }
  }
  
  /* product */
  
  .pro_bg{
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
  }
  
  .pro_bg .product{
    margin: 0 auto;
  }
  
  
  .pro_bg .product .title{
    margin: 0 auto;
  }
  
  .pro_bg .product .title h3 a{
    color: #1b1b1b;
  
  }
  
  .pro_bg .product .title span{
    font-size: 0.16rem;
  }
  
  
  .pro_bg .product .productMenu{
    margin: 0.3rem auto 0 auto;
    height: 1.1rem;
    border-bottom: 4px solid #e2e2e2;
  }
  
  .pro_bg .product .productMenu .swiper-slide{
    position: relative;
    height: 1.1rem;
  }
  
  .pro_bg .product .productMenu .swiper-slide::after{
    position: absolute;
    right: 0px;
    top: 0.35rem;
    content: "";
    width: 1px;
    height: 0.37rem;
    background: #c4c4c4;
  }
  
  .pro_bg .product .productMenu .swiper-slide a{
    display: block;
    text-align: center;
    padding-top: 0.2rem;
  }
  
  .pro_bg .product .productMenu .swiper-slide a i{
    display: block;
    margin: 0 auto;
    width: 0.35rem;
    height: 0.35rem;
    background: url(../images/pro_ico1.png) no-repeat  center;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
  }
  
  .pro_bg .product .productMenu .swiper-slide a span{
    font-size: 0.16rem;
    color: #404040;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    margin: 0.1rem auto 0 auto;
  }
  
  .pro_bg .product .productMenu .swiper-slide::before{
    position: absolute;
    left: 10%;
    bottom: 0px;
    content: "";
    width: 0px;
    height: 4px;
    background: #ed1d24;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
  }
  
  .pro_bg .product .productMenu .swiper-slide-thumb-active a i{
    background: url(../images/pro_ico2.png) no-repeat  center;
  }
  
  .pro_bg .product .productMenu .swiper-slide-thumb-active a span{
    color: #ed1d24;
  
  }
  
  .pro_bg .product .productMenu .swiper-slide-thumb-active::before{
    width: 80%;
  }
  
  .pro_bg .product .productMCenter{
    margin: 0.45rem auto 0 auto;
    position: relative;
  }
  
  .pro_bg .product .productMCenter .swiper-slide{
    position: relative;
  }
  
  .pro_bg .product .productMCenter .swiper-slide .pro_nr{
    margin: 0 1px;
  }
  
  .pro_bg .product .productMCenter .swiper-slide .pro_nr .pic{
    float: left;
    width: 64.5%;
    height: 5.67rem;
    position: relative;
  }
  
  .pro_bg .product .productMCenter .swiper-slide .pro_nr .pic img{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    object-fit: cover;
  
  }
  
  .pro_bg .product .productMCenter .swiper-slide .pro_nr .txt{
    float: right;
    width: 29%;
    margin-right: 3%;
    margin-top: 0.85rem;
  } 
  
  .pro_bg .product .productMCenter .swiper-slide .pro_nr .txt h5{
    font-size: 0.45rem;
    color: #ed1d24;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    text-align: center;
  }
  
  .pro_bg .product .productMCenter .swiper-slide .pro_nr .txt  a{
    font-size: 0.32rem;
    color: #6f6f6f;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    margin: 0.1rem 0 0.15rem 0;
  }
  
  .pro_bg .product .productMCenter .swiper-slide .pro_nr .txt p{
    font-size: 0.16rem;
    color: #7b7b7b;
    line-height: 0.27rem;
    height: 0.81rem;
    overflow: hidden;
  }
  
  
  .pro_bg .product .productMCenter .pro_buttton{
    position: absolute;
    bottom: 1.3rem;
    right: 21%;
    z-index: 5;
  }
  
  .pro_bg .product .productMCenter .pro_buttton .productMenuL{
    float: left;
    cursor: pointer;
    background: url(../images/pro_left.png) no-repeat  center;
    width: 0.65rem;
    height: 0.65rem;
  }
  
  .pro_bg .product .productMCenter .pro_buttton .productMenuR{
    float: left;
    cursor: pointer;
    background: url(../images/pro_right.png) no-repeat  center;
    width: 0.65rem;
    height: 0.65rem;
    margin-left: 0.42rem;
  }
  
  
  @media (max-width: 980px){
  
    .pro_bg{
      margin: 0.3rem auto 0 auto;
    }
    
    
    .pro_bg .product .title h3 a{
      color: #1b1b1b;
    
    }
    
    .pro_bg .product .title span{
      font-size: 0.14rem;
    }
    
    
    .pro_bg .product .productMenu{
      margin: 0.2rem auto 0 auto;
      height: 0.9rem;
      border-bottom: 4px solid #e2e2e2;
    }
    
    .pro_bg .product .productMenu .swiper-slide{
      position: relative;
      height: 0.9rem;
    }
    
    .pro_bg .product .productMenu .swiper-slide::after{
      position: absolute;
      right: 0px;
      top: 0.25rem;
      content: "";
      width: 1px;
      height: 0.37rem;
      background: #c4c4c4;
    }
    
    .pro_bg .product .productMenu .swiper-slide a{
      display: block;
      text-align: center;
      padding-top: 0.1rem;
    }
    
    .pro_bg .product .productMenu .swiper-slide a i{
      display: block;
      margin: 0 auto;
      width: 0.3rem;
      height: 0.3rem;
      background-size: 100%;
    }
    
    .pro_bg .product .productMenu .swiper-slide a span{
      font-size: 0.14rem;
      color: #404040;
      margin: 0.1rem auto 0 auto;
    }
    
  
    
    .pro_bg .product .productMenu .swiper-slide-thumb-active a i{
      background-size: 100%;
    }
    
    
    .pro_bg .product .productMCenter{
      margin: 0.3rem auto 0 auto;
      position: relative;
    }
    
    
    .pro_bg .product .productMCenter .swiper-slide .pro_nr .pic{
      float: none;
      width: 100%;
      height: auto;
      position: relative;
      padding-top: 55%;
    }
    
    
    .pro_bg .product .productMCenter .swiper-slide .pro_nr .txt{
      float: none;
      width: 100%;
      margin-right: 0%;
      margin-top: 0.2rem;
      text-align: center;
    } 
    
    .pro_bg .product .productMCenter .swiper-slide .pro_nr .txt h5{
      font-size: 0.2rem;
      line-height: 0.3rem;
    }
    
    .pro_bg .product .productMCenter .swiper-slide .pro_nr .txt  a{
      font-size: 0.18rem;
      margin: 0.05rem 0 0.1rem 0;
    }
    
    .pro_bg .product .productMCenter .swiper-slide .pro_nr .txt p{
      font-size: 0.14rem;
      color: #7b7b7b;
      line-height: 0.24rem;
      height: 0.72rem;
      overflow: hidden;
    }
    
    
    .pro_bg .product .productMCenter .pro_buttton{
      position: relative;
      bottom: auto;
      right: 0%;
      z-index: 5;
      margin: 0.1rem auto 0 auto;
      text-align: center;
    }
    
    .pro_bg .product .productMCenter .pro_buttton .productMenuL{
      float: none;
      cursor: pointer;
      background: url(../images/pro_left.png) no-repeat  center;
      width: 0.35rem;
      height: 0.35rem;
      display: inline-block;
      background-size: 100%;
      margin: 0 0.1rem;
    }
    
    .pro_bg .product .productMCenter .pro_buttton .productMenuR{
      float: none;
      cursor: pointer;
      background: url(../images/pro_right.png) no-repeat  center;
      width: 0.35rem;
      height: 0.35rem;
      margin-left: 0rem;
      display: inline-block;
      background-size: 100%;
      margin: 0 0.1rem;
    }
  
  
  }
  
  
  /* video */
  
  .video_bg{
    width: 100%;
    margin: 1rem auto 0 auto;
  }
  
  .video_bg .videoview{
    margin: 0 auto;
  
  }
  
  .video_bg .videoview .video_box{
    margin: 0.55rem auto 0 auto;
  }
  
  .video_bg .videoview .video_box ul li{
    float: left;
    width: 24%;
    margin-right: 1%;
    background: #fafafa;
  
  }
  
  .video_bg .videoview .video_box ul li:last-child{
    margin-right: 0;
  }
  
  .video_bg .videoview .video_box ul li .videoimg{
    position: relative;
    width: 100%;
    padding-top: 71%;
    background: #000;
  
  }
  
  .video_bg .videoview .video_box ul li .pic .videoimg img{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.6;
  
  }
  
  .video_bg .videoview .video_box ul li .pic .videoimg .video_ico{
    position: absolute;
    left: 50%;
    top: 50%;
    width: 0.56rem;
    height: 0.56rem;
    background: url(../images/video_ico.png) no-repeat center;
    margin: -0.28rem 0 0 -0.28rem;
    background-size: 100%;
  }


  .video_show
  {
    position: fixed;
    z-index: 333;
    background: #333;
    width: 50vw;
    height: 70vh;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: none;
  }
  
  
  .video_show .aleartIframeClose
  {
    position: absolute;
    top: 0;
    right: 0;
    color: #fff;
    width: 0.5rem;
    height: 0.5rem;
    line-height: 0.5rem;
    text-align: center;
    font-size: 0.2rem;
    background: rgba(255, 255, 255, 0.1);
    cursor: pointer;
    z-index: 999999;
  }
  
  .video_show video
  {
    width: 100%;
    height: 100%;
    background: #333;
  }
  
  .video_bg .videoview .video_box ul li .txt{
    width: 90%;
    height: 0.5rem;
    line-height: 0.5rem;
    padding: 0 5%;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
  }
  
  .video_bg .videoview .video_box ul li .txt a{
    display: block;
  }
  
  .video_bg .videoview .video_box ul li .txt a span{
    font-size: 0.16rem;
    color: #1a1a1a;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    float: left;
    width: 70%;
  }
  
  .video_bg .videoview .video_box ul li .txt a  em{
    display: block;
    float: right;
    background: url(../images/video_more.png) no-repeat center;
    width: 0.17rem;
    height: 0.13rem;
    margin-top: 0.18rem;
  }
  
  .video_bg .videoview .video_box ul li:hover .txt{
    width: 96%;
    padding: 0 2%;
  
  }
  
  .video_bg .videoview .video_box ul li:hover .txt a span{
    color: #ed1d24;
  
  }
  
  
  @media (max-width: 980px){
  
    .video_bg{
      width: 100%;
      margin: 0.4rem auto 0 auto;
    }
    
    
    .video_bg .videoview .video_box{
      margin: 0.35rem auto 0 auto;
    }
    
    .video_bg .videoview .video_box ul li{
      float: left;
      width: 48%;
      margin-right: 4%;
      margin-bottom: 0.3rem;
    
    }
    
    .video_bg .videoview .video_box ul li:nth-child(2n){
      margin-right: 0;
    }
    
    
    .video_bg .videoview .video_box ul li .txt a span{
      font-size: 0.14rem;
    }
    
    .video_bg .videoview .video_box ul li .txt a  em{
      display: block;
      float: right;
      background: url(../images/video_more.png) no-repeat center;
      width: 0.17rem;
      height: 0.13rem;
      margin-top: 0.18rem;
    }

    .video_bg .videoview .video_box ul li .pic .videoimg .video_ico{
        position: absolute;
        left: 50%;
        top: 50%;
        width: 0.36rem;
        height: 0.36rem;
        background: url(../images/video_ico.png) no-repeat center;
        margin: -0.18rem 0 0 -0.18rem;
        background-size: 100%;
      }
    
      .video_show {
        width: 94vw;
        height: 40vh;
    }
  
  }
  
  
  /* case */
  
  
  .case_bg{
    width: 100%;
    margin: 0.4rem auto 0 auto;
    background: url(../images/case_bg.jpg) no-repeat top center;
    padding-bottom: 0.7rem;
  
  }
  
  .case_bg .case{
    margin: 0 auto;
    padding-top: 0.6rem;
  }
  
  .case_bg .case .case_box{
    margin: 0.55rem auto 0 auto;
    position: relative;
  }
  
  .case_bg .case .case_box .swiper-slide{
    position: relative;
  }
  
  .case_bg .case .case_box .swiper-slide .pic{
    position: relative;
    width: 100%;
    padding-top: 59%;
  
  }
  
  .case_bg .case .case_box .swiper-slide .pic img{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    object-fit: cover;
  
  }
  
  .case_bg .case .case_box .swiper-slide .txt{
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
    background: url(../images/case_ico.png) no-repeat center;
  }
  
  .case_bg .case .case_box .swiper-slide .txt_on{
    position: absolute;
    left: 0px;
    bottom: 0.3rem;
    width: 90%;
    padding: 0 5%;
    margin: 0 auto;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
  }
  
  .case_bg .case .case_box .swiper-slide:hover .txt_on{
    bottom: 0.5rem;
  }
  
  .case_bg .case .case_box .swiper-slide .txt h5 a{
    font-size: 0.26rem;
    color: #fff;
    font-weight: bold;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    background: url(../images/case_ico1.png) no-repeat left center;
    padding-left: 0.6rem;
    line-height: 0.42rem;
  }
  
  .case_bg .case .case_box .swiper-slide .txt p{
    font-size: 0.16rem;
    color: #fff;
    line-height: 0.33rem;
    height: 0.66rem;
    overflow: hidden;
    margin-top: 0.05rem;
  }
  
  .case_bg .case .case_box .swiper-case-next{
    position: absolute;
    right: -0.8rem;
    top: 50%;
    cursor: pointer;
    width: 0.5rem;
    height: 0.5rem;
    background: url(../images/case_right.png) no-repeat center;
  
  }
  
  
  .case_bg .case .case_box .swiper-case-prev{
    position: absolute;
    left: -0.8rem;
    top: 50%;
    cursor: pointer;
    width: 0.5rem;
    height: 0.5rem;
    background: url(../images/case_left.png) no-repeat center;
  }
  
  @media (max-width: 980px){
    .case_bg{
      width: 100%;
      margin: 0.2rem auto 0 auto;
      padding-bottom: 0.2rem;
    
    }
    
    .case_bg .case{
      margin: 0 auto;
      padding-top: 0;
    }
    
    .case_bg .case .case_box{
      margin: 0.3rem auto 0 auto;
      position: relative;
    }
    
    .case_bg .case .case_box .swiper-slide .pic {
  
      padding-top: 75%;
  }
    .case_bg .case .case_box .swiper-slide .txt{
  
    }
    
    .case_bg .case .case_box .swiper-slide .txt_on{
      position: absolute;
      left: 0px;
      bottom: 0rem;
      width: 90%;
      padding: 0 5%;
      margin: 0 auto;
      background: rgba(0, 0, 0, 0.5);
  
    }
    
    .case_bg .case .case_box .swiper-slide .txt h5 a{
      font-size: 0.14rem;
      background: url(../images/case_ico1.png) no-repeat left center;
      background-size: 0.24rem;
      padding-left: 0.4rem;
      line-height: 0.35rem;
    }
    
    .case_bg .case .case_box .swiper-slide .txt p{
      display: none;
    }
    
    .case_bg .case .case_box .swiper-case-next{
      position: relative;
      right: 30%;
      top: 0;
      cursor: pointer;
      width: 0.3rem;
      height: 0.3rem;
      float: right;
      background-size: 100%;
      margin-top: 0.2rem;
    
    }
    
    
    .case_bg .case .case_box .swiper-case-prev{
      position: relative;
      left: 30%;
      top: 0rem;
      cursor: pointer;
      width: 0.3rem;
      height: 0.3rem;
      float: left;
      background-size: 100%;
      margin-top: 0.2rem;
    }
    
  
  
  }
  
  
  
  /* news */
  
  .news{
    margin: 0.4rem auto 0 auto;
  }
  
  .news .newsleft{
    float: left;
    width: 68%;
  }
  
  .news .newsleft .Companynews{
    width: 96%;
    height: 2.52rem;
    background: #fff;
    border: 1px solid #e6e6e6;
    margin-bottom: 0.18rem;
    padding: 0 2%;
  }
  
  .news .newsleft .Companynews .newstitle{
    height: 0.65rem;
    line-height: 0.65rem;
  
  }
  
  .news .newsleft .Companynews .newstitle h3{
    float: left;
  }
  
  .news .newsleft .Companynews .newstitle h3 a{
    display: block;
    font-size: 0.24rem;
    color: #4a4a4a;
    font-weight: bold;
  }
  
  .news .newsleft .Companynews .newstitle h3 a i{
    font-size: 0.14rem;
    color: #000000;
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    opacity: 0.4;
    margin-left: 5px;
  }
  
  .news .newsleft .Companynews .newstitle .more{
    display: block;
    float: right;
    width: 0.12rem;
    height: 0.2rem;
    background: url(../images/news_more.png) no-repeat center;
    margin-top: 0.22rem;
  } 
  
  .news .newsleft .Companynews .newstop{
    margin: 0.2rem auto 0 auto;
    height: 1.1rem;
  } 
  
  .news .newsleft .Companynews .newstop ul li{
    float: left;
    width: 48%;
    margin-right: 4%;
  }
  
  .news .newsleft .Companynews .newstop ul li:last-child{
    margin-right: 0;
  }
  
  .news .newsleft .Companynews .newstop ul li h5{
    height: 0.3rem;
    line-height: 0.3rem;
  
  }
  
  .news .newsleft .Companynews .newstop ul li h5 a{
    font-size: 0.18rem;
    color: #3a3a3a;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    padding-left: 0.3rem;
    background: url(../images/news_ico1.png) no-repeat left center;
    width: 70%;
    float: left;
  }
  
  .news .newsleft .Companynews .newstop ul li h5 span{
    display: block;
    float: right;
    font-size: 0.14rem;
    color: #4a4a4a;
    opacity: 0.64;
  }
  
  .news .newsleft .Companynews .newstop ul li p{
    font-size: 0.14rem;
    color: #909090;
    line-height: 0.26rem;
    height: 0.52rem;
    overflow: hidden;
    margin-top: 5px;
  }
  
  .news .newsleft .Companynews .newstop ul li:hover h5 a{
    color: #ed2a30;
  
  }
  
  
  .news .newsleft .Companynews .list{
    margin: 0 auto;
  
  } 
  
  .news .newsleft .Companynews .list ul li{
    float: left;
    width: 48%;
    margin-right: 4%;
  }
  
  .news .newsleft .Companynews .list ul li:last-child{
    margin-right: 0;
  }
  
  .news .newsleft .Companynews .list ul li a{
    font-size: 0.16rem;
    color: #848484;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    padding-left: 0.15rem;
    background: url(../images/news_ico2.png) no-repeat left center;
    width: 70%;
    float: left;
  }
  
  .news .newsleft .Companynews .list ul li span{
    display: block;
    float: right;
    font-size: 0.14rem;
    color: #4a4a4a;
    opacity: 0.64;
  }
  
  .news .newsleft .Companynews .list ul li:hover a{
    color: #ed2a30;
  
  }
  
  
  
  .news .newsleft .Industry{
    width: 96%;
    height: 2.52rem;
    background: #fff;
    border: 1px solid #e6e6e6;
    margin-bottom: 0.2rem;
    padding: 0 2%;
  }
  
  .news .newsleft .Industry .newstitle{
    height: 0.6rem;
    line-height: 0.6rem;
  
  }
  
  .news .newsleft .Industry .newstitle h3{
    float: left;
  }
  
  .news .newsleft .Industry .newstitle h3 a{
    display: block;
    font-size: 0.24rem;
    color: #4a4a4a;
    font-weight: bold;
  }
  
  .news .newsleft .Industry .newstitle h3 a i{
    font-size: 0.14rem;
    color: #000000;
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    opacity: 0.4;
    margin-left: 5px;
  }
  
  .news .newsleft .Industry .newstitle .more{
    display: block;
    float: right;
    width: 0.12rem;
    height: 0.2rem;
    background: url(../images/news_more.png) no-repeat center;
    margin-top: 0.2rem;
  } 
  
  .news .newsleft .Industry .Industry_box{
    margin: 5px auto 0 auto;
  }
  
  .news .newsleft .Industry .Industry_box .Industry_left{
    float: left;
    width: 54%;
  }
  
  .news .newsleft .Industry .Industry_box .Industry_left ul li{
    width: 100%;
    line-height: 0.33rem;
  }
  
  .news .newsleft .Industry .Industry_box .Industry_left ul li a{
    font-size: 0.14rem;
    color: #848484;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    padding-left: 0.25rem;
    background: url(../images/news_ico3.png) no-repeat left center;
    width: 70%;
    float: left;
  }
  
  .news .newsleft .Industry .Industry_box .Industry_left ul li:hover a{
    color: #ed2a30;
    transform: translateX(10px);
  }
  
  .news .newsleft .Industry .Industry_box .Industry_left ul li span{
    display: block;
    float: right;
    font-size: 0.14rem;
    color: #4a4a4a;
    opacity: 0.64;
  }
  
  .news .newsleft .Industry .Industry_box .Industry_right{
    float: right;
    width: 43%;
  }
  
  .news .newsleft .Industry .Industry_box .Industry_right .news_img{
    float: left;
    position: relative;
    width: 82%;
    height: 1.48rem;
  
  }
  
  .news .newsleft .Industry .Industry_box .Industry_right .news_img img{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  
  .news .newsleft .Industry .Industry_box .Industry_right .zx{
    float: right;
    width: 0.38rem;
    line-height: 0.38rem;
    height: 1.08rem;
    background: #ca2a2f;
    text-align: center;
    margin-top: 0.2rem;
  }
  
  .news .newsleft .Industry .Industry_box .Industry_right .zx a{
    display: block;
    font-size: 0.14rem;
    color: #fff;
    writing-mode: tb-rl;
    height: 1.08rem;
  }
  
  
  .news .question{
    float: right;
    width: 30.5%;
    height: 5.23rem;
    background: #fff;
    border: 1px solid #e6e6e6;
  
  }
  
  .news .question .question_box{
    margin: 8px auto 0 auto;
  }
  
  
  .news .question .question_box .news_img{
    margin: 0 auto;
    position: relative;
    width: 97%;
    height: 2rem;
    overflow: hidden;
  }
  
  .news .question .question_box .news_img img{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
  }
  
  .news .question .question_box .news_img img:hover{
    transform: scale(1.1);
  
  }
  
  .news .question .question_box h3{
    margin: -0.25rem auto 0 auto;
    width: 2.12rem;
    height: 0.49rem;
    line-height: 0.49rem;
    background: #ca2a2f;
    position: relative;
    z-index: 5;
  
  }
  
  .news .question .question_box h3 a{
    display: block;
    text-align: center;
    font-size: 0.22rem;
    color: #fff;
  }
  
  .news .question .question_box .txt{
    margin: 0.25rem auto 0 auto;
    width: 92%;
  
  
  }
  
  .news .question .question_box .txt h5{
    height: 0.36rem;
    line-height: 0.36rem;
  }
  
  .news .question .question_box .txt h5 a{
    
    font-size: 0.18rem;
    color: #3a3a3a;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    float: left;
    width: 70%;
  }
  
  .news .question .question_box .txt h5 span{
    display: block;
    float: right;
    font-size: 0.14rem;
    color: #4a4a4a;
  }
  
  .news .question .question_box .txt p{
    font-size: 0.16rem;
    color: #909090;
    line-height: 0.22rem;
    height: 0.44rem;
    overflow: hidden;
    margin-top: 5px;
  }
  
  .news .question  .question_list{
    margin: 0.35rem auto 0 auto;
    width: 92%;
  } 
  
  .news .question  .question_list ul li{
    height: 0.33rem;
    line-height: 0.33rem;
  
  }
  
  .news .question  .question_list ul li a{
    font-size: 0.16rem;
    color: #848484;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    float: left;
    width: 70%;
  }
  
  .news .question  .question_list ul li span{
    display: block;
    float: right;
    font-size: 0.14rem;
    color: #4a4a4a;
    opacity: 0.64;
  }
  
  .news .question  .question_list ul li:hover a{
    color: #ed2a30;
  }
  
  
  @media (max-width: 980px){
  
    .news{
      margin: 0.3rem auto 0 auto;
    }
    
    .news .newsleft{
      float: none;
      width: 100%;
    }
    
    .news .newsleft .Companynews{
      width: 96%;
      height: auto;
      background: #fff;
      border: 1px solid #e6e6e6;
      margin-bottom: 0.18rem;
      padding: 0 2%;
    }
    
    .news .newsleft .Companynews .newstitle{
      height: 0.55rem;
      line-height: 0.55rem;
    
    }
    
    .news .newsleft .Companynews .newstitle h3{
      float: left;
    }
    
    .news .newsleft .Companynews .newstitle h3 a{
      display: block;
      font-size: 0.18rem;
      color: #4a4a4a;
      font-weight: bold;
    }
    
    .news .newsleft .Companynews .newstitle h3 a i{
      font-size: 0.14rem;
      color: #000000;
      font-weight: normal;
      font-family: Arial, Helvetica, sans-serif;
      text-transform: uppercase;
      opacity: 0.4;
      margin-left: 5px;
    }
    
    .news .newsleft .Companynews .newstitle .more{
      display: block;
      float: right;
      width: 0.12rem;
      height: 0.2rem;
      background: url(../images/news_more.png) no-repeat center;
      margin-top: 0.15rem;
    } 
    
    .news .newsleft .Companynews .newstop{
      margin: 0.1rem auto 0 auto;
      height: auto;
    } 
    
    .news .newsleft .Companynews .newstop ul li{
      float: none;
      width: 100%;
      margin-right: 0%;
      margin-bottom: 0.15rem;
    }
    
    
    .news .newsleft .Companynews .newstop ul li h5{
      height: 0.3rem;
      line-height: 0.3rem;
    
    }
    
    .news .newsleft .Companynews .newstop ul li h5 a{
      font-size: 0.16rem;
      color: #3a3a3a;
      width: 60%;
    }
    
    .news .newsleft .Companynews .newstop ul li h5 span{
      display: block;
      float: right;
      font-size: 0.14rem;
      color: #4a4a4a;
      opacity: 0.64;
    }
    
    .news .newsleft .Companynews .newstop ul li p{
      font-size: 0.14rem;
      color: #909090;
      line-height: 0.24rem;
      height: 0.48rem;
      overflow: hidden;
      margin-top: 5px;
    }
    
    
    .news .newsleft .Companynews .list{
      margin: 0 auto 0.1rem auto;
      overflow: hidden;
    
    } 
    
    .news .newsleft .Companynews .list ul li{
      float: none;
      width: 100%;
      margin-right: 0%;
      line-height: 0.3rem;
    }
    
    
    .news .newsleft .Companynews .list ul li a{
      font-size: 0.15rem;
      width: 60%;
  
    }
    
    
    
    .news .newsleft .Industry{
      width: 96%;
      height: auto;
      background: #fff;
      border: 1px solid #e6e6e6;
      overflow: hidden;
      padding-bottom: 0.1rem;
    }
    
    .news .newsleft .Industry .newstitle{
      height: 0.55rem;
      line-height: 0.55rem;
    
    }
    
    .news .newsleft .Industry .newstitle h3{
      float: left;
    }
    
    .news .newsleft .Industry .newstitle h3 a{
      display: block;
      font-size: 0.18rem;
      color: #4a4a4a;
      font-weight: bold;
    }
  
    
    .news .newsleft .Industry .newstitle .more{
      margin-top: 0.15rem;
    } 
    
    .news .newsleft .Industry .Industry_box{
      margin: 0px auto 0 auto;
    }
    
    .news .newsleft .Industry .Industry_box .Industry_left{
      float: none;
      width: 100%;
    }
    
    .news .newsleft .Industry .Industry_box .Industry_left ul li{
      width: 100%;
      line-height: 0.33rem;
    }
    
    .news .newsleft .Industry .Industry_box .Industry_left ul li a{
      font-size: 0.14rem;
      color: #848484;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      display: block;
      -webkit-transition: all 0.5s ease-out;
      -o-transition: all 0.5s ease-out;
      transition: all 0.5s ease-out;
      padding-left: 0.25rem;
      background: url(../images/news_ico3.png) no-repeat left center;
      width: 65%;
      float: left;
    }
    
  
    
    .news .newsleft .Industry .Industry_box .Industry_right{
      display: none;
    }
    
  
    
    .news .question{
      float: none;
      width: 100%;
      height: auto;
      background: #fff;
      border: 1px solid #e6e6e6;
      overflow: hidden;
    
    }
    
    .news .question .question_box{
      margin: 8px auto 0 auto;
    }
    
    
    .news .question .question_box .news_img{
      margin: 0 auto;
      position: relative;
      width: 97%;
      height: 1.8rem;
    }
    
    .news .question .question_box h3{
      margin: -0.25rem auto 0 auto;
      width: 2rem;
      height: 0.45rem;
      line-height: 0.45rem;
      background: #ca2a2f;
      position: relative;
      z-index: 5;
    
    }
    
    .news .question .question_box h3 a{
      display: block;
      text-align: center;
      font-size: 0.16rem;
      color: #fff;
    }
    
    .news .question .question_box .txt{
      margin: 0.2rem auto 0 auto;
      width: 92%;
    
    
    }
    
    .news .question .question_box .txt h5{
      height: 0.36rem;
      line-height: 0.36rem;
    }
    
    .news .question .question_box .txt h5 a{
      
      font-size: 0.16rem;
      color: #3a3a3a;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      display: block;
      -webkit-transition: all 0.5s ease-out;
      -o-transition: all 0.5s ease-out;
      transition: all 0.5s ease-out;
      float: left;
      width: 70%;
    }
    
    .news .question .question_box .txt h5 span{
      display: block;
      float: right;
      font-size: 0.14rem;
      color: #4a4a4a;
    }
    
    .news .question .question_box .txt p{
      font-size: 0.14rem;
      color: #909090;
      line-height: 0.22rem;
      height: 0.44rem;
      overflow: hidden;
      margin-top: 5px;
    }
    
    .news .question  .question_list{
      margin: 0.15rem auto 0 auto;
      width: 92%;
    } 
    
    .news .question  .question_list ul li{
      height: 0.33rem;
      line-height: 0.33rem;
    
    }
    
    .news .question  .question_list ul li a{
      font-size: 0.14rem;
      color: #848484;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      display: block;
      -webkit-transition: all 0.5s ease-out;
      -o-transition: all 0.5s ease-out;
      transition: all 0.5s ease-out;
      float: left;
      width: 70%;
    }
    
    .news .question  .question_list ul li span{
      display: block;
      float: right;
      font-size: 0.14rem;
      color: #4a4a4a;
      opacity: 0.64;
    }
    
  }
  
  
  /* fc */
  
  .fc_bg{
    width: 100%;
    margin: 0 auto;
    background: url(../images/fc_bg.jpg) no-repeat top center;
    padding-bottom: 0.7rem;
    overflow: hidden;
  }
  
  .fc_bg .fc{
    padding-top: 4.6rem;
  
  
  }
  
  .fc_bg .fc .fc_t{
    width: 100%;
    height: 2.16rem;
    background: #fff;
    -webkit-box-shadow: 0 0 8px 6px rgba(0, 0, 0, .03);
    box-shadow: 0 0 8px 6px rgba(0, 0, 0, .03);
    overflow: hidden;
  }
  
  .fc_bg .fc .fc_t .fc_tleft{
    float: left;
    width: 39%;
    height: 1.18rem;
    border-right: 1px solid #cccccc;
    margin-top: 0.49rem;
    text-align: center;
  
  }
  
  .fc_bg .fc .fc_t .fc_tleft h5{
    font-size: 0.18rem;
    color: #373738;
    line-height: 0.32rem;
  
  }
  
  .fc_bg .fc .fc_t .fc_tleft .fc_list{
    margin: 0.3rem auto 0 auto;
    text-align: center;
    width: 90%;
  
  }
  
  .fc_bg .fc .fc_t .fc_tleft .fc_list ul li{
    display: inline-block;
    width: 27%;
    height: 0.36rem;
    background: #d9d9d9;
    line-height: 0.36rem;
    border-top-left-radius: 55px;
    border-bottom-right-radius: 55px;
    margin: 0 1.5%;
    position: relative;
    z-index: 5;
  
  
  }
  
  
  .fc_bg .fc .fc_t .fc_tleft .fc_list ul li a{
    display: block;
    text-align: center;
    font-size: 0.16rem;
    color: #333333;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
  }
  
  .fc_bg .fc .fc_t .fc_tleft .fc_list ul li::after{
    position: absolute;
    left: 0rem;
    top: 0px;
    width: 0%;
    height: 100%;
    background: #ed1d24;
    border-top-left-radius: 55px;
    border-bottom-right-radius: 55px;
    z-index: -1;
    content: "";
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
  }
  
  .fc_bg .fc .fc_t .fc_tleft .fc_list ul li.on::after{
    width: 100%;
  }
  
  .fc_bg .fc .fc_t .fc_tleft .fc_list ul li.on a{
    color: #fff;
  }
  
  .fc_bg .fc .fc_t .fc_tright{
    float: right;
    margin-right: 3%;
    margin-top: 0.5rem;
    width: 54%;
  }
  
  .fc_bg .fc .fc_t .fc_tright .text{
    float: left;
    width: 83%;
  
  }
  
  .fc_bg .fc .fc_t .fc_tright .text p{
    font-size: 0.16rem;
    color: #353434;
    line-height: 0.3rem;
  
  }
  
  .fc_bg .fc .fc_t .fc_tright .text h5{
    font-size: 0.2rem;
    color: #313131;
    font-weight: bold;
    margin-top: 0.1rem;
  }
  
  .fc_bg .fc .fc_t .fc_tright .text h5 i{
    font-size: 0.2rem;
    color: #ed1d24;
    font-weight: bold;
    font-style: italic;
  }
  
  .fc_bg .fc .fc_t .fc_tright  .more{
    float: right;
    background: #ed1d24;
    border-radius: 5px;
    padding: 0.22rem 0.25rem;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
  }
  
  .fc_bg .fc .fc_t .fc_tright  .more a{
    display: block;
    text-align: center;
    font-size: 0.18rem;
    color: #fff;
    line-height: 0.28rem;
    width: 0.5rem;
  }
  
  .fc_bg .fc .fc_t .fc_tright  .more:hover{
    border-radius: 50%;
  
  }
  
  .fc_bg .fc .fcCenter{
    margin: 0.4rem auto 0 auto;
  }
  
  .fc_bg .fc .fcCenter .swiper-slide{
    overflow: hidden;
  }
  
  
  .fc_bg .fc .fcCenter .swiper-slide .pic{
    position: relative;
    width: 100%;
    padding-top: 73%;
  
  }
  
  .fc_bg .fc .fcCenter .swiper-slide .pic img{
    position: absolute;
    left: 0;
    top: 0px;
    width: 100%;
    height: 100%;
    object-fit: cover;
  
  }
  
  .fc_bg .fc .fcCenter .swiper-slide .txt{
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 0%;
    background: url(../images/fc_list.png) no-repeat  center;
    text-align: center;
    opacity: 0;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
  }
  
  .fc_bg .fc .fcCenter .swiper-slide .txt a{
    font-size: 0.18rem;
    color: #ffffff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    width: 90%;
    padding: 0 5%;
    position: absolute;
    left: 0;
    bottom: -0.6rem;
    line-height: 0.6rem;
  }
  
  .fc_bg .fc .fcCenter .swiper-slide:hover .txt{
    opacity: 1;
    height: 100%;
  }
  
  .fc_bg .fc .fcCenter .swiper-slide:hover .txt a{
    bottom: 0px;
  }
  
  
  @media (max-width: 980px){
  
  
    .fc_bg{
      width: 100%;
      margin: 0 auto;
      background: url(../images/fc_bg.jpg) no-repeat top center;
    }
  
    .fc_bg .fc{
      width: 100%;
    }
    
    .fc_bg .fc{
      padding-top: 1rem;
    
    
    }
    
    .fc_bg .fc .fc_t{
      width: 100%;
      height: auto;
      background: #fff;
      padding: 0.1rem 0;
    }
    
    .fc_bg .fc .fc_t .fc_tleft{
      float: none;
      width: 100%;
      height: auto;
      border-right: none;
      margin-top: 0rem;
      text-align: center;
    
    }
    
    .fc_bg .fc .fc_t .fc_tleft h5{
      font-size: 0.18rem;
      color: #373738;
      line-height: 0.32rem;
      width: 90%;
      margin: 0 auto;
    
    }
    
    .fc_bg .fc .fc_t .fc_tleft .fc_list{
      margin: 0.2rem auto 0 auto;
      text-align: center;
      width: 100%;
    
    }
    
    .fc_bg .fc .fc_t .fc_tleft .fc_list ul li{
      display: inline-block;
      width: 27%;
      height: 0.36rem;
      background: #d9d9d9;
      line-height: 0.36rem;
      border-top-left-radius: 55px;
      border-bottom-right-radius: 55px;
      margin: 0 1.5%;
      position: relative;
      z-index: 5;
    
    
    }
    
    
    .fc_bg .fc .fc_t .fc_tleft .fc_list ul li a{
      display: block;
      text-align: center;
      font-size: 0.15rem;
      color: #333333;
  
    }
    
    .fc_bg .fc .fc_t .fc_tright {
      display: none;
  }
  
  
    .fc_bg .fc .fcCenter{
      margin: 0rem auto 0 auto;
      padding-top: 0.3rem;
      background: #fff;
      width: 94%;
      padding: 0.2rem 3% 0 3%;
    }
    

    
    .fc_bg .fc .fcCenter .swiper-slide .txt{
      position: absolute;
      left: 0;
      bottom: 0px;
      width: 100%;
      height: 0.36rem;
      background: url(../images/fc_list.png) no-repeat bottom center;
      text-align: center;
      opacity: 1;
    }
    
    .fc_bg .fc .fcCenter .swiper-slide .txt a{
      font-size: 0.14rem;
      width: 90%;
      padding: 0 5%;
      position: absolute;
      left: 0;
      bottom: 0rem;
      line-height: 0.4rem;
    }
    
  
  }