.fa_abtitle{
 position:relative;
 margin-bottom:3vw;
}
.fa_abtitle .fa_clue{
 width:120px;
 height:120px;
 position:absolute;
 left:-40px;
 top:-25px;
 background:linear-gradient(125deg,transparent,rgba(114,187,56,0.5));
 border-radius:50%;
 opacity:0.5;
 filter:blur(5px);
}
.fa_abtitle h3 {
    font-size: var(--f50);
    text-transform: uppercase;
 position:relative;
 z-index:5;
 opacity:0.2;
  -webkit-text-stroke:  var(--main2-color) 2px;
  text-stroke:  var(--main2-color) 2px;
 font-weight:800;
 text-transform:uppercase;
 color:transparent;
 
}
.fa_abtitle h4 {
    font-size: var(--f40);
    font-weight: 400;
    color: #000;
    margin-top: 5px;
 position:relative;
 z-index:5;
}

.fa_abtitle h5:before{
 content:"";
 margin-bottom:var(--f30);
 display:block;
 height:1px;
 width:100%;
 max-width:400px;
 background:#eee;
 
 
}
.fa_abtitle h5:after{
 content:"";
 position:absolute;
 top:0;
 left:0;
 background:var(--main-color);
 width:50px;
 height:1px;
 z-index:5;
  animation: ttline 5s linear infinite;
}
.fa_abtitle h5 {
 margin-top:var(--f30);
 font-size:var(--f24);
 color:var(--main-color);
 position:relative;
 
}

@keyframes ttline{
    0%{
       width:50px;
      }
    50%{
    width:150px;
    }
    100%{
          width:50px;
    	}
	}
.fa_abtitle.fa_text_w *{
    color:#fff;
}
.fa_abtitle.fa_abtitle_w * {
    color: #fff;
}
.fa_company>div{
    position: relative;
}

.fa_Ab01{
    background:url(../images/network_bg.jpg);
    background-size:100%;
    background-position: bottom center;
    background-repeat: no-repeat;
}
.fa_Ab01 .fa_flexwrap:nth-child(1){
 align-items:center;
 margin-bottom: 3vw;
}
.fa_Ab01 .fa_right .fa_pic img {
    width: 100%;
}
.fa_Ab01 .fa_right{
    position:relative;
}
.fa_Ab01 .fa_right .fa_pic2{
     position:absolute;
     bottom:5%;
     left:0;
     background:rgba(31,75,104,0.8);
     max-width:80%;
}

.fa_Ab01 .fa_right .fa_pic2 img{
    max-width:100%;
}
 .fa_Ab01>.fa_flexwrap {
      width:100%;
   align-items:center;
    }
.fa_Ab01 .fa_left .fa_cnt {
    /* margin-top: 30px; */
    line-height: 2;
    color: #777;
    font-size: 16px;
}
  .fa_Ab01 .fa_right img{
    width:100%;
  }
  
       .fa_Ab01 .fa_jump dl{
             padding: 0;
        position:relative;
         }
     .fa_Ab01 .fa_jump dl:before{
      content:"";
      width:40px;
      height:40px;
      border-radius:50px;
      border:var(--main2-color) solid 2px;
      position:absolute;
      left:-20px;
      top:-15px;
      border-right:none;
      border-bottom:none;
      opacity:0.5;
     }
           .fa_Ab01 .fa_jump dt span{
               font-size:var(--f60);
               color:var(--main-color);
               font-weight:700;
            line-height:1;
           }
        .fa_Ab01 .fa_jump dt i{
            font-size:18px;
            font-weight:600;
               color:var(--main-color);
        }   
         .fa_Ab01 .fa_jump dd {
             color: #000;
             margin-top:15px;
             font-size: var(--f20);
         }
 @media screen and (min-width: 769px) {
   .fa_Ab01 .fa_left{
       width:50%;
   }  
   .fa_Ab01 .fa_right{
       width:50%;
       padding-left:5vw;
       position: relative;
       padding-bottom: 40px;
       padding-right: 40px;
   }   
  
   .fa_Ab01 .fa_right img{
    position:relative;
    z-index:3;
    /* border-radius: 0 0  50px 0; */
   }
  .fa_Ab01 .fa_right:before{
   writing-mode: vertical-lr;
   position:absolute;
   content: "-————————  About WUIHEI";
   color: rgba(255,255,255,0.6);
   display:flex;
   align-items:flex-end;
   justify-content:flex-end;
   background: linear-gradient(90deg,transparent,var(--main-color));
   top: 40px;
   bottom: 0;
   right: 0;
   left:5vw;
   padding: 10px;
   font-size: 16px;
   text-transform: uppercase;
   font-weight: 300;
   padding-bottom: 40px;
   /* border-radius: 0 50px 0 0; */
  }
 }
 @media screen and (max-width: 768px) {
    .fa_Ab01 .fa_content .fa_l2{
     width:100%;
     margin:20px 0 0;
    }
    
         .fa_Ab01 .fa_jump dl{
          width:50%;
          margin: 20px 0 10px;
         }
  
         .fa_Ab01 .fa_jump dd{
          margin-top:5px;
          font-size:14px;
         }
}
/**/
.fa_Ab02 {
    padding:2vw;
}
.fa_Ab02 .fa_wrapbox{
    background:url(../images/whbg.jpg) no-repeat center;
    background-size:cover;
    position:relative;
    
    
}

