/*title*/

.fa_htitle h3 {
    color: #000;
    font-size:var(--f60);
    font-weight: 700; 
    text-transform: uppercase;
   font-family: 'Barlow', sans-serif;
}
.fa_htitle h4 {
    font-size:var(--f36);
    color:#000;
    font-weight:500;
    margin-top:10px;
}

@media only screen and (min-width: 769px) {
    .fa_Home .fa_htitle .fa_left{
        width:calc(100% - 200px);
    }
.fa_Home .fa_htitle .fa_right{
        width:200px;
        text-align:right;
    }
}
@media only screen and (max-width: 768px) {
    .fa_Home .fa_htitle {
        justify-content:space-between;
    }
   .fa_Home .fa_htitle .fa_left{
        width: auto;
    }
.fa_Home .fa_htitle .fa_right{
        width: auto;
        margin-top:20px;
    }
    .fa_More a{
        min-width:0;
        width:auto;
        font-size:12px;
        padding:5px 15px;
    }
    .fa_More a:after{
        margin-left:10px;
        
    }
} 
/*banner*/

.fa_Home .fa_hBanner {
    position: relative;
}

.fa_Home .fa_hBanner img,
.fa_Home .fa_hBanner video {
    width: 100%;
}
.fa_Home  .fa_hswp_btn>div{
    position: absolute;
    top:50%;
    transform: translateY(-50%);
    color:#fff;
    background: rgba(0,0,0,0.5);
    padding: 20px 5px;
    font-size: 30px;
    z-index: 10;
    cursor: pointer;
}
.fa_Home  .fa_hswp_btn .fa_btn_l{
    left:0;
}
.fa_Home  .fa_hswp_btn .fa_btn_r{
    right:0;
}
/*ab*/
@media only screen and (min-width: 769px) {
 .fa_Home .fa_hApp .fa_listBox {
        position: relative;
        background: #000; counter-reset: section;
    }
     .fa_Home .fa_hApp .fa_listBox.delighter {
          -webkit-clip-path: polygon(40% 0%, 60% 0%, 60% 100%, 40% 100%);
	  clip-path: polygon(40% 0%, 60% 0%, 60% 100%, 40% 100%);
	  transition:all 1.5s;
         
     }
     .fa_Home .fa_hApp .fa_listBox.delighter.started {
	  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
	  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
         
     }
    .fa_Home .fa_hApp .fa_listBox .fa_Img {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
    }
    .fa_Home .fa_hApp .fa_listBox .fa_htitle {
        margin-top: 5vw;
    }
    .fa_Home .fa_hApp .fa_listBox .fa_htitle * {
        color: #fff;
    }
    .fa_Home .fa_hApp .fa_listBox .fa_list .fa_li {
        display: block;
        position: relative;
    }
    .fa_Home .fa_hApp .fa_listBox .fa_list .fa_li .fa_pic img {
        width: auto;
        max-width: 50%;
        transition: all 0.5s;
        opacity: 0.3;
    }
    .fa_Home .fa_hApp .fa_listBox .fa_list .fa_li.fa_on .fa_pic img {
        transform: rotateY(360deg);
        opacity: 1;
    }
    .fa_Home .fa_hApp .fa_listBox .fa_list .fa_li h3 {
        font-size: var(--f28);
        color: #fff;
        margin-top: 20px;
        margin-bottom: 10px;
    }
    .fa_Home .fa_hApp .fa_listBox .fa_list .fa_li h5 {
        font-size: 18px;
        color: #fff;
        opacity: 0.3;
        font-family: 'Barlow', sans-serif;
        margin-bottom:30px;  
    }
     .fa_Home .fa_hApp .fa_listBox .fa_list .fa_li p{
         color:#fff;
         font-size:
         var(--f18);
         transition: all 0.5s;
         opacity:0;
         
         transform:translateY(20px);
     }
         .fa_Home .fa_hApp .fa_listBox .fa_list .fa_li:hover p,.fa_Home .fa_hApp .fa_listBox .fa_list .fa_li.fa_on p{
             
         opacity:1; 
         
         transform:translateY(0);
         }
    .fa_Home .fa_hApp .fa_listBox .fa_htitle {
        position: absolute;
        left: 0;
        right: 0%;
        top: 3%;
        z-index: 30;
    }
    .fa_Home .fa_hApp .fa_listBox .fa_list .fa_li {
        width: 25%;
        min-height: 75vh;
        display: flex;
        align-items: flex-end;
        justify-content: center;
    }
    .fa_Home .fa_hApp .fa_listBox .fa_list .fa_li::before {
        width: 1px;
        background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5));
        height: 100%;
        position: absolute;
        left: 0;
        bottom: 0;
        content: "";
    }
    .fa_Home .fa_hApp .fa_listBox .fa_list .fa_li::after {
        background: linear-gradient(rgba(255, 255, 255, 0), var(--main-color));
        height: 100%;
        position: absolute;
        left: 0;
        bottom: 0;
        right: 0;
        content: "";
        z-index: 11;
        transition: all 0.5s;
        transform: scaleY(0);
        transform-origin: center bottom;
    }
    .fa_Home .fa_hApp .fa_listBox .fa_list .fa_li.fa_on::after {
        transform: scaleY(1);
    }
    .fa_Home .fa_hApp .fa_listBox .fa_list .fa_li .fa_libox {
        position: relative;
        z-index: 20;
        text-align: left;
        padding: 3vw 120px 3vw 3vw;
        width: 100%;
        
         transform:translateY(40px);
        transition:all 0.5s;
    }
    .fa_Home .fa_hApp .fa_listBox .fa_list .fa_li .fa_libox:before{
         counter-increment: section;
        content:"0"counter(section);
        position:absolute;
        font-size:var(--f60);
        font-weight:800;
        right:30px;
        font-family: 'Barlow', sans-serif;
        color:#fff;
        bottom:3vw;
         transform:translateY(-40px);
        opacity:0.3;
        transition:all 0.5s;
    }
    .fa_Home .fa_hApp .fa_listBox .fa_list .fa_li.fa_on .fa_libox:before,.fa_Home .fa_hApp .fa_listBox .fa_list .fa_li:hover .fa_libox:before{
         transform:translateY(-0px);
        opacity:1;
        
    }
      .fa_Home .fa_hApp .fa_listBox .fa_list .fa_li:hover .fa_libox , .fa_Home .fa_hApp .fa_listBox .fa_list .fa_li.fa_on .fa_libox {   transform:translateY(0px);}
    .fa_Home .fa_hApp .fa_listBox .fa_Img img {
        opacity: 0;
    }
    .fa_Home .fa_hApp .fa_listBox .fa_Img img.fa_on {
        opacity: 0.8;
    }
}
@media only screen and (max-width: 768px) {
   .fa_Home .fa_hApp .fa_listBox .fa_li{
       width:50%;
       position: relative;
       background: #000;
   }
    .fa_Home .fa_hApp .fa_listBox .fa_li .fa_Img{
        position:absolute;
        left:0px;
        right:0px;
        top:0;
        bottom:0;
        z-index:-1;
        opacity: 0.5;
    }
       .fa_Home .fa_hApp .fa_listBox .fa_li .fa_libox{
           padding:20px;
           text-align: center;
       }
       
 
    .fa_Home .fa_hApp .fa_listBox .fa_list .fa_li .fa_pic img {
        max-width:50%;
width:auto;
    }
    .fa_Home .fa_hApp .fa_listBox .fa_list .fa_li h3 {
        font-size: 16px;
        color: #fff;
        margin-top: 20px;
        margin-bottom: 10px;
    }
    .fa_Home .fa_hApp .fa_listBox .fa_list .fa_li h5 {
        font-size: 12px;
        color: #fff;
        opacity: 0.3;
        font-family: 'Barlow', sans-serif;
        margin-bottom:30px;  
    }
     .fa_Home .fa_hApp .fa_listBox .fa_list .fa_li p{
         color:#fff;
         font-size:16px;
         transition: all 0.5s;
         opacity:0;
         
         transform:translateY(20px);
     }
}

