body{
	background: white;
}
.slide-top{position: relative;}
	.xian{
		width: 100%;
		height: 1px;
		display: block;
		background: rgba(225,225,225,0.1);
		position: absolute;
		bottom: 0;
		left: 0;
	}
	.dian{
		width: 3px;
		height: 3px;
		display: block;
		background: white;
		position: absolute;
		bottom: -1px;
		left:50%;
		border-radius: 50%;
	}
.p1{
	font-size: 14px;
	line-height: 25px;
	color: #A1A1A1;
	overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
     -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
}
.p2{
	font-size: 14px;
	line-height: 25px;
	color: #8F8F8F;
}
.slide-end span,.slide-top span{
		display: table-cell; vertical-align:middle; text-align:center;	
	}
	.ul2{
		display: none;
	}
@media only screen and (min-width: 1200px) {
	#h22,.fzlc-bg{display: none;}
	
	.h21{
		width: 100%;
		height: 100px;
		line-height: 100px ;
		text-align: center;
		color: #414141;
		margin-bottom: 40px;
		font-size: 24px;
		margin-top: 100px;
	} 
	.h22{
		width: 100%;
		height: 100px;
		line-height: 100px;
		text-align: center;
		color: white;
		font-size: 24px;
		margin-top: 100px;
	} 
	#ppjs{
		width: 1200px;
		height:207px;
		margin: auto;
		/*overflow: hidden;*/
	}
	#ppjs img{
		width: 650px;
		height: 207px;
		float: left;
	}
	.ppjs-div{
		width: 540px;
		height: 207px;
		float: left;
		margin-left: 10px;
		/*overflow: hidden;*/
	}
	.ppjs-div p{
		width: 100%;
		overflow : hidden;
	    text-overflow: ellipsis;
		display: -webkit-box;
	     -webkit-line-clamp: 5; 
	    -webkit-box-orient: vertical;
		margin-top: 10px;
		color:#999;
	}
	.ppjs-div-p2{
		width: 100%;
		height: 130px;
		overflow : hidden;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	     -webkit-line-clamp: 5; 
	    -webkit-box-orient: vertical;
	    margin-top: 20px;
	}
	#fzlc{
	width: 100%;
	min-width: 1200px;
	height:648px;
	overflow: hidden;
	background: url(../images/fzlc.jpg)center no-repeat;
	background-size: 100% 100%;
	margin:120px auto 100px;
	z-index: 99;
}

	/*.slide-top{position: relative;}
	.xian{
		width: 100%;
		height: 1px;
		display: block;
		background: white;
		position: absolute;
		bottom: 0;
		left: 0;
	}
	.dian{
		width: 3px;
		height: 3px;
		display: block;
		background: white;
		position: absolute;
		bottom: -1px;
		left:50%;
		border-radius: 50%;
	}*/
.fzlc{
	width: 1200px;
	height:648px;
	overflow: hidden;
	margin: auto;
	
}

#sweiper{
	width: 1200px;
	height: 260px;
	position: relative;
	overflow: hidden;
	margin: 60px auto 0;
}
.sweiper{
	width:1140px;
	height: 260px;
    overflow: hidden;
    margin: auto;
}
.swiper-slide{
	width: 285px;
	height: 260px;
	float: left;
	color: white;
	text-align: center;
}
.slide-top{
	width: 100%;
	height:130px;
	/*line-height: 180px;*/
	display: table;
}
.slide-end{
	width: 245px;
	height:70px;
	padding-top: 5px;
	line-height: 25px;
	padding-left: 20px;
	padding-right: 20px;
	overflow: hidden;
	padding-bottom: 20px;
	display: table;
}

#swiper_lt{
	width:30px;
	height: 80px;
	background: url(../images/dsbefore.png)center no-repeat;
	background-size: 100%;
	position: absolute;
	top: 50%;
	margin-top: -40px;
	left:0 ;
	display: block;
	z-index: 99999;
	cursor: pointer;
}
#swiper_lt span{
	width: 13px;
	height: 24px;
	display: block;
	margin: 28px auto;
	background: url(../images/dsleft.png)center no-repeat;
	background-size: 100%;
}
#swiper_rt{
	width:30px;
	height: 80px;
	background: url(../images/dsbefore.png)center no-repeat;
	background-size: 100%;
	position: absolute;
	top: 50%;
	margin-top: -40px;
	right:0 ;
	display: block;
	z-index: 99999;
	cursor: pointer;
}
#swiper_rt span{
	width: 13px;
	height: 24px;
	display: block;
	margin: 28px auto;
	background: url(../images/dsright.png)center no-repeat;
	background-size: 100%;
}
#swiper_rt:hover{
		background: url(../images/dsafter.png)center no-repeat;
	background-size: 100%;
}
#swiper_lt:hover{
		background: url(../images/dsafter.png)center no-repeat;
	background-size: 100%;
}
#ppsl{
	width: 1200px;
	height:580px ;
	margin:auto;
	overflow: hidden;
}
#ppsl li{
	width: 300px;
	height: 290px;
	float: left;
	display: block;
	overflow: hidden;
}

