@charset "utf-8";
/* 内页大图 */
/*幻灯片CSS*/
#nbanner {
	width: 100%;
	position: relative;
}
#nbanner .hd {
	position: absolute;
	bottom: 20px;
	left: 50%;
	z-index: 2;
	font-size: 0;
	transform: translate(-50%,0);
	-ms-transform: translate(-50%,0);
	-webkit-transform: translate(-50%,0);
	-moz-transform: translate(-50%,0);
	-o-transform: translate(-50%,0);
}
#nbanner .hd li {
	width: 20px;
	height: 5px;
	background-color: #ffffff;
	display: inline-block;
	margin: 0 5px;
	cursor: pointer;
	border-radius: 2px;
}
#nbanner .hd .on {
	background-color: #73a733;
}
#nbanner .bd a {
	display: block;
	width: 100%;
	height: 600px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
@media (min-width:1024px) and (max-width:1199px) {
	#nbanner .bd a{
		height: 400px;
	}
}
@media (min-width:768px) and (max-width:1023px) {
	#nbanner .bd a{
		height: 350px;
	}
}
@media screen and (max-width:767px) {
	#nbanner .bd a{
		height: 180px;
	}
}

#pbanner {
	/*width: 100%;*/
	max-width: 1535px;
	position: relative;
	margin: 0 auto;
}
#pbanner .hd {
	position: absolute;
	bottom: 20px;
	left: 50%;
	z-index: 2;
	font-size: 0;
	transform: translate(-50%,0);
	-ms-transform: translate(-50%,0);
	-webkit-transform: translate(-50%,0);
	-moz-transform: translate(-50%,0);
	-o-transform: translate(-50%,0);
}
#pbanner .hd li {
	width: 20px;
	height: 5px;
	background-color: #ffffff;
	display: inline-block;
	margin: 0 5px;
	cursor: pointer;
	border-radius: 2px;
}
#pbanner .hd .on {
	background-color: #73a733;
}
#pbanner .bd a {
	display: block;
	width: 100%;
	height: 1000px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
@media (min-width:1024px) and (max-width:1199px) {
	#pbanner .bd a{
		height: 400px;
	}
}
@media (min-width:768px) and (max-width:1023px) {
	#pbanner .bd a{
		height: 350px;
	}
}
@media screen and (max-width:767px) {
	#pbanner .bd a{
		height: 180px;
	}
}

