/*about page*/

/*abIntro*/
.about-intro{position: relative;}
.about-intro>p{position: absolute;left:0;top:0;width:100%;height:100%;z-index: -1;padding-left: 58.5625rem;}
.about-intro>p>span{color: #fcfbfb;line-height: 1;}
.about-intro>p>span:nth-child(1){font-size: 12.5rem;margin-top:3rem;}
.about-intro>p>span:nth-child(2){font-size: 3.75rem;margin-left:19.6875rem;}
.abIntro-box{padding-top:8.75rem;padding-bottom: 12.5rem;}
.abIntro-img{position: relative;padding:2rem 2rem 0.5rem 0.5rem;}
.abIntro-img::before,.abIntro-img::after{
	content: "";
	position: absolute;
	z-index: 10;
	transition: .5s ease-out !important;
	-webkit-transition: .5s ease-out !important;
	-ms-transition: .5s ease-out !important;
	-moz-transition: .5s ease-out !important;
	-o-transition: .5s ease-out !important;
}
.abIntro-img::before{
	left: 0;
	bottom: 0;
	width: 14.3125rem;
	height: 14.3125rem;
	background: transparent;
	border-left: 0.5rem solid #0095ff;
	border-bottom: 0.5rem solid #0095ff;
}
.abIntro-img::after{
	top: 0;
	right: 0;
	width: 14.3125rem;
	height: 14.3125rem;
	border-right: 2rem solid #0095ff;
	border-top: 2rem solid #0095ff;
}
.abIntro-img>p{	width: 31.25rem;height: 26.25rem;}

/*abIntro animate*/
.abIntro-img:hover img{
	-webkit-transform:scale(1.2);
	-moz-transform:scale(1.2);
	-ms-transform:scale(1.2);
	transform:scale(1.2);
}
.abIntro-img:hover::before,.abIntro-img:hover::after{width: 94%;height:93.1%;}

/*.abIntro-content*/
.abIntro-content{width: 50rem;}
.abIntro-content .wbTitle{padding-top: 1.875rem;}
.abIntro-content *{line-height:1.625rem;}
.abIntro-content>p{text-indent: 2em;margin-bottom: 2rem;}
.abIntro-content>h2{font-size:1.125rem;color: #0095ff;}
.abIntro-content>ul>li{margin-bottom: 2.25rem;}
.abIntro-content>ul>li:last-child{margin-bottom: 0;}

/*about-service*/
.about-service{
	background-size: cover;
	padding-bottom: 5rem;
}
.about-service::before{background: linear-gradient(90deg, rgba( 2,150,255,.8) 0%, rgba(42,217,255,.8) 100%);}
.abService-items{z-index:2}
.about-service .wbTitle{color: #fff;}
.about-service .wbSubtitle{color: #1070ad;}
.abService-items>li{	position: relative;	width:25%;	padding: 0.5rem 1.625rem;	text-align: center;	background: url(../images/fw-lineH.png) no-repeat left bottom;}.abService-items>li:after{	content: '';	position: absolute;	right: 0;	top: 0;	height: 100%;	width: .31px;	background: url(../images/fw-lineV.png) no-repeat right top;}
.abService-items>li:nth-child(4n):after{	width: 0;}
.abService-items>li>div{padding: 1.875rem 4.375rem;}
.abService-items>li *{color: #fff;}
.abService-items>li h2{margin: 1.8125rem 0 1.125rem;	font-size: 18px;}
.abService-items>li p{height:70px;font-size: 14px;line-height: 18px;}
/*about-service animate*/
.abService-items>li:hover>div{background: rgba(5,51,201,.5);}


/*clients*/
.about-client .wbTitle{position: relative; padding-top: 7.5rem;}
.about-client .wbTitle:before{
	content:"";
	position: absolute;
	left: 50%;
	bottom: -15px;
	width: 12px;
	height: 2px;
	background-color: #0095ff;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}
.abClient-box{position: relative;padding: 0 7.875rem;margin: 5rem 0 9.625rem;  }
.abClient-box .swiper-slide{position:relative;height: 80px;line-height:80px;text-align: center;}
.abClient-box .swiper-slide p{
	position:absolute;
	left: 0;top: 0;
	width: 100%;
	height: 80px;
	line-height:80px;
	text-align: center;
	display: none;
}
.abClient-box .swiper-slide:hover>img{display: none;}
.abClient-box .swiper-slide:hover>p{display: block;}






@media only screen and (max-width: 800px ) {
	.about-intro>p{display: none;}
	.abIntro-box{padding-top: 1rem;}
	.abIntro-img>p{width: auto;height: auto;}
	.abIntro-content{width: 100%;}
	.abService-items>li{width: 100%;}
	.abService-items>li:not(:nth-child(4n)){border-right:0}
	.abClient-box{padding: 0 3rem;}
	.abClient-box .swiper-button-next span, .abClient-box .swiper-button-prev span{display: none;}
}