#wrap > div { 
	transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out;
	padding-bottom: 78px;
}

#wrap > div .title {
	transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out;
	line-height: 50px;
	font-size: 45px; color: #656565;
	font-weight: bold;
	font-family: 'Roboto-Medium', sans-serif;
}

#wrap > div .sub_title {
	transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out;
	line-height: 25px; 
	font-size: 19px; color: #656565;
	margin-top: 30px;
}


#wrap  .news_box { transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; display: inline-block; width: 100%; }
#wrap  .news_boxs { width: 1484px; }

#wrap  .news_box .box { transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; width: 338px; margin-top: 50px; margin-left: 44px; }
#wrap  .news_box .box:first-child { margin-left: 0px; }


#wrap  .news_box .box .thum_img{ 
	transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out;
	width: 100%; height: 257px;
	background-color: #eee;
}

#wrap  .news_box .box .text_area{ 
    transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;

	width: 100%; height: 130px;
	background-color: #f5f5f5;
}

 
#wrap  .news_box .box .text_area .date{ 
    transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;

	width: 100%; height: 45px; line-height: 25px;
	font-size: 16px; color: #656565;
	text-align: left;
	padding: 20px 20px 0px;
	box-sizing: border-box;
	overflow: hidden;
}


#wrap  .news_box .box .text_area .title{ 
    transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;

	width: 100%; height: 40px; line-height: 20px;
	font-size: 17px; color: #656565;
    font-family: 'Roboto-Medium', sans-serif;
	font-weight: normal;
	text-align: left;
	margin-top: 10px;
	padding: 0px 20px;
	box-sizing: border-box;

	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2; 
	-webkit-box-orient: vertical;
	word-wrap:break-word; 

}
#wrap  .news_boxs { transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; display: inline-block; }
#wrap  .news_box .box:hover { cursor: pointer; }
#wrap  .news_box .box:hover .text_area{ background-color: #ed6922;  }
#wrap  .news_box .box:hover .text_area .date{ color: #fff; } 
#wrap  .news_box .box:hover .text_area .title{ color: #fff; }



@media (max-width: 479px){ 
	#wrap { padding: 30px 0px; }
	#wrap > div { padding: 0px 15px; padding-bottom: 15px; }

	#wrap > .title { font-size: 48px; }
	#wrap > .sub { font-size: 16px; } 

	#wrap  .news_boxs { width: 100%; }
	#wrap  .news_box .box { width: 100%; margin-left: 0%; margin-right: 0%; margin-top: 15px; }
	#wrap  .news_box .box:first-child { margin-left: 0%; }
	#wrap  .news_box .box .thum_img { height: 225px; }
	#wrap  .news_box .box .text_area .date { font-size: 14px; padding-top: 10px; height: 38px; }
	#wrap  .news_box .box .text_area .title { font-size: 16px; padding: 0px 20px; margin-top: 10px; }

	#wrap > div .title { font-size: 22px; line-height: 25px; }
	#wrap > div .sub_title { font-size: 14px; margin-top: 15px;} 
}

@media (max-width: 749px) and (min-width: 480px) { 
	#wrap { padding: 50px 0px; }
	#wrap > div { padding: 0px 15px; padding-bottom: 15px; }

	#wrap > .title { font-size: 48px; }
	#wrap > .sub { font-size: 16px; } 

	#wrap  .news_boxs { width: 100%; }
	#wrap  .news_box .box { width: 48%; margin-left: 1%; margin-right: 1%; margin-top: 30px; }
	#wrap  .news_box .box:first-child { margin-left: 1%; }
	#wrap  .news_box .box .thum_img { height: 225px; }
	#wrap  .news_box .box .text_area .date { font-size: 14px; padding-top: 10px; height: 38px; }
	#wrap  .news_box .box .text_area .title { font-size: 16px; padding: 0px 20px; margin-top: 10px;  }

	#wrap > div .title { font-size: 29px; }
	#wrap > div .sub_title { font-size: 16px; margin-top: 15px;} 
}

@media (max-width: 1023px) and (min-width: 750px) { 
	#wrap { padding: 50px 0px; }
	#wrap > div { padding: 0px 15px; padding-bottom: 15px; }

	#wrap > .title { font-size: 48px; }
	#wrap > .sub { font-size: 16px; } 

	#wrap  .news_boxs { width: 100%; }
	#wrap  .news_box .box { width: 48%; margin-left: 1%; margin-right: 1%; margin-top: 30px; }
	#wrap  .news_box .box:first-child { margin-left: 1%; }
	#wrap  .news_box .box .thum_img { height: 225px; }
	#wrap  .news_box .box .text_area .date { font-size: 14px; padding-top: 10px; height: 38px; }
	#wrap  .news_box .box .text_area .title { font-size: 16px; padding: 0px 20px; margin-top: 10px;  }

	#wrap > div .title { font-size: 29px; }
	#wrap > div .sub_title { font-size: 16px; margin-top: 15px;} 
}

@media (max-width: 1279px) and (min-width: 1024px) { 
	#wrap { padding: 50px 0px; }
	#wrap > div { padding: 0px 30px; padding-bottom: 78px; }
	#wrap > .title { font-size: 48px; }
	#wrap > .sub { font-size: 16px; } 

	#wrap  .news_boxs { width: 947px; }
	#wrap  .news_box .box { width: 230px; margin-left: 9px; }
	#wrap  .news_box .box .thum_img { height: 225px; }
	#wrap  .news_box .box .text_area .date { font-size: 14px; padding-top: 10px; height: 38px; }
	#wrap  .news_box .box .text_area .title { font-size: 16px;  padding: 0px 20px; margin-top: 10px; }
}

@media (max-width: 1439px) and (min-width: 1280px) { 
	#wrap  .news_box .box { width: 280px; margin-left: 14px; }
	#wrap  .news_boxs { width: 1162px; }

}

@media (max-width: 1600px) and (min-width: 1440px) { 
	#wrap  .news_box .box { width: 310px; margin-left: 27px; }
	#wrap  .news_boxs { width: 1321px; }

}


/*

	@media (max-width: 479px){ 

	}

	@media (max-width: 749px) and (min-width: 480px) { 

	}

	@media (max-width: 1023px) and (min-width: 750px) { 

	}

	@media (max-width: 1279px) and (min-width: 1024px) { 

	}

	@media (max-width: 1439px) and (min-width: 1280px) { 

	}

	@media (max-width: 1600px) and (min-width: 1440px) { 

	}
*/