/*title*/
.fa_bgen h2{
    
}
.fa_htitle.fa_text_w h2 {
    color: #fff;
}
.fa_htitle.fa_text_w h4 {
    color: #fff;
    /* font-weight: 300; */
}
.fa_htitle {
    margin-bottom: 3vw;
}

.fa_htitle h2 {
    font-size: var(--f30);
    font-weight: 600;
    color: var(--main-color);
    text-transform: uppercase;
    /* display: block; */
    color: var(--main-color);
    font-family: 'Barlow Condensed', sans-serif;
    line-height: 1;
}

.fa_htitle h4 {
    margin-top: 10px;
    color: #333;
    font-size: var(--f36);
    font-weight: 500;
}
.fa_htitle h6{
    font-size:var(--f20);
    color:var(--main-color);
    margin-top:20px;
}
/*banner*/

.fa_Home .fa_hBanner {
    position: relative;
    /* background: #000; */
    overflow: hidden;
}

.fa_Home .fa_hBanner .fa_li {
    overflow: hidden;
    position: relative;
    background: #000;
}

.fa_Home .fa_hBanner .fa_pic {
    font-size: 0;
    line-height: 1;
    overflow: hidden;
    position: relative;
    background: #000;
}

.fa_Home .fa_hBanner .fa_pic img,
.fa_Home .fa_hBanner .fa_pic video {
    width: 100%;
    /* height: 100vh; */
    object-fit: cover;
    opacity: 1;
}

.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: center; */
    transition: all 0.5s;
    top: 50%;
    right: 0;
}

.fa_Home .fa_hBanner .fa_pic .fa_wrap:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    margin-left: -52px;
    margin-top: -38px;
    width: 242px;
    height: 189px;
    background: url(../images/btt1bg.png) center no-repeat;
}

.fa_Home .fa_hBanner .fa_tit .fa_wrap {
    max-width: var(--wrapper);
    width: 96%;
    padding: 0 10px;
    margin: auto;
    position: relative;
    /* text-align: right; */
}

.fa_Home .fa_hBanner .fa_tit h4 {
    font-size: var(--f40);
    opacity: 0;
    transform: translateY(30px);
    color: var(--main2-color);
    line-height: 1.5; 
    font-family: 'Barlow Condensed', sans-serif;
    margin: auto;
    letter-spacing: 3px;
}

.fa_Home .fa_hBanner .fa_tit h3 {
    font-size: var(--f60);
    color: #fff;
    transition: all 0.5s;
    opacity: 0;
    transform: translateY(20px);
    line-height: 1;
    margin-top: var(--f20);
    position:relative;
    display:inline-block;
}
.fa_Home .fa_hBanner .fa_tit h3:after{
    content:"";
    display:block;
    background:var(--main2-color);
    width:110px;
    height:3px;
    margin-top:var(--f30);
}
.fa_Home .fa_hBanner  .swiper-slide-active .fa_tit h3:before{
    width:100%;
}
.fa_Home .fa_hBanner .fa_tit h3 span{
    position:relative;
}
.fa_Home .fa_hBanner .fa_tit h6 {
    font-size: var(--f26);
    transition: all 0.5s;
    opacity: 0;
    transform: translateY(30px);
    font-weight: 400;
    text-transform: capitalize;
    color: #fff;
    position: relative;
    line-height: 1.5;
    margin-top: var(--f30);
}
.fa_Home .fa_hBanner .fa_More{
    margin-top:3vw;
    transition: all 0.5s;
    opacity: 0;
    transform: translateY(20px);
}
.fa_Home .fa_hBanner  .swiper-slide-active .fa_More{
    opacity: 1;
    transform: translateY(-0%);
    transition: all 0.8s 0.8s;
}

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

.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_swpbtn>div{
    cursor: pointer;
    width:60px;
    height:60px;
    background:none;
    border-radius:500px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color:#fff;
    border: rgba(255,255,255,0.3) solid 2px;
    transition:all 0.5s;
    font-size:20px;
    margin-left: 20px;
     position: absolute;
    top:50%;
    transform:translateY(-50%);
    z-index:6;
}

.fa_Home .fa_swpbtn>div:hover{
    background: var(--main-color);
    border-color: var(--main-color);
}
.fa_Home .fa_swpbtn>div.fa_btn_l{
    left:3%;
}

.fa_Home .fa_swpbtn>div.fa_btn_r{
    right:3%;
}
.fa_Home .fa_swp_button {
    position: absolute;
    left:50%;
    transform:translateX(-50%);
    width:96%;
    padding:0 10px;
    bottom:5%;
    max-width:var(--wrapper);
    z-index: 5;
    text-align: center;
}

