
/* sub_news */
.sub_news{
	width: 1170px;
	margin: 0 auto;
	padding: 60px 0px;
}
.sub_news ul li{
	float: left;
	margin: 0px 15px;
	margin-bottom: 30px;
}
.sub_news .pic{
	width:360px;
	overflow: hidden;
}
.sub_news .pic img{
	width:100%;
}
.sub_news .pic a:hover img{
	transition: all 0.3s;
	transform: scale(1.1);
}
.sub_news .text{
	width:320px;
	height:170px;
	padding:30px 20px;
	line-height:160%;
}
.sub_news .text a{
	color:#666;
}
.sub_news .text a:hover, .sub_news .text a:hover .title{
	color:#ff9638;
}
.sub_news .text .title{
	font-size:16px;
	font-weight:bold;
	padding-bottom:15px;
	color: #333;
	transition: all 0.3s;
	line-height:160%;
}
.sub_news .text .date{
	font-size:12px;
	padding-bottom:15px;
}

@media all and (max-width:1024px)
{
.sub_news{
	width: 97%;
}
.sub_news ul li{
	float: left;
	margin: 0px 15px;
	margin-bottom: 30px;
}
.sub_news .pic{
	width:300px;
}
.sub_news .text{
	width:260px;
	height:160px;
	padding:30px 20px;
}
}
.sub_news .text .date{
	font-size:12px;
	padding-bottom:20px;
}

@media all and (max-width:768px)
{
.sub_news{
	width: 95%;
}
.sub_news ul li{
	float: left;
	margin: 0px 15px;
	margin-bottom: 30px;
}
.sub_news .pic{
	width:334px;
}
.sub_news .text{
	width:294px;
	height:160px;
	padding:30px 20px;
}
}
@media all and (max-width:475px)
{
.sub_news{
	width: 95%;
}
.sub_news ul li{
	float: none;
	margin: 0px 15px;
	margin-bottom: 30px;
}
.sub_news .pic{
	width:100%;
}
.sub_news .text{
	width:90%;
	height:auto;
	padding:30px 5%;
}
}

/* news_details */
.news_details{
	background: #f4f4f4;
}
.news_details .white_box{
	width: 1170px;
	margin: 0 auto;
	background: #fff;
	padding-bottom: 100px;
}
.news_details .text_box{
	width: 800px;
	margin: 0 auto;
	text-align: center;
}
.news_details .text_box img{
	max-width: 100%;
}
.news_details .text_box p{
	line-height: 200%;
	margin: 30px 0px;
	text-align: left;
	color:#888888;
	font-size:16px;
}
@media all and (max-width:1024px)
{
.news_details .white_box{
	width: 100%;
	padding-bottom: 60px;
}
.news_details .text_box{
	width: 90%;
}
}