@charset "utf-8";
/* CSS Document */
@media screen and (max-width:414px){
	.top-x{
		display: none;
	}
	.top-s {
		width: 96%;
		
	}
	.top-s h3{
		display: none;
	}
	.top-s  h1 img{
		width: 240px;
	}
	.sj-dw{
		width: 100%;
		height: 81px;
	}
	.sj-pf{
		width: 100%;
		background: #fff;
		position: fixed;
		height: 81px;
		z-index: 88888;
		box-shadow: 0px 0px 6px #898989;
	}
	.mobile-inner{
		display: block;
	}
	.slides-box {
		height: 238px;
	}
	#banner1{
	background:url(../images/banner/sj-1.jpg)
}
#banner2{
	background:url(../images/banner/sj-1.jpg)
}
#banner3{
	background:url(../images/banner/sj-1.jpg)
}
	.cx{
		display: block;
	}
	
	/*gy*/
.sy-gy{
	width: 98%;
	margin: 0 auto;
	padding:21px 0 40px 0;
	position: relative;
}
	.sy-gy img:nth-child(1){
		width: 100%;
}
.sy-gy img:nth-child(2){
	float: left;
	position: absolute;
	display: none;
	top: 0;
}
.sy-gy .gy-pf{
	position: static;
	right: 0;
	top: 0;
	width:100%;
	background: #f1f1f1;
	border-radius: 2px;
	padding:21px 28px 20px 10px;
	margin-top: 10px;
	box-shadow: 4px 4px 10px #c1c1c1; 
	overflow: hidden
}

/*cp*/
.w1920{
	width: 100%;
	background: #f1f1f1;
	box-shadow: 0px 4px 6px #b1b1b1;
}
.sy-cp{
	width: 96%;
	margin: 0 auto;
	padding:42px 0;
	overflow: hidden;
}

.sy-cp h3 b{
	font-size: 16px;
}
.sy-cp ul{
		margin-top: 26px;
	margin-left: -2%;

}
.sy-cp ul li{
	width: 48%;
	height: auto;
	position: relative;
	float: left;
	margin-left: 2%;
	margin-bottom: 15px;
	box-shadow: 1px 2px 5px #e1e1e1;
}
.sy-cp ul li a>img{
	width: 100%;
}

.sy-cp ul li .cp-pf p{
	font-size: 12px;
}

	/*xw*/
.sy-xw{
	width: 96%;
	margin: 0 auto;
	margin-top: 10px;
	padding:41px 0 0 0; 
	overflow: hidden;
}
.sy-xw h3{
	float: right;
	text-align: right;
	text-transform:uppercase;
	line-height: 20px;
	font-size: 10px;
	padding-top: 9px;
}
.sy-xw h3 b{
	font-size: 16px;
}
.sy-xw ul{
	margin-top: 41px;
	margin-left: -31px;
}
.sy-xw ul li{
	width: 100%;
	height: 347px;
	position: relative;
	float: left;
	margin-left: 31px;
}
.sy-xw ul li .xw-pfs h2{
	font-size: 18px;
	font-weight: 600;
	padding-bottom: 19px;
	width:30px;
	border-bottom: 1px solid #333;
	white-space: nowrap;
	margin-bottom: 19px;
	opacity: 1
}
.sy-xw ul li .xw-pfs p{
	
	font-size: 14px;
	padding-bottom:0px;
	line-height: 24px;
	
	
} 
.sy-xw ul li .xw-pfs p:nth-child(2){
	margin-bottom: 25px;
}
.sy-xw ul li .xw-pfs p:nth-child(3){
	margin-bottom: 16px;
}

.sy-xw ul li .xw-pfs{
	height: 160px;
	margin-top: 0px;
		transition-duration:0.6s; 
	-moz-transition-duration:0.6s; 
	-webkit-transition-duration:0.6s; 
	-o-transition-duration:0.6s;
}
.sy-xw ul li .xw-pfx{
	height: 240px;
	overflow: hidden;
	margin-top: 0px;
		transition-duration:0.6s; 
	-moz-transition-duration:0.6s; 
	-webkit-transition-duration:0.6s; 
	-o-transition-duration:0.6s;

}

.sy-xw ul li:hover .xw-pfs h2{
	font-size: 18px;
	font-weight: 600;
	padding-bottom: 19px;
	width:30px;
	border-bottom: 1px solid #3544b6;
	white-space: nowrap;
	margin-bottom: 19px;
	opacity: 0.9
}
.sy-xw ul li:hover .xw-pfs{
	height: 160px;
	margin-top: 0px;
	color: #3544b6;
	
	
}
.sy-xw ul li:hover .xw-pfx{
	height: 240px;
	overflow: hidden;
	margin-top: auto;
}

	.sy-xw ul  li:nth-child(2){
		display: none;
	}
	.sy-xw ul  li:nth-child(3){
		display: none;
	}

