.fa_abtit h4{
    color: #333;
    font-size: var(--f36);
    margin-bottom: 20px;
}
.fa_abtit h2{ 
    color: var(--main-color);
    font-size:var(
    --f40);
    margin-bottom: 10px;
    line-height: 1;
    font-family: 'Ubuntu', sans-serif;
    /* opacity: 0.2; */
    font-weight: 700;
    font-style: italic;
}
.fa_abtit h6 span{
    display: inline-block;
    margin:2px;
    height:5px;
    border-radius:500px;
}

.fa_abtit h6 span:nth-child(1){
    background: var(--main-color);
    width:30px;
}
.fa_abtit h6 span:nth-child(2){
    background:#22b2da;
    width:10px;
}
.fa_abtit.fa_text_w *{
    color:#fff;
}
.fa_abtit{
    margin-bottom: 3vw;
}



/**/
.fa_Ab01{
    position: relative;
    overflow: hidden;
    /* padding-bottom:0; */
}
.fa_Ab01 .fa_cnt{
	text-align:justify;
	line-height:2;
	color:#555;
	max-width: 1200px;
	margin: auto;
}
.fa_Ab01 .fa_wrapper{
    position:relative;
}
.fa_jump {
    display: flex;
    justify-content: space-between;
}
.fa_jump dl{
    position: relative;
}
.fa_jump dt span{
    color:var(--main-color);
    font-size: var(--f40);
    font-weight: 800;
    line-height: 1;
    font-style: italic;
    font-family: 'Ubuntu', sans-serif;
}

.fa_jump dt i{
    
    color:var(--main-color);
    font-family: 'Ubuntu', sans-serif;
    font-size:var(--f20);
    font-weight:600;
    line-height: 1; 
	margin-left:10px;
    
}
.fa_jump dd{
    font-size:16px;
    color:#333;
    margin-top:10px;
}
.fa_jump{
    margin-top:30px;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}
