.fa_abtit h4{
    font-size:var(--f40);
    color:#333;
}
.fa_abtit h2{
    font-size: var(--f20);
    color: var(--main-color);
    text-transform: uppercase;
    font-family:'Antonio-Bold', sans-serif;
}
.fa_abtit.fa_text_w *{
    color:#fff;
}
.fa_abtit {
    margin-bottom:var(--f50);
}
.fa_More2{
    margin-top:3vw;
}
.fa_More2 a{
    display: inline-block;
    background:#ccc;
    color:#fff;
    padding:10px 30px;
    border-radius:5px;
    font-size:var(--f18);
    transition:all 0.5s;
}

.fa_More2 a:hover{
    background:var(--main-color);
}
/**/
.fa_Ab01{
    position: relative;
    z-index: 2;
}
.fa_Ab01 .fa_wrapper{
    position: relative;
}
.fa_Ab01 .fa_sum{
    font-size:16px;
    color:#777;
    line-height:1.6; 
}
.fa_Ab01 .fa_pic {
    border-radius:5px;
    overflow: hidden;
}
.fa_Ab01 .fa_pic img{
    width:100%;
}
@media screen and (min-width: 769px) {
 .fa_Ab01 .fa_wrapper{
     display: flex;
     align-items: flex-end;
 }  
 
.fa_Ab01 .fa_wrapper:before{
    content:"HUISHIDE";
    font-family:'Antonio-Bold', sans-serif;
    position:absolute;
    top: 1vw;
    left: 0;
    font-size: 8vw;
    color: rgba(37, 67, 195, 0);
    -webkit-text-stroke: 1px #E8E8E8;
    text-stroke: 1px #E8E8E8;
    line-height: 1;
    letter-spacing: 1vw;
    opacity: 0.5;
    /* writing-mode: tb; */
}

 .fa_Ab01 .fa_left{
     width:40%;
     padding-right:5vw;
     position: relative;
 }
 
 .fa_Ab01 .fa_right{
     width:60%; 
     position: relative;
 }
    
 .fa_Ab01 .fa_right>*{
     position:relative;
 }
 .fa_Ab01 .fa_right::before {
     content:"";
     position:absolute;
     background:var(--main-color);
     bottom:3vw;
     left:20%;
     border-radius:2vw;
     top:5vw;
     right:5vw;
     opacity:0.1;
 }
 .fa_Ab01 .fa_ll{
     width:40%;
     padding-right:1vw;
 }
  .fa_Ab01 .fa_rr{
      width:60%;
      
  }
 
}
@media screen and (max-width: 768px) {
 
.fa_Ab01 .fa_sum{
    font-size:14px;
    line-height:2;
}
 
 .fa_Ab01 .fa_right{
     margin-top:30px;
 }
     .fa_Ab01 .fa_ll{
         width:100%!important;
        
     }
    .fa_Ab01 .fa_rr{
         width:100%!important;
        
     }
}
/**/
/**/
.fa_Ab02{
    position: relative;
    padding:8vw 0;
}
.fa_Ab02 .fa_bg{
    position:absolute;
    left:0;
    bottom:0;
    right:0;
    padding-bottom:66.735%;
    background:url(../images/whbg.jpg) no-repeat bottom center;
    background-size:100% auto;
    height:0;
    z-index:-1;
    
}
.fa_Ab02 .fa_list .fa_li{
    background:rgba(255,255,255,0.95);
    padding:3vw;
    border-top:#0b8457 solid 5px;
    box-shadow:2px 5px 50px rgba(0,0,0,0.3);
}
.fa_Ab02  .fa_li img{
    width:auto;
    max-width:30%;
}
.fa_Ab02  .fa_li .fa_ico h3{
    font-size:var(--f30);
    margin-top:20px;
}

.fa_Ab02  .fa_li.fa_it2 .fa_ico h3{
    color:#fff;
}
.fa_Ab02  .fa_li .fa_ico {
    margin-bottom:var(--f60);
}
.fa_Ab02  .fa_li .fa_sum{
    font-size: 15px;
    line-height:2;
}
.fa_Ab02  .fa_li.fa_it2 .fa_sum *{
    color:#fff;
}
.fa_Ab02  .fa_li.fa_it2 .fa_sum p{
    font-size:var(--f20);
    line-height:3;
}

