/*title*/

.fa_htitle.fa_text_w * {
    color: #fff;
}
.fa_htitle{
    margin-bottom: 3vw;
}
.fa_htitle h4 span:before{
    content:"";
    width:41px;
    height:47px;
    background: url(../images/titimg.png) no-repeat center;
    position:absolute;
    left: -41px;
    top: -11px;
    display: block;
}
.fa_htitle h2 {
    font-size: var(--f40);
    font-weight: 600;
    color: #000;
}
.fa_htitle h2:after{
 content:"";
 height:3px;
 background:var(--main-color);
 width:30px;
 display:block;
 margin-top:20px;
}

.fa_htitle.fa_text_c h2:after{
    margin-left:auto;
    margin-right:auto;
}
.fa_htitle h4 span{
    display: inline-block;
    margin-bottom: 5px;
    color: var(--main-color);
    font-size: var(--f30);
    font-weight: 800;
    text-transform: uppercase;
    /* font-family: 'Kanit', sans-serif; */
    position:relative;
}
.fa_htitle h6{
 margin-top:var(--f40);
 font-size: var(--f24);
 color: #000;
}

/*banner*/

.fa_Home .fa_hBanner {
    position: relative;
    /* background: #000; */
 overflow:hidden;
}
.fa_Home .fa_hBanner .fa_li{
 background:#000;
 overflow:hidden;
}
.fa_Home .fa_hBanner .fa_pic {
    font-size:0;
    line-height:1;
    overflow: hidden;
 background:#000;
}
.fa_Home .fa_hBanner .fa_pic img,
.fa_Home .fa_hBanner .fa_pic video {
    width: 100%;
 height:100vh;
 object-fit:cover;
 opacity:0.8;
}

.fa_Home .fa_hswp_btn>div {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
    background: rgba(31, 75, 104, 0.3);
    padding: 20px 5px;
    font-size: 30px;
    z-index: 10;
    cursor: pointer;
}
.fa_Home .fa_hBanner .fa_tit{
 position:absolute;
 left:0%;
 transform:translateY(-50%);
 z-index:5;
 text-align:left;
 transition:all 0.5s;
 top:50%;
 right:0;
}
.fa_Home .fa_hBanner .fa_tit .fa_win{
 position:absolute;
 left:-2vw;
 width:20vw;
 height:20vw;
 background:linear-gradient(45deg,var(--main-color),transparent);
 top:50%;
 transform: translateY(-50%) scale(0);
 opacity: 0;
 transition:all 0.5s;
 border-radius: 50%;
 filter:blur(3vw);
}

.fa_Home .fa_hBanner .fa_tit .fa_wrap{
    max-width:var(--wrapper);
    width:96%;
    padding: 0 10px;
    margin:auto;
}

.fa_Home .fa_hBanner .fa_tit p{
   color: #fff;
 font-size:16px;
 opacity:0; 
 margin-top:20px;
 
 transform:translateY(10px);
}
.fa_Home .fa_hBanner .fa_tit h3{
    font-size: var(--f60);
    color:#fff;
    transition:all 0.5s;
    opacity: 0;
    transform:translateY(20px);
    margin-top: 20px;
    font-weight: 600;
}

.fa_Home .fa_hBanner .fa_tit h3:after{
 content:"";
 margin:20px 0;
 height:1px;
 width:0;
 transition:all 0.5s;
 background:#fff;
 display:block;
 max-width:700px;
 opacity: 0.2;
}
.fa_Home .fa_hBanner .fa_tit h6{
    font-size: var(--f20);
    transition:all 0.5s;
    opacity: 0;
    transform:translateY(30px);
    font-weight: 500;
    text-transform:capitalize;
    /* margin-top:20px; */
    color:#fff;
    text-transform: uppercase;
}

.fa_Home .fa_hBanner .swiper-slide-active .fa_tit h3:after{
 width:100%;
}
.fa_Home .fa_hBanner .swiper-slide-active .fa_win{
 opacity:0.5;

 transform: translateY(-50%) scale(1.2);
 
  transition:all 0.8s 0.2s;
}
.fa_Home .fa_hBanner .swiper-slide-active .fa_tit p{
  opacity:0.8;

 transform:translateY(-0%);
  transition:all 0.8s 0.4s;
}
.fa_Home .fa_hBanner .swiper-slide-active .fa_tit h3{
 opacity:1;

 transform:translateY(-0%);
  transition:all 0.8s 0.5s;
}

