.about{
	overflow: hidden;
	padding-bottom: .3rem;
}
.about .left{
	width: 250px;
	padding: .5rem 0 0;
}
.about .left h1{
	color: #444;
	font-size: .24rem;
	line-height: .58rem;
	height: .58rem;
	position: relative;
	margin: 0 0 .15rem;
}
.about .left h1::after{
	content:"";
	width: 4px;
	height: .58rem;
	background: #535353;
	position: absolute;
	top: 0;
	right: 2px;
}
.about .left h1 img{
	margin-left: .15rem;
}
.about .left ul li{
	overflow: hidden;
}
.about .left ul li a{
	display: block;
	width: 100%;
	height: .6rem;
	color: #333;
	background: #fff;
	font-size: .16rem;
	text-align: center;
	line-height: .6rem;
	border: 1px solid #E4E4E4;
	border-left: 0;
	border-right: 0;
	transition: all .3s linear;
}
.about .left ul li.active a,.about .left ul li a:hover{
	background: #0068B7;
	color: #fff;
	border: 0;
}
.about .right{
	width: 950px;
	float: right;
	padding-bottom: .9rem;
	padding-left: .25rem;
	border-left: 1px solid #E7E7E7;
}
.about .right h2,.honour .box > p,.case .box > p,.case_detail .box h2{
	color: #666;
	font-size: .15rem;
	line-height: .2rem;
	margin: .5rem 0 .2rem;
	padding-bottom: .1rem;
	border-bottom: 1px solid #E4E4E4;
}
.about .right h2 a,.honour .box > p a,.case .box > p a,.case_detail .box h2 a{
	color: #666;
}
.about .right h2 img,.honour .box > p img,.case .box > p img,.case_detail .box h2 img{
	display: block;
	width: .19rem;
	height: .19rem;
	float: left;
	margin-right: .1rem;
}
.about .right h3{
	color: #e1e1e1;
	font-size: .48rem;
	margin: 0 0 .2rem;
}
.about .right h3 span{
	color: #0068b7;
	font-size: .3rem;
	margin-left: .2rem;
	vertical-align: top;
	line-height: .5rem;
}
.about .right > p{
	color: #555;
	font-size: .15rem;
	line-height: .3rem;
	/*margin-bottom: .3rem;*/
}
.about .right p img{
	float: left;
	display: block;
	width: 49.5%;
}
.about .right p img:last-of-type{
	float: right;
}
.about .right .service{
	overflow: hidden;
	padding-left: .2rem;
}
.about .right div p{
	color: #282828;
	font-size: .16rem;
	line-height: .24rem;
}
.about .right div:last-of-type p{
	color: #555;
}
.about .right div h5{
	color: #555;
	font-size: .2rem;
	margin: .2rem 0 .1rem;
}

.about .right h4{
	color: #0068b7;
	font-size: .3rem;
	margin: .7rem 0 .15rem;
}

