@charset "utf-8";
/* CSS Document */

a:hover{
	text-decoration: none;
}

.foot .cc{
	width: 1200px;
	margin: 0 auto;
}

.foot{
	position: relative!important;
	padding: 15px 0%!important;
}

body{
	background: #efefef;
}

.banner{
	padding-top: 70px;
}









.about{
	position: relative;
	top: -100px;

}

.aboutc{
	background: #fff;
	padding: 0 50px;
	width: 66%;
}

.aboutzi{
	height: 100px;	
	border-bottom: 1px solid #efefef;
}

.aboutzi h2{
	font-size: 28px;
	float: left;
	width: 30%;
	line-height: 100px;
}

.aboutnav{
	float: right;
	width: 70%;
}

.aboutnav ul{
	margin-bottom: 0px;
}

.aboutnav ul li{
	height: 100px;
	line-height: 100px;
	float: right;
	margin-left: 50px;
}

.aboutnav ul li.active{
	border-bottom: 1px solid #d93e36;
}

.aboutnav ul li.active a{
	color: #d93e36;
}


.aboutnav ul li:hover{
	border-bottom: 1px solid #d93e36;
}

.aboutnav a{
	font-size: 15px;
	color: #333;
	
}

.aboutnav a:hover{
	color: #d93e36;
}

.aboutcon{
	padding: 3% 0px;
}

.aboutcon p{
	font-size: 15px;
	line-height: 28px;
	text-indent: 30px;
	color: #333;
}





.aboutwh{
	margin-top: 30px;
	

}

.aboutwhcon{
	padding: 50px 0 100px 0;
	
}

.aboutwh .aboutc{
	background: url(../images/wh.jpg) no-repeat center;
	background-attachment: fixed;
}

.aboutwh h3{
	font-size: 18px;
	color: #fff;
	margin-bottom: 30px;
	margin-top: 50px;
}

.aboutwh p{
	font-size: 15px;
	color: #fff;
	margin-bottom: 5px;
}


html,body{
	scroll-behavior: smooth;
}

















.prod{
	/*position: relative;
	top: -100px;*/
	background: #fff;
	padding: 5% 0;
}

.prodc{
	/*background: #fff;
	padding: 0 50px;*/
	width: 66%;
}

.prodzi{
	/*height: 100px;	
	border-bottom: 1px solid #efefef;*/
	margin-bottom: 3%;
}

.prodzi h2{
	font-size: 28px;
	text-align: center;
}

.prozuo{
	float: left;
	width: 25%;
}

.prodnav ul{
	margin-bottom: 0px;
}

.prodnav ul li{
	padding: 15px 0;
	float: left;
	background: #F3F1F1;
	width: 100%;
	padding-left: 10px;
	margin-bottom: 1px;
	transition: all 1s;
	-moz-transition: all 1s;
-ms-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
}


.prodnav h3{
	height: 80px;
	line-height: 80px;
	background: #d93e36;
	color: #fff;
	margin-bottom: 1px;
	padding-left: 10px;
}

.prolx h3{
	height: 80px;
	line-height: 80px;
	background: #d93e36;
	color: #fff;
	margin-bottom: 1px;
	padding-left: 10px;
	margin-top: 30px;
}

.prolx ul li{
	padding: 15px 0;
	float: left;
	background:#F3F1F1;
	width: 100%;
	padding-left: 10px;
	margin-bottom: 1px;
	transition: all 1s;
	-moz-transition: all 1s;
-ms-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
}

/*.prolx ul li:hover{
	padding-left: 50px;
}*/


.prodnav ul li.active{
	background: #d93e36;
	color: #fff;
}

.prodnav ul li.active a{
	color: #fff;
}


/*.prodnav ul li:hover{
	padding-left: 50px;
}*/

.prodnav a{
	font-size: 15px;
	color: #333;
	
}

.prodnav a:hover{
	color: #d93e36;
}

.prodcon{
	
	float: right;
	width: 73%;
}

.prodcon ul li{
	float: left;
	width: 30%;
	margin: 0 1.5% 2%;
}

.proimg{
	overflow: hidden;
	border: 1px solid #ccc;
}

.proimg img{
	transition: all 1s;
	-moz-transition: all 1s;
-ms-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
}

.prod ul li p{
	text-align: center;
	margin-top: 10px;
	color: #333;
}

.prodcon ul li:hover img{
	transform:scale(1.25);
	-moz-transform:scale(1.25);
-ms-transform:scale(1.25);
-webkit-transform:scale(1.25);
-o-transform:scale(1.25);
}

.prodcon ul li:hover p{
	color: #d93e36;
}


.proo{
	float: right;
	width: 73%;
}

.proocon{
	float: left;
	width: 60%;
}

.prodccon img{
	margin: 0 auto;
}

.protd{
	float: right;
	width: 39%;
}

