﻿/* CSS Document */
.m-header{display:none;}
.m-nav{display:none;}
.addShadow .top-banner{display:block;width:100%;}
.newsContainer{ padding: 25px 0px; overflow: auto; zoom: 1;}
.newsContainer .left{ float: left; width: 310px; margin-left: 50px;}
.newsNavBox{ background: #fff;}
.newsNavBox .title{ font-size: 22px; font-weight: bold; color: #fff; height: 60px; line-height: 60px; background: #015293;}
.newsNavBox .title img{ margin: 0px 15px 0px 28px;}
.newsNav{}
.newsNav li{}
.newsNav li a{ display: block; font-size: 18px; color: #333; height: 52px; line-height: 52px; background: url(../images/news/triangle.png) no-repeat left 30px center; border-bottom: 1px solid #e5edf4;}
.newsNav li a:hover,.newsNav li a.hover{ color: #fff; border-bottom: 1px solid #7fb7e3; background: #7fb7e3 url(../images/news/triangle-hover.png) no-repeat left 30px center;}

.newsNav li span{ margin-left: 52px;}
.latestNewsList{ margin-top: 20px; background: #fff;}
.latestNewsList .title{ background: #f7f9fc; font-size: 20px; color: #1e61a5; height: 50px; line-height: 50px; border-bottom: 3px solid #015293;}
.latestNewsList .title img{ margin: 0px 12px 0px 14px;}
.latestNewsList .title a{ font-size: 15px; color: #949494; float: right; margin-right: 14px; line-height: 50px;}
.latestNewsList ul{ padding: 10px 0px;}
.latestNewsList ul li{ margin: 0px 12px;}
.latestNewsList ul li a{ font-size: 16px; color: #5c5c5c; line-height: 40px;}
.newsContainer .right{ float: right; width: 870px; margin-right: 50px;}
.newsLabelBox{ background: #d9edfc; padding: 16px 13px;}
.newsLabelBox span{ height: 38px; line-height: 38px; margin-right: 30px; color: #333; font-size: 16px; padding: 0px 10px; display: inline-block; cursor: pointer;}
.newsLabelBox span.hover{ background: #015293; color: #fff;}
.latestNewsList .left-img-wrap{
	width:310px;
	height:310px;		
	overflow:hidden;
}
.latestNewsList .left-img-wrap img{
	width:300px;
	margin:0 5px;
}
.newsListBox{ border: 1px solid #fff; background: #fff; margin-top: 15px;}
.newsListBox ul{ margin: 0px 20px;}
.newsListBox ul li{ border-bottom: 1px dashed #e2e2e2;}
.newsListBox .sty1{ padding: 15px 0px;}
.newsListBox .sty1 .title{ font-size: 17px; color: #444; display: block; font-weight: bold; margin: 0px 5px;}
.newsListBox .sty1 .attr{ font-size: 14px; color: #3299e2; line-height: 30px; margin: 0px 5px;}
.newsListBox .sty1 .attr span{ margin-right: 23px;}
.newsListBox .sty1 .desc{ font-size: 14px; color: #666; line-height: 30px; margin: 0px 5px;}
.newsListBox .sty1 .labelBox{ overflow: auto; zoom: 1; text-align: right; position: absolute; width: 250px; margin-left: 575px;}
.newsListBox .sty1 .labelBox font{ display: inline-block; height: 33px; font-size: 16px; text-align: center; border-radius: 99px; padding: 0px 18px; line-height: 33px; margin: 0px 10px;}
.newsListBox .sty1 .labelBox .label1{ background: #eef1f6; color: #518fe3;}
.newsListBox .sty1 .labelBox .label2{ background: #f6f4ee; color: #ff6101;}
.newsListBox .sty2 a{ color: #333; line-height: 53px; margin: 0px 5px; font-size: 16px;}
.newsListBox .sty2 span{ color: #666; float: right;}

.fwlb-wrap{
	border:solid 1px #ddd;
	overflow:hidden;
	margin:10px 20px 20px;
}
.fwlb-wrap .wrap-tit{
	float:left;
	width: 60px;
    background-color: #eee;
    padding: 5px 20px;
    vertical-align: top;
    line-height: 60px;
    text-align: center;
}
.fwlb-wrap .fwlb-list{
	float:left;
	width: 920px;
    padding: 5px 0;
}
.fwlb-wrap .fwlb-list .list-item{
	float:left;
	display:block;
    padding: 0 5px;
    height: 24px;
	line-height:24px;
    margin: 3px 0px 3px 10px;
    color: #333;
}
.fwlb-wrap .fwlb-list .list-item:hover{
	background:#999;
	color:#fff;
}
.fwlb-wrap .fwlb-list .list-item.cur{
	background:#999;
	color:#fff;
}
.zcjd .zcjd2{width: 1200px; margin: 0px auto; margin-top: 20px;}
.spjd{margin:0 15px 2px;}
.spjd ul li{ width:256px; float: left; display: block; margin-top: 30px; margin-right: 40px;}
.spjd ul li .img{ width:256px; height:182px; overflow: hidden; }
.spjd ul li .img img{ width:256px;  transition:transform 1s ease 0s;}
.spjd ul li .img img:hover{ transform: scale(1.1);}
.spjd ul li .tit{ width: 236px; height:49px; background: #f2f2f2; padding-left: 10px; padding-right: 10px; padding-top: 10px;}
.spjd ul li .tit a{font-size: 16px;}
.spjd ul li .tit:hover{background: #245398;}
.spjd ul li .tit:hover a{color: #fff;}

.nav-zfgb{
	width:100%;
	padding:0 12px;
	box-sizing:border-box;
	background:#245399;
	height:37px;
	color:#fff;
	font-size:14px;
	position:relative;
}
.nav-zfgb .nav-item{
	display:block;
	float:left;
	color:#fff;
	font-size:14px;
	width:125px;
	line-height:37px;
	text-align:center;
}
.nav-zfgb span.nav-item{
	width:193px;
}
.nav-zfgb .lsgb-list{
	display:none;
	width:125px;
	position:absolute;
	left:460px;
	top:40px;
	background:#fff;
	border:solid 1px #eee;
	box-shadow:0px 0px 7px 3px #eee;
}
.nav-zfgb .lsgb-list .list-item{
	display:block;
	width:100%;
	line-height:30px;
	text-align:center;
}
.gb-box{
	overflow:hidden;
}
.gb-box .gb-item{
	display:block;
	width:265px;
	height:248px;
	float:left;
	text-align:center;
}
.gb-box .gb-item .img-top{
	width:130px;
	margin:0 auto 10px;;
}

.dmjd ul li{ width:281px; float: left; display: block; margin-top: 30px; margin-right: 15px;}
.dmjd ul li a{display:block;margin:0;}
.dmjd ul li .img{ width:281px; height:148px; overflow: hidden; }
.dmjd ul li .img img{ width:281px;  transition:transform 1s ease 0s;}
.dmjd ul li .img img:hover{ transform: scale(1.1);}
.dmjd ul li .tit{ width: 261px; height:49px; background: #f2f2f2; padding-left: 10px; padding-right: 10px; padding-top: 10px;}
.dmjd ul li .tit a{font-size: 16px;}
.dmjd ul li .tit:hover{background: #245398;}
.dmjd ul li .tit:hover a{color: #fff;}
.m-footer-wrap{
	display:none;
}
.m-search{
	display:none;
}
.m-list-wrap{
	display:none;
}

@media screen and (max-width:800px){
	.footer{display:none;}
	.topSliderBox{
		min-width:0;		
	}
	.header{
		display:none;		
	}	
	.breadcrumbsNav{
		display:none;		
	}
	.newsContainer{
		padding:12px;	
	}
	.commBigWidth{
		width:100%;		
		box-sizing:border-box;
	}
	.m-header{
		display:block;	
		background:#1f61ba;
		padding:10px 15px;
		overflow:hidden;	
	}
	.m-header .logo-wrap{
		width:70%;	
		float:left;	
	}
	.m-header .logo-wrap img{
		display:block;
		width:100%;		
	}
	.m-header .search-wrap{
		display:block;
		width:21px;		
		float:right;
	}
	.m-header .search-wrap img{
		display:block;
		width:100%;
		margin-top:4px;		
	}
	.m-nav{
		display:block;
    	background: url(../images/zz_beijing1.jpg) no-repeat center / 100% 100%;	
	}
	.m-nav ul{
		overflow:hidden;		
	}
	.m-nav ul li{
		float: left;
		width: 25%;
		height: 30px;
		line-height: 30px;
		text-align: center;
		box-sizing: border-box;
		color: #fff;
		background: url(../images/zz_beijing2.jpg) no-repeat right center / 1px 10px;		
	}
	.m-nav ul li .m-nav-item {
		display: block;
		font-size: 14px;
		color: #fff;
	}
	.m-nav ul li.on .m-nav-item {
		color: #ffde00;
	}
	.top-banner-wrap{
		width:100%!important;		
	}
	.newsContainer .left{
		width:100%;
		margin-left:0;		
		overflow:hidden;
		background:#fff;
		padding:10px;
		box-sizing:border-box;
	}
	.addShadow{
		box-shadow:none;	
	}
	.addShadow:hover{
		box-shadow:none;
	}
	.latestNewsList.top-gb{
		width:30%;	
		float:left;
	}
	.latestNewsList .title{
		display:none;		
	}
	.latestNewsList .left-img-wrap{
		width:100%;
		height:auto;		
	}
	.latestNewsList .left-img-wrap img{
		width:100%;
		border:solid 1px #eee;
	}
	.newsNavBox,.latestNewsList.link{
		display:none;
	}
	.latestNewsList.search {
		width:65%;	
		float:right;
		margin:0!important;	
	}
	.newsContainer .right{
		width:100%;
		margin-right:0;		
	}
	.nav-zfgb{
		padding:0;		
	}
	.nav-zfgb .nav-item{
		width:20%;		
	}
	.nav-zfgb span.nav-item{
		display:none;		
	}
	.newsListBox p{
		font-size:14px!important;		
	}
	.pc-search{
		display:none;		
	}
	.m-search{
		display:block;
	}
	.footer-iframe{
		display:none;		
	}
	.m-footer-wrap{
		display:block;
		width: 100%;
		height: auto;
		padding: 20px;
		text-align: center;
		font-size: 15px;
		color: #fff;
		background: #245399;	
		box-sizing:border-box;
	}
	/*.gbss .srk{
		width: 96%!important;
		margin-bottom: 5px!important;
		float: left!important;
		padding: 0 0 0 10px!important;
		height: 42px!important;
		background: #f5f4fd!important;
		border: none!important;
		line-height: 42px!important;
		font-size: 14px!important;
		color: #666!important;
	}
	.gbss .gbss_tit{
		display:none;	
	}
	.gbss .ancx select{
		width: 100%!important;
		margin-bottom: 5px!important;
		padding: 0 0 0 10px!important;
		height: 42px!important;
		background: #f5f4fd!important;
		border: none!important;
		line-height: 42px!important;
		font-size: 14px!important;
		color: #666!important;
	}
	.gbss .ancx select.qnum{
		width:65%!important;		
	}
	.latestNewsList .but {
		float: right!important;
		width: 33%!important;
		font-size: 14px!important;
		float: right!important;
		background: #25549a!important;
		border: none!important;
		height: 42px!important;
		color: #fff!important;
		margin-top:-47px!important;
		text-align:center;
	}*/
	.m-search .srk{ width: 100%; margin-bottom: 5px; float: left; padding: 0 0 0 10px; height: 42px; background: #f5f4fd; border: none; line-height: 42px; font-size: 14px; color: #666;}
	.m-search select{ width: 100%; margin-bottom: 5px; padding: 0 0 0 10px; height: 42px; background: #f5f4fd; border: none; line-height: 42px; font-size: 14px; color: #666;}
	.m-search .but{float: right; width: 30%; font-size: 14px; float: right; background: #25549a; border: none; height: 42px; color: #fff;}
	.gb-box .gb-item{
		width:100%;
		height:auto;
		text-align:left;	
		line-height:40px;	
		padding:0 10px;
		box-sizing:border-box;
		border-bottom:1px dashed #ddd;
	}
	.gb-box .gb-item .img-top{
		display:none;		
	}
	.mltitle, .rtitle{
		display:none;		
	}
	.pc-list{
		display:none;		
	}
	.m-list-wrap{
		display:block;		
	}
	.m-list-wrap .m-list-tit{
		width: 100%;
		height: 50px;
		line-height: 50px;
		border-bottom: 1px solid #ddd;
		padding-left: 15px;
		text-align: left;
		font-size: 16px;
		font-weight: bold;
		color: #245399;		
	}
	.m-list-wrap .m-list-main{
		width:100%;
		padding: 0 0px 20px;		
	}
	.newsListBox ul{
		margin:0;		
	}
	.m-list-wrap .m-list-main .list-item{
		width: 100%;
		height: auto;
		overflow: hidden;
		border-bottom: 1px dashed #ddd;		
	}
	.m-list-wrap .m-list-main .list-item .title{
		width: 100%;
		height: auto;
		display: block;
		line-height: 30px;
		overflow: hidden;
		color: #222;
		text-align: left;
		font-size: 15px;
		max-height: 76px;
		padding: 10px 0 10px 10px;
		box-sizing:border-box;	
	}
	.zfgbBg{
		padding: 25% 3% 3%!important;
		background: url(../images/lyszfgbbj.jpg) no-repeat center top!important;
		background-size: 180%!important;		
	}
	.newsListBox .sty2 a{
		display:block;
		overflow:hidden;	
		line-height:36px;	
	}
	.newsListBox .sty2 span{
		margin-left:0!important;		
	}
}