.fa_abtit h4{
    color:var(--main-color);
    font-size: var(--f20);
    margin-bottom: 20px;
}
.fa_abtit h3{
    color: #222;
    font-size: var(--f36);
    margin-bottom: 20px;
}
.fa_abtit.fa_text_w *{
    color:#fff;
}
.fa_abtit{
    margin-bottom: 3vw;
}

.fa_abtit .dot {
	margin-top: 1.5vw;
}

.fa_abtit .dot em {
	display: inline-block;
	width: 16px;
	height: 16px;
	border-radius: 50%;
}

.fa_abtit .dot .d1 {
	background: var(--main2-color);
	animation: dot1 2s linear infinite;
}

.fa_abtit .dot .d2 {
	background: var(--main-color);
	opacity: 0.8;
	animation: dot2 2s linear infinite;
}

@keyframes dot1 {
	0% {
		transform: translateX(0);
	}

	50% {
		transform: translateX(16px);
	}

	100% {
		transform: translateX(0px);
	}
}

@keyframes dot2 {
	0% {
		transform: translateX(0px);
	}

	50% {
		transform: translateX(-16px);
	}

	100% {
		transform: translateX(0px);
	}
}
/**/
.fa_Ab01{
    position:relative;
    background: linear-gradient(transparent,#d5e4ec);
}
.fa_Ab01 .fa_cnt{
    font-size: 16px;
    color: #555;
    line-height:1.9;
    text-align: justify;
	max-width:1240px;
	margin:auto;
}
.fa_Ab01 .fa_jump{
	max-width:1240px;
	margin: 6vw auto 0;
	display:flex;
	justify-content: space-between;
}
.fa_Ab01 .fa_jump .fa_it{
	padding-bottom:40px;
	position:relative;
	background: rgba(255,255,255,0.6);
	padding: 20px 30px 40px;
	width: calc((100% - 2vw) / 3);
	box-shadow: 5px 5px 3px rgba(159,168,190,0.2);
}

.fa_Ab01 .fa_jump .fa_it .fa_ico{
	position:absolute;
	right: 1vw;
	bottom: 1vw;
	opacity:0.3;
}
.fa_Ab01 .fa_jump .fa_it p:after{
	content:"";
	width:50px;
	height:5px;
	background:var(--main-color);
	border-radius:500px;
	display:block;
	margin-top:20px;
}
.fa_Ab01 .fa_jump .fa_ico span{
	display:inline-block;
	width:30vw;
	max-width: 60px;
}

.fa_Ab01 .fa_jump .fa_ico span img{
	width:100%;
}
.fa_Ab01 .fa_jump h5 {
	color:var(--main-color);
	/* margin-top: 20px; */
}
.fa_Ab01 .fa_jump h5 span{
	font-size: 2vw;
	font-weight: 800;
	font-family: 'satoshi', sans-serif;
}
.fa_Ab01 .fa_jump p{
	font-size: 16px;
	color:#333;
}
@media screen and (min-width: 769px) {
    
    .fa_Ab01:before{
        content:"";
        position:absolute;
        right:-15vw;
        width:40vw;
        height:40vw;
        top:-15vw;
        border: 8vw solid #8ab5d4;
        border-radius: 50%;
        opacity: 0.1;
    }
    
	.fa_Ab01 .fa_pic{
		position:absolute;
		right:0;
		bottom:0;
		width:45%;
	}
	.fa_Ab01 .fa_left{
		width: 60%;
	}
    
}
@media screen and (max-width: 768px) {
.fa_Ab01 .fa_jump{
	flex-wrap:wrap;
}
.fa_Ab01 .fa_jump .fa_it{
	width:100%;
	padding:20px;
	margin-bottom:20px;
}
	.fa_Ab01 .fa_jump .fa_it p:after{
		width:30px;
		height:3px;
	}
    .fa_Ab01 .fa_cnt{
        font-size:13px;
    }
	.fa_Ab01 .fa_jump h5 span{
		font-size:20px;
	}
	.fa_Ab01 .fa_jump .fa_it{
		width:calc((100% - 10px) / 3);
		text-align:center;
		padding: 20px 5px;
	}
	
	.fa_Ab01 .fa_jump .fa_it .fa_ico{
		display:none;
	}
	.fa_Ab01 .fa_jump p{
		font-size:14px;
	}
	.fa_Ab01 .fa_jump p:after{
		margin:10px auto;
	}
	.fa_Ab01{
		padding-bottom:0;
	}
}


/**/
.fa_workswp .fa_swplist{
    position:relative;
}
.fa_workswp .fa_li{
    position: relative;
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
    /* padding: 20px; */
}

.fa_workswp .fa_li .fa_Img{
	padding-bottom:66%;
}
.fa_workswp .fa_li:before{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:0;
    background:linear-gradient(45deg,var(--main-color),#0b57d0);
    opacity:0.8;z-index:2;
    transition:all 0.5s;
    
}

.fa_workswp .fa_li:hover:before{
    height:100%;
}
.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_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:left;
     margin-top:30px; 
  }
    .fa_workswp  .fa_box_btn>div{
        margin-right:15px;
        width:40px;
        height:40px;
        color:#333;
    }
}