/* 二级分类 */
.cate-list{background: #f4f4f4;}
.cate-list ul{text-align: center;}
.cate-list ul li{
	display: inline-block;vertical-align: top;height: 40px;
	line-height: 40px;
	position: relative;
}

.cate-list  ul li a{
	display: block;font-size: 14px;color: #333333;line-height: 40px;
	padding: 0px 25px;transition: all .3s;
}
.cate-list  ul li.active a,.cate-list  ul li:hover a{color: #fff;background: #f7b61e;}
.cate-list .location{ 
	background: url(../images/home.png) no-repeat left center; 
	background-size: 22px;
	height: 40px; line-height: 40px; padding-left: 30px;}
/* 二级分类结束 */
@media screen and (max-width:996px) {
	
	
}

@media screen and (max-width:767px) {
	.cate-list ul li{
		width: 49%;
	}
	.cate-list .location{ float: left; }
	
	
}



.products{
	margin-top: 50px;
	margin-bottom: 100px;
}
.products ul{
	margin-top: 30px;
}
.products ul li{
	float: left;
	width: calc((100% - (50px * 2)) / 3);
	margin-right: 50px;
	margin-bottom: 30px;
	cursor: pointer;
}
.products ul li:nth-child(3n){ margin-right: 0px; }
.products ul li dd{
	background: #fcfcfc;
	position: relative;
	box-shadow: 7px 7px 5px #d4d4d4;
	font-size: 0px;
}
.products ul li dd img{
	width: 100%;
}
.products ul li dd div{
	background: rgba(247,182,30,0.8);
	position: absolute;
	display: none;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	font-size: 12px;
	color: #fff;
	text-align: center;
	padding: 0 20px;
}
.products ul li dd div h3{ font-size: 18px; margin-top: 50px; border-bottom: 2px solid #fff; padding-bottom: 10px;}
.products ul li dd div p{ font-size: 16px; line-height: 30px; margin-top: 10px;  margin-bottom: 20px;}
.products ul li dd div a{ background: url(../images/look.png) no-repeat left center; padding-left: 20px; color: #fff;}
.products ul li h2{
	font-size: 16px;
	color: #333333;
	line-height: 30px;
	text-align: center;
	margin-top: 20px;
}
.products ul li:hover dd div{ display: block;}


.productinfo{ width: 100%; text-align: center; font-size: 0; padding: 0; margin: 50px 0px 100px 0px;}
.productinfo img{ font-size: 0; margin: 0; padding: 0;}
.productinfo h4{ font-size: 36px; height: 100px; line-height: 100px; text-align: center; font-weight: bold; color: #fff; background: #f7b61e;}
.productinfo ul{}
.productinfo ul li{ 
	width: calc((100% - 5px * 1) / 2); float: left; background: #fefed2; 
	margin-bottom: 5px; height: 50px; line-height: 50px; text-align: left;
	font-size: 20px;
	padding-left: 40px;
}
.productinfo ul li:nth-child(2n){ float: right;}
.productinfo ul li span{ display: block; width: 40%; float: left; text-align: center; color: #fff; margin-right: 20px;}

@media screen and (max-width:996px) {
	
	
}

@media screen and (max-width:767px) {
	.products{
		margin-top: 50px;
		margin-bottom: 100px;
	}
	.products ul{
		margin-top: 30px;
	}
	.products ul li{
		float: left;
		width: 100%;
		margin-right: 50px;
		margin-bottom: 30px;
		cursor: pointer;
	}
	.products ul li:hover dd div{ display: none;}


	.productinfo ul{}
	.productinfo ul li{ 
		width: 100%; float: left; background: #fefed2; 
		margin-bottom: 5px; height: 50px; line-height: 50px; text-align: left;
		font-size: 20px;
		padding-left: 40px;
	}
	
	
}


.newsinfo{background: #f3f3f3; padding: 100px 0px;}
.newsinfo h2{ color: #333333; font-size: 38px; margin-bottom: 30px;}
.newsinfo span{ color: #666666; font-size: 14px;}
.newsinfo .info{ margin-top: 50px; line-height: 20px;}
.newsinfo .info p{ margin-bottom: 10px;}
.newsinfo .info img{ width: 100%;}
.newsinfo dd{ border-bottom:  1px solid #666666; padding-bottom: 30px;}

@media screen and (max-width:996px) {
	
	
	
}

@media screen and (max-width:767px) {
	.newsinfo{background: #f3f3f3; padding: 50px 0px;}
	.newsinfo h2{ color: #333333; font-size: 24px; margin-bottom: 20px;}
	.newsinfo .info{ margin-top: 30px; line-height: 20px;}
}

.caselist{ margin-bottom: 100px;}
.caselist ul li{ width: calc((100% - 40px * 2) / 3); float: left; margin-right: 40px;
	margin-top: 50px; padding-bottom: 50px;
}
.caselist ul li div{ font-size: 16px;}
.caselist ul li dd{ height: 255px; overflow: hidden;}
.caselist ul li dd img{ height: 255px;transition: all .35s; width: 100%;}
.caselist ul li dd img:hover{ transform: scale(1.1);}
.caselist ul li h4{ 
	font-size: 16px; line-height: 25px; margin: 20px 0px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;}
.caselist ul li p{ 
	font-size: 16px; line-height: 25px; margin: 10px 0px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden; color: #8f8f8f; font-size: 14px;}
.caselist ul li dl{ color: #b4b4b4; font-size: 12px;}	
.caselist ul li dl i{ color: #73a733; font-size: 20px; font-style: inherit; float: right;font-weight: bold;}
.caselist ul li:nth-child(3n){ margin-right: 0px;}





@media screen and (max-width:996px) {
	
}

@media screen and (max-width:767px) {
	.caselist{ margin-bottom: 100px;}
	.caselist ul li{ width: 100%; float: left; margin-right: 40px;
		margin-top: 50px; padding-bottom: 50px;
	}
	
	
}

.newslist{ margin-bottom: 100px; margin-top: 100px;}
.newslist ul li{
	margin-top: 30px; 
	overflow: hidden;
}
.newslist ul li div{ font-size: 16px;}
.newslist ul li dd:nth-child(1){ width: 300px; overflow: hidden; float: left;}
.newslist ul li dd:nth-child(2){ width: calc(100% - 550px); overflow: hidden; float: left; margin-left: 40px;}
.newslist ul li dd:nth-child(3){ width: 170px; float: right; font-size: 30px; padding-top: 50px;}
.newslist ul li dd img{ width: 100%;}
.newslist ul li h4{ 
	font-size: 18px; 
	margin: 0px 0px 20px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	line-height: 40px;
	overflow: hidden;}
.newslist ul li p{ 
	font-size: 16px; line-height: 25px; margin: 10px 0px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden; color: #8f8f8f;}
.newslist ul li dl{ color: #b4b4b4; font-size: 12px;}
.newslist ul li a.more{ color: #b4b4b4; font-size: 12px; margin-top: 30px; display: block;}

@media (min-width: 991px) and (max-width: 120px){	
	
}
@media (min-width: 767px) and (max-width: 991px){	
	
}

@media screen and (max-width:767px) {
	.newslist{ margin-bottom: 100px; margin-top: 100px;}
	.newslist ul li{
		margin-top: 30px; 
		overflow: hidden;
	}
	.newslist ul li div{ font-size: 16px;}
	.newslist ul li dd:nth-child(1){ display: none; }
	.newslist ul li dd:nth-child(2){ width: 100%; overflow: hidden; float: left; margin-left: 0px;}
	.newslist ul li dd:nth-child(3){ width: 100%; float: right; font-size: 16px; padding-top: 20px;}
	.newslist ul li dd img{ width: 100%;}
	.newslist ul li h4{ 
		font-size: 18px; 
		margin: 0px 0px 20px;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		line-height: 40px;
		overflow: hidden;}
	.newslist ul li p{ 
		font-size: 16px; line-height: 25px; margin: 10px 0px;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
		overflow: hidden; color: #8f8f8f;}
	.newslist ul li dl{ color: #b4b4b4; font-size: 12px;}
	.newslist ul li a.more{ color: #b4b4b4; font-size: 12px; margin-top: 30px; display: block;}

}


.contact{}
.contact .message{ margin: 100px auto;}
.contact .message h2{ font-size: 36px; text-align: center; margin-bottom: 10px; color: #333333;}
.contact .message h3{ font-size: 20px; text-align: center; margin-bottom: 50px; color: 3333333;}
.contact .message .layui-form-label{ text-align: left; padding: 0;}
.contact .message .layui-input{ border: none; border-bottom: 1px solid #e2e3e4;}
.contact .message span{ padding-left: 10px; color: #FF0000;}
.contact .message .layui-btn{ background: none; color: #000000; border: 1px solid #000000;}
.contact .lxwm{ background: #f6f6f6; margin: 50px 0px; padding: 100px 0px;}
.contact .lxwm h2{ font-size: 36px; text-align: center; margin-bottom: 10px; color: #333333;}
.contact .lxwm h3{ font-size: 20px; text-align: center; margin-bottom: 50px; color: 3333333;}
.contact .lxwm .c{ width: 48%; float: left; background: #343434; height: 100%; color: #ffffff; padding: 80px; height: 350px; overflow: hidden; line-height: 30px;}
.contact .lxwm .c h4{ font-size: 24px; margin-bottom:40px ;}
.contact .lxwm dt:last-child{ width: 48%; float: right; height: 350px; overflow: hidden;}
.contact .lxwm dt:last-child img{ height: 100%;}

@media screen and (max-width:996px) {
	
	
	
}

@media screen and (max-width:767px) {
	.contact .lxwm .c{ 
		width: 100%; float: left; 
		background: #343434; height: 100%; color: #ffffff; padding: 80px; height: 350px; 
		overflow: hidden; line-height: 30px;
	}
	.contact .lxwm .c h4{ font-size: 24px; margin-bottom:40px ;}
	.contact .lxwm dt:last-child{ width: 100%; float: right; height: auto; overflow: hidden; margin-top: 20px;}
	.contact .lxwm dt:last-child img{ height: 100%;}
	
}

.about{ margin-top: 100px; margin-bottom: 100px; }
.about h2{ 
	font-size: 30px;
	text-align: center;
	position: relative;
	font-size: 24px;
	color: #333333;
	height: 60px;
	margin-bottom: 90px;
}
.about h2 span{ position: absolute; display: block; text-align: center; width: 100%; z-index: 2;}
.about h2 p{ position: absolute; top: 13px; font-size: 32px; color: #eaeaea; font-weight: bold; text-align: center; width: 100%; z-index: 1;}
.about h2:before{position: absolute; content: ''; display: block; height: 1px; width: calc(50% - 100px); background: #e2e2e2; top: 30px;}
.about h2:after{position: absolute; content: ''; display: block; height: 1px; width: calc(50% - 100px); background: #e2e2e2; top: 30px; right: 0;}

.about .fl{ width: 50%;}
.about .fl img{ width: 100%;}
.about .fr{ width: calc(50% - 30px);}
.about .fr h4{ font-size: 16px; color: #333333; line-height: 30px;}
.about .fr h4:nth-child(1){ font-weight: bold;}
.about .fr dd{ margin-top: 30px; background: #f3cf20;padding: 20px;}
.about .fr dd span{ font-size: 26px; font-weight: bold; border-bottom: 1px solid #000; padding-bottom: 10px; color: #000;}
.about .fr dd p{ margin-top: 20px; font-size: 30px; letter-spacing: 10px; color: #000;}
.about .fr dl{ margin-top: 20px; line-height: 30px; font-size: 16px;}



@media screen and (max-width:996px) {
	

}

@media screen and (max-width:767px) {
	.about{ margin-top: 60px; margin-bottom: 100px; }
	.about h2{ 
		font-size: 30px;
		text-align: center;
		position: relative;
		font-size: 24px;
		color: #333333;
		height: 60px;
		margin-bottom: 30px;
	}
	.about h2 span{ position: absolute; display: block; text-align: center; width: 100%; z-index: 2;}
	.about h2 p{ position: absolute; top: 13px; font-size: 32px; color: #eaeaea; font-weight: bold; text-align: center; width: 100%; z-index: 1;}
	.about h2:before{position: absolute; content: ''; display: block; height: 1px; width: calc(50% - 100px); background: #e2e2e2; top: 30px;}
	.about h2:after{position: absolute; content: ''; display: block; height: 1px; width: calc(50% - 100px); background: #e2e2e2; top: 30px; right: 0;}

	.about .fl{ width: 100%;}
	.about .fl img{ width: 100%;}
	.about .fr{ width: 100%;}
	.about .fr h4{ font-size: 16px; color: #333333; line-height: 30px;}
	.about .fr h4:nth-child(1){ font-weight: bold;}
	.about .fr dd{ height: 150px;  background: #f7b61e; width: 100%; display: none; margin-top: 30px; padding-top: 25px; padding-left: 80px;}
	.about .fr dd span{ font-size: 26px; font-weight: bold; border-bottom: 1px solid #fff; padding-bottom: 10px; color: #fff;}
	.about .fr dd p{ margin-top: 20px; font-size: 30px; letter-spacing: 10px; color: #fff;}
	.about .fr dl{ margin-top: 20px; line-height: 30px; font-size: 16px;}

}