.honour{
	overflow: hidden;
	padding-bottom: 1.3rem;
	padding-top: .4rem;
}
.honour .box > p,.case .box > p{
	margin-top: .4rem;
}
.honour .box h1,.case .box h1{
	color: #0068b7;
	font-size: .3rem;
	text-align: center;
	position: relative;
	font-weight: bold;
	margin: 0;
}
.honour .box h1::before,.case .box h1::before{
	content:"";
	width: 2.95rem;
	height: 1px;
	background: #0068B7;
	position: absolute;
	left: 2.2rem;
	top: 50%;
}
.honour .box h1::after,.case .box h1::after{
	content:"";
	width: 2.95rem;
	height: 1px;
	background: #0068B7;
	position: absolute;
	right: 2.2rem;
	top: 50%;
}
.honour .box h2,.case .box h2{
	color: #737373;
	font-size: .16rem;
	text-align: center;
	margin: .1rem 0 .3rem;
}
.honour .box ul{
	overflow: hidden;
	padding: 0;
}
.honour .box .content li{
	float: left;
	/*width: 2.75rem;*/
	/*overflow: hidden;*/
	margin: 0 0 .3rem 0 !important;
}
.honour .box .content li:nth-child(4n){
	margin-right: 0;
}
.honour .box .content li div{
	/*width: 2.75rem;*/
	/*height: 3.85rem;*/
	border: 1px solid #D7D7D7;
	padding: .07rem;
}
.honour .box .content li div img{
	display: block;
	width: 2.60rem;
	/*height: 3.7rem;*/
	margin: 0 auto;
}
.honour .box .content li p{
	color: #383838;
	height: .32rem;
	font-size: .16rem;
	text-align: center;
	margin-top: .1rem;
}
/*.honour .box .content li img{
	width: 2.55rem;
	height: 1.8rem;
	margin: .93rem auto 0;
}*/
.honour .box .page,.case .page{
	margin-top: .2rem;
	overflow: hidden;
}
.honour .box .page li,.case .page li{
	width: .32rem;
	height: .32rem;
	border: 1px solid #BFBFBF;
	line-height: .3rem;
	text-align: center;
	color: #383838;
	font-size: .16rem;
	float: left;
	margin-right: .25rem;
	transition: all .3s linear;
	cursor: pointer;
}
.honour .box .page li:last-child,.case .page li:last-child{
	margin-right: 0;
}
.honour .box .page li.active,.honour .box .page li:hover,.case .page li.active,.case .page li:hover{
	border: 1px solid #288EF3;
	background: #288EF3;
	color: #fff;
}
.honour .box .page li a, .case .page li a{
	color: #333;
}
.honour .box .page li.active a, .honour .box .page li:hover a, .case .page li.active a, .case .page li:hover a{
	color: #fff;
}