.fa_Ab02 .fa_list .fa_it2{
    
    background:#0b8457;
    text-align:center;
}

    .fa_Ab02 .fa_list .fa_it3 h4{
        font-size:var(--f18);
        line-height:2;
        color:var(--main-color);
    }
@media screen and (min-width: 769px) {
    .fa_Ab02 .fa_list{
        display:flex;
    }
    
.fa_Ab02 .fa_list .fa_li{
    width:38%;
}
    
.fa_Ab02 .fa_list .fa_it1{
    padding-right:5vw;
}
    .fa_Ab02 .fa_list .fa_it3{
    padding-left:5vw;
}
.fa_Ab02 .fa_list .fa_it2{
    margin-left:-2%;
    margin-right:-2%;
    margin-top:-30px;
    margin-bottom:-30px;
    position:relative;
    z-index:5;
    width:28;
    
}
}
@media screen and (max-width: 768px) {
    .fa_Ab02 .fa_list .fa_li{
        padding:20px;
    }
     .fa_Ab02 .fa_list .fa_li .fa_ico{
         text-align:center;
     }
}
/**/
.fa_Ab03{
    background:url(../images/lnbg.jpg);
    background-attachment: fixed;
}
.fa_Ab03 .fa_wrapbox{
    background:rgba(11,132,87,0.9);
    padding:5vw;
    position:relative;
    max-width:800px;
} 

.fa_Ab03 .fa_wrapbox:before{
    content:"";
    position:absolute;
    left:20px;
    top:20px;
    right:20px;
    bottom:20px;
    border:rgba(255,255,255,0.5) solid 1px;
    
}
.fa_Ab03 h3{
    color:#fff;
    font-size:var(--f20);
    line-height: 2;
}

.fa_Ab03 h3 b{
    font-weight:600;
    font-size:var(--f24);
}
.fa_Ab03 p{
    font-size:16px;
    margin-top:var(--f60);
    color:#fff;
    line-height:2;
    
}
@media screen and (min-width: 769px) {
    
}
@media screen and (max-width: 768px) {
    .fa_Ab03 .fa_wrapbox{
        padding:30px;
    }
.fa_Ab03 .fa_wrapbox:before{
    content:"";
    position:absolute;
    left:5px;
    top:5px;
    right:5px;
    bottom:5px;
    border:rgba(255,255,255,0.5) solid 1px;
    
}
}
/**/
/**/
.fa_Ab04 {
    overflow: hidden;
    position: relative;
}
.fa_Ab04 .fa_swplist{
    position: relative;
}
.fa_Ab04 .fa_li{
    background: #fff;
    border:#ddd solid 1px;
}
.fa_Ab04 .fa_Img{
    padding-bottom:80%;
}

.fa_Ab04 .fa_Img:before{
    content:"";
    left:0;
    top:0;
    bottom:0;
    right:0;
    background: var(--linearX);
    position: absolute;
    opacity: 0;
    border-radius:500px;
    transform:scale(0.5);
    transition:all 0.5s;

    z-index: 3;
}

.fa_Ab04 .fa_li:hover .fa_Img:before{
    opacity:0.8;
    border-radius: 0;
    transform:scale(1);
}
.fa_Ab04 .fa_Img img{
    transform: translate(-50%,-50%) scale(0.8);
}
.fa_Ab04 .fa_link{
    opacity: 0;
    position: absolute;
    left:0;
    right:0;
    top:50%;
    transform:translateY(-50%);
    text-align: center;
    font-size:14px;
    transition:all 0.5s;
    z-index: 5;
    color:#fff;
}