/**/
.fa_Ab03{
    position: relative;
}
.fa_Ab02 .fa_it{
	position:relative;
	background:#000;
	margin-top:20px;
	border-radius:5px;
	
}
.fa_Ab02 .fa_it img{
	opacity:0.5;
}
.fa_Ab02 .fa_it .fa_tit{
	position:absolute;
	left:0;
	right:0;
	top:50%;
	transform:translateY(-50%);
	text-align:center;
}

.fa_Ab02 .fa_it .fa_tit h3{
	color:#fff;
	font-size:18px;
	margin-bottom:10px;
}

.fa_Ab02 .fa_it .fa_tit p{
	color:#fff;
	font-size:14px;
}
@media screen and (min-width: 769px) {
	.fa_Ab03 .fa_cnt{
		position:relative;
		margin-top: 6vw;
	}
  .fa_Ab03 .fa_tit{
	  position:absolute;
	  top: -40px;
	  left: 50%;
	  /* right:5vw; */
	  background:rgba(255,255,255,0.9);
	  z-index:2;
	  display:flex;
	  box-shadow: 0 20px 40px rgba(0,0,0,0.15);
	  backdrop-filter: blur(2px);
	  transform: translateX(-50%);
	  width: 90%;
	  max-width: 1000px;
	  z-index: 5;
	 }
	.fa_Ab03 .fa_cnt .fa_list .fa_it {
		position:absolute;
		top:50%;
		transform:translateY(-50%);
		left:0;
		right:0;
		padding:0 5vw;
		text-align:center;
		z-index:5;
	}
	.fa_Ab03 .fa_cnt .fa_list .fa_it h3{
		opacity:0;
		transition:all 0.5s;
		font-size:var(--f40);
		color:#fff;
		font-weight:400;
		margin-bottom:20px;
		transform:translateY(30px);
	}
	
	.fa_Ab03 .fa_cnt .fa_list .fa_it.fa_on h3{
		transform:translateY(0);
		opacity:1;
	}
	.fa_Ab03 .fa_cnt .fa_list .fa_it p{
		font-size:var(--f20);
		color:#fff;
		opacity:0;
		transition:all 0.5s;
		transform:translateY(50px);
	}
	.fa_Ab03 .fa_cnt .fa_list .fa_it.fa_on p{
		transform:translateY(0);
		opacity:1;
	}
  .fa_Ab03 .fa_tit .fa_tt{
	  flex:1;
	  text-align:center;
	  transition:all 0.5s;
	  font-size: var(--f20);
	  line-height: 80px;
	  border-left:#eee solid 1px;
	 }
	
  .fa_Ab03 .fa_tit .fa_tt:first-child{
	  border:none;
  }
	.fa_Ab03 .fa_tit .fa_tt.fa_on{
		background:var(--main-color);
		color:#fff;
	}
  .fa_Ab03 .fa_bg{
	  height:60vh;
	  overflow:hidden;
	  background:#000;
	  position:relative;
  }
	
  .fa_Ab03 .fa_bg img{
	  position:absolute;
	  left:0;
	  right:0;
	  bottom:0;
	  right:0;
	  object-fit:cover;
	  width: 100%;
	  height: 100%;
	 }
	.fa_Ab03 .fa_bg:before{
		content:"";
		position:absolute;
		left:0;
		right:0;
		top:0;
		height: 100%;
		background:linear-gradient(#071a52,transparent);
		z-index:2;
		opacity:0.8;
	}
	.fa_Ab03 .fa_bg img{
		opacity:0;
		transition:all 0.5s;
		
		
	}
	
	.fa_Ab03 .fa_bg img.fa_on{
		opacity:0.8;
	}
}
@media screen and (max-width: 768px) {
 
}
.fa_Ab04{
	background: linear-gradient(#eee,#fff);
	position: relative;
}
.fa_Ab04 .fa_it{
	background:rgba(255,255,255,0.8);
	box-shadow:5px 5px 20px rgba(0,0,0,0.05);
	margin-top:50px;
	padding:0 3vw 40px;
}
.fa_Ab04 .fa_it .fa_ico {
	max-width:100px;
	width:40%;
	margin:auto;
	margin-top:-50px;
}
.fa_Ab04 .fa_it .fa_ico img{
	width:100%;
}
.fa_Ab04 .fa_it h3{
	font-size:var(--f24);
	text-align:center;
	color:var(--main-color);
	margin-top:30px;
	margin-bottom:30px;
}
.fa_Ab04 .fa_it h3:after{
	content:"";
	background:var(--main2-color);
	height:3px;
	width:30px;
	display:block;
	margin:20px auto 0;
}
.fa_Ab04 .fa_it p{
	font-size:16px;
	line-height:30px;
	color:#666;
}
.fa_Ab05{
	position:relative;
	padding-top:0;
}
.fa_Ab05 .fa_li{
	position:relative;
	border:#eee solid 1px;
}
.fa_Ab05 .fa_Img{
	padding-bottom:40%;
}
@media screen and (max-width: 768px) {
	 .fa_Ab04 .fa_it{
		 padding:20px;
	 }
 .fa_Ab04 .fa_it .fa_ico{
	 margin: auto;
	 max-width:50px;
 }
	
 .fa_Ab04 .fa_it p{
	 font-size:14px;
 }
}