@charset "utf-8";
/* CSS Document */

.news{
	width: 100%;
    /*height: 250px; */   
	overflow: auto;
	padding:25px 0;
	box-sizing:border-box;
	border-bottom:#7accc7 solid 1px;
}

.n{
   /* height:100%;*/
	position:relative;
	overflow:hidden;
	
}

.pic{
	width:30%;
	padding-bottom:20%;
	/*height:100%;*/
	float:left;
	margin-right:4%;
	background-size: cover;
	background-position:center;
}

.t{
	width:66%;
	font-size:20px;
	color:#666;
	display:inline-block;
}

.tt{
	width:83%;
	float:left;
}

.green {
	color:#7accc7;
	font-size:16px;
}

.date{
	width:auto;
	font-size:14px;
	float:right;
	color:#BBB;
}

.c{
	width:50%;
	display:inline-block;
}

.c li{
	float:left;
	min-width:300px;
}

.clear
{
	clear:both;
}

.more{
	border:#7accc7 solid thin;
	color:#7accc7;
	padding:0 5px;
	line-height:25px;
	position:absolute;
	right:0px;
	bottom:0px;
}

.more:hover {
	background-color:#7accc7;
	color:#FFF;
}


@media screen and (max-width:1280px) {
	
.tt {
	width:100%;
}

.date{
	float:left;
}

.c {
	width:66%;
	
}
	
}

@media screen and (max-width:1000px) {

.date {
	line-height: 1.9em;
	
}
	
.c {
	line-height: 1.9em;
	
}
	
}

@media screen and (max-width:640px) {
	
.pic{
	width:100%;
	height:auto;
	padding-bottom:50%;
	margin-right:0;
}

.t{
	width:100%;
}

.tt{
	width:100%;
	padding-top:10px;
}

.date{
	float:left;
}

.c{
	width:100%;
	margin-bottom:10px;
}

}

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

.c{
	width:100%;
	height:auto;
	overflow:auto;
}

.more{
	right:45%;
}


}