@charset "utf-8";
/* CSS Document */
@media screen and (max-width:414px){
	
	.mobile-inner{
		display: block;
		z-index: 99999
	}
	.top{
		width: 96%;
		
	}
	.top ul{
		display: none;
	}
	.top h1{
		margin-top: 15px;
	}
	.top h1 img{
		width: 140px;
	}

	.top-pf{
	height: 77px;
}
.top-dw{
	height:77px;
	
}
	
	
	/*banner*/
	
#bannner1{
	background: url(../img/banner/sj-banner.jpg)
}
#bannner2{
	background: url(../img/banner/sj-banner1.jpg)
}
#bannner3{
	background: url(../img/banner/sj-banner2.jpg)
}
.slides-box {
    width: 100%;
    height:253px;;
    margin: auto;
    overflow: hidden;
}
	.pagination li a{
		display: none;
	}
	.prev, .next{
		display: none;
	}	
	.slides {
    position: relative;
    height:239px;
    width: 100%;
    margin: auto;
    float: left;
	box-shadow: 0px 7px  15px #1c1c1c;
}
	
	
	
	/*cp*/
	.sy-cp{
		width: 96%;
	}
	.dh i{
		display: none;
	}
	.dh h3{
		display: none;
	}
	.sy-cp ul li{
		width: 48%;
	}
	.sy-cp ul li img{
		width: 100%;
	}
	.sy-cp ul li .cp-pf{
	position: absolute;
	top: 10%;
	left: 25%;
	width: 60%;
	text-align: center;
	background: #e41313;
	height: 80%;
	margin-left: -5%;
	color: #f1f1f1;
	padding: 4%;
	transition-duration:0.6s; 
	-moz-transition-duration:0.6s; 
	-webkit-transition-duration:0.6s; 
	-o-transition-duration:0.6s; 
	opacity: 0;
	overflow: hidden;


	 
}
.sy-cp ul li .cp-pf .cp-pfk{
	border: 1px solid;
	height: 100%
	
}
.sy-cp ul li .cp-pf h2{
	font-size: 14px;
	font-weight:600;
	margin-top: 8%;
	margin-bottom: 8%;
	transition-duration:0.4s; 
	-moz-transition-duration:0.4s; 
	-webkit-transition-duration:0.4s; 
	-o-transition-duration:0.4s; 

}
.sy-cp ul li .cp-pf p{
	display: none;
	font-size: 12px;
	color: #d7d6d6;
	margin-bottom: 6%;
		margin-top:40%;
	opacity: 0;
		transition-duration:0.6s; 
	-moz-transition-duration:0.6s; 
	-webkit-transition-duration:0.6s; 
	-o-transition-duration:0.6s; 
	opacity: 0;

}
.sy-cp ul li .cp-pf a{
	padding: 2px 15px;
	border: 1px solid #f1f1f1;
	color: #f1f1f1;
	border-radius: 20px;
	font-size: 8px;
}
.sy-cp ul li:hover .cp-pf .cp-pfk{
	border: 1px solid;
	height: 100%
	
}
.sy-cp ul li:hover .cp-pf h2{
	font-size: 14px;
	font-weight:600;
	margin-top: 12%;
	margin-bottom: 8%;
	
}
.sy-cp ul li:hover .cp-pf p{
	font-size: 12px;
	color: #d7d6d6;
	margin-bottom: 6%;
	margin-top: 0;
	opacity: 1;
}
.sy-cp ul li:hover .cp-pf a{
	padding: 2px 10px;
	border: 1px solid #f1f1f1;
	color: #f1f1f1;
	border-radius: 20px;
	font-size: 8px;
}

/*gy*/
.sy-gy{
	width: 100%;
	height: auto;
	position: relative;
	height:622px;
	min-height: 502px;
		overflow: hidden

}
.sy-gy ul{
min-height: 602px;
	height: auto;
	overflow: hidden;
}
.sy-gy ul li{
	width: 25%;
	float: left;
	height: 50%;
}
.sy-gy ul li img{
	height: 100%;
	
}

