/* CSS Document */
.newsFlashBox{ height: 490px; background: #015293; margin: 30px auto;}
.swiper-container { width: 100%; height: 490px; color: #fff; text-align: center;}
.swiper-slide { width: 500px; height: 100%; text-align: left;}
.pagination { position: absolute; z-index: 20; right: 25px; bottom: 30px;}
.swiper-pagination-switch { display: inline-block; width: 11px; height: 11px; border-radius: 8px; background: #95b8e2; margin-right: 5px; opacity: 0.8; border: 1px solid #fff; cursor: pointer;}
.swiper-visible-switch { background: #aaa;}
.swiper-active-switch { background: #fff; width: 36px; height: 11px;}
.newsFlash .img{ width: 872px; height: 490px;}
.newsFlash .content{ width: 380px; float: right; margin-right: 25px;}
.newsFlash .content .title{ font-size: 25px; color: #fff; line-height: 45px; margin-top: 50px;}
.newsFlash .content .desc{ font-size: 18px; color: #fff; line-height: 45px; font-weight: 300; margin-top: 30px;}
.newsFlash .content a.link{ font-size: 18px; color: #fff; font-size: 18px; line-height: 31px; width: 130px; text-align: center; display: block; border: 1px solid #fff; border-radius: 5px; margin: 45px 0px 0px 12px;}
.newsFlash .content a.link img{ margin-left: 10px;}


.newsContain{ overflow: auto; zoom: 1; margin-bottom: 30px;}
.newsContain .left{ float: left; width: 873px; border-right: 1px solid #e6e6e6;}
.newsContain .left .inner{ width: 845px; min-height: 300px;}
.newsContain .title{ border-top: 1px solid #e6e6e6; margin-bottom: 7px;zoom:1;overflow:hidden;}
.newsContain .title span{ display: inline-block; border-top: 3px solid #015293; color: #015293; padding: 0px 15px; line-height: 40px; font-size: 20px; position: relative; margin-top: -1px;float:left}
.newsContain .title a{ line-height: 40px; font-size: 14px; color: #888; float: right;}
.newsContain .list{ margin-top:1px;padding:1px 1px 10px;}
.newsContain .list li{zoom:1;clear:both;}
/*.newsContain .list li a{ line-height: 45px; background: url(../images/news/grayPoint.png) no-repeat left center; padding-left: 15px; font-size: 18px; color: #333; font-weight: 400;cursor:pointer;}*/
.newsContain .list li a{ line-height: 45px; background: none; padding-left: 15px; font-size: 18px; color: #333; font-weight: 400;cursor:pointer;}
.newsContain .list li a span{ float: left;}
.newsContain .list li a font{ float: right; color: #666; font-weight: 400;}
.newsContain .right{ float: right; width: 410px; min-height: 300px;}

.noticeAnnouncement{}
.noticeAnnouncement .title{ border: none;}
.noticeAnnouncement .title span{ font-size: 20px; color: #015293; border: none; padding: 0px;}
.noticeAnnouncement .title a{ font-size: 14px; color: #888;}
.noticeAnnouncement .list{ background: #eef3f9;}
.noticeAnnouncement .list li{zoom:1;}
.noticeAnnouncement .list li a{ display: block;overflow:hidden; margin: 0px 8px; padding-left: 20px; background: url(../images/news/horn.png) no-repeat left center; font-size: 18px; color: #333; line-height: 43px;}
.noticeAnnouncement .list li a font{ color: #666;}
.noticeAnnouncement .list li a span{ float: left;}

.informationStatistics{ margin-top: 20px;}
.informationStatistics .title{ border: none;}
.informationStatistics .title span{ font-size: 20px; color: #015293; border: none; padding: 0px;}
.informationStatistics .title a{ font-size: 14px; color: #888;}
.infoSTable{ border-left: 1px solid #cdcdcd; border-top: 1px solid #cdcdcd; width: 100%;}
.infoSTable tr{}
.infoSTable tr th{ border-right: 1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd; line-height: 42px; text-align: center; background: #cdcdcd; color: #fff; font-size: 20px; font-weight: 300;}
.infoSTable tr td{ border-right: 1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd; line-height: 42px; text-align: center; font-size: 18px; color: #333;}

.thematicColumn{ background: #eef3f9; padding-bottom: 25px;}
.thematicColumn .title{ font-size: 20px; color: #015293; line-height: 80px;}
.thematicColumn .title a{ font-size: 14px; color: #888; float: right;}
.thematicColumnFlashBox{ width: 1310px; margin: 0px auto;}
.thematicColumnFlashBox .arrow-left { background: url(../images/news/arrows.png) no-repeat left top; position: absolute; width: 30px; height: 52px; margin-top: 30px; }
.thematicColumnFlashBox .arrow-right { background: url(../images/news/arrows.png) no-repeat left bottom; position: absolute; margin-left: 1370px; width: 30px; height: 52px; margin-top: 30px;}
.thematic-swiper-container{ overflow: hidden; height: 110px; width: 1330px; margin: 0px auto;}
.thematic-swiper-container .swiper-wrapper{ }
.thematic-swiper-container .swiper-slide{ text-align: center;}
.thematic-swiper-container .swiper-slide a img{ text-align: center; width: 310px; height: 110px;}

/* 备注[手机电脑自适应] */
@media screen and (max-width: 640px) {
	.newsFlashBox{
		height:70vw;
		margin:10px auto;	
	}
	.swiper-container{
		height:70vw;		
	}
	
	.newsFlash .img{
		width:100%;
		height:70vw;
	}
	.newsFlash .content{
		display:none;		
	}
	.newsContain{
		margin-top:10px;		
	}
	.newsContain .left{
		width:100%;		
	}
	.newsContain .left .inner{
		width:100%;
		min-height:auto;	
		padding:0 12px;
		box-sizing:border-box;	
	}
	.newsContain .list li a{
		display:block;		
		overflow:hidden;
		padding-left:0;
		line-height:35px;
	}
	.newsContain .list li a span{
		display:block;
		float:left;
		width:70%;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		font-size:14px;
	}
	.newsContain .list li a font{
		display:block;
		width:25%;
		float:right;
		font-size:14px;	
		text-align:right;	
	}
	.newsContain .list{
		padding:0 0 10px;
		box-sizing:border-box;		
	}
	.newsContain .right{
		width:100%;	
		min-height:auto;	
		padding:0 12px;
		box-sizing:border-box;
	}
	.noticeAnnouncement .list li a{
		overflow:hidden;
		line-height:35px;
		padding-left:16px;
	}
	.noticeAnnouncement .list li a span{
		display:block;
		float:left;
		width:70%;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		font-size:14px;	
	}
	.noticeAnnouncement .list li a font{
		display:block;
		width:25%;
		float:right;
		font-size:14px;		
		text-align:right;
	}
	.thematicColumn{
		display:none;
		width:100%;
		padding:0 12px;
		box-sizing:border-box;		
	}
	.thematicColumn .thematicColumnFlashBox, .thematicColumn .commWidth{
		width:100%;		
	}
	.thematicColumn .thematicColumnFlashBox table{
		width:100%!important;		
	}
}