/*hz*/
.hz{
	width: 100%;
	background: #f1f1f1;
	padding:30px 0;
	text-align: center;
	overflow: hidden;
}
.hz>p{
	font-size: 14px;
	margin-top: 26px;
}
/*hz*/
#www_jb51_net {
overflow:hidden;
width: 96%;
height:165px;
	margin: 51px  auto;
}

	
	.fw{
		display: none;
	}
	.yqlj{
		display: none;
	}
	.di{
		display: none;
	}
	#dw{
		display: none;
	}
	.AP_foot{
		display: block;
	}
	
		.ny-banner{
		height: 180px;
	}
	.ny-banner img{
		width: 190%;
		height: 100%;
	}
	.z-dh{
		display: none;
	}
	.ny-dh{
		width: 100%;
	}
	
	.y-dh{width: 100%;float: right;background: #f5f5f5;padding: 20px 0;margin-top: 0px;min-height:300px;}
.y-dh>ul{margin-top:5px;display: none }
.ny-dh{margin:0px auto 0px auto}


	/*cp*/
.cp{
	padding-top: 2%;
	margin-left: -2%;
}
.cp li{
	width:48%;
	margin-left: 2%;
	margin-bottom: 2%;
	float: left;
	border: 1px solid #f1f1f1;

}
	.cp-zs{
		width: 96%;
		margin: 0 auto
	}
.qh{
	padding: 30px 0 20px 0;
	float: left
}
.qh a{
	padding:6px 10px;
	background: #737373;
	color: #f1f1f1;
	margin-right: 14px;
	border-radius: 4px 0 0 0
}
.qh .s{
	background: #E51519;
}
.qh a:hover {
	background: #E51519;}

	.cp-y{
		width: 100%;
		padding: 2%
	}
	.magnifyingShow{
		width: 0;
	}
	.con-fangDaIMg{
		width: 100%;
	}
	.con-FangDa{
	width:100%;
	height: auto;
	margin: 0px auto;
	background-color:#fff;
	float: left;
	
}
/*正常容器*/
.con-fangDaIMg{
	width: 100%;
	height: auto;;
	}
	.menu li{
		width: 33.3%;
		padding: 10px;
	}
	
	.fwbz{
		width: 100%;
		margin: 2% auto
	}
	.ny_kj{
		width: 96%;
		margin: 0 auto
			
	}
	/*内页新闻和知识中心*/
.ny-kj{margin:2% auto;}
.ny-kj ul{ margin-bottom: 40px;}
.ny-kj ul li img {float: left;transition: all 0.4s ease;margin-bottom: 10px;width: 100%;height: auto;
	}
.ny-kj ul li{ border-bottom: 1px solid #D6D6D6; overflow: hidden; margin-bottom: 30px;padding-bottom: 2%}
.ny-kj ul li h2{ margin-bottom:20px;font-size:16px; margin-left:0;transition: all 0.8s ease;}
.ny-kj ul li h2 p{float:right;transition: all 0.2s ease;font-size: 16px;margin-right: 10px;   
}
.ny-kj ul li p{ font-size: 14px; line-height: 24px;color: #575757;margin-left:0;transition: all 1.2s ease;
	 text-overflow: ellipsis;
    display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp: 3; /** 显示的行数 **/
    overflow: hidden;  /** 隐藏超出的内容 **/
	padding-bottom: 2%;
	}

.ny-kj ul li:hover p{margin-left:0;color: #34a9f2;}
.ny-kj ul li:hover h2{margin-left: 0px;color: #34a9f2;}
.ny-kj ul li:hover img{margin-left:0px;color: #34a9f2;}

	
	
	.ny-yx{
	margin-top: 4%;
}
.ny-yx ul{
	margin-left: -2%;
}
.ny-yx ul li{
	width: 48%;
	float: left;
	margin-left: 2%;
	box-shadow: 2px 3px 6px #e1e1e1;
	margin-bottom: 2%;
}
.ny-yx ul li img{
	width: 100%;
	
}
.ny-yx ul li:hover{
	box-shadow: 2px 3px 10px #a1a1a1;
}

	/*lian-xi*/
.lxfs{ overflow:hidden; position:relative;width: 100%;margin: 2% auto;}
.lxfs .lxfs_wz{width:100%;line-height:26px; color:#444; padding:40px;float: left;margin-top: 40px;background:#fff; }
.lxfs .lxfs_dt{width:100%; height:300px; position:static; right:0; top:0;float: right;margin-top: 0px;border: 1px solid #DC1418;}

	.prev, .next{
		display: none;
	}
	.top_yw{
		display: none;
	}
}