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

.top{
	width:90%;
	margin: 0 auto;
	padding: 10px 0 20px 0;
	text-align: center;
	overflow: hidden;
}
#top{
	width:90%;
	margin: 0 auto;
	padding: 10px 0 20px 0;
	text-align: center;
	
}
.top h1{
	float: left;
	padding-bottom: 10px;
}
.top ul {
	width: 740px;
	margin: 0 auto;
}
.top  ul li{
	float: left;
	margin-top: 35px;
	padding:5px 15px; 
	margin: 25px 3% 0 3%;
	position: relative;
	z-index: 999999;
}
.top .top_pf{
	position: absolute;
	top: 34px;
	width: 150%;
	right: -25%;
	
	background: #f3f3f3;
	overflow: hidden;
	height: 0;
	border-top: 0px solid #fff;
				transition-duration:0.4s; 
	-moz-transition-duration:0.4s; 
	-webkit-transition-duration:0.4s; 
	-o-transition-duration:0.4s; 

	
}
.top ul li:hover .top_pf{
	height: auto;
	border-top: 26px solid #fff;
	
}
.top .top_pf p{
	padding: 15px;
	border-bottom: 1px solid #DCDCDC;
}
.top .top_pf p a{
	color: #484848;
}
.top .top_pf p:hover {
	background: #dc3924;
}
.top .top_pf p:hover  a{
	color: #f1f1f1;
}
.top  ul li:nth-child(6) {
	margin:25px  0 ;
}
.top  h3{
	float: right;
	margin-top: 30px;
	margin-right: -5px;
}
.top  h3 a{
	margin: 0 5px ;
}
.top ul .s{
	background: #dc3924;
	border-radius: 2px;
}
.top ul .s>a{
	color: #f1f1f1;
	
}
.top ul li:hover{
	background: #dc3924;
	border-radius: 2px;
}
.top ul li:hover>a{
	color: #f1f1f1;
	
}


/*fw*/
.fw{
	width: 90%;
	margin: 0 auto;
	overflow: hidden;
	padding: 72px 0 64px 0;
}

.fw ul {
	margin-left: -1.33%
}
.fw ul li{
	width: 32%;
	margin-left: 1.33%;
	float: left;
			transition-duration:0.4s; 
	-moz-transition-duration:0.4s; 
	-webkit-transition-duration:0.4s; 
	-o-transition-duration:0.4s; 


}
.fw ul li  h3{
	font-size: 20px;
	margin-top: 15px;
	color: #323334;
}
.fw ul li .fw_tu{
	position: relative;
}
.fw ul li .fw_tu img{
	width: 100%;
}
.fw ul li .fw_tu .fw_pf{
	position: absolute;
	top: 29%;
	width: 40%;
	left:28%;
	text-align: center;
	background: url(../img/1.png);
	padding: 15px;
	font-size: 24px;
	color: #252c34;
	opacity: 0;
			transition-duration:0.4s; 
	-moz-transition-duration:0.4s; 
	-webkit-transition-duration:0.4s; 
	-o-transition-duration:0.4s; 



}
.fw ul li .fw_tu .fw_pf p{
	width:30px;
	height: 1px;
	background: #252c34;
	margin: 15px auto 0 auto;
}
.fw ul li:hover .fw_tu .fw_pf{
	opacity: 1;
	transform:translate(0px,-3px);

}
.fw ul li:hover{
	transform:translate(0px,-3px);
	color: #dc3924;
}
	.fw ul li:hover  h3{
	color: #dc3924;
}


/*cp*/
.sy_cp{
	width: 100%;
	height: 509px;
	background: url(../img/4.jpg)no-repeat center top;
	overflow: hidden;
}
.sy_cp .cp_1200{
	width: 1200px;
	margin: 0 auto;
	text-align: center;
	padding: 63px 0;
}

