@charset "utf-8";
/* CSS Document */
@media screen and (max-width:1400px){
.w1200{
	width:96%;
}
.gy{
	width: 98%;
	margin: 0 auto;
	text-align: center;
	font-size: 16px;
	line-height: 30px;
}

/*nye*/
.banner_pf {
	position: absolute;
	bottom:0px;
	text-align: center;
	width: 100%;
	z-index: 666;
	display: block;
}
.banner_pf img{
	width: 15%;
	
	
}
.ny-banner{
	height: auto;
	position: relative;
	overflow: hidden;
}
.ny-banner>img{
	width: 100%;
	height:240px;

}
.ny-banner>.banner_pf h2{
	font-size:24px;
	margin-bottom:5%;
	color: #f1f1f1;
	font-weight: 600;
}
/*xw-nr*/
.xw_nr{
	width: 96%;
	margin: 0 auto;
}


.xw_tj h5{
	font-size: 16px;
	   word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp: 1; /** 显示的行数 **/
    overflow: hidden;  /** 隐藏超出的内容 **/
	
}
.xw_tj p{
	color: #686868;
	   word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp: 1; /** 显示的行数 **/
    overflow: hidden;  /** 隐藏超出的内容 **/
	
}
	
	/*xw*/
.ny_xw{
	width: 96%;
	background: #fff;
	margin:10px auto 10px auto;
	padding: 20px 20px;
	overflow: hidden;
	position: relative;
	box-shadow:  1px 1px 8px #d9d9d9;
	transition-duration:0.4s; 
	-moz-transition-duration:0.4s; 
	-webkit-transition-duration:0.4s; 
	-o-transition-duration:0.4s; 
	
}
.ny_xw img{
	float: left;
	width: 30%;
	margin-right: 4%;
}
.ny_xw h4{
	font-size: 20px;
	margin-bottom: 2%;
	color: #282828;
}
.ny_xw p{
	font-size: 16px;
	color: #686868;
}
.ny_xw h5{
	position: absolute;
	bottom: 8%;
	margin-left: 33%;
	color: #808080;
}
.ny_xw:hover{
	
transform:translate(0px,-3px);
	box-shadow:  1px 5px 8px #d9d9d9;

}

	/*cp*/
.ny_cp{
	width: 96%;
	margin: 0 auto;
	text-align: center;
}
.ny_cp ul{
	margin-left:-0.5%;

}
.ny_cp ul li{
background: #f3f3f3	;
	float: left;
	width: 24.5%;
	padding: 10px;
	margin-left: 0.5%;
	margin-bottom: 0.5%;
		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: #3778e4;
	line-height: 50px;
	border-radius: 10px;
	color: #f1f1f1;
}

.pb80 {
	width: 96%;
	margin: 0 auto;
		
}
.he-1{width: 96%;margin: 0 auto;padding: 20px;background: #fff;overflow: hidden;}
/*fw*/
.fw{
	width: 96%;
	margin: 20px auto 0 auto;
}
}
@media screen and (max-width:1300px){
	
		.mobile-inner{
		display: block;
			z-index: 9999999999;
	}
	.top{
		background: #fff;
		border-bottom: 1px solid #ccc;
	}
	.top_xz ul{
		display: none;
	}

	.top_xz h4{
		display: none;
	}
	
	.top h1 .img {
	display: none;
}

.top h1 .img1 {
	display: block!important;
}

}

@media screen and (max-width:1024px){
.banner_pf img{
	width: 15%;
	display: none;
	
}
.ny-banner>img{
	width: 100%;
	height:240px;

}
.ny-banner>.banner_pf h2{
	font-size:24px;
	margin-bottom:8%;
	color: #f1f1f1;
	font-weight: 600;
}
	/*an*/
.an{
	width: 96%;
	margin: 0 auto;
	text-align: center;
	padding: 30px 0;
	overflow: hidden;
}
.an>img{
	margin-bottom: 4%;
	width: 90%;
}

.an ul {
	margin-left: -2%;
	margin-bottom: 8%;
}
.an ul li{
	position: relative;
	float: left;
	width: 48%;
	margin-left:2%;
	margin-bottom: 2%;
}
.an .an_none li{width: 300px;
	margin-left:0.5%;}
.an .prev{left: 19px;}
.an .settingMain, .settingBox{height: 165px;}
.an ul li>img{
	width: 100%;
}
.an ul li .an_pf{
	position: absolute;
	top: 0;
	background: url(../img/2.png);
	width: 100%;
	height: 100%;
	padding: 20%;

	
}
.an ul li a  {
	color: #f1f1f1;
}
.an_pf h3{
	margin-bottom: 10px;
	color: #f1f1f1;
	font-size: 16px;
}
.an_pf2{
	display: none;
}
	.an ul li .an_pf img{
		width: 24px;
		
	}
.an ul li:hover .an_pf{
	display: none;
}
.an ul li:hover .an_pf2{
	display: block;
}
.an ul li .an_pf2{
	position: absolute;
	top: 0;
	background: url(../img/1.png);
	width: 100%;
	height: 100%;
	padding: 22% 18% 0 18%;

	
}
.an ul li .an_pf2 p{
	display: none;
}
.an ul li .an_pf2 a{
	padding: 2px 10px;
	border: 1px solid #f1f1f1;
	border-radius: 15px;
}
.an ul li .an_pf2 a:hover{
	padding: 2px 10px;
	border: 1px solid #007cba;
	border-radius: 15px;
	background: #007cba;
}
.xw_z{
	width:100%;
	float: left;
	background: #fff;
	padding: 20px 10px;
	text-align: center;
}
	.xw_y{
		display: none;
	}
	
	.ny_xw p{
	font-size: 16px;
	color: #686868;
			   word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp: 3; /** 显示的行数 **/
    overflow: hidden;  /** 隐藏超出的内容 **/

}
	/*cp*/
.ny_cp{
	width: 96%;
	margin: 0 auto;
	text-align: center;
}
.ny_cp ul{
	margin-left:-0.3%;

}
.ny_cp ul li{
background: #f3f3f3	;
	float: left;
	width: 33%;
	padding: 10px;
	margin-left: 0.3%;
	margin-bottom: 0.5%;
		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: #3778e4;
	line-height: 50px;
	border-radius: 10px;
	color: #f1f1f1;
}

.fw .fu_z{
	border-right: 1px solid #C1C1C1;
	float: left;
	padding: 20px 0px;
	width:16.1%;
	
}
.fw .fu_z p{
	margin-bottom: 30px;
	padding-bottom: 15px;
	padding: 10px ;
}
.fw .fu_z p:hover a{
	color: #3778e4;
}
.fw .fu_z p:hover {
	border-bottom: 2px solid #3778e4;
	margin-bottom: 28px;
}
.fw .fu_z .s{
	margin-bottom: 30px;
	padding-bottom: 15px;
	padding: 10px ;
	border-bottom: 2px solid #3778e4;
}
.fw .fu_z .s a{
	color: #3778e4;
}

.fw .fu_y{
	width: 78%;
	float: right;
	padding: 15px 0;
} 


.fw .fu_y .az{
	line-height: 30px;
	color: #686868;
}
.fw .fu_y .az h2{
	font-size: 18px;
	color: #282828;
	margin-bottom: 30px;
}



}
@media screen and (max-width:900px){
	.di{
		display: none;
		
	}
	
	.AP_foot{
		display: block;
	}
		.gy>img{
		width: 60%
	}
	
}
@media screen and (max-width:414px){

	.top{
		display: none;
		position: relative;
	}
	#top{
		display: block;
		overflow: hidden;
	}
	#top{
	z-index: 9999;
	width: 100%;
	padding: 15px 0 0 0;
	overflow: hidden;
	
}
	.mobile-inner{ margin-top:-5px;padding-bottom: 10px;}