.fa_Home .fa_swp_button span{
    display: inline-block;
    width:15px;
    height:15px;
    border: rgba(255,255,255,0.2) solid 1px;
    border-radius: 500px;
    margin-right:10px;
    cursor: pointer;
    transition:all 0.5s;
    background: transparent;
    background:#fff;
    opacity:0.2;
}

.fa_Home .fa_swp_button span.swiper-pagination-bullet-active{
    background: var(--main2-color);
    opacity: 1;
    border-color: var(--main2-color);
}
    
@media screen and (max-width: 768px) {
    .fa_Home .fa_hBanner .fa_tit h3,
    .fa_Home .fa_hBanner .fa_tit h6 {
        font-size: var(--f20);
    }
    .fa_Home .fa_hBanner .fa_tit h4 {
        display:none;
    }
    .fa_htitle .fa_tt_span {
        display: none;
    }
    .fa_Home .fa_hBanner .fa_pic img,
    .fa_Home .fa_hBanner .fa_pic video {
        height: auto;
    }
    .fa_Home .homeBanner_navbtn {
        display:none;
    }
    .fa_Home .fa_swpbtn>div{
       display:none;
    }
    .fa_htitle h6{
        font-size:16px;
    }
    
}

/**/
.fa_hAbout{
    position:relative;
    /* background: #fff; */
    margin-bottom: 3vw;
    padding-bottom: 3vw;
}
.fa_hAbout .fa_wrapper{
    position:relative;
}
 .fa_hAbout .fa_htitle{
     margin-bottom:30px;
 }
 .fa_hAbout .fa_sum{
     font-size: 15px;
     line-height: 2;
 }
 .fa_hAbout .fa_pic img{
     width:100%;
 }
 .fa_hAbout .fa_jump{
     display: flex;
     margin-top: 3vw;
 }
 .fa_hAbout .fa_jump dl{
     width:33%;
 }
 .fa_hAbout .fa_jump dt span{
     font-size:var(--f40);
     color:var(--main-color);
     font-weight:600;
    font-family: 'Barlow Condensed', sans-serif;
 }
 
 .fa_hAbout .fa_jump dt i{
     font-size:var(--f20);
     color:var(--main-color);
     
 }
 .fa_hAbout .fa_jump dd{
     font-size；16px;
     color:#666;
 }
 
.fa_hWorkshop .fa_Img{
    padding-bottom:60%;
}
.fa_hWorkshop .fa_htitle {
    /* margin:0; */
}
.fa_hWorkshop .fa_list{
    position:relative;
}

.fa_hWorkshop .fa_list .fa_btn_l{
    left:3vw;
}
.fa_hWorkshop .fa_list .fa_btn_r{
    right:3vw;
}
.fa_hWorkshop .fa_list .fa_list_btn>div:hover{
    background:var(--main-color);
}
.fa_hWorkshop .fa_catelist{
    margin-bottom:3vw;
    text-align: center;
}

.fa_hWorkshop .fa_catelist a{
    display: inline-block;
    padding:0 30px;
    background: #eee;
    border-radius:5px;
    color:#333;
    transition:all 0.5s;
    margin:0 1vw;
    line-height: 40px;
}
.fa_hWorkshop .fa_catelist a:hover{
    background: var(--main-color);
    color:#fff;
}
@media screen and (min-width: 769px) {
    
.fa_hAbout:before{
    content:"";
    position:absolute;
    right:0;
    top:0;
    bottom:0;
    width:40%;
    background:#e9f1f6;
    clip-path: polygon(100% 0, 100% 0, 100% 100%, 0% 100%);
    -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 0% 100%);
    opacity:0.55;
    transition:all 1s;
    
}

.fa_hAbout.started:before{
     clip-path: polygon(37% 0, 100% 0, 100% 100%, 0% 100%);
    -webkit-clip-path: polygon(37% 0, 100% 0, 100% 100%, 0% 100%);
}
    .fa_hAbout .fa_wrapper{
        display: flex;
        align-items: center;
    }
    .fa_hAbout .fa_left{
        width:50%;
        padding-right:5vw;
    }
    .fa_hAbout .fa_right{
        width:50%;
    }
    .fa_hAbout .fa_jump{
        display: flex;
    }
}
@media screen and (max-width: 768px) {
    .fa_hAbout .fa_jump{
        margin-bottom:30px;
    }
    .fa_hWorkshop .fa_list .fa_list_btn{
        margin-top:30px;
    }
    .fa_hWorkshop .fa_list .fa_list_btn>div{
        width:30px;
        height:30px;
        display:inline-flex;
        align-items:center;
        justify-content:center;
        border-radius:500px;
        background:#ddd;
        font-size:16px;
    }
}