.cp_1200 ul {
	margin-left: -103px;
}
.cp_1200 ul li{
	width:153px;
	margin-top: 118px;
	float: left;
	margin-left: 103px;
}
.cp_1200 ul li p{
	margin-top: 20px;
	font-size: 16px;
	color: #f1f1f1;
}
.cp_1200 ul li div{
	width:153px;
	height: 153px;
	border: 2px solid #f1f1f1;
	border-radius: 140px;
				transition-duration:0.4s; 
	-moz-transition-duration:0.4s; 
	-webkit-transition-duration:0.4s; 
	-o-transition-duration:0.4s; 


}
.cp_1200 ul li div h4{
	width: 123px;
	height: 123px;
	margin: 0 auto;
	background: #f1f1f1;
	margin-top: 14px;
	border-radius: 140px;
	overflow: hidden;
				transition-duration:0.4s; 
	-moz-transition-duration:0.4s; 
	-webkit-transition-duration:0.4s; 
	-o-transition-duration:0.4s; 


}
.cp_1200 ul li div h4 img{
	width:980px ;
	margin-top: 27px;
	margin-left: 15px;
				transition-duration:0.4s; 
	-moz-transition-duration:0.4s; 
	-webkit-transition-duration:0.4s; 
	-o-transition-duration:0.4s; 


}
.cp_1200 ul li:nth-child(2) div h4 img{
	width:980px ;
	margin-top: 30px;
	margin-left: -210px;
}
.cp_1200 ul li:nth-child(3) div h4 img{
	width:980px ;
	margin-top: 30px;
	margin-left: -436px;
}
.cp_1200 ul li:nth-child(4) div h4 img{
	width:980px ;
	margin-top: 30px;
	margin-left: -662px;
}
.cp_1200 ul li:nth-child(5) div h4 img{
	width:980px ;
	margin-top: 30px;
	margin-left: -918px;
}
.cp_1200 ul li:hover div h4 img{

		margin-top: -75px;
}
.cp_1200 ul li:hover div h4{
	background: #e92323;
}
.cp_1200 ul li:hover div{
	background: #e92323;
}




/*xw*/
.xw {
	width: 100%;
	margin: 0 auto;
	background: #f9f9f9;	
}
.xw_1200{
	width: 90%;
	margin: 0 auto;
	padding: 52px 0;
		overflow: hidden;

}
.xw .xw_1200>img{
	margin-bottom: 40px;
}
.xw ul {
	margin-left: -0.33%;
}
.xw ul li{	
	width: 33%;
	height: auto;
	overflow: hidden;
	position: relative;
	background: #fff;
	margin-left: 0.33%;
	float: left;
	padding: 1.5% 1.5% 4.1% 1.5%;
					transition-duration:0.2s; 
	-moz-transition-duration:0.2s; 
	-webkit-transition-duration:0.2s; 
	-o-transition-duration:0.2s; 
	max-height: 390px;
}

.xw ul li img{
	width:55%;
					transition-duration:0.5s; 
	-moz-transition-duration:0.5s; 
	-webkit-transition-duration:0.5s; 
	-o-transition-duration:0.5s; 

	
	
}
.xw ul li h4{
	position: absolute;
	right: 0;
	top: 0;
	font-size: 30px;
	font-weight: 600;
	padding: 6% 6% 4% 6%;
	background: #fff;
	color: #9d9d9d;
}
.xw ul li h5{
	font-size: 16px;
 color: #333333;
	margin-top: 40px;
	padding-bottom: 14px;
	border-bottom: 1px solid #d9d9d9;
						transition-duration:0.5s; 
	-moz-transition-duration:0.5s; 
	-webkit-transition-duration:0.5s; 
	-o-transition-duration:0.5s; 

}
.xw ul li p{
	margin-top: 12px;
	color: #7b7b7b;
			    text-overflow: ellipsis;
    display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp:2; /** 显示的行数 **/
    overflow: hidden;  /** 隐藏超出的内容 **/
	transition-duration:0.5s; 
	-moz-transition-duration:0.5s; 
	-webkit-transition-duration:0.5s; 
	-o-transition-duration:0.5s; 

}

.xw ul li:hover{
	padding: 0;
	height: auto;
	background: none;
}
.xw ul li:hover img{
	width: 100%;
}
.xw ul li:hover h5 {
	opacity: 0;
}
.xw ul li:hover h4{
		color: #484848;

}
.xw ul li:hover p {
		opacity: 0;
}

/*di*/
.di{
	width: 100%;
	overflow:hidden;
	padding: 40px 0;
	background: #1c1c1c;
}
.di_1200{
	width: 90%;
	margin: 0 auto;
}
.di_1200 ul {
	
}
.di_1200 ul li{
	float: left;
	padding:0 7%;
	border-left: 1px solid #333333;

}
.di_1200 ul li p{
	line-height: 40px;
}
.di_1200 ul li p a{
	color: #adadad;
}
.di_1200 ul li p:nth-child(1){
	font-size: 16px;
	color: #f1f1f1;
	margin-bottom: 15px;
}
.di_1200 ul li:nth-child(1) {
	padding-left: 0;
	border-left: 0px solid #adadad;
}
.di_1200 ul li:nth-child(1) p:nth-child(1){
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 15px;
	color: #f1f1f1;
}
.di_1200 ul li:nth-child(1) p{
	color: #adadad;
}
.di_1200 ul li  a:hover{
	color: #f1f1f1;
}

