.now_warp{ height: 45px; background: #F1F1F1;}
.now_warp .in-now{ width: 1200px; margin: 0 auto;}
.now_warp .in-now .nows{ font: 14px/45px "microsoft yahei"; color: #333; float: left; background: url(../image/4-14.png) left center no-repeat; padding-left: 10px; }
.now_warp .in-now .keyword{ float: right; font-size: 0; margin-top: 9px;}
.now_warp .in-now .keyword form{ display: inline-block; margin-left: 15px;}
.now_warp .in-now .keyword .text{ width: 280px; height: 26px; border: 1px solid #ddd; background: none; font: 12px/26px "microsoft yahei"; color: #666; padding-left: 15px; }
.now_warp .in-now .keyword .btn{ width: 44px; height: 28px; border: none; background: #2c9e94; font: 12px/28px "microsoft yahei"; color: #fff; cursor: pointer;}

.main{ width: 1200px; margin: 40px auto;}
.main .title{ text-align: center; font: 36px/42px "microsoft yahei"; color: #333;}

.newslist{ margin-top: 40px; position: relative;}
.newslist .border{ border-left: 1px dashed #4bcdd9; height: 90%; position: absolute; left: 65px; top: 5%;}
.newslist ul{ position: relative; z-index: 1;}
.newslist li{ overflow: hidden; margin-bottom: 40px;}
.newslist li .date{ float: left; width: 132px; height: 120px; background: #4bcdd9; position: relative; text-align: center; margin-top: 20px;}
.newslist li .date h2{ font: 60px/80px arial; color: #fff; border-bottom: 1px solid #3b9ba4;}
.newslist li .date p{ font: 18px/38px "microsoft yahei"; border-top: 1px solid #50d9e6; color: #fff;}
.newslist li .date:before{ content: ''; border: 18px solid transparent; border-left-color: #4bcdd9; position: absolute; right:-36px; top: 50%; margin-top: -18px;}
.newslist li .cont{ width: 1045px; border: 1px solid #ddd; float: right;}
.newslist li .cont .pic{ float: left; width: 319px; height: 165px; border-right: 1px solid #ddd;}
.newslist li .cont .pic img{ display: block;}
.newslist li .cont .txt{ width: 708px; float: left; margin-left: 10px;}
.newslist li .cont .txt h3{ font: 18px/24px "microsoft yahei"; color: #333; text-align: center; margin: 10px 0 5px;}
.newslist li .cont .txt h3 a{ color: #333;}
.newslist li .cont .txt p{ font: 14px/24px "microsoft yahei"; color: #666; text-indent: 2em;}
.newslist li .cont  .txt .dat{ overflow: hidden; margin-top: 12px;}
.newslist li .cont  .txt .dat em{ float: left; font: 12px/18px "microsoft yahei"; color: #333;}
.newslist li .cont  .txt .dat em a{ color: #333;}
.newslist li .cont  .txt .dat span{ float: right; font: 12px/18px "microsoft yahei"; color: #666;}
.newslist li .cont  .txt .dat span img{ display: inline-block; vertical-align: middle;}
.newslist li .cont  .txt .dat span em{ float: none; vertical-align: middle; margin-left: 8px;}



.pagination-wrapper{ 
  	margin: 40px 0 0 0;
  	text-align: center;
} 
.pagination{  
  	font-size: 0;
} 
.pagination a{ 
  	display: inline-block;
  	height: 32px; 
  	line-height: 32px; 
  	margin-right: 8px; 
  	padding: 0 12px; 
  	font-size: 14px; 
  	border: 1px solid #dfdfdf; 
  	color: #999; 
  	text-decoration: none; 
  	border-radius: 4px;
  	box-sizing: border-box;
  	transition: all .3s;
  	background: #f7f7f7;
} 
.pagination a:hover{ 
  	background:#49ae46; 
  	color:#fff; 
  	border-color: #49ae46;
} 
.pagination a.current { 
  	background: #49ae46; 
  	color: #fff;
  	border-color: #49ae46;
} 
.pagination .pageinfo{
	background:#f7f7f7; 
  	color: #999; 
  	border: 1px solid #dfdfdf; 
	display: inline-block;
  	height: 32px; 
  	line-height: 32px; 
  	padding: 0 12px; 
  	font-size: 14px; 
  	box-sizing: border-box;
}


.lei{margin-top:50px;overflow:hidden;}
.lei ul{text-align:center;}
.lei li{display:inline-block;margin:0px 15px;}
.lei li a{width:101px;height:34px;border:1px solid #2c9e94;color:#161616;font:14px/34px "microsoft yahei";text-align:center;display:block;}
.lei li.e a{background:#2c9e94;color:#ffffff;}

@media only screen and (min-width: 1024px) and (max-width: 1200px) {
	
	.now .key{ float: right; font-size: 0;}
.now .key .search-warp{ display: inline-block; vertical-align: middle;}
.now .key .search-warp .text{ width: 293px; height: 26px; border: 1px solid #ddd; border-right: none; font: 12px/26px "microsoft yahei"; color: #666; text-indent: 1em; margin-left: 8px; background: none; vertical-align: middle; outline: medium;}
.now .key .search-warp .btn{ width: 44px; height: 28px; font: 13px/28px "microsoft yahei"; background-color: #E60012; border: none; vertical-align: middle; color: #fff; cursor: pointer; outline: medium;}

.main{ width: 98%; margin: 40px auto;}
.main .title{ text-align: center; font: 36px/42px "microsoft yahei"; color: #333;}

.newslist{ margin-top: 40px; position: relative;}
.newslist .border{  height: 90%; position: absolute; left: 65px; top: 5%;}
.newslist ul{ position: relative; z-index: 1;}
.newslist li{ overflow: hidden; margin-bottom: 40px;}
.newslist li .date{ float: left; width: 122px; height: 110px;  position: relative; text-align: center; margin-top: 20px;}
.newslist li .date h2{ font: 60px/70px arial; color: #fff; }
.newslist li .date p{ font: 18px/38px "microsoft yahei";  color: #fff;}
.newslist li .date:before{ content: ''; border: 18px solid transparent;  position: absolute; right:-36px; top: 50%; margin-top: -18px;}
.newslist li .cont{ width: 85%; border: 1px solid #ddd; float: right;}
.newslist li .cont .pic{ float: left; width: 319px; height: 165px; border-right: 1px solid #ddd;}
.newslist li .cont .pic img{ display: block;}
.newslist li .cont .txt{ width: 508px; float: left; margin-left: 10px;}
.newslist li .cont .txt h3{ font: 15px/24px "microsoft yahei"; color: #333; text-align: center; margin: 10px 0 5px;}
.newslist li .cont .txt h3 a{ color: #333;}
.newslist li .cont .txt p{ font: 12px/18px "microsoft yahei"; color: #666; text-indent: 2em;}
.newslist li .cont  .txt .dat{ overflow: hidden; margin-top: 12px;}
.newslist li .cont  .txt .dat em{ float: left; font: 12px/18px "microsoft yahei"; color: #333;}
.newslist li .cont  .txt .dat em a{ color: #333;}
.newslist li .cont  .txt .dat span{ float: right; font: 12px/18px "microsoft yahei"; color: #666;}
.newslist li .cont  .txt .dat span img{ display: inline-block; vertical-align: middle;}
.newslist li .cont  .txt .dat span em{ float: none; vertical-align: middle; margin-left: 8px;}

.pageinfo{ text-align: center; font-size: 0; margin-bottom: 40px;}
.pageinfo a,.pageinfo span{ display: inline-block; width: 28px; height: 28px; font: 14px/28px arial; color: #666; border: 1px solid #ddd; margin: 0 3px;}

	
}

@media only screen and (min-width: 860px) and (max-width: 1023px) {
	.now_warp{ height: 45px; background: #F1F1F1;}
.now_warp .in-now{ width: 98%; margin: 0 auto;}

.main{ width: 98%; margin: 40px auto;}
.main .title{ text-align: center; font: 30px/42px "microsoft yahei"; color: #333;}

.newslist{ margin-top: 30px; position: relative;}
.newslist .border{  height: 90%; position: absolute; left: 65px; top: 5%;}
.newslist ul{ position: relative; z-index: 1;}
.newslist li{ overflow: hidden; margin-bottom: 40px;}
.newslist li .date{ float: left; width: 18%; height: 110px;  position: relative; text-align: center; margin-top: 20px;}
.newslist li .date h2{ font: 60px/70px arial; color: #fff; }
.newslist li .date p{ font: 18px/38px "microsoft yahei";  color: #fff;}
.newslist li .date:before{ content: ''; border: 18px solid transparent;  position: absolute; right:-36px; top: 50%; margin-top: -18px;}
.newslist li .cont{ width: 78%; border: 1px solid #ddd; float: right;}
.newslist li .cont .pic{  display: none;}
.newslist li .cont .txt{ width: auto; float: none; margin-left: 0; padding: 10px;}
.newslist li .cont .txt h3{ font: 15px/24px "microsoft yahei"; color: #333; text-align: center; margin: 10px 0 5px;}
.newslist li .cont .txt h3 a{ color: #333;}
.newslist li .cont .txt p{ font: 12px/18px "microsoft yahei"; color: #666; text-indent: 2em;}
.newslist li .cont  .txt .dat{ overflow: hidden; margin-top: 12px;}
.newslist li .cont  .txt .dat em{ float: left; font: 12px/18px "microsoft yahei"; color: #333;}
.newslist li .cont  .txt .dat em a{ color: #333;}
.newslist li .cont  .txt .dat span{ float: right; font: 12px/18px "microsoft yahei"; color: #666;}
.newslist li .cont  .txt .dat span img{ display: inline-block; vertical-align: middle;}
.newslist li .cont  .txt .dat span em{ float: none; vertical-align: middle; margin-left: 8px;}

.pageinfo{ text-align: center; font-size: 0; margin-bottom: 40px;}
.pageinfo a,.pageinfo span{ display: inline-block; width: 28px; height: 28px; font: 14px/28px arial; color: #666; border: 1px solid #ddd; margin: 0 3px;}

}

@media only screen and (min-width: 640px) and (max-width: 859px) {
	.now_warp{ height: 45px; background: #F1F1F1;}
.now_warp .in-now{ width: 98%; margin: 0 auto;}
.now_warp .in-now .nows{ font: 14px/45px "microsoft yahei"; color: #333; float: left; }
.now_warp .in-now .nows b{ border-left: 2px solid #0099E4;}
.now_warp .in-now .nows span{ color: #0099E4;}
.now_warp .in-now .keyword{ display: none;}

.main{ width: 98%; margin: 40px auto;}
.main .title{ text-align: center; font: 30px/42px "microsoft yahei"; color: #333;}

.newslist{ margin-top: 30px; position: relative;}
.newslist .border{  height: 85%; position: absolute; left: 65px; top: 5%;}
.newslist ul{ position: relative; z-index: 1;}
.newslist li{ overflow: hidden; margin-bottom: 40px;}
.newslist li .date{ float: left; width: 18%; height: auto;  position: relative; text-align: center; margin-top: 20px;}
.newslist li .date h2{ font: 40px/50px arial; color: #fff; }
.newslist li .date p{ font: 18px/48px "microsoft yahei";  color: #fff;}
.newslist li .date:before{ content: ''; border: 18px solid transparent;  position: absolute; right:-36px; top: 50%; margin-top: -18px;}
.newslist li .cont{ width: 78%; border: 1px solid #ddd; float: right;}
.newslist li .cont .pic{  display: none;}
.newslist li .cont .txt{ width: auto; float: none; margin-left: 0; padding: 10px;}
.newslist li .cont .txt h3{ font: 15px/24px "microsoft yahei"; color: #333; text-align: center; margin: 10px 0 5px;}
.newslist li .cont .txt h3 a{ color: #333;}
.newslist li .cont .txt p{ font: 12px/18px "microsoft yahei"; color: #666; text-indent: 2em;}
.newslist li .cont  .txt .dat{ overflow: hidden; margin-top: 12px;}
.newslist li .cont  .txt .dat em{ float: left; font: 12px/18px "microsoft yahei"; color: #333;}
.newslist li .cont  .txt .dat em a{ color: #333;}
.newslist li .cont  .txt .dat span{ float: right; font: 12px/18px "microsoft yahei"; color: #666;}
.newslist li .cont  .txt .dat span img{ display: inline-block; vertical-align: middle;}
.newslist li .cont  .txt .dat span em{ float: none; vertical-align: middle; margin-left: 8px;}

.pageinfo{ text-align: center; font-size: 0; margin-bottom: 40px;}
.pageinfo a,.pageinfo span{ display: inline-block; width: 28px; height: 28px; font: 14px/28px arial; color: #666; border: 1px solid #ddd; margin: 0 3px;}

}

@media only screen and (min-width: 320px) and (max-width: 639px) {
	
	.now_warp{ height: 45px; background: #F1F1F1;}
.now_warp .in-now{ width: 98%; margin: 0 auto;}
.now_warp .in-now .nows{ font: 14px/45px "microsoft yahei"; color: #333; float: left; }
.now_warp .in-now .nows b{ border-left: 2px solid #0099E4;}
.now_warp .in-now .nows span{ color: #0099E4;}
.now_warp .in-now .keyword{ display: none;}


.main{ width: 98%; margin: 40px auto;}
.main .title{ text-align: center; font: 16px/42px "microsoft yahei"; color: #333;}

.newslist{ margin-top: 30px; position: relative;}
.newslist .border{ display: none; }
.newslist ul{ position: relative; z-index: 1;}
.newslist li{ overflow: hidden; margin-bottom: 10px;}
.newslist li .date{  display: none;}

.newslist li .cont{ width: auto; border: 1px solid #ddd; float: none;}
.newslist li .cont .pic{  display: none;}
.newslist li .cont .txt{ width: auto; float: none; margin-left: 0; padding: 10px;}
.newslist li .cont .txt h3{ font: 15px/24px "microsoft yahei"; color: #333; text-align: center; margin: 10px 0 5px;}
.newslist li .cont .txt h3 a{ color: #333;}
.newslist li .cont .txt p{ font: 12px/18px "microsoft yahei"; color: #666; text-indent: 2em;}
.newslist li .cont  .txt .dat{ overflow: hidden; margin-top: 12px;}
.newslist li .cont  .txt .dat em{ float: left; font: 12px/18px "microsoft yahei"; color: #333;}
.newslist li .cont  .txt .dat em a{ color: #333;}
.newslist li .cont  .txt .dat span{ float: right; font: 12px/18px "microsoft yahei"; color: #666;}
.newslist li .cont  .txt .dat span img{ display: inline-block; vertical-align: middle;}
.newslist li .cont  .txt .dat span em{ float: none; vertical-align: middle; margin-left: 8px;}

.pageinfo{ text-align: center; font-size: 0; margin-bottom: 40px;}
.pageinfo a,.pageinfo span{ display: inline-block; width: 24px; height: 24px; font: 12px/24px arial; color: #666; border: 1px solid #ddd; margin: 0 3px;}

	
}