.fa_Ab04 .fa_li:hover .fa_link{
    opacity: 1;
    color:#fff;
}
.fa_Ab04 .fa_link i{
    font-size:50px;
    margin-bottom:10px;
    display: inline-block;
    
}
.fa_Ab04 .fa_li .fa_tit{
    font-size:14px;
    text-align:center;
    padding:10px;
}
/**/
.fa_Ab05{
    position: relative;
    background:#0b8457;
}

    .fa_Ab05 .fa_li .fa_Img{
        padding-bottom: 60%;
    }
.fa_Ab05 .fa_btn_list{
    display: flex;
}
.fa_Ab05 .fa_btn_list>div{
    width:60px;
    height:60px;
    display: flex;
    align-items:center;
    justify-content: center;
    font-size:30px;
     background:var(--main-color);
     color:#fff;
     cursor: pointer;
     transition:all 0.5s;
}
.fa_Ab05 .fa_btn_list>div.swiper-button-disabled{
    background:#ddd;
    opacity: 0;
}
.fa_Ab05 .fa_btn_list>div.fa_btn_l{
    background:#fff;
    color:var(--main-color);
}
.fa_Ab05 .swiper-slide .fa_li .fa_left{
    transform:translateY(80px);
    opacity: 0;
    transition:all 1s;
}

.fa_Ab05 .swiper-slide-active .fa_li .fa_left{
    transform:translateY(0);
    opacity: 1;
}

.fa_Ab05 .swiper-slide .fa_li .fa_Img{
-webkit-clip-path: polygon(90% 0, 100% 0, 100% 100%, 90% 100%);
    clip-path: polygon(90% 0, 100% 0, 100% 100%, 90% 100%);
      transition:all 0.8s;
}

.fa_Ab05 .swiper-slide-active .fa_li .fa_Img{
 -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
transition-delay: 0.2s;
}
@media screen and (min-width: 769px) {
    .fa_Ab05 .fa_li .fa_left .fa_sum{
       width:96%;
       max-width: 760px;
       padding:0 10px;
       padding-right: 5vw;
       color: #fff;
       line-height: 2;
    }
.fa_Ab05 .fa_abtit{
 position:absolute; 
 top:5vw;
 left:50%;
 transform:translateX(-50%);
}
    .fa_Ab05 .fa_li{
        display: flex;
        /* align-items:center; */
    }
    .fa_Ab05 .fa_li .fa_left{
        width:50%;
        padding: 5vw 0;
        position: relative;
    }
    .fa_Ab05 .fa_left .fa_num{
        position: absolute;
        bottom: -2vw;
        left: 5vw;
        font-size: 10vw;
        color: rgba(37, 67, 195, 0);
        -webkit-text-stroke: 1px #fff;
        text-stroke: 1px #fff;
        opacity: 0.3;
        font-family:'Antonio-Bold', sans-serif;
        line-height: 1;
    }
    
    .fa_Ab05 .fa_li .fa_left .fa_sum{
        margin:0 0 0 auto;
        padding-top:calc(100px + 3vw);
        margin-bottom: 30px;
    }
    .fa_Ab05 .fa_li .fa_right{
        width:50%;
    }
    
.fa_Ab05 .fa_btn_list{
    position: absolute;
    bottom:0;
    justify-content: center;
    left:0;
    right:0;
    z-index:5;
}
}
@media screen and (max-width: 768px) {
    .fa_Ab05 .fa_abtit{
        padding-top:30px;
    }
    .fa_Ab05 .fa_li .fa_left{
        padding:30px 20px 0px;
        width:100%;
    }
    
    .fa_Ab05 .fa_li .fa_right{
        width:100%;
    }
    .fa_Ab05 .fa_li {
        display:flex;
        flex-wrap:wrap;
        flex-direction:column-reverse;
    }
.fa_Ab05 .fa_btn_list{
    margin-top:30px;
    justify-content: center;
} 
    
.fa_Ab05 .fa_btn_list>div{
    width:40px;
    height:40px;
    font-size:20px;
}
      .fa_Ab05 .fa_li .fa_left .fa_num{
          font-size:20px;
          color:#fff;
          margin-bottom:20px;
      }
    .fa_Ab05 .fa_li .fa_left .fa_sum{
    
       color: #fff;
       line-height: 2;
        font-size:14px;
    }
}
/**/

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