.fa_Ab01 .fa_Img{
    padding-bottom:60%;
}
@media screen and (min-width: 769px) {
	.fa_Ab01 .fa_swplist{
		margin-top:5vw;
		position:relative;
	}
	.fa_Ab01 .fa_swplist .fa_box_btn>div{
		top:50%;
		transform:translateY(-50%);
		position:absolute;
		z-index:10;
		width:60px;
		height:60px;
		background:rgba(0,0,0,0.5);
		color:#fff;
		font-size:20px;
	}
	
	.fa_Ab01 .fa_swplist .fa_box_btn>div.fa_btn_l{
		left:5vw;
	}
	.fa_Ab01 .fa_swplist .fa_box_btn>div.fa_btn_r{
		right:5vw;
	}
	.fa_Ab01  .swiper-container{
		overflow:visible;
	}
	.fa_Ab01  .swiper-slide .fa_li{
		transition:all 0.5s;
		transform:scale(0.8);
		background:linear-gradient(45deg,#0d8abc,#124e96);
		-webkit-clip-path: polygon(0 0, 90% 0%, 100% 10%, 100% 90%, 100% 100%, 10% 100%, 0% 90%, 0% 10%);
		clip-path: polygon(0 0, 90% 0%, 100% 10%, 100% 90%, 100% 100%, 10% 100%, 0% 90%, 0% 10%);
	}
	
	.fa_Ab01  .swiper-slide .fa_li .fa_Img{
		opacity:0.3;
		transition:all 0.5s;
	}
	.fa_Ab01  .swiper-slide-active .fa_li .fa_Img{
		opacity:1;
	}
	.fa_Ab01  .swiper-slide-active .fa_li{
		transform:scale(1);
		opacity:1;
		-webkit-clip-path: polygon(10% 0%, 100% 0, 100% 10%, 100% 90%, 90% 100%, 0 100%, 0% 90%, 0% 10%);
		clip-path: polygon(10% 0%, 100% 0, 100% 10%, 100% 90%, 90% 100%, 0 100%, 0% 90%, 0% 10%);
	}
    
}
@media screen and (max-width: 768px) {
    .fa_Ab01 .fa_cnt{
        font-size:14px;
    }
    .fa_jump {
        flex-wrap:wrap;
		justify-content:center;
		margin-top:10px;
		margin-bottom:30px;
    }
    .fa_jump dl{
        width: 33%;
        margin-bottom:20px;
		text-align:center;
		padding:5px;
    }
	.fa_jump dl dt span{
		font-size:24px;
	}
	
	.fa_jump dl dt i{
		font-size:14px;
		margin-left:5px;
	}
    .fa_jump dl dd{
		font-size:14px;
	}
	.fa_Ab01 .fa_box_btn{
		text-align:center;
		margin-top:30px;
	}
}
/**/
.fa_History{
    position: relative;
    background: #3871c1;
}
.fa_History .fa_abtit h2{
	color:#22b2da;
}
.fa_History .fa_abtit h4{
	color:#fff;
}
.fa_History .fa_li .fa_tit{
    text-align: center;
    font-size:3vw;
    color:#fff;
    margin-bottom:2vw;
}

.fa_History .fa_li .fa_tit span{
    font-weight:700;
    font-style: italic;
    font-family: 'Ubuntu', sans-serif;
    background: var(--main-color);
    display: inline-block;
    padding:5 20px;
}
.fa_History .fa_li .fa_cntbox{
    background: #fff;
    -webkit-clip-path: polygon(50% 5%, 52% 0, 100% 0, 100% 100%, 0 100%, 0 0, 48% 0);
    clip-path: polygon(50% 5%, 52% 0, 100% 0, 100% 100%, 0 100%, 0 0, 48% 0);
    padding:3vw;
}
.fa_History .fa_li .fa_cntbox h4{
    color:#333;
    font-weight:600;
    font-size:var(--f24); 
    text-align: center;
}
.fa_History .fa_li .fa_cntbox p{
    font-size:16px;
    color:#666;
    margin-top: 20px;
    text-align: center;
}
.fa_History .fa_abtit h6 span:nth-child(1){
    background:#fff;
    width:30px;
}
@media screen and (min-width: 769px) {
	.fa_History:before{
		content:"";
		position:absolute;
		left:0;
		bottom:0;
		right:0;
		height:20%;
		background:#edf2fa;
	}
	.fa_History .fa_wrapper{
		position:relative;
	}
	.fa_History .fa_swplist{
	    position: relative;
	}
	.fa_History .fa_box_btn>div{
		top:calc(3vw + 50% -  30px);
		position:absolute;
		width:60px;
		height:60px;
		background:rgba(0,0,0,0.2);
		font-size:30px;
		z-index:10;
	}
	
	.fa_History .fa_box_btn>div.fa_btn_l{
		left: 20%;
	}
	.fa_History .fa_box_btn>div.fa_btn_r{
		right: 20%;
	}
	.fa_History .fa_swplist:before{
	    content:"";
	    height: 10px;
	    width:100%;
	    position: absolute;
	    top: calc(1.5vw + 10px);
	    left:5vw;
	    right:5vw;
	    background: url(/template/default/images/czbg.png);
	    background-repeat: repeat-x;
	    background-size: auto 100%;
	    opacity: 0.2;
	}
	.fa_History .fa_li .fa_tit {
		transition:all 0.5s;
		transform:scale(0.5);
		opacity:0.5;
		transform-origin: center;
		
	}
	
	.fa_History .swiper-slide-prev .fa_li .fa_tit {
		text-align:right;
	}
	.fa_History .swiper-slide-next .fa_li .fa_tit {
		text-align:left;
	}
	.fa_History .swiper-slide-active .fa_li .fa_tit {
		transform:scale(1);
		opacity:1;
		text-align:center;
	}
	.fa_History .fa_li .fa_cntbox{
		transition:all 0.5s;
		opacity:0;
		transform:translateY(50%);
	}
	
	.fa_History .swiper-slide-active .fa_li .fa_cntbox{
		
		opacity:1;
		transform:translateY(0%);
	}
}

@media screen and (max-width: 768px) {
	.fa_History .fa_li .fa_tit{
		font-size:30px;
	}
	.fa_History .fa_box_btn{
		margin-top:10px;
		text-align:center;
	}
	
	.fa_History .fa_box_btn>div{
		background:rgba(0,0,0,0.2);
	}
}
/**/
.fa_Ab02{background: #fff;}
.fa_Ab02 .fa_it .fa_Img{
    padding-bottom: 50%;
    border-radius: 20px;
    box-shadow: 5px 5px 30px rgba(0,0,0,0.1);
}
.fa_Ab02 .fa_it .fa_tt{
    position:relative;
    padding-left:20px;
}
.fa_Ab02 .fa_it h3{
    color:#522e24;
    font-size:var(--f26);
    margin-top:10px;
    margin-bottom:30px;
    position:relative;
}

.fa_Ab02 .fa_it .fa_tt:before{
    content:"";
    left:0;
    bottom:0;
    top:0;
    position:absolute;
    width:4px;
    background:var(--main-color);
    border-radius:500px;
}
.fa_Ab02 .fa_it h5{
    color:var(--main-color);
    font-size:var(--f18);
}
.fa_Ab02 .fa_it p{
    font-size:16px;
    color:#777;
    font-weight:400;
    line-height:1.6;
}
@media screen and (min-width: 769px) {
    .fa_Ab02 .fa_it{
        display: flex;
        align-items: center;
        margin-top: 3vw;
    }
    .fa_Ab02 .fa_it:nth-child(even){
        flex-direction: row-reverse;
    }
    .fa_Ab02 .fa_it:nth-child(odd) .fa_left{
        padding-right:5vw;
    }
    .fa_Ab02 .fa_it:nth-child(even) .fa_left{
        padding-left: 5vw;
    }
    .fa_Ab02 .fa_it>div{
        width:50%;
    }
    
}
@media screen and (max-width: 768px) {
   .fa_Ab02 .fa_it{
       margin-top:40px;
   }
    .fa_Ab02 .fa_left{
        margin-bottom:20px;
    }
}

/**/
.fa_wh{
    background: #edf2fa;
    position: relative;
}
.fa_wh .fa_left{
    position: relative;
    background: #000;
	overflow:hidden;
}
.fa_wh .fa_abtit h2{
    color:var(--main2-color);
}
.fa_wh .fa_abtit h4{
    color:#fff;
}
.fa_wh .fa_abtit h6 span:nth-child(1){
    background: #fff;
}
.fa_wh .fa_bg img{
    position: absolute;
    left:0;
    top:0;
    bottom:0;
    right:0;
    opacity: 0;
    object-fit: cover;
    transition:all 0.8s;
}

.fa_wh .fa_bg img.fa_on{
    opacity: 0.5;
}
.fa_wh .fa_left .fa_wrapbox{
    width:96%;
}
.fa_wh .fa_list{
    display: flex;
    flex-wrap:wrap;
}

.fa_wh .fa_list .fa_it{
    width: 50%;
    padding:2vw;
    transition:all 0.5s;
    border-bottom:#ddd solid 1px;
    border-right:#ddd solid 1px;
    transition:all 0.5s;
    color:#333;
}


.fa_wh .fa_list .fa_it h4 span{
    display: inline-block;
    width:50%;
    max-width: 80px;
    padding:20px;
    border-radius:500px;
    transition:all 0.5s;
    border:var(--main-color) solid 2px;
    transition:all 0.5s;
}



.fa_wh .fa_list .fa_it h4 span img{
    width: 100%;
}

.fa_wh .fa_list .fa_it h6{
    color:;
    font-size:var(--f24);
    margin-bottom:20px;
    margin-top:3vw;
}

.fa_wh .fa_list .fa_it p{
    font-size:var(--f18);
    opacity: 0.8;
}
@media screen and (min-width: 769px) {
    .fa_wh{
        display: flex;
    }
    .fa_wh .fa_left{
        width:50%;
    }
    .fa_wh .fa_right{
        width:50%;
    }
    .fa_wh .fa_left .fa_wrapbox{
        padding:5vw;
        max-width:calc(750px + 5vw);
        position: relative;
        z-index: 5;
        margin: 0 0 0 auto;
    }
		
	.fa_wh .fa_list .fa_it.fa_on{
	    background: var(--main-color);
	    color:#fff;
	}
	.fa_wh .fa_list .fa_it.fa_on h4 span{
         background: #fff;
	}

}
@media screen and (max-width: 768px) {
	.fa_wh .fa_bg{
		display:none;
	}
	.fa_wh .fa_left{
		background:var(--main-color);
		text-align:center;
		padding-top:30px;
	}
	.fa_wh .fa_list .fa_it{
		padding:20px;
	}
	
	.fa_wh .fa_list .fa_it h4 span{
		max-width:40px;
		padding:0px;
		border-color:transparent;
	}
	.fa_wh .fa_list .fa_it h6{
		font-size:18px;
	}
	.fa_wh .fa_list .fa_it p{
		font-size:14px;
	}
}

/**/
.fa_mb{
    background: #fef6ea;
    position: relative; 
}
.fa_mb .fa_list{
    display: flex;
    justify-content: center;
}
.fa_mb .fa_it h6 span{
    font-size: 3vw;
    font-family: 'Nunito', sans-serif;
    /* opacity: 0.2; */
    font-weight: 700;
}

.fa_mb .fa_it h6 i{
    color:#fff;
    font-size:2vw;
}
@media screen and (min-width: 769px) {
    .fa_mb .fa_it{
        width:30%;
        background: #e88a1a;
        position:relative;
        border-radius:500px;
    }
     .fa_mb .fa_it:nth-child(2){
         background:#f9a828;
         margin-left:-2vw;
     }
     .fa_mb .fa_it:nth-child(3){
         
         margin-left:-2vw;
     }
    .fa_mb .fa_it .fa_wrapbox{
        padding-bottom:100%;
        
    }
    .fa_mb .fa_it .fa_wrapbox>div{
        position:absolute;
        left:50%;
        top:50%;
        transform:translate(-50%,-50%);
        padding:1vw;
        text-align:center;
        width:100%;
    }
    
.fa_mb .fa_it{
    color:#fff;
    /* mix-blend-mode: hue; */
}
}
@media screen and (max-width: 768px) {
    
    .fa_mb .fa_it{
        width:auto;
    }
        
    .fa_mb .fa_list{
        justify-content:space-between;
    }
    
    
    .fa_mb .fa_it h6 {
        color:var(--main-color);
    }
    .fa_mb .fa_it h6 span{
        font-size:20px;
    }
    
    .fa_mb .fa_it h6 i{
        font-size:20px;
        
        color:var(--main-color);
    }
    .fa_mb .fa_it p{
        font-size:14px;
    }
}
/**/


/**/
.fa_Ab05{
    background: url(/template/default/images/bg003.jpg);
    background-size: cover;
    background-position: bottom center;
}
.fa_workswp .fa_swplist{
    position:relative;
}
.fa_workswp .fa_li{
    position: relative;
    background: #fff;
    border-radius: 0;
    overflow: hidden;
    padding: 5px;
}
.fa_Ab05 .fa_li .fa_Img{
    padding-bottom: 130%;
    transition:all 0.5s;
    background: #fff;
}
.fa_Ab05 .fa_li{
	background: linear-gradient(#d9c28e,#d3b790);
}
.fa_Ab06{
    background: linear-gradient( transparent,#edf2fa);
}
.fa_Ab06 .fa_li .fa_Img{
    padding-bottom: 80%;
    transition:all 0.5s;
}
.fa_workswp .fa_li:hover .fa_Img img{
    opacity:0.5;
}
.fa_workswp .fa_li .fa_link{
    position: absolute;
    left:0;
    top:50%;
    right:0;
    transform:translateY(0%);
    opacity: 0;
    transition:all 0.5s;
    padding:10px;
    text-align: center;
    /* background: var(--main-color); */
    z-index:5;
}

.fa_workswp .fa_li .fa_link p{
    color:#fff;
    font-size: 16px;
    margin-top:10px;
}

.fa_workswp .fa_li .fa_link i{
    font-size: var(--f40);
    display:inline-block;
}
.fa_workswp .fa_li:hover .fa_link{
    
    transform:translateY(-50%);
    opacity: 1;
}
@media screen and (min-width: 769px) {
    
    .fa_company .fa_grid{
        padding-top:5vw;
        padding-bottom:5vw;
    }
    .fa_workswp .fa_box_btn>div{ 
        position:absolute;
        top:50%;
        transform:translateY(-50%);
        width:50px;
        height:50px;
        z-index:5;
        font-size:20px;
    }
    .fa_workswp .fa_box_btn>div.fa_btn_l{
        left:-25px;
    }
     .fa_workswp .fa_box_btn>div.fa_btn_r{
        right:-25px;
    }
}
@media screen and (max-width: 768px) {
  .fa_workswp  .fa_box_btn{
      text-align:center;
     margin-top:30px; 
  }
    .fa_workswp  .fa_box_btn>div{
        margin-right:15px;
        width:40px;
        height:40px;
        color:#333;
    }
}<!--0.00021195411682129-->