/*pro*/
.fa_Indust2{
    background: url(../images/vlbg.jpg);
    background-size:cover;
    
}
.fa_Indust2 .fa_htitle h4{
    text-align: center;
    color:#fff;
}
.fa_Indust2 .fa_htitle p{
    margin-top:20px;
    text-align: center;
    color:#fff;
    font-size:16px;
    line-height:2;
}
.fa_Indust2 .fa_cnt{
    margin-top:3vw;
    text-align: center;
}
.fa_Indust2 .fa_cnt img{
    max-width:100%;
    height:auto;
}
.fa_Indust .fa_box_btn>div{
    display: inline-flex;
    width:60px;
    height:60px; 
    border-radius:500px;
    color:var(--main3-color);
    border:#ddd solid  1px;
    font-size:20px;
    align-items: center;
    justify-content: center;
    transition:all 0.5s;
    cursor: pointer;
    
}

.fa_Indust .fa_box_btn>div:hover{
    
    background: var(--main3-color);
    color:#fff;
    border-color:var(--main3-color); 
    box-shadow: 2px 2px 20px rgba(230,0,18,.4);
}
.fa_Indust .fa_box_btn .fa_btn_l{
    margin-right:20px;
}
.fa_Indust .fa_li{
    display: block;
    border:#ddd solid 1px;
    border-right:none;
    transition:all 0.5s;
    padding:3vw;
    background-image: url(../images/gx_listbg.png);
    background-size:cover;
    background-position: center;
    position: relative;
    
}
.fa_Indust .fa_tit{
    position: relative;
}
.fa_Indust .fa_tit h3{
    font-size:var(--f36);
    color:#000;
    transition:all 0.5s;
}
.fa_Indust .fa_tit article{
    font-size:16px;
    color:#888;
    line-height:28px;
    text-overflow:-o-ellipsis-lastline;
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-line-clamp:3;
line-clamp:3;
-webkit-box-orient:vertical;
height:84px;
margin:20px 0 30px;
transition:all 0.5s;

}
.fa_Indust .fa_li .fa_bgnum {
    position: absolute;

        font-family: 'Barlow', sans-serif;
        font-size:13vw;
        color:#d9d9d9;
        transition:all 0.5s;
        font-weight:700;
        right:0;
        bottom:-8vw;
        background-image: linear-gradient(180deg,#d9d9d9 00%,rgb(255, 255, 255,0) 85%);-webkit-background-clip: text;
    color: transparent;
    line-height:1;
        
}
.fa_Indust .fa_li .fa_Img{
    padding-bottom:60%;
    border-radius:5px; 
    margin-top:5vw;
    position: relative;
    z-index: 5;
}
.fa_Indust .fa_li .fa_tit p i{
     display: inline-flex;
    width:60px;
    height:60px; 
    border-radius:500px;
    color:var(--main3-color);
    border:#ddd solid  1px;
    font-size:20px;
    align-items: center;
    justify-content: center;
    transition:all 0.5s;
    cursor: pointer; 
    
}

.fa_Indust .fa_li:hover .fa_tit p i{
    
    background:linear-gradient(#51f3ff,#03a0ff);
    color:#fff;
    box-shadow:5px 5px 30px #0d56fe;
    border-color:#057aff;
}
@media only screen and (min-width: 769px) {
   
      .fa_Indust .fa_li:before{
          content:"";
          background:var(--linearY);
          position:absolute;
          left:0;
          right:0;
          bottom:0;
          height:0;
          transition:all 0.5s;
          z-index:-1; 
      }
      
.fa_Indust .fa_li:hover .fa_bgnum {
background-image: linear-gradient(180deg,#52f3ff 00%, rgb(255, 255, 255,0) 85%);
}
.fa_Indust .fa_li:hover h3{
    color:#fff;
}

.fa_Indust .fa_li:hover article{
    color:#fff; 
    opacity: 0.5; 
}
      .fa_Indust .fa_li:hover:before{
          height:100%;
      }
}
@media only screen and (max-width: 768px) {
.fa_Indust .fa_box_btn>div{
    width:40px;
    height:40px;
    font-size:14px;
}
    .fa_Indust .fa_li .fa_tit p i{
        width:40px;
    height:40px;
    font-size:14px;
    }
 
}




/*News*/
.fa_hNews{
    margin-top:5vw;
}
.fa_hNews .fa_list{
    margin-top:5vw;
}
.fa_hNews .fa_li .fa_Img{
    padding-bottom: 42.5%;
}
.fa_hNews .fa_li{
    
    position: relative;
    display: block;
    transition:all 0.5s;
}
.fa_hNews .fa_li article{
    text-overflow:
    -o-ellipsis-lastline;
    overflow:
    hidden;
    text-overflow:
    ellipsis;
    display:
    -webkit-box;
    -webkit-line-clamp:2;
    line-clamp:2;
    -webkit-box-orient:vertical;
    font-size:14px;
    color:#888888;
    line-height:24px;
    transition:
    all 0.5s;
    height:48px;
    margin: 20px 0 30px;
}
.fa_hNews .fa_li h3{
    font-size:var(--f22);
    color:#000;
    line-height:32px;
    text-overflow:-o-ellipsis-lastline;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:2;
    line-clamp:2;
    -webkit-box-orient:vertical;
    height:64px; 
       transition:all 0.5s;
      
}
.fa_hNews .fa_li .fa_tit{
   padding:2.5vw;
       transition:all 0.5s;
}
.fa_hNews .fa_li p {
    height:60px;
    position: relative;
    width: 100%;
}
.fa_hNews .fa_li p i{
    background:
    var(--main3-color);
    border:
    solid 1px var(--main3-color);
    font-size:24px;
    color:#fff;
    box-shadow:4px 4px 15px
    rgba(230,0,18,0.3);
    width:60px;
    height:60px;
    border-radius:500px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
          transition:all 0.8s;
    position: absolute;
    left: calc(100% - 60px);
       bottom:0;
    /* transform: translateX(100%); */
 }
@media only screen and (min-width: 769px) {
   .fa_hNews .fa_li{
       flex:1;
       transition:all 0.5s;
   }
   .fa_hNews .fa_li .fa_tit{ 
       border-left:#ddd solid 1px;
       
       transition:all 0.5s;
       position: relative;
   }
      .fa_hNews .fa_li .fa_tit:before{
          content:"";
          background:var(--linearY);
          position:absolute;
          left:0;
          right:0;
          bottom:0;
          height:0;
          transition:all 0.5s;
          z-index:-1;
      }
      .fa_hNews .fa_li:hover .fa_tit:before{
          height:100%;
      }
      .fa_hNews .fa_li:hover .fa_tit h3{
          color:#fff;
      }
      .fa_hNews .fa_li:hover .fa_tit article{
          color:#fff;
          opacity: 0.6;
      }
       .fa_hNews .fa_li:hover .fa_tit{
           border-color:transparent!important;
       }
       
       .fa_hNews .fa_li:hover .fa_tit p i{
           box-shadow: 0 0 0 transparent;
           color:#fff;
           border-color:#fff;
           background:transparent; 
           left:0;
           transform:rotate(-540deg);
           
       }
}
@media only screen and (max-width: 768px) {
 .fa_hNews .fa_li{
       width: 100%;
   }
    .fa_hNews .fa_li p i{
        width:40px;
        height:40px;
        font-size:16px;
        
    }
}