.fa_About .fa_ab_title{
    font-size: var(--f36);
    color:#000;
    font-family: "hm-m";
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom:#eee solid 1px;
}
/*shuzi*/
.fa_About .fa_company .fa_content{
    margin:30px 0;
    font-size:16px;
    line-height: 30px;
    color:#666;
}
.fa_About .fa_company  .fa_Hlist .fa_li{
    width: auto;
    text-align: center;
}
.fa_About .fa_company  .fa_Hlist .fa_li img{
    max-width: 100%;
    width: 90px;
}
.fa_About .fa_company  .fa_Hlist .fa_li h5{
    font-size: var(--f20);
    margin: 10px 0;
}
.fa_About .fa_company  .fa_Hlist .fa_li h2{
    font-size: var(--f40);
    color:#333;
    font-family: 'Oswald', sans-serif;
    font-weight:600;
}
.fa_About .fa_company  .fa_Hlist .fa_li h2 *{
     font-family: 'Oswald', sans-serif;
}

@media only screen and (max-width: 768px) {
.fa_About .fa_shuzi  .fa_Hlist .fa_li{
    width: 50%; 
    text-align: center;
}
}

/*history*/
  
    .fa_About .fa_history {
      background: url(../images/rh_lsbg.jpg) no-repeat center;
      background-size: cover;
  }
  .fa_About .fa_history .fa_list {
      position: relative;
      padding:0 30px;
  }
  .fa_About .fa_history .fa_list:before{
          height: 4px;
  background: #fff;
  content: "";
  width: 100%;
  position: absolute;
  top: 98px;
  left: 0;
  right: 0;
  }
   .fa_About .fa_history .fa_list .swiper-container{
       position: relative;
       z-index: 20;
   }
   .fa_About .fa_history .fa_list .fa_li{
       text-align: center;
       max-width: 230px;
       padding: 30px 0 0;
       margin: auto;
   }
  .fa_About .fa_history .fa_list .fa_li h3{
      font-size: var(--f36);
      color: #000;
      transition: all 0.5s;
      font-weight: 500;
      font-family: 'Oswald', sans-serif;
  }
  .fa_About .fa_history .fa_list .fa_li p{
      margin-top: 20px;
      font-size: 14px;
      color: #666;
      transition: all 0.5s;
      position: relative;
      padding-top: 36px;
  }
  .fa_About .fa_history .fa_list .fa_li p:before{
      content:"\e680";
      font-family: iconfont; 
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      top: -26px;
      color: var(--main-color);
      font-size: 30px; 
      transition: all 0.5s;
      opacity: 0;
  }
  .fa_About .fa_history .fa_list .fa_li p:after{
      top:0;
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      content:"";
      width: 15px; 
      height: 15px;
      background: #fff;
      border-radius: 50%;
      border:#dddddd solid 3px;
      transition: all 0.5s;
      opacity: 1;
  }
   .fa_About .fa_history .fa_list .swiper-slide-active .fa_li  h3{
      transform: translateY(-15px);
      color: var(--main-color);
      /* font-family: 'Oswald', sans-serif; */
   }
  .fa_About .fa_history .fa_list .swiper-slide-active .fa_li p:before{
      opacity: 1;
  }
  .fa_About .fa_history .fa_list .swiper-slide-active .fa_li p:after{
      opacity: 0;
  }
  .fa_About .fa_history  .fa_list_btn>div{
      width: 50px;
      height: 50px;
      /* line-height: 50px; */
      color: #fff;
      font-size: 20px;
      background: #dddddd;
      border-radius: 50%;
      top: 65%;
  }
   .fa_About .fa_history  .fa_list_btn .fa_btn_l{
       background: #dddddd;
       left: -10px;
   }
   .fa_About .fa_history  .fa_list_btn .fa_btn_r{
       background: var(--main-color);
       right: -10px;
   }
   /*fa_culture*/
   .fa_culture .fa_content .fa_left{
       font-size:var(--f18);
       line-height: 2;
       color:#333;
   }
   .fa_culture .fa_content .fa_right img{
       width: 100%;
   }
   @media only screen and (min-width: 769px) {
.fa_culture .fa_left{
    width:50%;
    margin-right: 10%;
    padding-right:5vw;
}
.fa_culture .fa_right{
    width: 40%;
}
}
   @media only screen and (max-width: 768px) {
.fa_culture .fa_left{
    width:100%;
    margin-bottom:20px;
}
.fa_culture .fa_right{
    width:100%;
}
}
/*work*/
 .fa_About .fa_work {
      background: url(../images/ab_bg02.jpg);
      background-attachment:fixed;
      padding: 5vw 0;
  }
.fa_About .fa_work  .fa_wrapper{
    text-align: center;
}
.fa_About .fa_work h3{
       font-size:var(--f30);
       color: #fff;
       font-family: "hm-m";
       font-weight: 500;
       margin: 0 0 30px;
       text-align: center;
   }
   .fa_About .fa_work .fa_More a{
     font-size:var(--f18);
     letter-spacing: 2px;
     font-family: 'Hm-m';
   }
   /*fa_partner*/
      .fa_partner .fa_li{
       background: #f5f5f5;
   }
   .fa_partner .fa_li .fa_Img{
        padding-bottom:50%; 
           mix-blend-mode: darken;
   }