.protd h3{
	margin-bottom: 20px!important;
	font-size: 22px!important;
	color: #111!important;
}

.protd *{
	font-size: 14px;
	line-height: 28px;
	margin-bottom: 10px;
	color: #fff;
}

.projs{
	background: #d93e36;
	margin-bottom: 15px;
	margin-top: 3%;
	height: 80px;
}

.projs h3{
	float: left;
	width: 80%;
	color: #fff;
	font-size: 20px;
	line-height:80px;
	padding-left: 30px;
}



.prod .sx{
	float: left;
	width: 20%;
	padding-top: 15px;
}


.prod .sx a{
	color: #fff;
	/*float: right;*/
}
.prod .sx p{
	color: #fff;
}

.prod .sx .xian{
	background: #ddd;
	height: 1px;
	width: 100%;
	margin: 4% 0
}

.projscon *{
	font-size: 14px;
	line-height: 28px;
	color: #333;
}

.projscon img{
	display: block;
	max-width: 100%;
	height: auto;
}

.preview { width: 100%;margin-top: 10px;position: relative;}
.preview .swiper-slide {width: 11%!important;height: 100%;margin: 0 1%;}
.view .arrow{position: absolute;top: 50%;margin-top: -50px;width: 50px; height: 100px;z-index: 10;}
.view .arrow-left {background: url("../images/arrow-left.png") no-repeat center;left: 10px;}
.view .arrow-right {background: url("../images/arrow-right.png") no-repeat center;right: 10px;}
.view img{
	margin: 0 auto;
}
.preview img {padding: 2px;}
.preview .active-nav img {padding: 0;border: 1px solid #d93e36;}
.preview  img {padding: 0;border: 1px solid #ccc;}























.service{
	position: relative;
	top: -100px;

}

.servicec{
	background: #fff;
	padding: 0 50px;
	width: 66%;
}

.servicezi{
	height: 100px;	
	border-bottom: 1px solid #efefef;
}

.servicezi h2{
	font-size: 28px;
	float: left;
	width: 30%;
	line-height: 100px;
}

.servicenav{
	float: right;
	width: 70%;
}

.servicenav ul{
	margin-bottom: 0px;
}

.servicenav ul li{
	height: 100px;
	line-height: 100px;
	float: right;
	margin-left: 50px;
}

.servicenav ul li.active{
	border-bottom: 1px solid #d93e36;
}

.servicenav ul li.active a{
	color: #d93e36;
}


.servicenav ul li:hover{
	border-bottom: 1px solid #d93e36;
}

.servicenav a{
	font-size: 15px;
	color: #333;
	
}

.servicenav a:hover{
	color: #d93e36;
}

.servicecon{
	padding: 3% 0px;
}

.servicecon p{
	font-size: 15px;
	color: #333;
}

.mescon{
	margin-top: 3%;
}

.mescon p{
	line-height: 50px;
    font-size: 12px;
    color: #8b8b8b;
	text-align: center;
}

.mescon input{
	float: left;
	width: 47%;
	margin: 0 1.5% 3%;
	height: 35px;
    border: 1px solid #e9e9e9;
    text-indent: 20px;
	
}

.mescon textarea{
	width: 97%;
	margin: 0 1.5%;
	height: 200px;
	border: 1px solid #e9e9e9;

	padding: 10px 20px;
}

.mescon .submit{
	
	height: 40px;
	line-height: 40px;
	width: 150px;
	background: #d93e36;
	color: #fff;
	border: none;
	margin: 5% 0 6% 1.5%;
	text-indent:0px;
}




.ziliao{
	margin-top: 30px;
	
	
}

.ziliaocon{
	background: #fff;
padding: 50px;
width: 66%;
}

.ziliaozi{
	margin-bottom: 3%;
}

.ziliaozi h2{
	font-size: 28px;
	text-align: center;
	
}

.zlcon ul li{
	border-bottom: 1px solid #ccc;
	padding-bottom: 30px;
}

.zll{
	float: left;
	width: 50%;
}

.zll h3{
	font-size: 18px;
	color: #d93e36;
	margin-bottom: 50px;
}

.zll a{
	display: block;
	height: 40px;
line-height: 40px;
width: 150px;
background: #d93e36;
color: #fff;
	text-align: center;
	margin-top: 50px;
}

.zlr{
	float: right;
	width: 50%;
	text-align: center;
}

.zlr img{
	margin: 0 auto;
}










.news{
	position: relative;
	top: -100px;

}

.newsc{
	background: #fff;
	padding: 0 50px;
	width: 66%;
}

.newszi{
	height: 100px;	
	border-bottom: 1px solid #efefef;
}

.newszi h2{
	font-size: 28px;
	float: left;
	width: 50%;
	line-height: 100px;
}

.newsnav{
	float: right;
	width: 50%;
}

.newsnav ul{
	margin-bottom: 0px;
}

.newsnav ul li{
	height: 100px;
	line-height: 100px;
	float: right;
	margin-left: 50px;
}

.newsnav ul li.active{
	border-bottom: 1px solid #d93e36;
}

.newsnav ul li.active a{
	color: #d93e36;
}


.newsnav ul li:hover{
	border-bottom: 1px solid #d93e36;
}

.newsnav a{
	font-size: 15px;
	color: #333;
	
}

.newsnav a:hover{
	color: #d93e36;
}

.newscon{
	padding: 3% 0px;
}

.newscon ul li{
	float: left;
	width: 30%;
	margin: 0 1.5%;

}

.newsimg{
	position: relative;
	overflow: hidden;
	background: #000;
}

.newsimg img{
	transition: all 1s;
	-moz-transition: all 1s;
-ms-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
}

.newscon ul li:hover img{
	opacity: 0.5;
	transform: scale(1.1);
	-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
}

.newsimg h3{
	width: 100%;
	text-align: center;
	position: absolute;
	top:50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
	font-size: 18px;
	color: #fff;
	opacity: 0;
	transition: all .5s;
	-moz-transition: all .5s;
-ms-transition: all .5s;
-webkit-transition: all .5s;
-o-transition: all .5s;
}

.newscon ul li:hover h3{
	opacity: 1;
}

.newsimg .xian1{
	position: absolute;
	top:42%;
	left: 50%;
	transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
	background: #fff;
	height: 1px;
	width: 80%;
	margin: 0 auto;
	opacity: 0;
	transition: all 1s;
	-moz-transition: all 1s;
-ms-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
}

.newscon ul li:hover .xian1,.newscon ul li:hover .xian2{
	width: 0%;
	opacity: 1;
}

.newsimg .xian2{
	position: absolute;
	top:58%;
	left: 50%;
	transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
	background: #fff;
	height: 1px;
	width: 80%;
	margin: 0 auto;
	opacity: 0;
	transition: all 1s;
	-moz-transition: all 1s;
-ms-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
}

.newsp{
	padding: 25px 15px;
	background: #fff;
}

.newsp p{
	font-size: 15px;
	line-height: 28px;
	color: #333;
}

.newsp span{
	font-size: 14px;
	color: #d93e36;
	margin-top: 10px;
	transition: all 1s;
	-moz-transition: all 1s;
-ms-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
}

.newscon ul li:hover span{
	margin-left: 20px;
}

.newsscon{
	padding: 3% 0px;
}

.newsscon p{
	font-size: 15px;
	line-height: 28px;
	text-indent: 30px;
	margin-bottom: 10px;
	color: #333;
}

.news .sx{
	padding: 3% 0 5% 0;
}

.news .sx a{
	color: #333;
	/*float: right;*/
}
.news .sx p{
	color: #333;
}




































.contact{
	position: relative;
	top: -100px;

}

.contactc{
	background: #fff;
	padding: 0 50px;
	width: 66%;
}

.contactzi{
	height: 100px;	
	border-bottom: 1px solid #efefef;
}

.contactzi h2{
	font-size: 28px;
	float: left;
	width: 30%;
	line-height: 100px;
}

.contactcon{
	padding: 3% 0px;
}










.fenye a{text-decoration:none;color:#3c3c3c;background:#fff;border:1px solid #cccccc;padding:3px 8px;padding-bottom:2px;margin-right:3px;cursor:pointer}
.fenye .red{background:#d93e36!important; color:#fff; border:0; padding:3px 8px;}
.fenye a.active{background:#d93e36;border:1px solid #cccccc;color:#fff}
.fenye a:hover{text-decoration:none;color:#fff;background:#d93e36;border:1px solid #cccccc}

























@media (min-width:768px) and (max-width:991px){
	.banner{
		padding-top: 88px;
	}
	.procon .col-md-4,.sbcon .col-md-4{
		width: 48%;
		margin: 0 1% 3%;
		float:left;
		padding: 0;
	}
	.newscon .col-md-4{
		margin-bottom: 5%;
	}
	.mes{
		padding: 0 15px;
	}
}














@media (max-width:767px){
	.banner{
		display: none;
	}
	.contact,.online,.news,.pro,.about,.shebei{
		padding-top: 100px;
	}
	.contactzi h2,.onlinezi h2,.newszi h2,.prozi h2,.aboutzi h2,.shebeizi h2{
		margin-bottom: 30px;
	}
	.mes{
		padding: 0 15px;
	}
	.mes ul li{
		width: 100%;
		margin-bottom: 20px;
	}
	.mes ul .wide{
		width: 100%;
	}
	.mes .submit{
		padding: 10px 10%;
	}
	.procon .col-md-4,.sbcon .col-md-4{
		width: 48%;
		margin: 0 1% 3%;
		float:left;
		padding: 0;
	}
	.newscon .col-md-4{
		margin-bottom: 5%;
	}
	
}