.fa_Home .fa_hBanner .swiper-slide-active .fa_tit h6{
 opacity: 1;
 transform:translateY(-0%);
 transition:all 0.8s 0.6s;
}

.fa_Home .fa_hswp_btn .fa_btn_l {
    left: 0;
}

.fa_Home .fa_hswp_btn .fa_btn_r {
    right: 0;
}
.fa_Home .fa_hswp_page {
    position:absolute;
    left:50%;
    bottom: 4vw;
    transform:translateX(-50%);
    width:96%;
    max-width:var(--wrapper);
    padding:0 10px;
    display: flex;
    z-index: 10;
}
.fa_Home .fa_hswp_page>span{
      display:block;
      margin: 0 15px!important;
      width: 20px;
      height: 20px;
      position: relative;
      z-index: 6;
      background:transparent;
      opacity: 0.6;
}
.fa_Home .fa_hswp_page>span svg{
        display: block;
    width: 38px;
    height: 38px;
    position: relative;
    transform: rotate(-45deg);
}

.fa_Home .fa_hswp_page>span i{
       position: absolute;
    z-index: 11;
    top: 0;
    left: 0;
    width: 38px;
    height: 38px;
    border: 2px solid transparent;
    border-radius: 50%;
    transition: border-color 0.3s ease-out;
    display: block;
}

