﻿.about{}
.about .about-info{width: 100%; padding: 30px 0 30px 0;}
.about .about-img{width: 35%;margin-right: 5%;}
.about .about-img img{width: 100%;
	-webkit-box-shadow: 15px 15px 8px rgba(0,0,0,0.08);
	box-shadow: 15px 15px 8px rgba(0,0,0,0.08);
}
.about .about-text{width: 60%;}
.about .about-text p{font-size: 15px;line-height: 30px;color: #888;margin: 0 0 20px 0;text-align:justify; text-justify:inter-ideograph}
@media (max-width: 992px) {
	.about .about-info{padding:0 0 50px 0;flex-wrap: wrap;}
	.about .about-img{width: 100%!important;order: 2;margin-right: 0!important;}
	.about .about-img img{}
	.about .about-text{order: 1;width: 100%!important;}
	.about .about-text p{font-size: 1.5rem;line-height:3rem;margin: 0 0 10px 0;}
}

.about .operating{width: 100%;height: 300px;padding:0 0 30px 0;
	background-size:cover;
	background-image: url(../image/news-bg.jpg);
	background-repeat:no-repeat;
	background-position:center bottom;
}
.about .operating .title{text-align: center;margin: 60px auto;position: relative;}
.about .operating .title h3{font-size: 30px!important;line-height: 60px;color:#666!important;font-weight: 600!important;text-transform: uppercase!important;letter-spacing: 2px;}
.about .operating .title:after{
	content:'';
	width:100px;
	height:1px;
	background-color:rgba(0,0,0,0.2);
	display:block;
	position:absolute; left:30%;bottom:30px;
}
.about .operating .title:before{
	content:'';
	width:100px;
	height:1px;
	background-color:rgba(0,0,0,0.2);
	display:block;
	position:absolute; right:30%; bottom:30px;
}
.about .operating .title span{font-size: 16px!important;color:#999 ;text-transform: uppercase;font-family: Arial, "sans-serif"}
.about .operating .txt{font-size: 20px;color: #666;line-height: 45px;}
.about .about-cont-text{background-color:#f9f9f9;padding: 50px 0;}
.about .about-cont-text p{font-size:15px;line-height: 30px;color: #888;margin: 30px auto;display: block;text-align:justify; text-justify:inter-ideograph}

@media (max-width: 992px) {
	.about .operating{height:auto;padding:0 0 30px 0;}
	.about .operating .title{margin: 30px auto;}
	.about .operating .title h3{font-size: 2.2rem!important;line-height: 3.6rem;font-weight: 700!important;letter-spacing: 0;}
	.about .operating .title:after{width:50px;margin-left: -150px;}
	.about .operating .title:before{width:50px;margin-right:-150px;	}
	.about .operating .title span{font-size: 1.4rem!important;}
	.about .operating .txt{font-size: 1.6rem;line-height:2.5rem;}
}


.index-customers{padding: 80px 0 80px 0; }
.index-customers .customerslist{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	-ms-justify-content: flex-start;
	-o-justify-content: flex-start;
	justify-content: flex-start;
	align-items: center;
	align-content:center;
}
.index-customers .customerslist li{width: 20%;padding:10px;height: auto;}
.index-customers .customerslist li a{background-color: rgba(255,255,255,0.7);border-radius: 4px; display: block;text-align: center;font-size: 18px;color: #999;max-height: 100px;border: 1px solid #eee;}
.index-customers .customerslist li a img{
	width: 100%;
	opacity:0.4;
	-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
}
.index-customers .customerslist li a:hover{
	background-color: #fff;
	-webkit-box-shadow: 1px 0px 50px rgba(0,0,0,0.08);
	box-shadow: 1px 0px 50px rgba(0,0,0,0.08);
	text-decoration: none;
	color: #1f56a7;
}
.index-customers .customerslist li a:hover img{
	opacity:1;
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
}
@media screen and (max-width: 992px){
	.index-customers{;padding: 20px 0; }
	.index-customers .customerslist li{width: 33.33%;padding:5px;}
	.index-customers .customerslist li a{height: 50px;line-height:50px;font-size: 1.4rem;}
	.index-customers .customerslist li a:hover{
		-webkit-box-shadow: 1px 0px 20px rgba(0,0,0,0.05);
		box-shadow: 1px 0px 20px rgba(0,0,0,0.05);
	}

}

.team{padding: 50px 0;}
.team h4{font-size: 22px;text-align: center;color: #666;line-height: 22px;}
.team h4 span{display:block;font-size: 60px;font-family: Montserrat-Regular;line-height: 30px;text-transform: uppercase;color:rgba(0,0,0,0.05);font-weight: 800;}
.team-ul{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	justify-content: center;
	padding: 60px 0;
}
.team-ul li{width: 47.5%;margin-right: 5%;margin-bottom: 5%;border: 1px solid #eee;padding: 20px;
	-webkit-box-shadow: 10px 10px 4px rgba(0,0,0,0.05);
	box-shadow: 10px 10px 4px rgba(0,0,0,0.05);
}
.team-ul li:nth-child(2n){margin-right: 0;}
.team-ul li .icon{text-align: center}
.team-ul li .icon i{
	font-size: 6rem;color: #ccc;font-weight: 500;
	background-image: linear-gradient(45deg, #1f56a7 3%, #2c9dd9 100%);
	-webkit-background-image: linear-gradient(45deg,  #1f56a7 3%, #2c9dd9 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.team-ul li .info{text-align: center;}
.team-ul li .info h6{font-size: 22px;color: #1f56a7;margin-bottom: 10px;display: block;font-weight: 600;}
.team-ul li .info h6 span{display: block;font-size: 22px;font-family: Montserrat-Regular;line-height: 22px;text-transform: uppercase;color:rgba(0,0,0,0.1);}
.team-ul li .info p{font-size: 22px;color:#666;text-align: center;line-height:40px;padding: 0 20px;}
@media (max-width:1200px){
	.team-ul{padding: 40px 0;}
	.team-ul li{width: 31.33%;margin-right: 3%;margin-bottom: 3%;padding:10px;}
	.team-ul li:nth-child(3n){margin-right: 0;}
	.team-ul li:nth-child(2n){margin-right: auto;}
}
@media screen and (max-width: 992px){
	.team{padding:0;}
	.team h4{font-size: 2.2rem;line-height: 2.2rem;font-weight: 700;}
	.team h4 span{font-size: 5rem;line-height: 3rem;font-weight: 800;}
	.team-ul{padding: 20px 10px;}
	.team-ul li{width: 100%;margin-right:0;margin-bottom: 5%;padding: 10px;
		-webkit-box-shadow: none;
		box-shadow:none;}
	.team-ul li .icon{text-align: center}
	.team-ul li .icon i{font-size:5rem;}
	.team-ul li .info h6{font-size: 1.8rem;}
	.team-ul li .info h6 span{font-size: 2.2rem;line-height: 2.2rem;font-weight: 800;}
	.team-ul li .info p{font-size: 1.8rem;line-height:3.6rem;padding: 0 10px;}
}