.fa_Ab02  .fa_li h3{
    font-size:var(--f30);
    color:#fff;
    
}
.fa_Ab02  .fa_li{
    display: flex;    border-right: rgba(255,255,255,0.3) solid 1px;
 position:relative;
}


.fa_Ab02  .fa_li .fa_ico img{
    max-width:100%;
}
.fa_Ab02  .fa_li p{
    margin-top:20px;
 font-size:16px;
 line-height:2;
    color:rgba(255,255,255,0.8);
}
@media only screen and (min-width: 769px) {
  .fa_Ab02 .fa_wrapper{
    padding-right:15vw;
} 
.fa_Ab02  .fa_li{
 padding: 5vw 5vw 5vw 0;
}.fa_Ab02  .fa_li:nth-child(1):before{
 position:absolute;
 left:-100%;
 right:0;
 bottom:0;
 content:"";
 
    border-bottom: rgba(255,255,255,0.3) solid 1px;
}
.fa_Ab02  .fa_li .fa_ico{
    width:50px;
}
.fa_Ab02  .fa_li .fa_cnt{
    width:calc(100% - 50px);
    padding-left:30px;
}
.fa_Ab02 .fa_wrapbox:before{
    content:"WUIHEI's culture";
    position:absolute;
    color:#fff;
    font-size: 5vw;
    right:2vw;
    top: -1vw;
    z-index: 5;
    writing-mode: vertical-rl;
    font-weight: 900;
    text-transform: uppercase;
    mix-blend-mode: overlay;
}

}
@media only screen and (max-width: 768px) {
  
.fa_Ab02  .fa_li{
 padding:30px 0;
 border-right: none;
}.fa_Ab02  .fa_li .fa_ico{
    width:30px;
}
.fa_Ab02  .fa_li .fa_cnt{
    width:calc(100% - 30px);
    padding-left:20px;
}
}


/**/
.fa_Ab04 .fa_cnt{
        line-height: 2;
    color: #777;
    font-size: 16px;
}
.fa_Ab04  .fa_li .fa_Img{
    padding-bottom:60%;
    
}
.fa_Ab04  .fa_li {
    overflow: hidden;
}
.fa_Ab04 .fa_list{
    position: relative;
    margin-top:5vw;
}
.fa_Ab04 .fa_box_btn>div{
    position: absolute;
    font-size:20px;
    color:#fff;
    background:#ddd;
    display: flex;
    border-radius:500px;
    width:60px;
    height:60px;
    align-items: center;
    justify-content: center;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9;
    transition: all 0.5s;
    cursor: pointer;
}

.fa_Ab04 .fa_box_btn>div:hover{
    background: var(--main-color);
}
.fa_Ab04 .fa_box_btn>div.fa_btn_l{
    left:-80px;
}
.fa_Ab04 .fa_box_btn>div.fa_btn_r{
    right:-80px;
}
@media only screen and (max-width: 768px) {
   
}

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

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