/**/
.fa_hPro {
    margin-top:3vw;
    background: #f3f8fa;
}
     .fa_hPro .fa_cate{
         margin-bottom:30px;
     }
.fa_hPro .fa_cate a{
    display: inline-block;
    margin:0 1vw;
    line-height:40px;
    border:#ddd solid 1px;
    padding:0 2vw;
    font-size:14px;
    border-radius:5px;
    transition:all 0.5s;
}

.fa_hPro .fa_cate a:hover{
    background:var(--main-color);
    color:#fff;
    border-color:var(--main-color);
}
     .fa_hPro .fa_li {
         background:#fff;
         
     }
.fa_hPro .fa_li .fa_Img{
    padding-bottom:80%;
}
     .fa_hPro .fa_li .fa_info{
         position:absolute;
         left:0;
         right:0;
         top:0;
         bottom:0;
         padding:2vw;
         display:flex;
         align-items:center;
         justify-content:center;
         background:rgba(0,84,167,0.8);
         transition:all 0.5s;
         opacity:0;
         
     }
    
     .fa_hPro .fa_li:hover .fa_info{
         opacity:1;
     } 
     .fa_hPro .fa_li .fa_info h5{
         color:#fff;
         text-align:center;
         font-size:var(--f18);
         font-weight:normal;
         margin-bottom:20px;
     }
      .fa_hPro .fa_li .fa_info p{
          font-size:14px;
          color:#fff;
          opacity:0.5;
          line-height:22px;
          
      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:44px;
          
      }
     .fa_hPro .fa_li .fa_tit{
         font-size:var(--f20);
         text-align:center;
         border-top:#eee solid 1px;
         padding:15px;
     }
@media screen and (min-width: 769px) { 
    
}
@media screen and (max-width: 768px) {
    .fa_hPro .fa_cate {
        margin-top:20px;
    }
    .fa_hPro .fa_cate a{
        line-height:30px;
        padding:0 10px;
        font-size:13px;
    }
    .fa_hPro .fa_li .fa_Img{
        padding-bottom:100%;
    }
      .fa_hPro .fa_li .fa_tit{
          font-size:14px;
      }
}


/**/
.fa_hJoin .fa_li h3{
    font-size:var(--f22);
    color:#333;
    text-align: center;
    
}
.fa_hJoin .fa_li .fa_ico{
    width: 60px;
    margin:0 auto 20px;
}

.fa_hJoin .fa_li .fa_ico img{
    max-width: 100%;
}
.fa_hJoin .fa_li h3:after{
    content:"";
    height:3px;
    width:40px;
    display: block;
    margin:20px auto;
    background: var(--main-color);
}
.fa_hJoin .fa_li p{
    font-size:14px;
    color:#888;
    line-height: 2;
}
.fa_hForm{
    background:url(../images/formbg.jpg);
    background-attachment: fixed;
    text-align: center;
    position: relative;
}

.fa_hForm .fa_wrapper{
    position: relative;
}
.fa_hForm .fa_tt1 h3{
    font-size: var(--f40);
    color: var(--main-color);
    font-weight: 600;
}

.fa_hForm .fa_tt1 h5{
    font-size:var(--f18);
    color: #333;
    margin-top: 10px;
}
.fa_hForm .fa_sum{
    color: #333;
    font-size: 16px;
    /* opacity: 0.7; */
    margin: 2vw auto;
}
.fa_hForm .fa_tt2 h4{
    font-size:var(--f24);
    color:#333;
}
.fa_hForm .fa_tt2 p{
    color: var(--main-color);
    font-size: var(--f30);
    margin: 10px 0 30px;
    font-weight: 600;
    font-family: 'Barlow Condensed', sans-serif;
}
.fa_hForm .fa_link a{
    display: inline-block;
    background: var(--main-color);
    color:#fff;
    line-height:46px;
    padding: 0 2vw;
    border-radius: 5px;
}
     .fa_hForm .fa_link a i{
         margin-right:15px;
         font-size:18px;
     }
