@charset "utf-8";





#banner{

	width: 100%;

	min-width: 1200px;

	margin-top: 90px;

	position: relative;

	z-index: 0;

}

#banner .bannerCon{

	height: 375px;

	background: url(../img/banner_news.jpg) no-repeat center center;

}



#main{

	min-height: 500px;

	padding-bottom: 50px;

}

#main .newsTitle{

	overflow: hidden;

	position: relative;

	border-bottom: 1px solid #eee;

	padding: 25px 0;

	margin-bottom: 10px;

}

#main .newsTitle .line{

	position: absolute;

	height: 5px;

	width: 12px;

	top: 36px;

	left: 4px;

	background-color: #f39800;

}

#main .newsTitle h1{

	color: #0e6eb8;

	font-size: 24px;

	letter-spacing: 3px;

	padding-left: 25px;

}

#main .newsTitle h5{

	color: #999;

	font-size: 12px;

	font-weight: normal;

	padding-left: 25px;

}

#main .newsTitle .category{

	position: absolute;

	right: 0;

	top: 32px;

}

#main .newsTitle .category li{

	float: left;

}

#main .newsTitle .category li a{

	margin:0 5px;

	border:1px solid #eee;

	line-height: 34px;

	padding: 0 25px;

	color: #777;

	display: block;

	border-radius: 34px;

}

#main .newsTitle .category li a.cur,

#main .newsTitle .category li a:hover{

	background: #0e6eb8;

	color: #fff;

	border:0;

	margin:1px 6px;

}

#main .newsList{

	overflow: hidden;

	border-bottom: 1px dotted  #ddd;

	padding: 30px 25px;

}

#main .newsList a{

	display: block;

	overflow: hidden;

}

#main .newsList .productPic{

	float: right;

	line-height: 0;

	margin-left: 20px;

	width: 200px;

}

#main .newsList .productPic img{

	width: 100%;

	background-position: center;

	background-size: cover;

}

#main .newsList .deta{

	float: left;

	width: 150px;

	font-size: 16px;

	letter-spacing:1px;

	color: #000;

}

#main .newsList .deta .line{

	width: 15px;

	height: 2px;

	background-color: #333;

	display: block;

	margin-top:3px;

}

#main .newsList a:hover .deta .line{

	background-color: #0e6eb8;

}

#main .newsList .category{

	float: left;

	width: 120px;

	font-size: 16px;

	letter-spacing:1px;

	color: #000;

}



#main .newsList .newsCon{

	overflow: hidden;

}

#main .newsList .newsCon h1{

	font-size: 18px;

	margin-bottom: 15px;

	letter-spacing:1px;

}

#main .newsList .newsCon .describe{

	color: #888;

	letter-spacing:0.5px;

}
@media screen and (max-width: 768px) {
	#header .menu ul li.about a span.cn{
	color: #1185de;
	border-bottom:0;
	}
	#header .menu ul li.about:hover a span.cn{
		color: #fff;
	}

	#banner{
		width: 100%;
		min-width: 100%;
		margin-top: 50px;
	}
	#banner .bannerCon{
		height: 50vw;
		background: url(../img/banner_news.jpg) no-repeat center center;
		background-size: cover;
	}

	#main{
		min-height: 500px;
		padding:20px;
	}

	#main .newsTitle{
		overflow: hidden;
		position: relative;
		border-bottom: 0;
		padding: 5px 0;
		margin-bottom: 10px;
	}
	#main .newsTitle .line{
		position: absolute;
		height: 5px;
		width: 12px;
		top: 16px;
		left: 4px;
		background-color: #f39800;
	}

	#main .newsTitle h1{
		color: #0e6eb8;
		font-size: 20px;
		letter-spacing: 3px;
		padding-left: 25px;
	}

	#main .newsTitle h5{
		color: #999;
		font-size: 12px;
		font-weight: normal;
		padding-left: 25px;
	}

	#main .newsTitle .category{
		position: relative;
		right: 0;
		top: 0;
		margin-top: 22px;
	}
	#main .newsTitle .category li{
		float: left;
		width: 31%;
		margin-right: 2%;
	}
	#main .newsTitle .category li a{
		margin:0 ;
		border:1px solid #eee;
		line-height: 34px;
		padding: 0 ;
		color: #777;
		text-align: center;
		display: block;
		border-radius: 34px;

	}
	#main .newsTitle .category li a.cur,
	#main .newsTitle .category li a:hover{
		background: #0e6eb8;
		color: #fff;
		border:0;
		margin:1px 0;
	}
	#main .newsList{
		overflow: hidden;
		border-bottom: 1px dotted  #ddd;
		padding: 10px 0;
	}
	#main .newsList a{
		display: block;
		overflow: hidden;
	}
	#main .newsList .productPic{
		float: none;
		line-height: 0;
		margin-left: 0px;
		width: 100%;
	}
	#main .newsList .productPic img{
		width: 100%;
		background-position: center;
		background-size: cover;
	}
	#main .newsList .deta{
		float: none;
		margin-bottom: 5px;
		width: 100%;
		font-size: 16px;
		letter-spacing:1px;
		color: #000;
	}
	#main .newsList .deta .line{
		width: 15px;
		height: 2px;
		background-color: #333;
		display: block;
		margin-top:3px;
	}
	#main .newsList a:hover .deta .line{
		background-color: #0e6eb8;
	}
	#main .newsList .category{
		display: none;
		float: none;
		width: 100%;
		font-size: 16px;
		letter-spacing:1px;
		color: #000;
	}

	#main .newsList .newsCon{
		overflow: hidden;
	}
	#main .newsList .newsCon h1{
		font-size: 18px;
		margin-bottom: 15px;
		letter-spacing:1px;
	}
	#main .newsList .newsCon .describe{
		color: #888;
		letter-spacing:0.5px;
	}
}