.sy-gy .gy-pf{
	position: absolute;
	top: 0;
	width: 100%;
}
.sy-gy .gy-pf .w1400{
	width: 96%;
	margin: 0 auto;
}
.sy-gy .gy-pf  .gy-y{
	
}
.sy-gy .gy-pf  .gy-y p{
	width: 96%;
	color: #989898;line-height: 24px;
	margin-bottom:16%;
	font-size: 16px;
	font-weight: 500;
}
.sy-gy .gy-pf  .gy-y {
	float: right;
	margin-top: 20%;
}
.sy-gy .gy-pf  .gy-y img{
	margin-bottom:8%;
}
.sy-gy .gy-pf  .gy-y a{
	background: #e41313;
	padding: 5px 30px;
	border-radius: 5px;
	font-size: 14px;
	color: #f1f1f1;
	
}
.sy-gy .gy-pf  .gy-y a:hover {
	background: none;
	border: 1px solid #f1f1f1;
}
.sy-gy .gy-pf  .gy-z{
	float:left;
	margin-top: 16%;
		
	}
	.sy-gy .gy-pf  .gy-z img{
		width: 100%
	}
	
	
	.wc960{
		display: none;
	}
	.di{
		display: none;
	}
	.sj-gc{
		display: block;
	}
	.AP_foot{
		display: block;
	}
	
	.ny-banner{width: 100%;z-index: 888;overflow: hidden;position: relative;float: left}
.ny-banner img{width: 160%;z-index: 99;height:160px}
	.ny-dh{display: none;}
	
	
	/*nycp*/
.ny-cp{
	width: 98%;
	margin: 0 auto;
	overflow: hidden;
	padding-top: 2%;
}
.ny-cp ul{
	overflow: hidden;
	margin-left: -2%;
	margin-top: 2%;	
}
.ny-cp ul li{
	width: 48%;
	float: left;
	margin-left: 2%;
}
.ny-cp ul li img{
	width: 100%;
}
.ny-cp ul li p{
	color: #f1f1f1;
	font-size: 14px;
	padding:5px 5px;
	transition-duration:0.6s; 
	-moz-transition-duration:0.6s; 
	-webkit-transition-duration:0.6s; 
	-o-transition-duration:0.6s; 
	    text-overflow: ellipsis;
    display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp:1; /** 显示的行数 **/
    overflow: hidden;  /** 隐藏超出的内容 **/

	
}
.ny-cp ul li:hover p{
	background: #e41313;
		padding:5px 15px;

}
.ym{
	overflow: hidden;
	margin-bottom:8%;
	margin-top: 2%;
}
.ym li a{
	padding:10px;
	background:#ececec;
	float: left;
	margin-right: 1%;
	border-radius: 5px;
	
}
.ym li.sss a{
	background: #e41313;
} 
.ym li.sss a{
	color: #f1f1f1;
}  
.ym li:hover a{
	background: #e41313;
}
.ym li:hover a{
	color: #f1f1f1;
}

	/*gyu*/
.ny-gy{
	width: 96%;margin: 0 auto;overflow: hidden;
	color: #f1f1f1;
}
.ny-gy h2{
	font-size: 24px;
	margin-bottom: 5px;
	text-align: center;
}
.ny-gy>h3{
	margin-bottom: 4%;
		text-align: center;

}
.ny-gy b{
	font-size: 20px;
	padding-bottom: 1%;
	color: #e41313;
}
.ny-gy>p{
	padding:1% 0 3% 0;
	line-height: 24px;
	border-bottom: 1px solid  #525252;
	color: #C0C0C0;

}
.ny-gy .yw{
	width: 96%;
	margin: 0 auto;
	padding-bottom: 10%;
	overflow: hidden;
}
.ny-gy .yw img{
	float: right;
	margin-top: 0%;
	width: 100%;
		
}
.ny-gy .yw h3{
	font-size: 20px;
	margin-bottom: 1%;
	margin-top: 6%
}
.ny-gy .yw p{
	line-height: 40px;float:left;
	color: #C0C0C0;
}
/*lian-xi*/
.ny-lx{
	width: 98%;
	margin: 0 auto;
	overflow: hidden;
}
.lxfs{ background:#f1f1f1; overflow:hidden; position:relative;margin-bottom: 10%;}
.lxfs .lxfs_wz{width:100%;line-height:26px; color:#444; padding:40px;}
.lxfs .lxfs_dt{width:100%; height:320px;position:inherit;}
.ny-lx h3{
	text-align: center;
	font-size: 24px;
	padding:4% 0 0 0;
	color: #f1f1f1;
	
}
.ny-lx>p{
	padding:0 0 6% 0 ;
text-align: center;
	color: #f1f1f1;
	
}
.jz{
	text-align: center;
	margin-bottom: 10%;
}
.dw{
	overflow: hidden;
}
	.rczp{
		width: 96%
	}
	.y-dh{
		display: block;
	}

	.content_left {
	display: block;
}
}