.clearfix:after{/*伪元素是行内元素 正常浏览器清除浮动方法*/
	content: "";
	display: block;
	height: 0;
	clear:both;
	visibility: hidden;
}

.banner img{
	display: block;
	width: 100%;
}

#content{
	background: #f9f9f9;
	padding-top: 40px;
}
.content{
	padding-bottom: 40px;
}
.lf_nav{
	float: left;
	width: 290px;
	box-shadow: 0 0 10px #c3c2c2;
}
.lf_nav .nav_head{
	height: 60px;
	background-color: #64a9e2;
	background-image: linear-gradient(to right,#3568be,#64a9e2);
	padding-left: 20px;
}
.lf_nav .nav_head i{
	float: left;
	margin: 20px 15px 0 10px;
}
.lf_nav .nav_head p{
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	line-height: 60px;
	display: inline-block;
}
.lf_nav .nav_cont{
	background: #fff;
	/* padding: 0 20px; */
}
.lf_nav .nav_cont li{
	
	cursor: pointer;
}
.lf_nav .nav_cont li .menu1{
	border-bottom: 1px solid #f1f1f1;
	padding: 0 10px;
	margin: 0 20px;
}
.lf_nav .nav_cont li .menu1 a{
	display: block;
}
.lf_nav .nav_cont li:last-child>.menu1{
	border-bottom: 1px solid #fff;
}
.lf_nav .nav_cont li .icons{
	float: left;
	margin-right: 15px;
	margin-top: 20px;
}
.lf_nav .nav_cont li .icons img{
	display: block;
}
.lf_nav .nav_cont li .icons .img2{
	display: none;
}
.lf_nav .nav_cont li .menu1 p{
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	color: #222222;
	line-height: 59px;
}
.lf_nav .nav_cont li .lfimg{
	float: left;	
}
.lf_nav .nav_cont li .rgimg{
	float: right;
}
.lf_nav .nav_cont li .rgimg img{
	margin-top: 6px;
}
.lf_nav .nav_cont li .menu2{
	background: #f9f9f9;
	padding: 10px 0 9px 50px;
	display: none;
}

.lf_nav .nav_cont .active_lfli .icons .img1{
	display: none;
}
.lf_nav .nav_cont .active_lfli .icons .img2{
	display: block;
}
.lf_nav .nav_cont .active_lfli .menu1 a{
	display: block;
}
.lf_nav .nav_cont .active_lfli .menu1 p{
	
	display: inline-block;
    color: #3568be;
    background-image: -webkit-gradient(linear, left 0, right 0, from(rgba(53, 104, 190, 1)), to(rgba(100, 169, 226, 1)));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.lf_nav .nav_cont .active_lfli .menu2{
	display: block;
	margin-top: -1px;
}

.lf_nav .nav_cont li .menu2 .item_menu{
	border-bottom: 1px solid #f1f1f1;
	padding-left: 15px;
}
.lf_nav .nav_cont li .menu2 .item_menu a{
	display: block;
}
.lf_nav .nav_cont li .menu2 .item_menu:last-child{
	border-bottom: none;
}
.lf_nav .nav_cont li .menu2 .item_menu .icons{
	margin-top: 18px;
}
.lf_nav .nav_cont li .menu2 .item_menu .icons .img4{
	display: none;
}
.lf_nav .nav_cont li .menu2 .item_menu p{
	display: inline-block;
	font-size: 13px;
	font-weight: bold;
	color: #222222;
	line-height: 40px;
}
.lf_nav .nav_cont li .menu2 .showmenu .icons .img3{
	display: none;
}
.lf_nav .nav_cont li .menu2 .showmenu .icons .img4{
	display: block;
}
.lf_nav .nav_cont li .menu2 .showmenu p{
	color: #3568be;
    background-image: -webkit-gradient(linear, left 0, right 0, from(rgba(53, 104, 190, 1)), to(rgba(100, 169, 226, 1)));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}



.rg_cont{
	float: right;
	width: 860px;
}


/* 建材领域 */
.rg_head{
	overflow: hidden;
}
.rg_head .title{
	float: left;
}
.rg_head .title p{
	font-size: 18px;
	color: #222222;
	font-weight: bold;
	margin-bottom: 7px;
}
.rg_head .title p img{
	margin: 2.5px 10px 0 0;
	float: left;
}
.rg_head .title span{
	font-size: 14px;
	color: #cccccc;
}
.rg_head .bread_nav{
	float: right;
	line-height: 25px;
}
.rg_head .bread_nav dt{
	font-size: 14px;
	color: #222222;
	float: left;
	padding-left: 30px;
	background: url(../img/common/address.png) no-repeat left center;
}
.rg_head .bread_nav dd{
	font-size: 14px;
	color: #222222;
	float: left;
}
.rg_head .bread_nav .target a{
	color: #3568be;
}

.rg_detail{
	margin-top: 20px;
	min-height: 500px;
	padding-bottom: 40px;
}
.boxs{
	
}
.boxs dl{
	float: left;
	margin: 0 20px 20px 0;
	box-shadow: 0 0 10px #d6d3d3;
}
.boxs dl:nth-child(4n){
	margin: 0 0 20px 0;
}
.boxs dl dt{
	width: 200px;
	height: 100px;
	overflow: hidden;
}
.boxs dl dt img{
	display: block;
	width: 100%;
	transition: all 0.6s;
}
.boxs dl dd{
	font-size: 14px;
	color: #222222;
	text-align: center;
	line-height: 40px;
	background: #fff;
}
.boxs dl:hover img{
	transform: scale(1.2);
}

/* 建设 */
.rg_head .title .jianshe{
	background: url(../img/services/services_02.png) no-repeat left center;
}

/* 城市 */
.rg_head .title .city{
	background: url(../img/services/services_03.png) no-repeat left center;
}
.anquannav{
	overflow: hidden;
	margin-bottom: 20px;
}
.anquannav li{
	float: left;
	font-size: 16px;
	font-weight: bold;
	color: #222;
	margin-right: 25px;
	padding-bottom: 10px;
	position: relative;
	cursor: pointer;
}
.anquannav .aqshow{
	background: linear-gradient(to right, #3568be,#64a9e2);
	-webkit-background-clip: text;
	color: transparent;
}
.anquannav .aqshow span{
	width: 35px;
	height: 3px;
	background-color: #64a9e2;
	background-image: linear-gradient(to right,#3568be,#64a9e2);
	position: absolute;
	left: 50%;
	margin-left: -17.5px;
	bottom: 0;
}
.anquanlei .item{
	display: none;
}
.anquanlei .itemshow{
	display: block;
}

/* 认证 */
.rg_head .title .approve{
	background: url(../img/services/services_04.png) no-repeat left center;
}
.wenjian_list{
	
}
.wenjian_list li{
	padding: 0 20px 0 15px;
	background: url(../img/newstab.png) no-repeat left center; 
}
.wenjian_list li a{
	overflow: hidden;
	display: block;
	border-bottom: 1px dashed #dddddd;
}
.wenjian_list li a p{
	float: left;
	line-height: 50px;
	font-size: 14px;
	color: #222222;
	width: 80%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.wenjian_list li a span{
	float: right;
	line-height: 50px;
	font-size: 14px;
	color: #3568be;
}
/* 绿色服务 */
.lvsefuwu li div{
	overflow: hidden;
	border-bottom: 1px dashed #dddddd;
}
.lvsefuwu li div a{
	display: initial;
}

/*下载*/
.sqxiazai li div{
	overflow: hidden;
	border-bottom: 1px dashed #dddddd;
}
.sqxiazai li div p{
	float: left;
	line-height: 50px;
	font-size: 14px;
	color: #222222;
	width: 80%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.sqxiazai li div a{
	float: right;
	line-height: 50px;
	font-size: 14px;
	color: #3568be;
}





/* 延伸 */
.rg_head .title .yanshen{
	background: url(../img/services/services_05.png) no-repeat left center;
}
.more_service{
	
}
.more_service dl{
	margin-bottom: 20px;
}
.more_service dl dt{
	float: left;
	box-shadow: 0 0 10px #c3c2c2;
}
.more_service dl dt img{
	display: block;
	width: 110px;
	height: 110px;
}
.more_service dl dd{
	float: right;
	width: 710px;
	padding-top: 15px;
}

/* about服务 */
.rg_head .title .fuwu{
	background: url(../img/about/lf_07.png) no-repeat left center;
}


@media screen and (max-width: 1024px) {
	.lf_nav{
		width: 100%;
	}
	.lf_nav .nav_head{
		display: none;
	}
	.lf_nav .lf_navbox{
		width: 100%;
		height: 50px;
		position: relative;
	}
	.lf_nav .nav_cont{
		min-height: 50px;
		overflow-x: auto;
		left: 0;
		white-space: nowrap;
		font-size: 0;
		text-align: center;
	}
	.lf_nav .nav_cont li{
		display: inline-block;
	}
	.lf_nav .nav_cont li .menu1{
		margin: 0;
	}
	.lf_nav .nav_cont li .lfimg{
		display: none;
	}
	.lf_nav .nav_cont .active_lfli .menu2{
		position: absolute;
	}
	
	.rg_cont{
		float: left;
		width: 100%;
		margin-top: 30px;
	}
	.rg_head .title{
		float: initial;
	}
	.rg_head .bread_nav{
		margin-top: 10px;
	}
	.rg_head .bread_nav dd{
		font-size: 12px;
	}
	.rg_detail{
		padding: 0 10px;
	}
	.rg_detail img{
		max-width: 100%;
	}
	.rg_detail p img{
		max-width: 100%;
	}
	.boxs dl{
	    margin: 0 0.2rem 0.4rem 0;
	}
	.boxs dl:nth-child(4n){
		margin: 0 0.2rem 0.4rem 0;
	}
	.boxs dl:nth-child(3n){
		margin: 0 0rem 0.4rem 0;
	}
	
	.boxs dl dt {
	    width: 3.2rem;
	    height: 1.6rem;
	}
	.boxs dl dd{
		font-size: 12px;
		line-height: 0.6rem;
	    width: 3.2rem;
	    overflow: hidden;
	    white-space: nowrap;
	    text-overflow: ellipsis;
	}
	
	.fanwei img{
		display: block;
		width: 100%;
	}
	.fanwei div{
		width: auto!important;
		float: initial!important;
	}
	
	.jieneng img{
		display: block;
		width: 100%;
	}
	.huanbao img{
		display: block;
		width: 100%;
	}
	.anquannav li{
		font-size: 13px;
	}
	.anquanlei img{
		display: block;
		width: 100%;
	}
	
	.wenjian_list li a p{
		width: 70%;
		line-height: 40px;
	}
	.wenjian_list li a span{
		line-height: 40px;
	}
	.more_service dl dd{
		width: 62%;
		padding-top: 0;
	}
	.more_service dl dd p{
		line-height: 18px!important;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
	}
	
	.sqxiazai li div p{
		width: 70%;
	}
	
	
	
	
}


@media screen and (max-width: 768px) {
	.lf_nav{
		width: 100%;
	}
	.lf_nav .nav_head{
		display: none;
	}
	.lf_nav .lf_navbox{
		width: 100%;
		height: 50px;
		position: relative;
	}
	.lf_nav .nav_cont{
		min-height: 50px;
		overflow-x: auto;
		left: 0;
		white-space: nowrap;
		font-size: 0;
		text-align: center;
	}
	.lf_nav .nav_cont li{
		display: inline-block;
	}
	.lf_nav .nav_cont li .menu1{
		margin: 0;
	}
	.lf_nav .nav_cont li .lfimg{
		display: none;
	}
	.lf_nav .nav_cont .active_lfli .menu2{
		position: absolute;
	}
	
	.rg_cont{
		float: left;
		width: 100%;
		margin-top: 30px;
	}
	.rg_head .title{
		float: initial;
	}
	.rg_head .bread_nav{
		margin-top: 10px;
	}
	.rg_head .bread_nav dd{
		font-size: 12px;
	}
	.rg_detail{
		padding: 0 10px;
	}
	.rg_detail img{
		max-width: 100%;
	}
	.rg_detail p img{
		max-width: 100%;
	}
	.boxs dl{
		margin: 0 0.45rem 0.4rem 0;
	}
	.boxs dl:nth-child(3n){
	    margin: 0 0.45rem 0.4rem 0;
	}
	.boxs dl:nth-child(2n){
	    margin: 0 0rem 0.4rem 0;
	}
	.boxs dl dt {
	    width: 3.5rem;
	    height: 1.75rem;
	}
	.boxs dl dd{
		font-size: 12px;
		line-height: 0.6rem;
	    width: 3.3rem;
	    overflow: hidden;
	    white-space: nowrap;
	    text-overflow: ellipsis;
	}
	
	.fanwei img{
		display: block;
		width: 100%;
	}
	.fanwei div{
		width: auto!important;
		float: initial!important;
	}
	
	.jieneng img{
		display: block;
		width: 100%;
	}
	.huanbao img{
		display: block;
		width: 100%;
	}
	.anquannav li{
		font-size: 13px;
	}
	.anquanlei img{
		display: block;
		width: 100%;
	}
	
	.wenjian_list li a p{
		width: 70%;
		line-height: 40px;
	}
	.wenjian_list li a span{
		line-height: 40px;
	}
	.more_service dl dd{
		width: 62%;
		padding-top: 0;
	}
	.more_service dl dd p{
		line-height: 18px!important;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
	}
	
	.sqxiazai li div p{
		width: 70%;
	}
	
	
	
	
}

@media screen and (max-width: 750px) {
	.lf_nav{
		width: 100%;
	}
	.lf_nav .nav_head{
		display: none;
	}
	.lf_nav .lf_navbox{
		width: 100%;
		height: 50px;
		position: relative;
	}
	.lf_nav .nav_cont{
		min-height: 50px;
		overflow-x: auto;
		left: 0;
		white-space: nowrap;
		font-size: 0;
		text-align: center;
	}
	.lf_nav .nav_cont li{
		display: inline-block;
	}
	.lf_nav .nav_cont li .menu1{
		margin: 0;
	}
	.lf_nav .nav_cont li .lfimg{
		display: none;
	}
	.lf_nav .nav_cont .active_lfli .menu2{
		position: absolute;
	}
	
	.rg_cont{
		float: left;
		width: 100%;
		margin-top: 30px;
	}
	.rg_head .title{
		float: initial;
	}
	.rg_head .bread_nav{
		margin-top: 10px;
	}
	.rg_head .bread_nav dd{
		font-size: 12px;
	}
	.rg_detail{
		padding: 0 10px;
	}
	.rg_detail img{
		max-width: 100%;
		/*width: 100%;*/
	}
	.rg_detail p img{
		max-width: 100%;
	}
	.boxs dl{
		margin: 0 0.45rem 0.4rem 0;
	}
	.boxs dl:nth-child(2n){
		margin-right: 0;
	}
	.boxs dl dt {
	    width: 3.3rem;
	    height: 1.67rem;
	}
	.boxs dl dd{
		font-size: 12px;
		line-height: 0.6rem;
	    width: 3.3rem;
	    overflow: hidden;
	    white-space: nowrap;
	    text-overflow: ellipsis;
	}
	
	.fanwei img{
		display: block;
		width: 100%;
	}
	.fanwei div{
		width: auto!important;
		float: initial!important;
	}
	
	.jieneng img{
		display: block;
		width: 100%;
	}
	.huanbao img{
		display: block;
		width: 100%;
	}
	.anquannav li{
		font-size: 13px;
	}
	.anquanlei img{
		display: block;
		width: 100%;
	}
	
	.wenjian_list li a p{
		width: 70%;
		line-height: 40px;
	}
	.wenjian_list li a span{
		line-height: 40px;
	}
	.more_service dl dd{
		width: 62%;
		padding-top: 0;
	}
	.more_service dl dd p{
		line-height: 18px!important;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
	}
	
	.sqxiazai li div p{
		width: 70%;
	}
	
	
	
	
}