.news-center { padding-top:3%;}


.news-center .item {
    display: block;
    overflow: hidden;
    clear: both;
    padding: 6.375% 9.5625%;
    /*border-bottom: 1px dashed #cdcdcd;*/
}
.news-center .item .date {
    display: block;
    float: left;
    width: 15%;
    padding:0;
    text-align: left;
    font-size: 0;
}

.news-center .item .date .day {
    display: block;
    font-size:36px;
    color: #999;
    font-weight: bold;
    line-height: 1;
	position:relative
}
.news-center .item .date .day::after { content:"|"; position:absolute; right:26%; font-weight:normal; font-size:28px; line-height:1; color:#ccc;}

.news-center .item .date .day>.news_line { position:absolute; bottom:-12px; left:0; width:5px; height:2px; background-color:#999999;}

 
.news-center .item .date .month {
    display: block;
    font-size: 14px;
	margin-top:36px;
    color: #999;
}
.news-center .item .pic {
    display: block;
    float: right;
    margin-left: 10.4%;
	position:relative;
}


.news-center .item .pic img {
	width:356px;
	height:163px;
    
}


.news-center .item .pic>a {filter:alpha(opacity=0);-moz-opacity:0;opacity:0; display:block; 	width:356px;
	height:163px; position:absolute; left:0; top:0; text-align:center; background:rgba(0,178,80,0.7); line-height:163px; font-size:1em; color:#fff;}
	
	
	
	
.news-center .item:hover { cursor:pointer}	
	
.news-center .item:hover .pic>a { filter:alpha(opacity=100);-moz-opacity:1;opacity:1;} 
.news-center .item:hover .day { color:#10763a}
.news-center .item:hover .content h4 a { color:#10763a; }
.news-center .item .content h4 { margin-bottom:1em;}
.news-center .item .content h4 a {font-size:1em; line-height:1.5}


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


 .news-center { padding-top:2%;}

}


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


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

}

@media screen and (max-width:1200px)
{
    .news-center .item .date .day::after {
   		 content: "|"; right: 1em;
	}
	.news-center .item { padding:5% 2%}
	
}
@media screen and (max-width:1200px)
{
	.news-center .item .date .day::after {
   		 content: ""; 
	}
}

@media screen and (max-width:812px)
{
.news-center .item .pic { width:100%;margin:0; background-color:#efefef; text-align:center;} 
.news-center .item .content { width:100%; margin:0;}
.news-center .item .content h4 { margin:0.75em 0 0.75em 0;}
.news-center .item .pic>a { width:100%;}

}
@media  (max-width:768px) {  }
@media screen and (max-width:667px) {  }
@media screen and (max-width:480px) {  }
@media screen and (max-width:380px) and (min-width:320px){  }




@media screen and (max-width: 768px) {
    .news-center .item .date {
        display: none;
    }
}
@media screen and (max-width: 640px) {
    .news-center .item .pic img {
        
    }
}
.news-center .item .content {
    display: block;
    overflow: hidden;
}
.news-center .item .conten