.fa_Home .fa_hswp_page>span i:after{
        content: "";
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.fa_Home .fa_hswp_page>span svg {
    display: block;
    width: 38px;
    height: 38px;
    position: relative;
    transform: rotate(-45deg);
}

.fa_Home .fa_hswp_page>span svg circle {
    stroke-width: 2px;
    stroke: #fff;
    stroke-dasharray: 300%;
    stroke-dashoffset: 300%;
    transition: stroke-dashoffset 0.6s ease-out;
}

.fa_Home .fa_hswp_page>span.swiper-pagination-bullet-active svg circle {
    stroke-dashoffset: 0;
    transition: stroke-dashoffset 6s ease-out;
}

.fa_Home .fa_hswp_page>span.swiper-pagination-bullet-active i {
    border-color: rgba(255, 255, 255, 0.3);
}

.fa_Home .fa_hBanner .fa_scroll{
    position:absolute;
    left:50%;
    bottom:7vw;
    transform: translateX(-50%);
    width:96%;
    max-width: var(--wrapper);
    padding: 0 10px;
   z-index: 10;
    
}

.fa_Home  .fa_hBanner .fa_jump{
    display: flex;
    justify-content: space-between;
    margin-top:5vw;
}

.fa_Home  .fa_hBanner .fa_jump dl span{
    font-size:var(--f36);
    color:var(--main-color);
    font-weight:700;
}
.fa_Home  .fa_hBanner .fa_jump dl dt{
    
    color:var(--main-color);
}
.fa_Home .fa_hBanner  .fa_jump dl dd{
    font-size:16px;
    color:333;
}
@media screen and (min-width: 769px) {
 .fa_Home .fa_hBanner .fa_jump{
     position:absolute;
     right:0;
     bottom:0;
     background:rgba(7,132,216,0.8);
     width:60%;
     padding:1vw;
     z-index: 20;
      
 }
  .fa_Home .fa_hBanner .fa_jump dl{
      padding:1vw;
      text-align:center;
      width:25%;
      border-right:rgba(255,255,255,0.2) solid 1px;
      
  }
  
  .fa_Home .fa_hBanner  .fa_jump dl:last-child{
      border-right:none;
  }
  
.fa_Home  .fa_hBanner .fa_jump dl span{
   color:#fff;
}
.fa_Home  .fa_hBanner .fa_jump dl dt{
    
    color:#fff;
}
.fa_Home .fa_hBanner  .fa_jump dl dd{
    color:rgba(255,255,255,0.7);
}
}
@media screen and (max-width: 768px) {

.fa_Home .fa_hBanner .fa_pic img,
.fa_Home .fa_hBanner .fa_pic video {
    min-height:400px;
    object-fit:cover;
    height: 50vh;
}
 
}

/**/

/**/
.fa_hAbout {
 position:relative;
}

  .fa_hAbout .fa_right img{
   width:100%;
  }
.fa_hAbout .fa_wrapbox .fa_sum{
 font-size:14px;
 color:#666;
 line-height:1.8;
}
 .fa_hAbout  .fa_More{
     margin-top:2vw;
 }
@media screen and (min-width: 769px) {
 .fa_hAbout{
  padding:0 10px;
  background: #eee;
  padding-bottom: 0;
 }
.fa_hAbout:before{
 content:"";
 background:var(--main-color);
 width:100%;
 right:0;
 height:50%;
 position:absolute;
 top:0;
 max-height:300px;
 z-index:-1px;
}

.fa_hAbout:after{
    content:"";
    position: absolute;
    bottom:-44px;
    z-index: 1;
    height:44px;
    width:100%;
    right:0;
    background: url(../images/lineshadow.png) no-repeat center;
}
 .fa_hAbout .fa_wrapper{
  background:#fff;
  position: relative;
  z-index: 2;
 }
.fa_hAbout .fa_wrapbox{
 width:40%;
 margin:0 0 0 auto;
 padding: 3vw;
}
  .fa_hAbout .fa_right{
   position:absolute;
   width:57%;
   left:0;
   top:0;
   z-index:10;
   bottom:0;
  }
 .fa_hAbout .fa_right img{
  height:100%;
  object-fit:cover;
 }
}

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

.fa_hCase {
 position:relative;
 background: url(../images/bg2.jpg) no-repeat center; background:#fff
}
/*
.fa_hCase:before{
 content:"";
 position:absolute;
 left:-10vw;
 bottom:0vw;
 height:30vw;
 width:30vw;
 z-index:-1;
 border:var(--main-color) 8vw solid;
 transform:rotate(45deg);
 opacity:0.05;
}

.fa_hCase:after{
 content:"";
 position:absolute;
 left:-10vw;
 bottom:20vw;
 height:30vw;
 width:30vw;
 z-index:-1;
 border:var(--main-color) 8vw solid;
 transform:rotate(45deg);
 opacity:0.05;
}
*/
 .fa_hCase .fa_wrapbox .fa_l_list a{
     display:block;
     font-size: var(--f18);
     color: #666;
     line-height: 2.5;
     padding-left:0;
     transition:all 0.5s;
     position:relative;
     font-weight: 500;
 }
 
     .fa_hCase .fa_wrapbox .fa_l_list a.fa_on{
         padding-left:40px;
      color:#000;
     }
     .fa_hCase .fa_wrapbox .fa_l_list a:before{
         position:absolute;
         left:0;
         top:50%;
         transform:translateY(-50%);
         height:1px;
         background:var(--main-color);
         width:0;
         content:"";
         display: block;
         transition:all 0.5s;
     }
     
     .fa_hCase .fa_wrapbox .fa_l_list a.fa_on:before{
         width:30px;
     }
 .fa_hCase .fa_wrapbox{
     width: 96%;
    margin: 0 0 0 auto;
    max-width: calc((100vw - 1520px) / 2 + 1520px);
    padding-left:10px;
    align-items:center;
 }
 .fa_hCase .fa_wrapbox .fa_left h4{
  font-size: var(--f30);
  color:var(--main-color);
  margin-bottom: 10px;
  /* text-decoration: underline; */
 }
 .fa_hCase .fa_wrapbox .fa_left{
     width:350px;
     padding-right:5vw;
 }
 .fa_hCase .fa_wrapbox .fa_right{
     width:calc(100% - 350px);
     position:relative;
     height:500px;width:calc(100% - 0px);
     
     
 }

  .fa_hCase  .fa_right .fa_Img{
      height:500px;
  }
  
  .fa_hCase  .fa_right .fa_Img img{
        filter:grayscale(1);
      transition:all 0.3s;
       opacity: 0.5;
  }
  
  .fa_hCase  .fa_right  .swiper-slide-active  .fa_Img img{
      opacity: 1;
      transition:all 0.5s;
        filter:grayscale(0);
  }
 .fa_hCase  .fa_right .fa_list{
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    right:0;
    transition:all 0.5s;
    visibility: hidden;
    z-index: -99;
    opacity: 0;
    transform:translateY(-20px);
    
}

 .fa_hCase  .fa_right .fa_list.fa_on{
     
    visibility: visible!important;
    z-index: 9!important;
    opacity: 1!important;
    transform:translateY(-0)!important;
 }

 .fa_hCase  .fa_right .fa_li{
     position:relative;
     padding-left:4vw;
 }
 
 .fa_hCase  .fa_right .fa_li .fa_tit{
     position:absolute;
     width:80%;
     max-width:350px;
     background: var(--main-color);
     color:#fff;
     padding:2vw;
     left:-0;
     bottom:3vw;
     transition:all 0.2s;
     opacity: 0;
     transform:translateX(-50px);
     padding-right:50px;
 }
 
 .fa_hCase  .fa_right .swiper-slide-active .fa_li .fa_tit{
     opacity: 1;
     transform:translateX(0px);
     transition: all 0.5s 0.5s;
 }
 
 .fa_hCase  .fa_right .fa_li .fa_tit h3{
     font-size:var(--f24);
     color:#fff;
     font-weight:600;
     padding-bottom:20px;
     margin-bottom:20px;
     border-bottom:rgba(255,255,255,0.2) solid 1px;
 }
 
 .fa_hCase  .fa_right .fa_li .fa_tit p{
     font-size:14px;
     color:rgba(255,255,255,0.8);
     text-overflow:-o-ellipsis-lastline;
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-line-clamp:2;
line-clamp:2;
-webkit-box-orient:vertical;
line-height:24px;
height:48px; 
 }
  .fa_hCase  .fa_right .fa_li .fa_tit a{
      display: block;
      font-size:14px;
      margin-top:30px;
      color:#fff;
  }
  .fa_hCase  .fa_right .fa_list2_btn{
      position:absolute;
      left: 310px;
      bottom:3vw;
      z-index: 20;
      width:80px;
      display: flex;
  }
  
  .fa_hCase  .fa_right .fa_list2_btn>div{
      width:40px;
      display:inline-flex;
      height:40px;
      align-items: center;
      justify-content: center;
      font-size:20px;
      cursor: pointer;
  }
  
  .fa_hCase  .fa_right .fa_list2_btn>div.fa_btn_l{
      background: #fff;
      color: var(--main-color);
  }
  .fa_hCase  .fa_right .fa_list2_btn>div.fa_btn_r{
      background:var(--main-color);
      color:#fff;
  }
@media screen and (min-width: 769px) {
 
    .fa_hCase .fa_wrapbox .fa_l_list a{
     display:block;
     font-size: var(--f18);
     color: #666;
     line-height: 2.5;
     padding-left:0;
     transition:all 0.5s;
     position:relative;
     font-weight: 500;
 }
 
     .fa_hCase .fa_wrapbox .fa_l_list a.fa_on{
         padding-left:40px;
      color:#000;
     }
     .fa_hCase .fa_wrapbox .fa_l_list a:before{
         position:absolute;
         left:0;
         top:50%;
         transform:translateY(-50%);
         height:1px;
         background:var(--main-color);
         width:0;
         content:"";
         display: block;
         transition:all 0.5s;
     }
     
     .fa_hCase .fa_wrapbox .fa_l_list a.fa_on:before{
         width:30px;
     }
 .fa_hCase .fa_wrapbox{
     width: 96%;
    margin: 0 0 0 auto;
    max-width: calc((100vw - 1520px) / 2 + 1520px);
    padding-left:10px;
    align-items:center;
 }
 .fa_hCase .fa_wrapbox .fa_left h4{
  font-size: var(--f30);
  color:var(--main-color);
  margin-bottom: 10px;
  /* text-decoration: underline; */
 }
 .fa_hCase .fa_wrapbox .fa_left{
     width:350px;
     padding-right:5vw;
 }
 .fa_hCase .fa_wrapbox .fa_right{
     width:calc(100% - 350px);
     position:relative;
     height:500px;width:calc(100% - 0px);
     
     
 }

  .fa_hCase  .fa_right .fa_Img{
      height:500px;
  }
  
  .fa_hCase  .fa_right .fa_Img img{
        filter:grayscale(1);
      transition:all 0.3s;
       opacity: 0.5;
  }
  
  .fa_hCase  .fa_right  .swiper-slide-active  .fa_Img img{
      opacity: 1;
      transition:all 0.5s;
        filter:grayscale(0);
  }
 .fa_hCase  .fa_right .fa_list{
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    right:0;
    transition:all 0.5s;
    visibility: hidden;
    z-index: -99;
    opacity: 0;
    transform:translateY(-20px);
    
}

 .fa_hCase  .fa_right .fa_list.fa_on{
     
    visibility: visible!important;
    z-index: 9!important;
    opacity: 1!important;
    transform:translateY(-0)!important;
 }

 .fa_hCase  .fa_right .fa_li{
     position:relative;
     padding-left:4vw;
 }
 
 .fa_hCase  .fa_right .fa_li .fa_tit{
     position:absolute;
     width:80%;
     max-width:350px;
     background: var(--main-color);
     color:#fff;
     padding:2vw;
     left:-0;
     bottom:3vw;
     transition:all 0.2s;
     opacity: 0;
     transform:translateX(-50px);
     padding-right:50px;
 }
 
 .fa_hCase  .fa_right .swiper-slide-active .fa_li .fa_tit{
     opacity: 1;
     transform:translateX(0px);
     transition: all 0.5s 0.5s;
 }
 
 .fa_hCase  .fa_right .fa_li .fa_tit h3{
     font-size:var(--f24);
     color:#fff;
     font-weight:600;
     padding-bottom:20px;
     margin-bottom:20px;
     border-bottom:rgba(255,255,255,0.2) solid 1px;
 }
 
 .fa_hCase  .fa_right .fa_li .fa_tit p{
     font-size:14px;
     color:rgba(255,255,255,0.8);
     text-overflow:-o-ellipsis-lastline;
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-line-clamp:2;
line-clamp:2;
-webkit-box-orient:vertical;
line-height:24px;
height:48px; 
 }
  .fa_hCase  .fa_right .fa_li .fa_tit a{
      display: block;
      font-size:14px;
      margin-top:30px;
      color:#fff;
  }
  .fa_hCase  .fa_right .fa_list2_btn{
      position:absolute;
      left: 310px;
      bottom:3vw;
      z-index: 20;
      width:80px;
      display: flex;
  }
  
  .fa_hCase  .fa_right .fa_list2_btn>div{
      width:40px;
      display:inline-flex;
      height:40px;
      align-items: center;
      justify-content: center;
      font-size:20px;
      cursor: pointer;
  }
  
  .fa_hCase  .fa_right .fa_list2_btn>div.fa_btn_l{
      background: #fff;
      color: var(--main-color);
  }
  .fa_hCase  .fa_right .fa_list2_btn>div.fa_btn_r{
      background:var(--main-color);
      color:#fff;
  }
}

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

/**/
.fa_hAdv{
    background:#333d46;
}
.fa_hAdv .fa_right .fa_item {
    position:relative;
}

.fa_hAdv .fa_right .fa_item:before{
    content:"";
    right:10px;
    position: absolute;
    top:0;
    bottom:0;
    width:1px;
    background:rgba(255,255,255,0.2);
    
}
.fa_hAdv .fa_right .fa_item .fa_it{
    font-size: var(--f18);
    color:rgba(255,255,255,0.5);
    padding-right:20px;
    position:relative;
    line-height:2.5;
    cursor: pointer;
}
.fa_hAdv .fa_right .fa_item .fa_it.fa_on{
 color:#fff;
}
.fa_hAdv .fa_right .fa_item .fa_it:before{
    content:"";
    right:0px;
    position: absolute;
    top:50%;
    transform:translateY(-50%);
    width:20px;
    height:20px;
    border:#fff dashed  1px;
    background:#333d46;
    display: block;
    border-radius:50px;
    
}
.fa_hAdv .fa_right .fa_item .fa_it.fa_on span{
border-bottom:#fff solid 1px;
}
.fa_hAdv .fa_right .fa_item .fa_it.fa_on:before{
     animation:spanrotate 5s infinite alternate linear;

}

.fa_hAdv .fa_right .fa_item .fa_it:after{
    position:absolute;
    
    top:50%;
    transform:translateY(-50%);
    width:10px;
    height:10px;
    right:5px;
    content:"";
    transition:all 0.5s;
    background:transparent;
    border-radius:50px;
}

.fa_hAdv .fa_right .fa_item .fa_it.fa_on:after{
    background:var(--main-color);
}
 .fa_hAdv .fa_left{
     
    position:relative;
 }
  .fa_hAdv .fa_left .fa_tit .fa_box{
      position:absolute;
      right:0;
      
    top:50%;
    transform:translate(-50px,-50%);
    background:rgba(7,132,216,0.8);
  
    width:80%;
    max-width:400px;
      opacity: 0;
      transition:all 0.5s;
   padding:3vw 3vw;
  }
  
  .fa_hAdv .fa_left .fa_tit .fa_box.fa_on{
      
      opacity: 1;
    transform:translate(0,-50%);
    transition:all 0.5s 0.2s; 
  }
  .fa_hAdv .fa_left .fa_tit h3{
      font-size:var(--f30);
      font-weight:600;
      color:#fff;
   padding-bottom:2vw;
   margin-bottom:2vw;
   border-bottom:rgba(255,255,255,0.2) solid 1px;
  }
  .fa_hAdv .fa_left .fa_tit  p{
      font-size:14px;
      color:#fff;
      margin-top: 30px;
      line-height: 24px;
      height: 144px; 
  }
 .fa_hAdv .fa_left .fa_Img img{
-webkit-clip-path: polygon(90% 0, 100% 0, 100% 100%, 90% 100%);
clip-path: polygon(90% 0, 100% 0, 100% 100%, 90% 100%);
opacity: 0;
  transition:all 0.2s 0.5s;
 }
 
 .fa_hAdv .fa_left .fa_Img img.fa_on{
-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
opacity:1;
  transition:all 0.5s ;
 }
 
   .fa_hAdv .fa_More {
       margin-top:30px;
   }
   .fa_hAdv .fa_More .button-text{
       color:#fff;
   }
   
   
@keyframes spanrotate
{
    0% { 
        transform:translateY(-50%) rotate(0deg);
    }
    50% { 
        transform:translateY(-50%) rotate(360deg);
        
    }
    100% { 
        transform:translateY(-50%) rotate(0deg);
        
    }
}
@media screen and (min-width: 769px) {
     .fa_hAdv {
         align-items:center;
     }
 .fa_hAdv .fa_left{
    width:calc(100% - 500px);
    
}
.fa_hAdv .fa_right{
    width:500px;
    padding:5vw;
    position: relative;
}
.fa_hAdv .fa_right .sil-particles{
    position: absolute;
    right:0;
    top:0;
    left:0;
    bottom:0;
}
 .fa_hAdv .fa_left .fa_Img{
     height:80vh;
 }
}

@media screen and (max-width: 768px) {
  .fa_hAdv {
         align-items:center;
     }
 .fa_hAdv .fa_left{
    width:100%;
    
}
.fa_hAdv .fa_right{
    width:500px;
    padding:5vw;
    position: relative;
}
.fa_hAdv .fa_right .sil-particles{
    position: absolute;
    right:0;
    top:0;
    left:0;
    bottom:0;
}
 .fa_hAdv .fa_left .fa_Img{
     height:80vh;
 }
}

/**/
.fa_hNews{
 
 position:relative;
 background: url(../images/bg3.jpg) no-repeat bottom center;

}
.fa_hNews .fa_li{
    position:relative;
    display: block;
}
.fa_hNews .fa_li .fa_Img{
    padding-bottom:60%;
}

.fa_hNews .fa_li .fa_tit{
    background: rgba(255,255,255,0.9);
    box-shadow: 0 0 30px rgba(0,0,0,0.2);
    padding:2vw;
    display: flex;
    position:relative;
    transition:all 0.5s;
}

.fa_hNews .fa_li:hover .fa_tit{
    transform: translateY(20px);
}

.fa_hNews .fa_li .fa_tit:before{
    content:"";
    position:absolute;
    top:0;
    right:0;
    height:3px;
    width: 0;
    transition:all 0.5s;
    display: block;
    z-index:5;
    background: var(--main-color);
}

.fa_hNews .fa_li:hover .fa_tit:before{
    width:100%;
}
.fa_hNews .fa_li .fa_tit .fa_cnt{
    width:calc(100% - 50px);
    border-right:#eee solid 1px;
    padding-right:2vw;
}

.fa_hNews .fa_li .fa_tit .fa_cnt h3{
    font-size:18px;
    color:#333;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;

}
.fa_hNews .fa_li .fa_tit .fa_cnt p:last-child{
 margin-top:30px;
}
.fa_hNews .fa_li .fa_tit .fa_cnt p{

color:#999;
font-size:14px;
line-height:24px;
margin-top:10px;
}

.fa_hNews .fa_li .fa_tit .fa_cnt p.fa_sum{
height:48px;    text-overflow:-o-ellipsis-lastline;
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-line-clamp:2;
line-clamp:2;
-webkit-box-orient:vertical;}
.fa_hNews .fa_li .fa_tit .fa_cnt p span i{
    display:inline-flex;
    width:30px;
    height:30px;
    align-items: center;
    justify-content: center;
    color: #aaa;
    border-radius:50px;
    border: #ddd solid 1px;
    margin-right: 10px;
    transition:all 0.5s;
}

.fa_hNews .fa_li:hover .fa_tit .fa_cnt p span i{
    background:var(--main-color);
    color:#fff;
    border-color:var(--main-color);
}
.fa_hNews .fa_li .fa_tit .fa_data{
    width:50px;
    text-align: left;
    writing-mode: vertical-rl;
    font-weight: 400;
}

.index_equipment .yx_SwiperHonor {
	overflow: hidden;
}

.index_equipment .yx_HonorList {
	padding: 16px;
	border: 1px solid rgba(238, 238, 238, 1);
	position: relative;
	overflow: hidden;
	background: #fff;
}

.index_equipment .yx_HonorList:before {
	content: '';
	display: block;
	width: 200%;
	height: 200%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) scale(0.3);
	position: absolute;
	z-index: 2;
	filter: blur(100px);
	background: var(--main-color);
	opacity: 0;
	transition: all 0.6s;
}