/*案例展示*/
.case{
	overflow: hidden;
	padding-bottom: 1.9rem;
	padding-top: .4rem;
}
.case .case_list{
	padding: 0;
}
.case .case_list li{
	overflow: hidden;
	float: left;
	margin: 0 0 .35rem 0;
}
.case .case_list li:nth-child(3n){
	margin-right: 0;
}
.case .case_list li:nth-child(n+9){
	display: none;
}
.case .case_list li a{
	display: block;
	overflow: hidden;
	position: relative;
}
.case .case_list li a img{
	display: block;
	width: 3.75rem;
	height: 2.61rem;
}
.case .case_list li a p{
	color: #3f3f3f;
	font-size: .16rem;
	text-align: center;
	height: .55rem;
	line-height: .5rem;
	background: #F7F8F8;
	transition: all .3s linear;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.case .case_list li a .layer{
	width: 3.75rem;
	height: 2.61rem;
	position: absolute;
	left: 0;
	top: 0;
}
.case .case_list li a .layer div::after{
	content:"";
	width: 3.48rem;
	height: 2.4rem;
	border: 1px solid transparent;
	position: absolute;
	top: .1rem;
	left: .13rem;
	transition: all .3s linear;	
}
.case .case_list li a .layer div span{
	display: block;
	width: .46rem;
	height: .46rem;
	background: #0068B7;
	line-height: .43rem;
	text-align: center;
	color: #fff;
	font-size: .28rem;
	margin: -.46rem auto 0;
	transition: all .3s linear;
}
.case .case_list li:hover .layer div::after{
	border-color: #0669B5;
}
.case .case_list li:hover a .layer div span{
	margin: 1.04rem auto 0;
}
.case .case_list li:hover a p{
	color: #fff;
	background: #0068B7;
}

/*案例详情*/
.case_detail{
	overflow: hidden;
	background: #F5F5F5;
	padding-bottom: 1.45rem;
}
.case_detail .detail{
	overflow: hidden;
	background: #fff;
	padding: .4rem;
}
.case_detail .box h2{
	margin-top: .4rem;
}
.case_detail .detail h1{
	color: #333;
	font-size: .26rem;
	text-align: center;
	margin: 0 0 .3rem;
	padding-bottom: .15rem;
	border-bottom: 1px solid #EEEEEE;
}
.case_detail .detail img{
	display: block;
	/*width: 7.76rem;
	height: 4.18rem;*/
	margin: 0 auto .5rem;
}
.case_detail .detail h3{
	color: #0068b7;
	font-size: .18rem;
	margin: 0 0 .3rem;
	padding-bottom: .1rem;
	border-bottom: 1px solid #ECECEC;
	position: relative;
	text-indent: .08rem;
}
.case_detail .detail h3::after{
	content:"";
	width: .86rem;
	height: 2px;
	background: #0068b7;
	position: absolute;
	left: 1px;
	bottom: -1px;
}
.case_detail .detail p{
	color: #444;
	font-size: .14rem;
	line-height: .24rem;
	/*margin-bottom: .3rem;*/
}
.case_detail .detail p:last-child{
	margin-bottom: 0;
}
.case_detail .detail a.back{
	display: block;
	width: 1.08rem;
	height: .4rem;
	background: #B7B7B7;
	color: #fff;
	font-size: .14rem;
	line-height: .4rem;
	text-align: center;
	margin-top: .5rem;
	margin-bottom: .35rem;
}

/*联系我们*/
.contact{
	overflow: hidden;
	padding-bottom: .3rem;
}
.contact h1{
	color: #333;
	font-size: .2rem;
	font-weight: bold;
	text-align: center;
	margin: .45rem 0 0;
}
.contact p{
	color: #555;
	font-size: .16rem;
	text-align: center;
	margin-bottom: .15rem;
}
.contact .info{
	overflow: hidden;
	padding: .4rem 0 .3rem;
	border-top: 1px solid #F4F4F4;
}
.contact .info h2{
	color: #0068b7;
	font-size: .2rem;
	margin: 0 0 .3rem;
}
/*.contact .info img{
	display: block;
	width: 6.14rem;
	height: 2.81rem;
	float: right;
}*/
.contact .info .left{
	height: 3rem;
	margin-bottom: .3rem;
}
.contact .info .right{
	padding-left: .6rem;
	float: right;
	margin-bottom: .3rem;
}
.contact .info #container1{
	/*width: 7rem;*/
	height: 3rem;
}
.contact .info ul li{
	color: #555;
	font-size: .14rem;
	line-height: .3rem;
	padding-left: .2rem;
	position: relative;
}
.contact .info ul li p{
	margin-bottom: 0;
	text-align: left;
	font-size: .14rem;
}
.contact .info ul li::before{
	content:"";
	width: .07rem;
	height: .07rem;
	background: #0068B7;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: .12rem;
}

@media (min-width: 768px) and (max-width: 1200px){
	.about .left{
		width: 25% !important;
	}
	.about .right{
		width: 75% !important;
	}
}
@media (max-width: 767px){
	.case{
		padding-bottom: 1rem !important;
	}
	.about .left h1,.about .right h2{
		display: none;
	}
	.contact .info #container1{
		width: 100%;
	}
	.case_detail .detail img{
		width: 100%;
	}
	.contact .info .left{
		height: auto;
	}
}
@media (max-width: 360px){
	.honour .box .content li div{
		height: 3.7rem !important;
	}
	.honour .box .content li div img{
		height: 3.5rem !important;
	}
	.honour .box .content li:nth-child(n+9) img{
		width: 2.5rem !important;
		height: 1.8rem !important;
		margin: .85rem auto 0 !important;
	}

}
@media (max-width: 340px){
	.about .right h3{
		font-size: .4rem !important;
	}
	.honour .box .content li div{
		height: 3.4rem !important;
	}
	.honour .box .content li div img{
		height: 3.2rem !important;
	}
	.honour .box .content li:nth-child(n+9) img{
		width: 2.3rem !important;
		height: 1.6rem !important;
		margin: .83rem auto 0 !important;
	}
}