.lis{
	background: #333333;
	text-align: center;
	color: white;
}
.lis img{
	width: 56px;
	height: 56px;
	display: block;
	margin:100px auto 10px ;
}
.lis2 img{
	width: 300px;
	height: 290px;
}
#zlhz{
	width: 100%;
	min-width: 1200px;
	/*height: 416px;*/
	margin:100px auto;
	
}
#zlhz img{
		width: 100%;
	}
	#xxmd{
	width: 1200px;
	height: 400px;
	margin: auto;
	background: url(../images/xxmd.png)center no-repeat;
	background-size: 100%;
	overflow: hidden;
	
}
.xxmd{
	width: 700px;
	height: 170px;
	padding: 40px;
	margin:75px auto 0;
	background: rgba(255,255,255,0.9);
	text-align: center;
}
.xxmd a{
	width: 180px;
	height: 50px;
	line-height: 50px;
	display: block;
	text-align:center;
	margin:50px auto 0;
	border: 1px solid #D9E1E9;
	color: #A7A8AA;
}
}
@media only screen and (max-width: 1200px) {
	.h21{
		width: 100%;
		height: 60px;
		line-height: 60px ;
		text-align: center;
		color: #414141;
		font-size: 18px;
	} 
	.h22{
		width: 100%;
		height: 60px;
		line-height: 60px;
		text-align: center;
		color: white;
		font-size: 24px;
	} 
	#ppjs{
		width: 100%;
		margin: auto;
		/*overflow: hidden;*/
		padding: 10px 0;
	}
	#ppjs img{
		width: 90%;
		display: block;
		margin:0 auto 10px;
	}
	.ppjs-div{
		width: 90%;
		margin: auto;
		/*overflow: hidden;*/
	}
	.ppjs-div p{
		width: 100%;
		overflow : hidden;
	    text-overflow: ellipsis;
		display: -webkit-box;
	     -webkit-line-clamp: 5; 
	    -webkit-box-orient: vertical;
		margin-top: 10px;
		color:#999;
	}
	.ppjs-div-p2{
		width: 100%;
		text-indent: 2rem;
	    margin-top: 20px;
	}
	#fzlc{
		width: 100%;
		overflow: hidden;
		background-size: 100%;
		margin:20px auto;
		z-index: 99;
		position: relative;
	}
	.fzlc-xian{
	width: 100%;
	height: 5px;
	position:absolute ;
	top: 49%;
	left: 0;
	}
	.fzlc-h22{display: none;}
	#h22{
		display: block;
		width: 100%;
		height: 60px;
		line-height: 60px;
		text-align: center;
		color: #414141;
		font-size: 24px;
	}
	.fzlc-bg{
		display: block;
		width: 100%;
	}
	.fzlc{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		overflow: hidden;
		margin: auto;
		
	}
	#sweiper{
		width: 100%;
		height: 100%;
		position: relative;
		overflow: hidden;
	
	}
	.sweiper,.swiper-container{
		width: 100%;
		height: 100%;
	    overflow: hidden;
	    margin: auto;
	}
	
	.swiper-slide{
		width: 25%;
		height:100%;
		float: left;
		color: white;
		text-align: center;
	}
	.slide-top{
		width: 100%;
		display: table;
	}
	.slide-end{
		width: 80%;
		overflow: hidden;
		text-align: center;
		padding-left: 10%;
		padding-right: 10%;
		color: white;
		font-size: 12px;
		display: table;
	}
	

#swiper_lt{
	width:30px;
	height: 80px;
	background: url(../images/dsbefore.png)center no-repeat;
	background-size: 100%;
	position: absolute;
	top: 50%;
	margin-top: -40px;
	left:0 ;
	display: block;
	z-index: 99999 !important;
	cursor: pointer;
}
#swiper_lt span{
	width: 13px;
	height: 24px;
	display: block;
	margin: 28px auto;
	background: url(../images/dsleft.png)center no-repeat;
	background-size: 100%;
}
#swiper_rt{
	width:30px;
	height: 80px;
	background: url(../images/dsbefore.png)center no-repeat;
	background-size: 100%;
	position: absolute;
	top: 50%;
	margin-top: -40px;
	right:0 ;
	display: block;
	z-index: 99999;
	cursor: pointer;
}
#swiper_rt span{
	width: 13px;
	height: 24px;
	display: block;
	margin: 28px auto;
	background: url(../images/dsright.png)center no-repeat;
	background-size: 100%;
}
#swiper_rt:hover{
	background: url(../images/dsafter.png)center no-repeat;
	background-size: 100%;
}
#swiper_lt:hover{
	background: url(../images/dsafter.png)center no-repeat;
	background-size: 100%;
}
	#ppsl{
		width: 100%;
		margin:auto;
		overflow: hidden;
	}
	#ppsl li{
		float: left;
		display: block;
		overflow: hidden;
	}
	.lis{
		background: #333333;
		text-align: center;
		color: white;
		position: relative;
	}
	.lis img{
		width: 56px;
		height: 56px;
		display: block;
		margin:30% auto 10px ;
	}
	.lis2 img{
		width: 100%;
		height: 100%;
	}
	#zlhz{
		width: 100%;
		margin:20px auto;
	}
	#zlhz img{
		width: 100%;
	}
	#xxmd{
	width:94%;
	padding: 10px 2%;
	margin:0 auto 20px;
	overflow: hidden;
	background:gainsboro;
	border-radius: 5px;
}
.xxmd{
	text-align: center;
}
.xxmd a{
	width: 180px;
	height: 50px;
	line-height: 50px;
	display: block;
	text-align:center;
	margin:20px auto 0;
	border: 1px solid #D9E1E9;
	color: #A7A8AA;
	background: white;
	border-radius: 5px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
	.ul2{
		display: none;
	}
}
@media only screen and (max-width:768px ) {
	.ul1{
		display: none;
	}
	.ul2{
		display: block;
		width: 100%;
		padding: 1px 0;
		overflow: hidden;
	}
}