.index_equipment .yx_HonorList .yx_icon {
	position: absolute;
	top: 50%;
	left: 50%;
	curosr: pointer;
	z-index: 3;
	width:65px;
	height:65px;
	max-width: 65px;
	max-height: 65px;
	border-radius: 50%;
	background: #fff;
	transition: all 0.6s;
	color: var(--main-color);
	opacity: 0;
	display: flex;
	align-items: center;
	cursor: pointer;
	justify-content: center;
	font-size: 22px;
	transform: translate(-50%, -50%) scale(0.6);
}

.index_equipment .yx_HonorList:hover::before {
	transform: translate(-50%, -50%) scale(1);
	opacity: 0.8;
	filter: blur(0px);
}

.index_equipment .yx_HonorList:hover .yx_ImgContain img {
	filter: blur(5px);
}

.index_equipment .yx_HonorList:hover .yx_ImgContain .yx_icon {
	transform: translate(-50%, -50%) scale(1);
	opacity: 1;
}

.index_equipment .yx_ImgContain {
	padding-bottom:110%;
	overflow: visible;
}
.yx_ImgContain,
.yx_ImgCover {
	position: relative;
	height: 0;
	overflow: hidden;
}

.yx_ImgContain img {
	position: absolute;
	max-height: 100%;
	max-width: 100%;
	top: 50%;
	left: 50%;
	width: auto;
	height: auto;
	transform: translate(-50%, -50%);
	transition: all 0.6s;
}

