
/* 初始化环境 */
body{margin:0;padding:0;font-family:微软雅黑,新宋体; color: #484848;}
 body img{border:none;margin:0;padding:0;}
div, h1, h2, h3, h4, p, form, label, input, textarea, img, span{margin:0;padding:0;word-break:break-all;word-wrap:break-word;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
ul,ol,li{margin:0;padding:0;list-style-type:none;word-break:break-all;word-wrap:break-word;}
dl,dt,dd{margin:0;padding:0;border:0;}
.spacer{clear:both;}
a{color:#666;text-decoration:none;}
a:link{color:#666;text-decoration:none;}
a:hover{color:#ff6600;text-decoration:none;}
.title-info h2,.title-info span{float:left;width:auto;height:auto;margin:0;padding:0;padding-right:10px;font-family:微软雅黑;font-size:26px;color:#35323d;line-height:40px;font-weight:bold;} 
:focus{outline:none;}
.float_l{float:left}
.float_r{float:right}
.clear{clear:both;width:100%;float:left;}
.blue-color{color:#4f80e7}
.cpxq {
    width: 1150px;
    margin-top: 20px;
    font-family:微软雅黑,新宋体;
}
/*banner*/
.cpxq .banner img{
	width:100%;
	height:auto;
}
.cpxq  .item-title{
	font-size:36px;
	color:#4e5b67;
	height:55px;
	line-height:55px;
	margin:0px auto;
	width:300px;
	text-align:center;
	margin-top:45px;
}

.cpxq  .item-title2{
	font-size:16px;
	color:#4e5b67;
	height:35px;
	line-height:35px;
	margin:0px auto;
	width:100%;
	text-align:center;
}

/*产品服务流程*/
.cpxq #itebox0 .item-cont{width:100%;float:left;text-align:center;}
.cpxq #itebox0{
	width:100%;
	height:auto;
	display:block;
	float:left;
	
}
.cpxq #itebox0 .tel b{font-size:28px;}
.cpxq #itebox0 .tel{
	font-family:Arial,微软雅黑,新宋体;
	font-weight:bold;
	width:100%;
	text-align:center;
	height:80px;
	line-height:80px;
	float:left;
	color:#6a747e;
	font-size:20px;
	
}
/*实力铸就品质*/
.cpxq #itebox1{
	width:100%;
	height:auto;
	display:block;
	float:left;
	
}
.cpxq #itebox1 .item-cont ul{
	width:920px;
	height:380px;
	margin:35px auto;
}
.cpxq #itebox1 .item-cont ul li{
	width:280px;
	height:200px;
	margin-right:30px;
	float:left;
	background:url(../images/b_r.jpg) no-repeat right top;
}

.cpxq #itebox1 .item-cont ul li .cont-cont{
	width:250px;
	float:left;
	height:65px;
	line-height:24px;
	margin-top:15px;
}

.cpxq #itebox1 .tel b{ font-size:30px;width:260px;padding-left:30px;
background:url(../images/tel.png) no-repeat left;margin-left:30px;color:#1cc46c;
}
.cpxq #itebox1 .tel{
	font-family:Arial,微软雅黑,新宋体;
	font-weight:bold;
	width:100%;
	text-align:center;
	height:30px;
	line-height:30px;
	margin-bottom:50px;
	
}
/*成功案例*/
.cpxq #itebox2 .item-cont{width:100%;float:left;text-align:center;}
.cpxq #itebox2{
	width:100%;
	height:auto;
	background:#e9eaec;
	display:block;
	float:left;
	
}
/*社会责任*/
.cpxq #itebox3 .item-cont{width:100%;float:left;text-align:center;}
.cpxq #itebox3{
	width:100%;
	height:auto;
	display:block;
	float:left;
	
}
.cpxq #itebox2 .tel b,.cpxq #itebox3 .tel b{font-size:28px;}
.cpxq #itebox2 .tel,.cpxq #itebox3 .tel{
	font-family:Arial,微软雅黑,新宋体;
	font-weight:bold;
	width:100%;
	text-align:center;
	height:80px;
	line-height:80px;
	float:left;
	color:#6a747e;
	font-size:20px;
	
}
/*底部*/
.cpxq #itebox4{
	width:100%;
	background:#d1d5d8;
	float:left;
	margin-bottom:30px;
}

.cpxq #itebox4 ul li{width:20%;height:42px;float:left;margin:25px 0px;padding-left:38px;}
.cpxq #itebox4 ul li .tit{font-size:18px;font-weight:bold;height:28px;}
.cpxq #itebox4 ul li .des{font-size:12px;}

.cpxq #itebox4 ul li.l1{margin-left:40px;background:url(../images/d1.png) no-repeat left top;}
.cpxq #itebox4 ul li.l2{background:url(../images/d2.png) no-repeat left top;}
.cpxq #itebox4 ul li.l3{background:url(../images/d3.png) no-repeat left top;}
.cpxq #itebox4 ul li.l4{background:url(../images/d4.png) no-repeat left top;}


/* 响应*/
@media only screen and (max-width:1281px) {
	.cpxq{
		width: 100% !important;
	}
	.cpxq #itebox0,
	.cpxq #itebox1,
	.cpxq #itebox2,
	.cpxq #itebox3{
		padding-left: 15px; padding-right: 15px; box-sizing: border-box !important;
	}
	.cpxq .item-title{
		font-size: 20px; height: auto; line-height: 1.6; width: auto; 
	}
	.cpxq .item-title2{
		font-size: 12px; height: auto; line-height: 1.6; margin-bottom: 15px;
	}
	.cpxq #itebox0 .item-cont img{
		max-width: 100%;
	}
	.cpxq #itebox0 .tel,
	.cpxq #itebox1 .tel{
		height: auto; line-height: 1.6; font-size: 12px;
	}
	.cpxq #itebox0 .tel b,
	.cpxq #itebox1 .tel b{
		font-size: 16px;
	}
	.cpxq #itebox1 .tel{
		margin-bottom: 25px;
	}
	.cpxq #itebox1 .tel b{
		margin-left: 0;
	}
	.cpxq #itebox1 .item-cont ul{
		width: auto; height: auto;
		display: flex; justify-content: space-between; flex-wrap: wrap;
	}
	.cpxq #itebox1 .item-cont ul li{
		background: none; width: 48%; margin-right: 0; height: auto; padding-bottom: 15px;
	}
	.cpxq #itebox1 .item-cont ul li .cont-title img{
		max-width: 100%; height: auto;
	}
	.cpxq #itebox1 .item-cont ul li .cont-cont{
		height: auto; width: auto; line-height: 1.6; margin-top: 5px;
	}
	.cpxq #itebox2 .item-cont img{
		max-width: 100%;
	}
	.cpxq #itebox2{
		padding-bottom: 25px;
	}
	.cpxq #itebox2 .tel, .cpxq #itebox3 .tel{
		height: auto; line-height: 1.3; font-size: 14px; margin-top: 10px;
	}
	.cpxq #itebox2 .tel b, .cpxq #itebox3 .tel b{
		font-size: 16px;
	}
	.cpxq #itebox3{
		padding-bottom: 25px;
	}
	.cpxq #itebox3 .item-cont img{
		max-width: 100%;
	}
	.cpxq #itebox4{
		margin-bottom: 15px;
	}
	.cpxq #itebox4 ul{
		display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0 15px;
	}
	.cpxq #itebox4 ul li{
		width: 49%;box-sizing: border-box !important; height: auto; margin: 15px 0; margin-left: 0 !important; background-size: 25px auto !important;
	}
	.cpxq #itebox4 ul li .tit{
		font-size: 14px; height: auto;
	}
}










