/**/
.fa_abtit{
    margin-bottom: 30px;
}
.fa_abtit h2{
    font-size: var(--f40);
    font-weight: 400;
    color: var(--main-color);
}
.fa_abtit h4{
    color: #333;
    font-size: var(--f24);
    margin-top:15px;
    font-weight: 400;
}

.fa_abtit.fa_text_w h4{
    color:#fff;
}
.fa_company .fa_sum{
    font-size:16px;
    color: #666;
    line-height:2;
    font-weight: 400;
}
.fa_Ab01 .fa_li .fa_Img{
    padding-bottom:60%;
}
.fa_Ab01 .fa_li{
    border-radius: 5px;
    overflow: hidden;
}
.fa_Ab01 .fa_swplist{
    position:relative;
}
@media screen and (min-width: 769px) {
    .fa_Ab04 .fa_wrapper{
        display: flex;
        align-items: center;
    }
    
    .fa_Ab01 .fa_swplist .fa_btn{
        position:absolute;
        top:50%;
        transform:translateY(-50%);
        width:60px;
        height:60px;
        background:#ddd;
        color:#777;
        font-size:30px;
    }
    
    .fa_Ab01 .fa_swplist .fa_btn:hover{
        background:var(--main-color);
        color:#fff;
    }
    
    .fa_Ab01 .fa_swplist .fa_btn.fa_btn_l{
        left:-5vw;
    }
    .fa_Ab01 .fa_swplist .fa_btn.fa_btn_r{
        right:-5vw;
    }
}

@media screen and (max-width: 768px) {
    .fa_Ab01 .fa_btnbox{
        margin-top:30px;
        text-align:center;
    }
    .fa_Ab01 .fa_btnbox>div{
        display:inline-flex;
        width:40px;
        height:40px;
        color:#777;
        font-size:20px;
    }
}
.fa_gallery .fa_Img{
    padding-bottom:70%;
}
.fa_gallery{
    position: relative;
    margin-top:30px;
}
.fa_Ab02{
    background:url(../images/abbg02.jpg) no-repeat center;
    background-size: cover;
    position: relative;
}
.fa_Ab02 .fa_it{
    text-align: center;
    /* padding: 0 3vw; */
}
.fa_Ab02 .fa_ico{
    max-width:100px;
    width:100%;
    margin:auto;
}

.fa_Ab02 .fa_ico img{
    width:100%;
}
.fa_Ab02 .fa_tt{
    margin-top:30px;
}
.fa_Ab02 .fa_tt h5{
    font-size:var(--f24);
    color: #fff;
    margin-bottom: 0;
    font-weight: 500;
}
.fa_Ab02 .fa_tt p{
    font-size:15px;
    color:#fff;
    line-height:2;
    margin-top:20px;
    font-weight: 400;
}
.fa_Ab03{
    overflow: hidden;
    background: #fff;
}
.fa_Ab02 .fa_abtit h2{
    color:#fff;
}
@media screen and (min-width: 769px) {
  .fa_gallery .fa_btn{
      width:50px;
      height:50px;
      border-radius: 500px;
      color:#999;
      font-size:20px;
      background: #ddd;
      position: absolute;
      top:50%;
      transform: translateY(-50%);
  }
  .fa_gallery .fa_btn.fa_btn_l{
      left:-5vw;
  }
  .fa_gallery .fa_btn.fa_btn_r{
      right:-5vw;
  }
    .fa_Ab02{
        padding:5vw 10px;
    }
  .fa_Ab02 .fa_list{
      justify-content:space-between;
  }

    .fa_Ab02 .fa_it{
    margin: 0;
        width:calc((100% - 10vw) / 3)
}
}
@media screen and (max-width: 768px) {
   
.fa_gallery .fa_btnbox{
    text-align:center;
    margin-top:20px;
    
}
    .fa_gallery .fa_btn{
    display:inline-flex;
    }
    .fa_Ab02 .fa_it{
        /* background:linear-gradient(#f5f5f5,#ddd); */
        padding:20px;
        margin-bottom:20px;
        border-radius: 5px;
        border: rgba(255,255,255,0.2) solid 1px;
    }
}
/**/

@media screen and (min-width: 769px) {
  
}
@media screen and (max-width: 768px) {
    
}

/**/
@media screen and (min-width: 769px) {
  
}
@media screen and (max-width: 768px) {
    
}

/**/
@media screen and (min-width: 769px) {
  
}
@media screen and (max-width: 768px) {
    
}

/**/
@media screen and (min-width: 769px) {
  
}
@media screen and (max-width: 768px) {
    
}