.yx_ImgCover img {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	object-fit: cover;
	transition: all 0.6s;
}

.index_equipment .yx_SwiperBtn {
	border: 1px solid #e5e5e5;
	font-size: var(--yx_FS16);
	color: #666;
	transition: all 0.6s;
	width: var(--yx_FS60);
	height: var(--yx_FS60);
	line-height: calc(var(--yx_FS60) - 2px);
	text-align: center;
	border-radius: 50%;
	margin: 0 var(--yx_FS18);
	cursor: pointer;
}

.index_equipment .yx_SwiperBtn:hover {
	background: var(--main-color);
	color: #fff;
	border-color: var(--main-color);
}

.index_equipment .swiper-pagination {
	position: relative;
	width: auto;
	text-align: center;
}

.index_equipment .swiper-pagination span {
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: #e0e0e1;
	margin: 0 8px;
	border: 2px solid #e0e0e1;
	transition: all 0.6s;
	opacity: 1;
}

.index_equipment .swiper-pagination-bullet-active {
	background: #fff !important;
	border-color: var(--main-color) !important;
}
.yx_BigBox {
	position: fixed;
	top: 0%;
	left: 50%;
	transform: translate(-50%, 0%);
	width: 100%;
	height: 100%;
	display: none;
	z-index: 99999999;
	background: rgba(0, 0, 0, 0.75);
}