.ban{
	text-align: center;
	padding: 10px;
	background: #191919;
}

/*ny*/
/*dh*/
/*内页导航*/
#ny_dh_bj{width:100%; background: #f7f7f7!important;margin-bottom: 50px!important; overflow: hidden;}
.ny_dh_bj{width:100%; background: #f7f7f7!important;margin-bottom: 50px!important; overflow: hidden;}
.ny_dh ul{overflow:hidden;}
.ny_dh ul .wz{ clear:none;float: right;margin-top: 21px;color:#747474;}
.ny_dh ul .wz a:last-child{color: #dc3924;}
.ny_dh ul li{ display:inline-block; padding:20px 40px;font-size: 16px; }
.ny_dh ul li a{ color:#747474;}
.ny_dh ul .wz a{ color:#747474;}
.ny_dh ul .s{background: #dc3924;}
.ny_dh ul .s a{color:#f1f1f1;}
.ny_dh ul li:hover{background: #dc3924;}
.ny_dh ul li:hover a{color:#f1f1f1;}
.w1200{
	width: 90%;margin: 0 auto;
}

/*gy*/

.gy{
	width:90%;
	margin: 0 auto;
	text-align: center;
	font-size: 16px;
	line-height: 30px;
}
.gy>img{
	margin-bottom: 40px;
}


/*gy*/

.ny_gy{
	width: 90%;
	margin: 0 auto;
	text-align: center;
	font-size: 16px;
	line-height: 30px;
}
.ny_gy>img{
	margin-bottom: 70px;
	width: 48%;
	float: left;
	
}
.ny_gy p{
	float: right;
	width: 48%;
	line-height: 30px;
	margin-top: 8%
}
.ny_gy p b{
	font-size: 24px;
	line-height: 120px;
	color: #e41e04;
}


/*cp*/
.ny_cp{
	width: 90%;
	margin: 0 auto;
	text-align: center;
	padding-bottom: 70px;
	overflow: hidden;
}
.ny_cp ul{
	margin-left:-1%;

}
.ny_cp ul li{
background: #f3f3f3	;
	float: left;
	width: 24%;
	padding: 10px;
	margin-left: 1%;
	margin-bottom: 1%;
		transition-duration:0.4s; 
	-moz-transition-duration:0.4s; 
	-webkit-transition-duration:0.4s; 
	-o-transition-duration:0.4s; 

}
.ny_cp ul li:hover{
	transform:translate(0px,-3px);
	box-shadow:  1px 5px 8px #d9d9d9;

}
.ny_cp ul li img{
	width: 100%;
}
.ny_cp ul li h3{
	font-size: 20px;
	padding: 10px 0;
}
.ny_cp ul li p{
	color: #787878;
}
.ny_cp ul li  a{
	padding: 5px 15px;
	line-height: 50px;
	border-radius: 10px;
}
.ny_cp ul li:hover  a{
	padding: 5px 15px;
	background: #dc3924;
	line-height: 50px;
	border-radius: 10px;
	color: #f1f1f1;
}

/*cp*/

/*文章详细*/
.newsLeft{background:#f9f9f9;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.1);-moz-box-shadow:0 1px 1px rgba(0,0,0,.1);box-shadow:0 1px 1px rgba(0,0,0,.1);-ms-box-shadow:0 1px 1px rgba(0,0,0,.1);width:70%;padding:2.5% 2%;margin:1.6% 0 }
.newsDetail h2{font-size:24px;line-height:26px;text-align:center;color:#333;padding-bottom:15px;font-weight:normal;}
.newsDetail .msg{text-align:center;border-bottom:1px solid #ededed;font-family:"宋体";font-size:12px;padding-bottom:5px;}
.newsDetail .msg span{padding:0 7px;color:#999;}
.newsDetail .msg .fonts a{padding:0 3px;}
.newsDetail .msg a.active{font-weight:bold;color:#dc3924;}
.newsDetail .detailCont{padding:30px 0;line-height:26px;overflow:hidden;}
.newsDetail .detailCont .pic{text-align:center;padding-bottom:20px}
.newsDetail .detailCont .pic img{margin-top:10px;}
.pagIng{border:1px solid #ededed;padding:8px 15px;overflow:hidden;}
.pagIng .fl{width:589px;height:60px;padding-right:30px;border-right:1px solid #ededed;}
.pagIng .fl a{display:block;height:30px;line-height:30px;}
.pagIng .fr{line-height:28px;display:block;width:85px;height:28px;margin-top:16px;text-align:center;color:#fff;border-radius:2px;background:#dc3924;}
.pagIng .fr:hover{background:#f3ac00;color:#fff;}
.newsRight{width:28%;

margin-top: 1.6%}
.newsRight .box{background:#f9f9f9;margin-bottom:20px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.1);-moz-box-shadow:0 1px 1px rgba(0,0,0,.1);box-shadow:0 1px 1px rgba(0,0,0,.1);-ms-box-shadow:0 1px 1px rgba(0,0,0,.1);overflow:hidden;}
.newsRight h3{padding-left:20px;height:42px;border-top:1px #f1f1f1 solid;border-bottom:1px #f1f1f1 solid;color:#333;font-size:18px;line-height:42px;}
.newsRight .news,.newsRight .product{padding:0 20px;overflow:hidden;}

.news a>img{
	margin-right: 20px;
}

.newsRight .news li{padding:20px 0;border-bottom:1px solid #f1f1f1;overflow:hidden;}
.newsRight .news  img{
	height: 60px;float: left;
}
.newsRight .news li a{display:block;}
.newsRight .news li h4,.newsRight .news li span{line-height:30px;}
.newsRight .news li span{display:inline-block;background:url(../images/icon_clock.png) no-repeat left 7px;padding-left:20px;color:#999;}
.newsRight .product li{width:100%;margin:15px 0;}
.newsRight .product li .pic{display:block;position:relative;width:100%;height:auto;overflow:hidden;}
.newsRight .product li .pic .cover{position:absolute;left:0;top:0;z-index:4;width:100%;height:100%;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;}
.newsRight .product li:hover .pic .cover{box-shadow:inset 0 0 100px rgba(0,0,0,0.3);-webkit-box-shadow:inset 0 0 100px rgba(0,0,0,0.3);-ms-box-shadow:inset 0 0 100px rgba(0,0,0,0.3);-moz-box-shadow:inset 0 0 100px rgba(0,0,0,0.3);}
.newsRight .product li .pic img{-webkit-transition:.5s;-o-transition:.5s;transition:.5s;width:100%;height:auto;}
.newsRight .product li .cont{padding-top:10px;overflow:hidden;}
.newsRight .product li .cont .tit{margin-bottom:5px;font-size:16px;color:#000;}
.newsRight .product li .cont .des a{color:#999;font-size:12px;}
.newsRight .product li:hover .cont .tit a{color:#dc3924;}

.leftProd{width:100%;height:auto;overflow:hidden;position:relative;}
.leftProd .hd{margin-top:50px;padding-bottom:50px;text-align:center;}
.leftProd .hd ul li{display:inline-block;margin:0 5px;width:10px;height:10px;background-color:#ddd;border-radius:50%;text-indent:-9999px;cursor:pointer;}
.leftProd .hd{position:absolute;left:0;bottom:10px;width:100%;text-align:center;margin-top:0;padding-bottom:0;}
.leftProd .hd ul li.on{background-color:#dc3924;border-color:#dc3924;}
.leftProd .cBtn{top:45%;}
.leftProd .bd li img{max-width:100%;height:100%;}.leftProd .bd li {text-align:center;}
.prodXian{padding-bottom:30px;overflow:hidden;}
.prodXian .ti{line-height:55px;border-bottom:1px solid #ededed;font-size:20px;color:#333;}
.prodXian .xm{padding-top:20px;font-size:16px;overflow:hidden;}


.prodXian .xm .pImg{display:block;width:33.3%;height:231px;float:left;margin-right:30px;}
.prodXian .xm .pImg img{width:100%;height:100%;}

.prodXian .xm p{width:33.3%;float:left;line-height:33px;}

.prodXian .xm p span{color:#dc3924;font-size: 18px;font-weight: 600;}
.prodXian .xma{padding-top:20px;overflow:hidden;line-height:30px;}
.eps{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-ms-text-overflow:ellipsis;}
.clearfix:after{display:block;clear:both;height:0;content:'\200B';overflow:hidden;}
.clearfix{zoom:1;}
a{color:#555;text-decoration:none;outline:none;}
.eps{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-ms-text-overflow:ellipsis;}
.fl{float:left;}
.fr{float:right;}

.pb80 {
	width: 90%;
	margin: 0 auto;
		
}



/*fw*/
.ny_fw{
	width: 90%;
	margin: 0 auto;
	padding: 2%;
	overflow: hidden;
	margin-bottom: 70px;
	background: #f9f9f9;
}

.ny_fw ul{
	
}
.ny_fw ul li{
	padding-bottom: 20px;
	border-bottom: 1px solid #d1d1d1;
	margin-bottom: 30px;
}
.ny_fw ul li img{
	float: left;
	margin-right: 20px;
}
.ny_fw ul li h3{
	font-size: 18px;
	font-weight: 600;
	color: #282828;
	margin-bottom: 10px;
}
.ny_fw ul li p{
	font-size: 12px;
	color: #808080;
}
.ny_fw ul li h4{
	text-align: right;
	padding: 10px 20px;
	border: 1px solid #dc3924;
	float: right;
	margin-top: -40px;
			transition-duration:0.4s; 
	-moz-transition-duration:0.4s; 
	-webkit-transition-duration:0.4s; 
	-o-transition-duration:0.4s; 

}
.ny_fw ul li h4 a{
	text-align: right;
	color: #dc3924
}
.ny_fw ul li h4:hover {
	background: #dc3924;
}
.ny_fw ul li h4:hover  a{
	color: #f1f1f1;
}
.ny_fw ul li h3:hover  a{
	color:#dc3924;}



/*内页新闻和知识中心*/
.ny-gsjj-nr{width:90%;margin:0px auto 70px auto;overflow: hidden;}
.ny-gsjj-nr ol{ margin-bottom:0px;margin-top:70px; }
.ny-gsjj-nr ol li img {float: left;transition: all 0.4s ease;margin-bottom: 10px;}
.ny-gsjj-nr ol li{ border-bottom: 1px solid #D6D6D6; overflow: hidden; margin-bottom: 35px;width: 100%}
.ny-gsjj-nr ol li h2{ margin-bottom:30px;font-size:16px;transition: all 0.8s ease;font-weight: 900}
.ny-gsjj-nr ol li h2 p{float:right;transition: all 0.2s ease;font-size: 16px;margin-right: 100px;}
.ny-gsjj-nr ol li p{ font-size: 14px; line-height: 24px;color: #808080;transition: all 1.2s ease;padding-bottom: 30px;}

.ny-gsjj-nr ol li:hover p{margin-left:10px;color: #dc3924;}
.ny-gsjj-nr ol li:hover h2{margin-left: 10px;color: #dc3924;}
.ny-gsjj-nr ol li:hover img{margin-left:10px;color: #dc3924;}


.he-1{width: 90%;margin: 0 auto 70px  auto;padding: 30px;background: #f3f3f3;overflow: hidden;}
.he-1 ul{margin-top:20px;margin-bottom: 20px;}
.he-1 h4{color:#dc3924; font-family:"微软雅黑"; font-size:24px; font-weight:600; margin-bottom:15px}
.he-1 li{font-size:16px; color:#484848; font-family:"微软雅黑"; line-height:24px;margin-bottom: 15px;color: #686868}

.he-1 h3{
	font-size: 18px;
	color: #D11014;
	margin-top: 40px;
	padding-bottom: 10px;
}
.he-1 h5{
	font-size: 16px;
	margin-bottom: 15px;
	font-weight: 600;
	
}
.he-1 p{
	color: #686868;
}

/*xw-nr*/
.xw_nr{
	width: 90%;
	margin: 0 auto;
}
.xw_z{
	width: 74%;
	float: left;
	background: #f7f7f7;
	padding: 20px 30px;
	text-align: center;
}
.xw_z h2{
	font-size: 22px;
	color: #000;
	margin-bottom: 20px;
}
.xw_z h3{
	font-size: 12px;
	color: #808080;
	margin-bottom: 18px;
		
}
.xw_z p{
	line-height: 24px;
	color: #686868;
	text-align: left;

}
.xw_y{
	width: 25%;
	float: right;
	background: #f7f7f7;
	padding: 10px;
}

.xw_y h3{
	font-size: 18px;
	color: #dc3924;
	padding-bottom: 10px;
	border-bottom: 1px solid #B0B0B0;
	margin-bottom: 6%;
	position: relative;
}
.xw_y h3 i{
	position: absolute;
	bottom: -2px;left: 0;
	width: 40px;
	height: 3px;
	background: #dc3924;
		
		
}

.xw_tj{
	width:100%;
	margin-bottom:12%;
}

.xw_tj img{
	width: 30%;
	float: left;
	margin-right: 5%;
}
.xw_tj h5{
	font-size: 16px;
}
.xw_tj p{
	color: #686868;
	 text-overflow: ellipsis;
    display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp:2; /** 显示的行数 **/
    overflow: hidden;  /** 隐藏超出的内容 **/

}
.xw_tj h5:hover {
	color: #dc3924;
}