@media screen and (min-width:750px){
	body{
		width: 100%;
		min-width: 1250px;
		height: auto;
		background: #FFFFFF;
	}	
	.header{
		width: 100%;
		min-width: 1250px;
		height: 80px;
		background: #FAFAFA;
		/*background: greenyellow;*/
		position: fixed;
		left: 0;
		top: 0;
		font-size: 0;
		z-index: 99999;
		/*border-bottom: 1px solid #EEEEEE;*/
	}
	.top{
		width: 100%;
		height: 80px;
	}
	.footer{
		font-size: 0;
		width: 100%;
		height: 450px;
		overflow: hidden;
		position: relative;
	}
	
	.zi{
		width: 1200px;
		height: auto;
		margin: 0 auto;
		margin-top: 50px;
		margin-bottom: 100px;
		/*background: #EEEEEE;*/
		font-size: 0;
	}
	.zi_list{
		width: 100%;
		height: auto;
	}
	.zi_li{
		width: 100%;
		height: auto;
		/*background: pink;*/
		margin-bottom: 25px;
		display: none;
		cursor: pointer;
	}
	.zi_l{
		width: 260px;
		height: 160px;
		display: inline-block;
		overflow: hidden;
	}
	.zi_l img{
		width: 100%;
		height: 100%;
	}
	.zi_r{
		width: 800px;
		height: auto;
		margin-left: 40px;
		display: inline-block;
		overflow: hidden;
		vertical-align: top;
	}
	.zi_title{
		font-size: 24px;
		color: #37474f;
		line-height: 30px;
	}
	.zi_time{
		font-size: 14px;
		color: #888888;
		margin: 12px 0;
	}
	.zi_show{
		font-size: 14px;
		color: #555555;
		line-height: 22px;
		text-indent: 25px;
	}
	.m-style{
		display: inline-block;
		margin-top: 40px;
	}
	
	
}

@media screen and (max-width:750px){
	html,body{
		width: 100%;
		max-width: 750px;
		margin: 0 auto;
		height: auto;
		background: #FFFFFF;
	}
	.header{
		width: 100%;
		min-width: 1250px;
		height: 80px;
		background: #FAFAFA;
		/*background: greenyellow;*/
		position: fixed;
		left: 0;
		top: 0;
		font-size: 0;
		z-index: 99999;
		/*border-bottom: 1px solid #EEEEEE;*/
		display: none;
	}
	.top{
		width: 100%;
		height: 80px;
		display: none;
	}
	.footer{
		font-size: 0;
		width: 100%;
		height: 450px;
		overflow: hidden;
		position: relative;
		display: none;
	}
	
	.zi{
		width: 92%;
		height: auto;
		margin: 0 auto;
		margin-top: 30px;
		margin-bottom: 50px;
		/*background: #EEEEEE;*/
		font-size: 0;
	}
	.zi_list{
		width: 100%;
		height: auto;
	}
	.zi_li{
		width: 100%;
		height: auto;
		background: #EFEFEF;
		margin-bottom: 25px;
		display: none;
		cursor: pointer;
	}
	.zi_l{
		width: 100%;
		height: auto;
		overflow: hidden;
	}
	.zi_l img{
		width: 100%;
	}
	.zi_r{
		width: 100%;
		height: auto;
		overflow: hidden;
	}
	.zi_title{
		font-size: 18px;
		color: #37474f;
		line-height: 25px;
		margin-top: 20px;
	}
	.zi_time{
		font-size: 14px;
		color: #888888;
		margin: 12px 0;
	}
	.zi_show{
		font-size: 14px;
		color: #555555;
		line-height: 22px;
		text-indent: 25px;
	}
	
	.m-style{
		max-width: 100%;
		display: inline-block;
		margin-top: 30px;
	}
	
}

.header_logo{
	width: 180px;
	height: auto;
	position: absolute;
	left: 60px;
	top: 20px;
}
.header_logo img{
	width: 100%;
	cursor: pointer;
}
ul{
	width: 750px;
	height: auto;
	margin-left: 40%;
	/*background: pink;*/
}
li{
	display: inline-block;
	width: 88px;
	height: 75px;
	border-bottom: 5px solid #FAFAFA;
	font-size: 16px;
	margin-left: 20px;
	line-height: 80px;
	text-align: center;
	cursor: pointer;
}

.li1{
	border-bottom: 5px solid #2170d1;
}
.nav{
	font-size: 16px;
	color: #333333;
	white-space: nowrap;
}
.li1 .nav{
	color: #2170d1;
}
li:hover{
	background: #EEEEEE;
	color: #2170d1;
	border-bottom: 5px solid #2170d1;
}
.header_ma{
	width: 170px;
	height: 80px;
	position: absolute;
	top: 0;
	right: 0;
	line-height: 80px;
	text-align: center;
	cursor: pointer;
}
.ma_1{
	width: 60px;
	height: 60px;
}
.ma_2{
	width: 150px;
	height: 150px;
	position: absolute;
	left: 0;
	bottom: -145px;
	display: none;
	/*z-index: 100;*/
}
.top{
	width: 100%;
	height: 80px;
}
.swiper-container {
	width: 100%;
	z-index: 99;
	overflow: hidden;
}
.swip_i {
	width: 100%;
	cursor: pointer;
}
.fen{
	width: 100%;
	height: auto;
	overflow: hidden;
	text-align: center;
}




.footer{
	font-size: 0;
	width: 100%;
	height: 450px;
	overflow: hidden;
	position: relative;
}
.footer_i{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: -1;
}
.bot{
	width: 100%;
	height: 220px;
	background: url(../img/index/bj.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 100;
	overflow: hidden;
}
.bot_c{
	width: 1200px;
	height: 100%;
	position: relative;
	margin: 0 auto;
}
.bot_l{
	width: 130px;
	height: 130px;
	position: absolute;
	left: 0;
	top: 35px;
	cursor: pointer;
}
.bot_i1{
	width: 100%;
}
.bot_i2{
	width: 200px;
	height: 200px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -100px;
	margin-top: -100px;
	display: none;
}
.bot_m{
	width: 550px;
	height: auto;
	position: absolute;
	left: 200px;
	top: 66px;
}
.bot_m1{
	width: 450px;
	height: auto;
	position: absolute;
	left: 720px;
	top: 66px;
}
.bot_m1_p{
	font-size: 15px;
	color: #d5d5d5;
	margin-bottom: 10px;
}
.bot_m1_line{
	display: inline-block;
	width: 1px;
	height: 12px;
	background: #999999;
	margin: 0 10px;
}
.bot_m1_a{
	display: inline-block;
	font-size: 12px;
	color: #d5d5d5;
	/*color: blue;*/
	margin: 4px 0;
	/*margin-right: 15px;*/
	/*text-decoration: underline;*/
}

.bot_p1,.bot_p2{
	width: 100%;
	font-size: 14px;
	line-height: 26px;
	color: #d5d5d5;
}
.bot_r{
	width: 95px;
	height: auto;
	position: absolute;
	top: 60px;
	right: 40px;
}
.qq{
	width: 40px;
	float: left;
	cursor: pointer;
}
.weibo{
	width: 40px;
	float: right;
	cursor: pointer;
}