.yx_BigBox .yx_BigContent {
	background: #fff;
	padding: var(--yx_FS18);
	border-radius: 10px;
	box-shadow: 0 0 16px rgb(0 0 0 / 50%);
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 9;
	transform: translate(-50%, -50%);
}

.yx_BigBox .yx_Img img {
	width: auto;
	max-width: 80vw;
	max-height: 80vh;
	height: auto;
}

.yx_BigClose {
	position: absolute;
	right: 3%;
	top: 3%;
	background: #2a2a2a;
	width: 36px;
	height: 36px;
	font-size: 18px;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
}
.index_equipment .yx_eqLeft {
	width: 50%;
	padding-right: 8%;
}

.index_equipment .yx_Kz {
	margin-top:42px;
}

.index_equipment .yx_Kz .yx_Page {
	width: 80%;
	background-color: transparent;
	display: flex;
}

.index_equipment .yx_Kz .yx_Page span {
	position: relative;
	width: 24px;
	height: 24px;
	border: 1px solid transparent;
	display: block;
	margin-right: 0.18rem;
	border-radius: 100%;
	opacity: 1;
	background-color: transparent;
	transform: all 0.3s;
	cursor: pointer;
}

.index_equipment .yx_Kz .yx_Page span:before {
	content: '';
	display: block;
	width: 30%;
	height: 30%;
	border-radius: 50%;
	background: #ccc;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: all 0.3s;
	transform: translate(-50%, -50%);
}