.mobile-inner-nav{background:#222222;width: 100%;position:fixed;top:72px;left: 0px;bottom:0px;padding-top: 30px;padding-bottom: 80px;z-index:21;z-index: 99}

/*cp*/
.cp{
	padding: 30px 0;
}
.cp>h3{
	font-size:24px;
	padding-bottom: 40px;
}
.cp .cp_jl{
	width: 96%;
	margin: 0 auto;
}
.cp .cp_jl .cp_z{
	width: 100%;
	margin-bottom: 2%;					

}
.cp .cp_jl .cp_z .nr  h4{
	font-size: 18px;
	margin-bottom: 10px;
}
.cp .cp_jl .cp_z .nr  p{
	font-size: 14px;
	margin-bottom: 15px;
}
.cp .cp_jl img{
	width: 100%;
}
.cp .cp_jl .cp_y{
	width: 100%;
	margin-bottom: 2%


}

.cp .cp_jl .cp_y .nr  h4{
	font-size: 18px;
	margin-bottom: 10px;
}
.cp .cp_jl .cp_y .nr  p{
	font-size: 14px;
	margin-bottom: 15px;
}

	
	/*an*/
.an{
	width: 96%;
	margin: 0 auto;
	text-align: center;
	padding: 30px 0;
	overflow: hidden;
}
.an>img{
	margin-bottom: 4%;
	width: 90%;
}

.an ul {
	margin-left: -2%;
}
.an ul li{
	position: relative;
	float: left;
	width: 48%;
	margin-left:2%;
	margin-bottom: 2%;
}
.an ul li>img{
	width: 100%;
}
.an ul li .an_pf{
	position: absolute;
	top: 0;
	background: url(../img/2.png);
	width: 100%;
	height: 100%;
	padding: 20%;

	
}
.an ul li a  {
	color: #f1f1f1;
}
.an_pf h3{
	margin-bottom: 10px;
	color: #f1f1f1;
	font-size: 16px;
}
.an_pf2{
	display: none;
}
	.an ul li .an_pf img{
		width: 24px;
		
	}
.an ul li:hover .an_pf{
	display: none;
}
.an ul li:hover .an_pf2{
	display: block;
}
.an ul li .an_pf2{
	position: absolute;
	top: 0;
	background: url(../img/1.png);
	width: 100%;
	height: 100%;
	padding: 22% 18% 0 18%;

	
}
.an ul li .an_pf2 p{
	display: none;
}
.an ul li .an_pf2 a{
	padding: 2px 10px;
	border: 1px solid #f1f1f1;
	border-radius: 15px;
}
.an ul li .an_pf2 a:hover{
	padding: 2px 10px;
	border: 1px solid #007cba;
	border-radius: 15px;
	background: #007cba;
}

/*xw*/
.xw{
	width: 96%;
	margin: 0 auto;
	text-align: center;
	padding: 3px 0;
	overflow: hidden;
}
.xw h3{
	font-size: 24px;
	color: #383838;
}
.xw ul {
	margin-left: -0.5%;}
.xw ul li{
	width: 100%;
	float: left;
	margin-left: 0.5%;
	position: relative;
	margin-bottom: 2%;
	
}
.xw ul li img{
	width: 100%;
}
.xw ul li a{
	color: #f1f1f1;
}
.xw_pf {
	position: absolute;
	top: 0;
	padding: 5%;
	text-align: left;
}
.xw_pf h4{
	font-size: 18px;
	margin-bottom: 15px;
}
.xw_pf p{
	font-size: 14px;
	   word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp: 2; /** 显示的行数 **/
    overflow: hidden;  /** 隐藏超出的内容 **/

}

	.di{
		display: none;
	}
	.AP_foot{
		display: block;
	}
	.yc{
		display: block;
	}
	
	
	.ny-banner>img{
	width: 100%;
	height:120px;

}
.ny-banner>.banner_pf h2{
	font-size:24px;
	margin-bottom:11%;
	color: #f1f1f1;
	font-weight: 600;
}
	.ny_dh_bj{width:100%; background: #f7f7f7;margin-bottom: 40px; }
.ny_dh ul{overflow:hidden;}
.ny_dh ul .wz{ clear:none;float: right;margin-top: 21px;color:#747474;display: none;}
.ny_dh ul li{ display:inline-block; padding:12px 10px;font-size: 16px;width: 100%; margin-bottom: 2px;}
.ny_dh ul li a{ color:#747474;}
.ny_dh ul .wz a{ color:#747474;display: none;}
.ny_dh ul .s{border-bottom:solid 0px #007cba;background: #007cba}
.ny_dh ul .s a{color:#f1f1f1;}
.ny_dh ul li:hover{border-bottom:solid 0px #007cba;background: #007cba}
.ny_dh ul li:hover a{color:#f1f1f1;}
	.w1200{
		width: 100%;
	}
	.ny-cp ul{
	overflow: hidden;
	margin-left: -2%;
	margin-top: 2%;	
}
.ny-cp ul li{
	width: 48%;
	float: left;
	margin-left: 2%;
	margin-bottom: 2%
}
.ny-cp .wor1 li{
	width: 22%
}
.ny-cp ul li img{
	width: 100%;
}
.ny-cp ul li p{
	color: #333;
	font-size: 16px;
	padding:10px 5px;
	transition-duration:0.6s; 
	-moz-transition-duration:0.6s; 
	-webkit-transition-duration:0.6s; 
	-o-transition-duration:0.6s; 
	
}
	
		
	/*xw*/
.ny_xw{
	width: 96%;
	background: #fff;
	margin:10px auto 10px auto;
	padding: 5px 5px;
	overflow: hidden;
	position: relative;
	box-shadow:  1px 1px 8px #d9d9d9;
	transition-duration:0.4s; 
	-moz-transition-duration:0.4s; 
	-webkit-transition-duration:0.4s; 
	-o-transition-duration:0.4s; 
	
}
.ny_xw img{
	float: left;
	width: 40%;
	margin-right: 4%;
}
.ny_xw h4{
	font-size: 16px;
	margin-bottom: 2%;
	color: #282828;
}
.ny_xw p{
	font-size: 12px;
	color: #686868;
		  word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp: 3; /** 显示的行数 **/
    overflow: hidden;  /** 隐藏超出的内容 **/

}
.ny_xw h5{
	position: absolute;
	bottom: 8%;
	margin-left: 33%;
	color: #808080;
	display: none;
}
.ny_xw:hover{
	
transform:translate(0px,-3px);
	box-shadow:  1px 5px 8px #d9d9d9;

}
	/*cp*/
.ny_cp{
	width:96%;
	margin: 0 auto;
	text-align: center;
}
.ny_cp ul{
	margin-left:-1%;

}
.ny_cp ul li{
background: #f3f3f3	;
	float: left;
	width: 49%;
	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: #3778e4;
	line-height: 50px;
	border-radius: 10px;
	color: #f1f1f1;
}

	.newsLeft{
		width: 100%;
	}
	
	.newsRight{
		width: 100%;
	}
	
	.gy>img{
		width: 80%
	}
	.he-1{width: 96%;margin: 0 auto;padding: 10px;background: #fff;overflow: hidden;}
.fw .fu_z{
	border-right: 0px solid #C1C1C1;
	float: left;
	padding: 20px 
		0px;
	width:100%;
	
}
.fw .fu_z p{
	margin-bottom: 30px;
	padding-bottom: 15px;
	padding: 10px ;
}
.fw .fu_z p:hover a{
	color: #3778e4;
}
.fw .fu_z p:hover {
	border-bottom: 2px solid #3778e4;
	margin-bottom: 28px;
}
.fw .fu_z .s{
	margin-bottom: 30px;
	padding-bottom: 15px;
	padding: 10px ;
	border-bottom: 2px solid #3778e4;
}
.fw .fu_z .s a{
	color: #3778e4;
}

.fw .fu_y{
	width: 100%;
	float: right;
	padding: 15px 0;
} 


.fw .fu_y .az{
	line-height: 30px;
	color: #686868;
}
.fw .fu_y .az h2{
	font-size: 18px;
	color: #282828;
	margin-bottom: 30px;
}
/*fw*/
.ny_fw{
	width: 95%;
	margin: 0 auto;
	padding: 2%;
	overflow: hidden;
	margin-bottom:0px;
	background: #f9f9f9;
}

.ny_fw ul{
	
}
.ny_fw ul li{
	padding-bottom: 20px;
	border-bottom: 1px solid #d1d1d1;
	margin-bottom: 50px;
}
.ny_fw ul li img{
	float: left;
	margin-right: 20px;
}
.ny_fw ul li h3{
	font-size: 14px;
	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: 5px 10px;
	border: 1px solid #1275D1;
	float: right;
	margin-top: -35px;
			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: #1275D1
}

.prodXian .xma img{width: 100%;}
}