/* CSS Document */
body{ background: #fbfbfc url(../images/bodyBtmBg.png) no-repeat center bottom 20px;}
.mainNewsBox{ border: 1px solid #fff; margin-top: 18px; background: #fff;}
.mainNewsBox h2{ text-align: center; margin-top: 15px;}
.mainNewsBox h2 a{ color: #e71f19; font-size: 30px; line-height: 56px;font-weight: 600;}
.mainNewsBox .desc{ color: #878787; font-size: 18px; text-align: left; margin: 0px 45px; line-height: 30px; margin-bottom: 15px;text-indent: 2em;}
.flashContainer{ border: 1px solid #fff; background: #fff; margin-top: 10px;}
.banner{
	width: 1170px;
	min-height: 435px;
	margin: 10px auto 0px;
	border:1px solid #fff;
	position: relative;
	overflow: hidden;
}
.banner ul{
	width: 6600px;
	position: absolute;
	top: 0;
	left:0;
}
.banner ul li{
	float: left;
	width: 1170px;
	overflow: hidden;
}
.flashBox{ overflow: auto; zoom: 1;}
.flashBox .left{ float: left; width: 765px; height: 435px; overflow: hidden; position: relative;}
.main-swiper-container { width: 765px; height: 435px;}
.main-swiper-container .swiper-slide{ background: blue;}
.main-swiper-container .swiper-slide img{ width: 765px; height: 435px;}
.main-swiper-container .swiper-slide span{ background: url(../images/flash/switchBg.png); display: block; width: 100%; height: 50px; line-height: 50px; margin-top: -50px; position: absolute; z-index: 99; font-size: 16px; color: #fff; padding: 0px 10px;}
.flashBox .pagination {
	position: absolute;
	height: 50px;
	line-height: 50px;
	text-align: right;
	width: 92%;
	z-index: 100;
	margin-top: -50px;
}
.flashBox .swiper-pagination-switch {
	display: inline-block;
	width: 17px;
	height: 4px;
	background: #a3a3a4;
	margin: 0 4px;
	cursor: pointer;
}
.flashBox .swiper-active-switch {
	background: #015293;
}
.flashBox .right{ float: right; width: 385px; min-height: 435px;}
.right .newsSwitch{ overflow: auto; zoom: 1; width: 100%; position: relative;}
.right .newsSwitch li{ float: left; width: 50%;}
.right .newsSwitch li a{ font-size: 18px; color: #525252; background: #f8f8f8; display: block; height: 44px; line-height: 44px; text-align: center;}
.right .newsSwitch li.hover a{ color: #fff; background: #1e61a5; font-weight: bold;}

.newsContent{ margin-top: 5px;}
.newsContent .list{ display: block; padding: 3px 0px 15px; border-bottom: 1px dashed #c8c8c8;}
.newsContent .list .title{ font-size: 18px; color: #666; line-height: 35px; font-weight: bold; margin-top: 3px;}
.newsContent .list .desc{ font-size: 14px; color: #666; line-height: 25px; height: 50px; overflow: hidden;}
.newsContent .list .time{ font-size: 14px; color: #a3a3a3;line-height: 25px; height: 25px; text-align: right; margin-top: -25px;}
.newsContent .last{ border-bottom: none;}

.GrassrootsDynamics{}
.GrassrootsDynamics .left{ float: left; width: 50%;}
.GrassrootsDynamics .right{ float: right; width: 50%;}
.GrassrootsDynamics .bigTitle{ border-bottom: 1px solid #ebebeb; line-height: 45px; font-size: 20px; color: #015293; padding-left: 10px; font-weight: bold;}
.GrassrootsDynamics .bigTitle a{ float: right; color: #676767; font-size: 16px; font-weight: 300; margin-right: 20px;}
.GrassrootsDynamics .title{ margin: 10px 15px 0px; text-align: center;}
.GrassrootsDynamics .title a{ color: #015293; font-size: 18px; font-weight: bold; line-height: 35px;}
.GrassrootsDynamics .desc{ color: #676767; font-size: 15px; line-height: 25px; margin: 0px 15px; border-bottom: 1px dotted #999; min-height: 80px; margin-bottom: 8px;}
.GrassrootsDynamics .list{ margin: 0px 15px;clear:both;}
.GrassrootsDynamics .list a{ color: #676767; font-size: 15px; line-height: 35px;}
.GrassrootsDynamics .list span{  color: #868583; font-size: 14px;}

.mainVideoNews .bigTitle{ border-bottom: 1px solid #ebebeb; line-height: 45px; font-size: 20px; color: #015293; padding-left: 10px; font-weight: bold;}
.mainVideoNews .bigTitle a{ float: right; color: #676767; font-size: 16px; font-weight: 300; margin-right: 20px;}
.mainVideoNews .content{ overflow: auto; zoom: 1; margin-top: 20px;}
/*.mainVideoNews .content{ overflow: auto; zoom: 1; margin-top: 20px;background: #efedee;}*/
.mainVideoNews .left{ float: left;}
.mainVideoNews .left a{ line-height: 40px; text-align: center; display: block;}
.mainVideoNews .left span{ display: block;}
.mainVideoNews .left img{ width: 488px; height: 325px;}
.mainVideoNews .right{ float: right; width: 662px; display: flex; flex-wrap: wrap; justify-content: space-between;}
.mainVideoNews .right a{ display: block; text-align: center; line-height: 40px; margin-bottom: 4px;}
.mainVideoNews .right a span{ display: block;}
.mainVideoNews .right a img{ width: 208px; height: 140px;}
.mainVideoNews .right a img.playIcon{ width: 50px; height: 50px; position: absolute; margin: 45px 0px 0px -25px;}

.noticeOfPublicity .bigTitle{ border-bottom: 1px solid #ebebeb; line-height: 45px; font-size: 20px; color: #015293; padding-left: 10px; font-weight: bold;}
.noticeOfPublicity .bigTitle a{ float: right; color: #676767; font-size: 16px; font-weight: 300; margin-right: 20px;}
.noticeOfPublicity .content{ overflow: auto; zoom: 1;}
.noticeOfPublicity .left{ float: left; display: flex; flex-wrap: wrap; justify-content: space-between; width: 427px;}
.noticeOfPublicity .left a{ display: block; width: 199px; height: 70px; line-height: 70px; text-align: center; font-size: 20px; background: #fafafa; border: 1px solid #cbdce6; color: #005494; margin-top: 21px;}
.noticeOfPublicity .left a img{ margin-right: 20px;}
.noticeOfPublicity .right{ float: right; width: 720px; padding-top: 15px; border-left: 1px solid #ebebeb;}
.noticeOfPublicity .right a{ color: #676767; font-size: 16px; line-height: 36px; margin-left: 18px;}
.noticeOfPublicity .right a font{ float: right; color: #868583; font-size: 14px; margin-right: 18px;}

.thematicFocusBox .bigTitle{ border-bottom: 1px solid #ebebeb; line-height: 45px; font-size: 20px; color: #015293; padding-left: 10px; font-weight: bold;}
.thematicFocusBox .bigTitle a{ float: right; color: #676767; font-size: 16px; font-weight: 300; margin-right: 20px;}
.thematicFocusBox .content{ overflow: auto; zoom: 1;}
.thematicFocusBox .left{ float: left; margin-right: 20px;}
.thematicFocusBox .left a{ display: block; width: 240px; color: #666; line-height: 40px; text-align: center; margin-top: 15px;}
.thematicFocusBox .left img{ display: block; width: 240px; height: 340px;}
.thematicFocusBox .center{ float: left; width: 500px; border-left: 1px solid #ebebeb; border-right: 1px solid #ebebeb; padding-top: 10px;}
.thematicFocusBox .center a{ display: block; color: #676767; font-size: 16px; line-height: 36px; margin-left: 18px;}
.thematicFocusBox .center a span{ float: right; color: #868583; font-size: 14px; margin-right: 18px;}
.thematicFocusBox .right{ float: right;}
.thematicFocusBox .right a{ display: block; border: 1px solid #e2e2e2; margin-top: 15px;}
.thematicFocusBox .right img{ width: 355px; height: 98px; margin: 5px 8px;}


.indexMainNav{  margin: 14px auto 15px; width: 1170px; display: flex; justify-content: space-between;}
.indexMainNav li{ width: 230px; color: #1e61a5; display: block; background: url(../images/indexNav/bg.png) no-repeat center center; min-height: 95px; line-height: 95px; text-align: center; font-size: 20px; font-weight: bold; cursor: pointer;}
.indexMainNav li img{ margin-right: 15px;}
.indexMainNav li.hover{ background: none; color: #525252;}

.specialTopicBox{ overflow: auto; zoom: 1; padding: 15px 0px;}
.specialTopicBox .banner2{ float: right; width: 835px; height: 126px;}
.specialTopicBox .banner2 img{ width: 835px; height: 126px;}
.specialTopicBox .topic{ float: left; width: 348px; height: 126px; background: url(../images/specailTopicBg.png) no-repeat center center;}
.specialTopicBox .title{ background: url(../images/whitepoint.png) repeat-x left center; margin-top: 10px;}
.specialTopicBox .title a{ width: 70px; height: 27px; line-height: 27px; text-align: center; background: #004f88; display: block; margin: 0px auto; font-size: 16px; color: #fff;}
.specialTopicBox ul{ overflow: auto; zoom: 1; margin-top: 5px;}
.specialTopicBox ul li{ float: left; width: 50%;}
.specialTopicBox ul li a{ font-size: 15px; color: #fff; line-height: 35px;}
.specialTopicBox ul a img{ margin: 0px 7px 0px 10px;}
.openInfoBox{ margin-top: 0px; overflow: auto; zoom: 1; background: #fff;}
.openInfoBox .left{ float: left; width: 280px; min-height: 430px; margin: 20px 0px 0px 13px;}
.openInfoBox .left ul{}
.openInfoBox .left ul li{ margin-bottom: 13px;}
.openInfoBox .left ul li a{ font-size: 18px; color: #666; display: block; height: 57px; line-height: 57px; text-align: center; background: #eaf1fb;}
.openInfoBox .left ul a img{ margin-right: 20px;}
.openInfoBox .right{ float: right; width: 877px; min-height: 430px; margin: 20px 13px 0px 0px;}
.openInfoTitle{ overflow: auto; zoom: 1; background: #f8f8f8;}
.openInfoTitle li{ float: left; margin: 0px 20px;}
.openInfoTitle li a{ font-size: 18px; color: #525252; height: 45px; line-height: 45px;}
.openInfoTitle li a:hover{ color: #015293; font-weight: bold;}
.openInfoTitle li.hover a{ color: #015293; font-weight: bold;}
.openInfoSearchBox{ border: 1px solid #dfdfdf; border-radius: 5px; margin: 12px 15px 0px;}
.openInfoSearchBox input{ font-size: 15px; height: 44px; line-height: 44px; width: 700px; border: none; margin-left: 15px;}
.openInfoSearchBox button{ background: #015293; color: #fff; font-size: 16px; width: 85px; height: 44px; line-height: 44px; text-align: center; float: right; border: none; cursor: pointer; border-top-right-radius: 5px; border-bottom-right-radius: 5px; letter-spacing: 5px;}
.openInfoSearchBox .button{ background: #015293; color: #fff; font-size: 16px; width: 85px; height: 44px; line-height: 44px; text-align: center; float: right; border: none; cursor: pointer; border-top-right-radius: 5px; border-bottom-right-radius: 5px; letter-spacing: 5px;}

.openNewsList{ margin: 0px 20px; padding: 10px 0px 0px 0px;}
.openNewsList li{}
.openNewsList li a{ color: #666; line-height: 33px;font-size: 15px;}
.openNewsList li span{ float: right; color: #858585;}
.openNewsList1{ margin: 0px 20px; padding: 10px 0px 0px 0px;}
.openNewsList1 li{}
.openNewsList1 li a{ color: #666; line-height: 33px;font-size: 15px;}
.openNewsList1 li span{ color: #858585;}
.openTabBox{ height: 176px; background: url(../images/tabNavBg.png) no-repeat center center;}
.openTabBox li{ float: left; width: 25%;}
.openTabBox li a{ height: 88px; line-height: 88px; text-align: center; display: block; font-size: 16px; color: #717171;}
.openTabBox li a img{ margin-right: 10px;}
.flash2Box{ height: 125px; margin-top: 18px; background: #fff; overflow: hidden;}
.flash2Box .inner{ width: 1100px; margin: 0px auto; padding-top: 12px;}
.swiper-container a{ display: block; text-align: center;}
.flash2Box .arrow-left {
	background: url(../images/arrows2.png) no-repeat left top;
	position: absolute;
	margin: 30px 0px 0px -41px;
	width: 39px;
	height: 39px;
}
.flash2Box .arrow-right {
	background: url(../images/arrows2.png) no-repeat left bottom;
	position: absolute;
	margin: 30px 0px 0px 1102px;
	width: 39px;
	height: 39px;
}
.convenienceQueryBox{ margin-top: 20px; margin-bottom: 20px; min-height: 360px; background: #fff;}
.convenienceQueryBox .left{ float: left; width: 570px; margin: 20px 0px 0px 15px;}
.conQueryUl{ overflow: auto; zoom: 1; margin-bottom: 15px;}
.conQueryUl li.l{ float: left; width: 277px;}
.conQueryBtn{ display: block; height: 38px; text-align: center; line-height: 38px; color: #fff; background: #015293; border-radius: 5px; font-size: 18px; overflow: hidden; border: 1px solid #015293;}
.conQueryBtn:hover{ color: #fff;}
.conQueryBtn font{ font-size: 24px; font-weight: bold;}
.conQueryInput{ height: 38px; border: 1px solid #015293; border-radius: 5px;}
.conQueryInput input{ width: 180px; height: 38px; margin-left: 10px; border: none; font-size: 14px;}
.conQueryInput button{ display: block; float: right; height: 38px; line-height: 38px; width: 55px; background: #015293; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border: none;}
.conQueryUl li.r{ float: right; width: 277px;}
.convenienceLebal{ display: flex; justify-content: space-between;}
.convenienceLebal li{ width: 83px; min-height: 73px;}
.convenienceLebal li a{ display: block; height: 73px; background: #f0f0f0; border-radius: 5px;}
.convenienceLebal li a span{ display: block; text-align: center; font-size: 14px; color: #757575; padding-top: 45px;}
.convenienceLebal li.hover a span{ display: block; text-align: center; font-size: 14px; font-weight: normal; color: #015293; padding-top: 45px;}
.convenienceLebal li a.l1{ background: #f0f0f0 url(../images/home/convenience/affairs.png) no-repeat center top 13px;}
.convenienceLebal li.hover a.l1{ background: #f0f0f0 url(../images/home/convenience/affairs-hover.png) no-repeat center top 13px;}
.convenienceLebal li a.l2{ background: #f0f0f0 url(../images/home/convenience/legal.png) no-repeat center top 15px;}
.convenienceLebal li.hover a.l2{ background: #f0f0f0 url(../images/home/convenience/legal-hover.png) no-repeat center top 15px;}
.convenienceLebal li a.l3{ background: #f0f0f0 url(../images/home/convenience/conve.png) no-repeat center top 13px;}
.convenienceLebal li.hover a.l3{ background: #f0f0f0 url(../images/home/convenience/conve-hover.png) no-repeat center top 13px;}
.convenienceNav{ height: 90px;}
.convenienceNav li{ float: left; width: 20%; text-align: center;}
.convenienceNav li a{ line-height: 35px; text-align: center; color: #666; font-size: 14px; padding: 6px 0px 4px; display: block;}
.convenienceNav li span{ display: block;}
.convenienceNav li img{}
.convenienceQueryBox .right{ float: right; width: 570px; margin: 20px 15px 0px 0px;}
.contactUsBox{ overflow: auto; zoom: 1;}
.contactUsBox .lef{ float: left;}
.contactUsBox .rigt{ float: right; overflow: auto; zoom: 1;}
.contactUsBox .rigt li{ float: left; text-align: center; margin-left: 10px;}
.contactUsBox .rigt li a{ display: block; width: 70px; font-size: 16px; color: #888;}
.contactUsBox .rigt li span{ display: block; text-align: center; min-height: 65px; padding-top: 3px;}
.homeOnline{ margin-top: 25px;}
.homeOnlineTitle{ overflow: auto; zoom: 1;}
.homeOnlineTitle li{ float: left; width: 25%;}
.homeOnlineTitle li.hover{}
.homeOnlineTitle li a{ font-size: 18px; color: #525252; display: block; text-align: center; height: 40px; line-height: 40px; background: #f8f8f8;}
.homeOnlineTitle li.hover a{ background: #1e61a5; color: #fff;}
.homeOnlineContent{ overflow: auto; zoom: 1; margin-top: 12px;}
.homeOnlineContent .first{ float: left; width: 95px; margin-top: 10px;}
.homeOnlineContent .first .date{ border-radius: 5px; overflow: hidden;}
.homeOnlineContent .first .date span{ display: block; height: 36px; line-height: 36px; text-align: center; font-size: 16px; color: #fff; background: #96b1c7;}
.homeOnlineContent .first .date font{ display: block; height: 36px; line-height: 36px; text-align: center; font-size: 16px; font-size: 14px; color: #595959; background: #f8f8f8;}
.homeOnlineContent .first a.pastReview{ font-size: 14px; color: #fff; height: 35px; line-height: 35px; text-align: center; margin-top: 15px; display: block; background: #015293; border-radius: 5px;}
.homeOnlineContent .second{ float: left; width: 230px; margin-left: 20px; margin-top: 10px;}
.homeOnlineContent .second p{ font-size: 15px; color: #888; line-height: 25px;}
.homeOnlineContent .second p span{ color: #444;}
.homeOnlineContent .second p a{ color: #015293;}
.homeOnlineContent .third{ float: right; width: 210px; margin-top: 10px;}
.homeOnlineContent .third img{ width: 210px;}
.homeOnlineContent a.list{ display: block; color: #666; line-height: 30px;}
.homeOnlineContent a span{ float: right;}
.indexfw1 li img {height: 40px;width: 40px;}
.indexfw2{ text-align: center;}
.indexfw2 li{ width: 180px; height: 45px; margin: 5px; display: inline-block;}
.indexfw2 li a{ display: block; height: 45px; line-height: 45px; text-align: center; color: #333; background: #f1f4fb; font-size: 16px;padding:0 5px}
.indexfw2 li a img{ margin-right: 10px;}
.gwyxx a{ color: #676767; font-size: 16px; line-height: 38px; margin-left: 1px;}
.gwyxx a span{ float: right; color: #868583; font-size: 14px; margin-right: 5px;}

/*左侧图片*/
.float_layer_hovertree * {padding: 0;margin: 0;}
.float_layer_hovertree { display:none; }
.float_layer_hovertree h2 { height: 25px; line-height: 25px; padding-left: 10px; font-size: 14px; color: #333; background: url(title_bg.gif) repeat-x;  position: relative; }
.float_layer_hovertree .min { width: 21px; height: 20px; background: url(../images/min.gif) no-repeat 0 bottom; position: absolute; top: 2px; right: 25px; }
.float_layer_hovertree .min:hover { background: url(../images/min.gif) no-repeat 0 0; }
.float_layer_hovertree .max { width: 21px; height: 20px; background:url(../images/min.gif) no-repeat 0 bottom; position: absolute; top: 2px; right: 25px; }
.float_layer_hovertree .max:hover { background:url(../images/close.gif) no-repeat 0 0; }
.float_layer_hovertree .close { width: 21px; height: 20px; background: url(../images/close.gif) no-repeat 0 bottom; position: absolute; top: 2px; right: 3px; }
.float_layer_hovertree .close:hover { background: url(../images/close.gif) no-repeat 0 0; }
.float_layer_hovertree .content { height:285px; width:320px; overflow: hidden; font-size: 14px; line-height: 18px; color: #666;  }
.float_layer_hovertree .wrap2 { padding:0 }
.float_layer_hovertree .wrap{ padding:0;width:230px; }
.m-header{display:none;}
.m-nav{display:none;}
.m-footer-wrap{
	display:none;
}
@media screen and (max-width:800px){
	.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;
	}
	.addShadow{
		box-shadow:none;	
	}
	.addShadow:hover{
		box-shadow:none;
	}
	.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;
	}
	.commWidth{
		width:100%;		
	}
	.governRigBox{
		padding:12px!important;		
		margin:10px 0!important;
	}
	.governRigBox p{
		font-size:15px!important;
		line-height:32px!important;		
	}
	.bz_convenient{
		margin-top:10px;		
	}
	.bz_convenient li{
		margin-top:0!important;		
	}
	.bz-content{
		margin:2px 6px!important;		
	}
	.bz_convenient li a{
		height:36px!important;
		line-height:36px!important;		
	}
	.zdgkjbBg{
		padding-top:84px!important;
		background-size:120% auto!important;		
	}
}