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

@media screen and (max-width:1024px){
/*TOP*/
.xw_more{margin-top:40px;}
.xw_more a{display:inline-block; line-height:40px; padding:0 16px; color:#fff; background:#c82126 ;}

.top{
	width: 100%;
	overflow: hidden;
	box-shadow: 1px 2px  6px #383838;
	z-index: 7777;
	background: #fff;
	height: 107px;
	z-index: 99999
}

	.yy-cc{
	overflow: hidden;
		margin-bottom: 120px;
	}
.top-WD{
		height: 107px;
	width: 100%;
	box-shadow: 1px 2px  6px #a1a1a1;
	z-index: 7777;
	background: #fff;
}
.ny-top-dw{
	background:url(../img/ny-top.png);
	box-shadow: 0px 0px  0px #484848;
}
.top  .top-1504{
	width: 96%;
	margin: 0 auto;
}
.top-1504  h1{
	float: left;
	padding: 20px 0;
	width: 300px;
}
.top-1504 ul{
	float: right;
	display: none;

}
	
	.top-1504 h1 a img{
		width: 100%;
		
	}
 
	.mobile-inner{
		display: block;
	}
	.mobile-inner-nav{background:#2381eb;width: 100%;position:fixed;top:107px;left: 0px;bottom:0px;padding-top: 30px;padding-bottom: 80px;display: none;z-index:21;z-index: 99}

/*公司简介*/
.bt{color:#333;}
.bt h1{font-size:22px;font-weight: 600; margin-bottom: 10px;}
.bt span{
	text-transform: uppercase;
	color: #484848;
}
.bt h1 a{
	color: #1b80ce;
}
.jjxw{margin-top:66px;margin-bottom: 0px; }
.sy_gsjj{width:100%; float:left;margin-bottom: 00px;margin-top: 40px;clear: left;}
.sy_gsjj p{ margin:24px 0 0 0; color:#848484; font-size:14px; line-height:30px;
	word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp:8; /** 显示的行数 **/
    overflow: hidden;  /** 隐藏超出的内容 **/

}
.sy_gsjj .more{width:110px; line-height:30px; border:1px #ccc solid; font-size:14px; margin:40px 0 0 0;transition:background 0.5s;}
.sy_gsjj .more a{ padding:0 20px 0 30px; color:#e1e1e1;}
.sy_gsjj .more:hover{background:#2b4278; border:1px #2b4278 solid; color:fff;}
.sy_gsjj .more:hover a{color:#fff;}
/*News Center*/
.sy_xwzx{width:100%; float:right;margin-top: 40px;position: relative;}
.sy_xwzx .sy_xwzx_bt{overflow:hidden;margin-bottom: 48px;}
.sy_xwzx .sy_xwzx_bt .bt{ float:left;}
.sy_xwzx .xw_more{ float:right; font-size:16px;margin-top: 14px;}
.xw_more a{ padding:0 0 16px 0; color:#f1f1f1;}
.xw_more a:hover{ color:#EF1A1D;}
.sy_xwzx .prev{
position: absolute;
	top: 60%;
}
.sy_xwzx  .next {
    position: absolute;
    z-index: 99;
    top: 60%;
    margin-top: -40px;
    right: 0;
    height: 70px;
    width: 30px;
    color: #fff;
    cursor: pointer;
    background-color: #000;
    opacity: .5;
}

.w1920{
	width: 100%;
}
.w1200{
	width: 80%;
	margin: -0px auto  10px auto;
}
	.di{
		display: none;
		height: 0;
	}
	.cx{
		display: none;
	}
	.AP_foot{display: block;}
	.yc{
		display: block;
	}
	.di-1200{
		display: none;
	}
#li1{
	background: url(' ../img/banner/bannerpb-1.jpg') center
}
#li2{
	background: url('../img/banner/bannerpb-2.jpg') center
}
#li3{
	background: url('../img/banner/bannerpb-3.jpg') center

}
.slides-box {
    width: 100%;
    height: 310px;;
    margin: auto;
    overflow: hidden;
}
		.banner .next{
			top: 30%;
	}
		.banner .prev{
			top: 30%;

	}
	/*gai*/
.ny-dh{
	width: 100%;
	background: #fff;
	overflow: hidden;
	margin-bottom: 6%
}
.ny-dh .dh-1200{
	width: 96%;
	margin:0 auto;
}
.ny-kj {
	padding: 20px 20px;
	background: #fff;
	overflow: hidden;
}


	/*kj*/

.ny-kj{
	width: 96%;
	margin: 0 auto;
	overflow: hidden;
	margin-bottom: 8%;
}
/*FW*/
.ny-fw{
	margin-bottom: 4%
}
.ny-fw ul{
	margin-left: -2%;
	
}
.ny-fw ul li{
	width: 31.3%;
	float: left;
	margin-left: 2%;
					transition-duration:0.4s; 
	-moz-transition-duration:0.4s; 
	-webkit-transition-duration:0.4s; 
	-o-transition-duration:0.4s; 
	padding: 10px;
	margin-bottom: 3%;

}
.ny-fw ul li img{
	width: 100%;;
}
.ny-fw ul li h3{
	font-size: 20px;
	color: #333;
	padding: 16px 0;
	border-top: 1px solid   #b7b7b7;
	margin-top: 30px;
}

.ny-fw ul li p{
	font-size: 14px;
	color: #808080;
	    text-overflow: ellipsis;
    display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp:2; /** 显示的行数 **/
    overflow: hidden;  /** 隐藏超出的内容 **/

}
.ny-fw ul li  h5{
	color: #686868;
	padding-top: 20px;
}
.ny-fw ul li:hover{
transform:translate(0px,-10px);
-ms-transform:translate(0px,-10px); /* IE 9 */
-moz-transform:translate(0px,-10px); /* Firefox */
-webkit-transform:translate(0px,-10px); /* Safari and Chrome */
-o-transform:translate(0px,-10px); /* Opera */	
	background: #2c80d6;
}
.ny-fw ul li:hover h3{
	font-size: 20px;
	color: #f7f7f7;
	padding: 16px 0;
	border-top: 1px solid   #f7f7f7;
	margin-top: 30px;
}
.ny-fw ul li:hover p{
	font-size: 14px;
	color: #f1f1f1;
	    text-overflow: ellipsis;
    display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp:2; /** 显示的行数 **/
    overflow: hidden;  /** 隐藏超出的内容 **/

}
.ny-fw ul li:hover  h5{
	color: #f5f5f5;
	padding-top: 20px;
}

.ny-cp ul li{
	width: 31.3%;
	overflow: hidden;
	margin-left: 2%;
	float: left;
	margin-bottom: 2%;
	position: relative;
	z-index: 88;

	
}
	.gsjj h5{
	float: right;
	width:100%;
}
.gsjj>img{
	float: left;
}
	
	
}

@media screen and (max-width:414px){
		.gsjj h5{
	float: right;
	width:100%;
}
.gsjj>img{
	float: left;
	width: 100%;
}
	
.top{
	width: 100%;
	overflow: hidden;
	box-shadow: 1px 2px  6px #383838;
	z-index: 7777;
	background: #fff;
	height:77px;
	z-index: 99999
}


.top-WD{
		height: 77px;
	width: 100%;
	box-shadow: 1px 2px  6px #a1a1a1;
	z-index: 7777;
	background: #fff;
}
.ny-top-dw{
	background:url(../img/ny-top.png);
	box-shadow: 0px 0px  0px #484848;
}
.top  .top-1504{
	width: 96%;
	margin: 0 auto;
}
.top-1504  h1{
	float: left;
	padding: 20px 0;
	width: 160px;
}
.top-1504 ul{
	float: right;
	display: none;

}
	
	.top-1504 h1 a img{
		width: 100%;
		
	}
 
	.mobile-inner{
		display: block;
	}
	.mobile-inner-nav{background:#2381eb;width: 100%;position:fixed;top:77px;left: 0px;bottom:0px;padding-top: 30px;padding-bottom: 80px;display: none;z-index:21;z-index: 99}
.mobile-inner{ float:right; margin-top:15px; transition:all 0.5s;}
.sy_gsjj ul{
	margin-top: 48px;
}
.sy_gsjj ul li{
	width: 100%;
	margin-bottom:30px;
}

.xw-img{
	float: left;
	width: 38%;
	margin-right: 2%
}
.xw-img img{
	float: left;
	width: 100%
}
.xw-nr{
	width: 100%
}
.xw-nr h3{
	width: 100%;
	font-size: 16px;
	font-weight: 600;
	color: #484848;
	width:180px; display:inline-block;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
	margin-bottom: -20px;
}
.xw-nr h3 p{
	text-align: right;
	float: right;
	margin-top: -5px;
	font-weight: 300;
	font-size: 14px;color: #484848;
	display: none;

}
.xw-nr>p{
	    text-overflow: ellipsis;
    display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp:2; /** 显示的行数 **/
    overflow: hidden;  /** 隐藏超出的内容 **/
	color: #898989;
	font-size: 12px;

}
.w1920{
	width: 100%;
}
.w1200{
	width: 96%;
	margin: -0px auto  10px auto;
}
.xw_more1 a{display:inline-block; line-height:40px; padding:0 16px; color:#fff; background:#c82126 ;}
#li1{
	background: url('../img/banner/bannersj-1.jpg') center
}
#li2{
	background: url('../img/banner/bannersj-2.jpg') center
}
#li3{
	background: url('../img/banner/bannersj-3.jpg') center
}
.slides-box {
    width: 100%;
    height: 160px;;
    margin: auto;
    overflow: hidden;
}
	.banner .next{
		display: none;
	}
		.banner .prev{
		display: none;
	}
	
	/*公司简介*/
.bt{color:#333;}
.bt h1{font-size:20px;font-weight: 600; margin-bottom: 10px;}
.bt span{
	text-transform: uppercase;
	color: #484848;
}
.bt h1 a{
	color: #1b80ce;
}
	.jjxw{
		margin-top: -20px;
	}
	 .pf{
	position: absolute;
	bottom: 0;
	width: 100%;
	background: url(../images/1.png);
	text-align: center;
	padding:5px 0; 
	font-size: 16px;
	color: #f1f1f1;
}
		.yy-cc{
	overflow: hidden;
		margin-bottom: 10px;
	}
	
	/*gai*/
.ny-dh{
	width: 100%;
	background: #fff;
	overflow: hidden;
	margin-bottom: 6%
}
.ny-dh .dh-1200{
	width: 96%;
	margin:0 auto;
}
.ny-dh h2{
	float: left;
	width: 100%;
}
.ny-dh h2 a{
	padding:15px 11px; 
	line-height:40px;
	color: #808080;
	font-size: 12px;

}
.ny-dh h2 a:hover{
	padding:15px 11px; 
	line-height:40px;
	color: #f1f1f1;
	font-size: 12px;
}
.ny-dh h2 .s{
	padding:15px 11px; 
	line-height:40px;
	color: #f1f1f1;
	font-size: 12px;
}

.ny-dh h3{
	float: right;
	margin-top: 20px;
	color:#808080;
	display: none;
}
.ny-kj {
	padding: 5px 5px;
	background: #fff;
	overflow: hidden;
}
.ny-dh h3 a{
	color: #808080;
	font-size: 16px;
	margin-right: 5px;
}
.ny-dh h3 a:nth-child(2){
	color: #10a4f0;
	font-size: 16px;
	margin-left: 5px;
	
} 
/*FW*/
.ny-fw{
	margin-bottom: 4%
}
.ny-fw ul{
	margin-left: -2%;
	
}
.ny-fw ul li{
	width: 48%;
	float: left;
	margin-left: 2%;
					transition-duration:0.4s; 
	-moz-transition-duration:0.4s; 
	-webkit-transition-duration:0.4s; 
	-o-transition-duration:0.4s; 
	padding: 10px;
	margin-bottom: 3%;

}
.ny-fw ul li img{
	width: 100%;;
}
.ny-fw ul li h3{
	font-size: 16px;
	color: #333;
	padding: 14px 0;
	border-top: 1px solid   #b7b7b7;
	margin-top: 30px;
}

.ny-fw ul li p{
	font-size: 12px;
	color: #808080;
	    text-overflow: ellipsis;
    display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp:2; /** 显示的行数 **/
    overflow: hidden;  /** 隐藏超出的内容 **/

}
.ny-fw ul li  h5{
	color: #686868;
	padding-top: 20px;
	font-size: 12px;
}
.ny-fw ul li:hover{
transform:translate(0px,-10px);
-ms-transform:translate(0px,-10px); /* IE 9 */
-moz-transform:translate(0px,-10px); /* Firefox */
-webkit-transform:translate(0px,-10px); /* Safari and Chrome */
-o-transform:translate(0px,-10px); /* Opera */	
	background: #2c80d6;
}
.ny-fw ul li:hover h3{
	font-size: 16px;
	color: #f7f7f7;
	padding: 14px 0;
	border-top: 1px solid   #f7f7f7;
	margin-top: 30px;
}
.ny-fw ul li:hover p{
	font-size: 12px;
	color: #f1f1f1;
	    text-overflow: ellipsis;
    display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp:2; /** 显示的行数 **/
    overflow: hidden;  /** 隐藏超出的内容 **/

}
.ny-fw ul li:hover  h5{
	color: #f5f5f5;
	padding-top: 20px;
	font-size: 12px;
}
.ny-gsjj-nr ul li h2 p{margin-left: 10px;color: #2c80d6;display: none;}
.xw_more{margin-top:40px;}
.xw_more a{display:inline-block; line-height:40px; padding:0 16px; color:#fff; background:#c82126 ;}
.ny-cp ul li{
	width:48%;
	overflow: hidden;
	margin-left: 2%;
	float: left;
	margin-bottom: 2%;
	position: relative;
	z-index: 88;

	
}
	

.ny-cp ul li .yx-pf h3{
	font-size: 8px;
	margin-bottom: 5px;
	text-align: left
}

.ny-cp ul li .yx-pf{
	padding:10px 10px ;
	background:url(../img/3.png);
	position: absolute;
	bottom: -60px;
	z-index: 99999;
	width: 100%;
	text-align: center;	transition-duration:0.4s; 
	-moz-transition-duration:0.4s; 
	-webkit-transition-duration:0.4s; 
	-o-transition-duration:0.4s; 

	
}

 .ny-cp ul li .yx-pf p{
	font-size: 14px;
	margin-bottom: 10px;
	color: #f1f1f1;
}
.ny-cp  ul li .yx-pf h3 {
	margin-top: 20px;
	margin-bottom: 12px;
	 text-align: center;
}
 .ny-cp ul li .yx-pf h3 a{
	padding: 5px 10px;
	border: 1px solid #f1f1f1;
	color: #f1f1f1;
	border-radius: 15px;
	font-size: 14px;

}

.ny-cp  ul li  img{
	transition-duration:0.4s; 
	-moz-transition-duration:0.4s; 
	-webkit-transition-duration:0.4s; 
	-o-transition-duration:0.4s; 
}
.ny-cp ul li:hover img{
		transform: scale(1.1);
	-ms-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
	-moz-transform: scale(1.1);

}
.ny-cp ul li:hover{

	
}
 .ny-cp ul li:hover .yx-pf{
	position: absolute;
	bottom: 0px;
}
 .ny-cp ul li .yx-pf h3 a:hover{
	padding: 5px 10px;
	color: #1ca8f8;
	border-radius: 15px;
	font-size: 14px;
	background: #f1f1f1;
}
.page{ float:left; width:100%;border: 1px solid #484848;}
	.product_xq_right{
		width: 100%;
		padding: 20px 5px; 
	}	
	.products_detail_two img{
		width: 100%;
	}
.lxdz ul li{
	width: 100%;
	float: left;
	font-size: 16px;
	margin-bottom:8%;
	color: #686868
}
/*nycp*/
.ny-ry{
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	padding-top: 2%;
}
.ny-ry ul{
	overflow: hidden;
	margin-left: -2%;
	margin-top: 2%;	
}
.ny-ry ul li{
	width:48%;
	float: left;
	margin-left: 2%;
	margin-bottom: 0%;
	height: 177px;
}
.ny-ry .wor1 li{
	width: 48%;
	border: 0;
	height: 330px;
}
.ny-ry ul li img{
	width: 100%;
}
.ny-ry ul li p{
	color: #333;
	font-size: 12px;
	padding:10px 5px;
	transition-duration:0.6s; 
	-moz-transition-duration:0.6s; 
	-webkit-transition-duration:0.6s; 
	-o-transition-duration:0.6s; 
	margin-top: 0;
	border: 0;
}
.ny-ry ul li:hover p{
color: #f1f1f1
}

.ny-ry ul li:hover p{
	background: #1791ec;
		padding:10px 15px;

}
.container {
	padding: 0;
}

}