.index_equipment .yx_Kz .yx_Page .swiper-pagination-bullet-active,
.index_equipment .yx_Kz .yx_Page span:hover {
	border-color: var(--main-color) !important;
}

.index_equipment .yx_Kz .yx_Page .swiper-pagination-bullet-active:before,
.index_equipment .yx_Kz .yx_Page span:hover:before {
	background-color: Var(--main-color) !important;
}

.index_equipment .yx_eqBtn {
	display: flex;
	align-items: center;
}

.index_equipment .yx_eqBtn>div {
	width: 58px;
	height: 58px;
	transition: all 0.6s;
	border: 1px solid #f5f5f5;
	font-size: 18px;
	line-height: 56px;
	text-align: center;
	margin-left: 24px;
	border-radius: 50%;
	cursor: pointer;
	color: #fff;
	background-color: rgba(0, 0, 0, 0.1);
}

.index_equipment .yx_eqBtn>div:hover {
	background-color: var(--main-color);
	border-color: var(--main-color);
	color: #fff;
}
.yx_flexAC {
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
}.yx_flexJB {
    -webkit-box-pack: justify;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

@media screen and (min-width: 769px) {
 
.fa_hNews .fa_li .fa_tit{
    position: relative;
    z-index: 2;
    width:90%;
    margin: -5vw 5% 0 5%;
}
}

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

/**/

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

@media screen and (max-width: 768px) {
.fa_Home .fa_hBanner .fa_jump{width: 94%;
    margin: 3%;}
.fa_Header .fa_Logo .lon,.fa_footer .fa_foot01{ display:none;}
.fa_hAbout .fa_right{    margin-top: 5vw;}
 .fa_hCase .fa_right .fa_li,.fa_hCase .fa_wrapbox{padding-left: 0;}
 .fa_hCase .fa_right .fa_li .fa_tit{ width:100%;}
 .fa_topHei {
    height: 56px;
    background: #fff;
}
}