@media screen and (min-width: 769px) {
    
.fa_hForm:before{
    content:"";
    left:0;
    bottom:0;
    top:0;
    right:0;
    position: absolute;
    background:rgba(255,255,255,0.8);
    clip-path: polygon(40% 0, 60% 0, 100% 100%, 0% 100%); 
    -webkit-clip-path: polygon(40% 0, 60% 0, 100% 100%, 0% 100%); 
}
    .fa_hJoin .fa_list{
        justify-content: space-between;
    }
    .fa_hJoin .fa_li{
        width:24%;
        background: #f3f8fa;
        padding: 2vw;
        border-top: #e9f1f6 solid 5px;
        position: relative;
        transition:all 0.5s;
    }
    
    .fa_hJoin .fa_li:hover{
      box-shadow:
  1.3px 3.4px 2px -27px rgba(0, 0, 0, 0.035),
  10px 27px 16px -27px rgba(0, 0, 0, 0.07)
;
    }
    
    .fa_hJoin .fa_li:before{
        left:0;
        top:-5px;
        height:5px;
        background:var(--main-color);
        position:absolute;
        content:"";
        width:0;
        transition:all 1s;
    } 
    
    .fa_hJoin .fa_li:hover:before{
        width:100%;
    }
    
}
@media screen and (max-width: 768px) {
    .fa_hJoin .fa_li{
        background:#eee;
        margin-top:20px;padding:20px;
    }
    .fa_hJoin .fa_li .fa_ico{
        width:30px;
    }
    .fa_hForm:before{
        width:100%;
    }
    .fa_hForm .fa_sum{
        color:#fff;
        margin:30px 0;
    }
    
.fa_hForm .fa_tt1 h3{
    color:#fff;
}

.fa_hForm .fa_tt1 h5{
    color:rgba(255,255,255,0.5);
    font-size:14px;
}
    
.fa_hForm .fa_tt2 h4{
    font-size:14px;
    color:#fff;
}
.fa_hForm .fa_tt2 p{
    color:#fff;
    font-size:30px;
}
}
    
    
/**/

 .fa_hnew  .fa_list{
          margin-top:3vw;
      }
.fa_hnew .fa_left {
    width: 100%;
}

.fa_hnew .fa_left .fa_li {
    position: relative;
    transition: all 0.5s;
    display: block;
    background: #f5f5f5;
}

.fa_hnew .fa_left .fa_li .fa_cnt h3 {
    font-size: 16px;
    color: #333;
    font-weight: 600;
    margin-bottom: 15px;
    transition: all 0.5s;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.fa_hnew .fa_left .fa_li .fa_cnt article {
    width: 100%;
    line-height: 24px;
    clear: both;
    font-size: 14px;
    color: #999;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    height: 48px;
    transition: all 0.5s;
}

.fa_hnew .fa_left .fa_li .fa_cnt {
    padding: var(--f40);
}

.fa_hnew .fa_left .fa_li .fa_Img {
    padding-bottom: 60%;
}

.fa_hnew .fa_left .fa_li .fa_link {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 5px 20px;
    background: rgba(1,83,165,0.8);
    z-index: 10;
}

.fa_hnew .fa_left .fa_li .fa_link span {
    color: #fff;
    font-weight: 600;
    font-size: var(--f24);
}

.fa_hnew .fa_right {
    width: 100%;
}

.fa_hnew .fa_right .fa_li {
    display: block;
    position: relative;
}

.fa_hnew .fa_right .fa_item1 .fa_Img {
    padding-bottom: 60%;
}

.fa_hnew .fa_right .fa_item1 .fa_cnt h3 {
    font-size: 16px;
    color: #333;
    transition: all 0.5s;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-top: 20px;
}

.fa_hnew .fa_right .fa_item2 {
    padding: 25px 0;
    width: 100%;
    border-top: #ddd solid 1px;
}

.fa_hnew .fa_right .fa_item2 h3 {
    width: calc(100% - 100px);
    font-size: 16px;
    color: #333;
    transition: all 0.5s;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.fa_hnew .fa_right .fa_item2 span {
    position: absolute;
    width: 100px;
    text-align: right;
    font-size: 16px;
    color: #aaa;
    right: 0;
    bottom: 22px;
}
@media screen and (min-width: 769px) {
   
    /*news*/
     .fa_hnew .fa_left {
          width:40%;
      } .fa_hnew .fa_right {
          width:60%;
          padding-left:3vw;
          display: flex;
          flex-wrap:wrap;
      }
    .fa_hnew .fa_left .fa_li {
        margin-bottom:0;
    } 
}
@media screen and (max-width: 768px) {
    
     .fa_hnew .fa_left .fa_li .fa_cnt{
        padding:15px;
    }
    .fa_hnew .fa_right .fa_item1 {
        background:#f5f5f5;
        width:100%;
        margin:20px 0 0 ;
    }

    .fa_hnew .fa_right .fa_item1 .fa_cnt {
        padding: 15px;
    }
.fa_hnew .fa_right .fa_item2 h3{
    font-size:14px; 
}
    .fa_hnew .fa_right .fa_item1 .fa_cnt h3 {
        margin: 0;
        padding: 0;
    }

    .fa_hnew .fa_right .fa_item2 {
        border-top: none;
        border-bottom: #ddd 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) {
    
}