﻿

.mod{
	width: 100%;
	height: auto;
	padding:15px; 
	margin: 20px auto;
	background: #fff;
}
.mod-c{
	width: 100%;
	height: auto;
}
.mod-c-pb2{
	width: 100%;
	height: auto;
	padding-bottom: 20px;
}

.mod-h-title{
	width: 100%;
	height: 50px;
	padding: 10px 0;
	margin-bottom: 10px;
	
}
.mod-h-title-t{
	float: left;
	width: 20%;
	font-size: 26px;
	line-height: 30px;
	font-weight: bold;
	color:#3473b6;
}
.mod-h-title-lineh{
	width: 5px;
	height: 24px;
	background: #3473b6;
	margin:3px 30px;
	display: block;
	float: left;
}
.mod-h-title-linev{
	width: 80%;
	height: 1px;
	background: #b4c2cd;
	float: left;
	margin-top: 14px;
}
/***头条***/
.news{
	width: 100%;
	height: auto;
	margin-bottom: 15px;
}
.news-img{
	width: 10%;
	float: left;

}
.news-img img{
	width: 80%;
	height: auto;
}
.news-line{
	width: 1px;
	height: 40px;
	background: #999;
	float: left;
	margin-top: 10px;
}
.news-c{
	width: 89%;
	height: auto;
	text-align: center;
	float: left;	
}
.news-c-title{
	width: 100%;
	height: auto;
	font-size: 30px;
	font-weight: bolder;
}
.news-c-title a{
	font-size: 28px;
	color:#3674b3;
}
.news-c-sub{
	width: 100%;
	height: auto;
	font-size: 16px;
	color:#666;
}
/***头条  end********/

/***轮播***/
.carousel{
	width: 100%;
	height: 405px;
	background: #e5f0ff;
	position: relative;
	overflow: hidden;
	margin-bottom: 15px;
}
.carousel-img {
	width: 100%;
	height: 100%;
}
.carousel-img img{
	width: 100%;
	overflow:hidden;
	min-height: 405px;
}
.layui-carousel-ind{
	text-align:right;
	z-index:999;
}
.layui-carousel ul{
	padding-top:10px;
}
.carousel-b{
	width: 100%;
	height: 40px;
	background: rgba(0,0,0,0.7);
    padding: 5px 10px;
	position: absolute;
	z-index: 10;
	bottom: 0;
	left: 0;
	font-size: 16px;
	line-height: 30px;
	color:#fff;
}

/***轮播  end********/


/***新闻***/
.mod-c1{
	height: 360px;
	overflow: hidden;
}
.mod-c2{
	height: 320px;
	overflow: hidden;
}
.mod-c3{
	height:170px;
	overflow: hidden;
}
.mod-c4{
	height:200px;
	overflow: hidden;
}
.mod-head{
	width: 100%;
	height: 50px;
	line-height: 50px;
/*	background: #fff;*/
	padding: 0 15px;
	overflow: hidden;
}
.mod-head-line, .mod-head-line-lg{
	width: 1px;
	height: 20px;
	background: #3473b6;
	opacity: 0.2;
}
.mod-head-line{
		margin: 0 6px;
}
.mod-head-line-lg{
	margin: 0 15px;
}
.mod-head li{
	display: inline-block;
	vertical-align: middle;
	margin: 0;
	padding: 0;
	border:none;
}

.mod-head li a{
	font-size: 20px;
	color:#3473b6;
}
.mod-head li a::after{
	width: 1px;
	height: 20px;
	background: #3473b6;
	opacity: 0.2;
	margin: 0 6px;
}
.mod-head li a:hover, .mod-head-cur, .mod-head-cur a{
	font-size: 22px !important;
	color:#3473b6 !important;
	font-weight: bold;
}
.nm-list-content{
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
}
.nm-list, .wgk-list, .myzj-list{
	width: 100%;
	height: auto;
	padding: 5px 10px  0 10px;
/*	display: none;*/
}
.nm-list li{
	width: 100%;
	height: 40px;
	line-height: 40px;
	position: relative;
} 
.nm-list li a{
	display: block;
	width: 100%;
	font-size: 18px;
	color:#0f2033;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding-right:20%; 
	box-sizing: border-box;
}
.nm-list-sm li a{
	font-size: 16px;
}
.nm-list-sm  a{
	font-size: 16px;
}
.list-notime li a{
	padding-right: 0 !important;
}
.nm-list li span{
	position: absolute;
	right: 0;
	top:0;
	color:#999;
}
.nm-list li a:hover, .wgk-list li a:hover{
/*	font-size: 18px;*/
	color:#3f88d1;
}
.nm-list li a:active{
/*	font-size: 18px;*/
	color:#255180;
}
.nm-list .p{
	width: 80%;
	display: inline-block;
	vertical-align: middle;
}
.nm-list .p2{
	width: 100%;
}
.nm-list .p3{
	width: 75%;
	display: inline-block;
	vertical-align: middle;
}
.nm-list .time{
	width: 18%;
	display: inline-block;
	vertical-align: middle;
	text-align: right;
	color:#999;
}
.nm-list-icon{
	width: 3%;
	height: auto;
	margin-right: 2%;
}
.wgk-title{
	width: 90px;
	height: 20px;
	line-height: 20px;
	color:#3f88d1;
	position: relative;
	font-size: 18px;
	border-right: 1px solid #3f88d1;
	margin-right: 30px;
	display: inline-block;
}
.wgk-list li{
	width: 100%;
	height:auto;
	line-height: 50px;
	position: relative;
/*
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
*/
	border-bottom:1px solid #e5e5e5;
}
.wgk-list li:last-child{
	border-bottom: none;
}
.wgk-list li a{
	width: auto;
	display: inline-block !important;
	margin-right: 30px;
	font-size: 18px;
	color:#0f2033;
	position: relative;
	padding-left: 10px;
}
.wgk-list li a::before{
	content: "";
	position: absolute;
	left: 0;
	top:50%;
	margin-top: -2px;
	width: 4px;
	height: 4px;
	border-radius: 2px;
	background: #666;
}
/***新闻  end********/

/***新闻  end********/


/***信息公开***/
.xxgk-bg{
	background: url(xxgk_bg.jpg) no-repeat local;
	background-color:#ebeef3;
}
.xxgk-header-nav{background: none;border-bottom: 2px solid #fff;}
.xxgk-header-nav li{width: 10.4%;margin: 0 1%;}
.xxgk-header-nav .header-nav-cur, .xxgk-header-nav li:hover{height: 58px; background: none;font-weight: bold;border-bottom: 4px solid #fff;font-size: 20px;}
.xxgk-index-title-box{width: 100%;max-width: 1200px;margin: 0 auto;}
.xxgk-index-title-box img{width: 100%;height: auto;}
.xxgk-btn-box{
	width: 100%;
	height: auto;
}
.xxgk-btn-box li{
	width: 100%;
	height: 42px;
	margin-bottom: 13px;
}
.xxgk-btn-box li:last-child{
	margin-bottom: 0;
}
.xxgk-btn{
	width: 100%;
	height: 42px;
	font-size: 16px;
	border-radius: 5px;
	text-align: center;
	padding: 0 ;
/*	font-weight: bold;*/
	cursor: pointer;
    transition: all 0.4s;
	background:#3f88d1;
}
.xxgk-btn:hover{
	transform: scale(1.1);
	background: #2c6199;
	opacity: 1;
}
.xxgk-btn a{font-size: 16px;color:#fff;}
.xxgk-btn a:hover{color:aqua;}
.xxgk-icon{
	font-size: 20px;
	margin-right: 5px;
}

.tw-btn{
	width: 13%;
	height: 24px;
	border-radius: 12px;
	border:1px solid #34b6a8;
	color:#34b6a8;
	font-size: 14px;
	line-height: 22px;
	background: #fff;
	padding: 0;
	float:left;
	margin-top: 8px;
	margin-right: 2%;
}
.tw-list li{
	width: 100%;
	height: auto;
	margin-bottom: 15px;

}
.tw-list li:last-child{
	margin-bottom: 0;
}
.tw-list li a{
	width: 85% !important;
	float: right;
	padding-right: 0;
}
.tw-img{
	width: 25%;
	height: 70px;
	padding-right: 4%;
	float: left;
}
.tw-img img{
	width: 100%;
	height: 100%;
}
.tw-t{
	width: 100%;
	overflow: hidden; 
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 18px;
	line-height: 150%;
    float: left;

}
/***信息公开 end********/

/***办事服务***/
.bs-box{
	margin-top: 20px;
	margin-bottom: 10px;
}
.bs-l-btn{
	width: 100%;
	height: 80px;
	border-radius: 5px;
	text-align: center;
	line-height: 80px;
	background: #f2f4f7;
	color:#3f88d1;
	font-size: 20px;
	margin-bottom: 15px;
	position: relative;
}
.bs-mod .current{
	background: #3f88d1;
	color:#fff;
}
.bs-mod .current:after{
	content: '';
    position: absolute;
    top: 50%;
    right: -20px;
    display: block;
    margin-top: -10px;
    border-width: 10px;
    border-style: solid;
    border-color:  transparent  transparent transparent #3f88d1;
}
.bs-item1{
	width: 100%;
	height: 80px;
	border: 1px solid #e1e3e5;
	text-align: center;
	font-size: 16px;
}
.bs-item2{
	line-height: 78px;
}
.bs-item1-icon{
	width: 30px;
	height: 30px;
	margin: 10px auto;
}
.bs-img{
	width: 100%;
	height: 100%;
	position: relative;
	text-align: center;
}
.bs-img img{
	width: 100%;
	height: 100%;
}
.bs-locat{
	width: 120px;
	height: 40px;
	line-height: 40px;
	border-radius: 20px;
	background: rgba(255,255,255,0.5);
	text-align: center;
	font-size: 16px;
	color:#2462b3;
	position: absolute;
	z-index: 10;
	bottom:30px;
	left: 50%;
	margin-left: -60px;
}
/***办事服务 end********/

/***政民互动***/
.hd-btn{
	width: 100%;
	height: 60px;
	line-height: 60px;
	border-radius: 5px;
	text-align: center;
	background: #3f88d1;
	font-size: 20px;
	padding: 0;
	overflow: hidden;
	border:none;
	cursor: pointer;
    transition: all 0.4s;
}
.hd-btn:hover{
	transform: scale(1.1);
	background: #2c6199;
	opacity: 1;
}
.hd-btn img{
	width: 100%;
	height: 100%;
}
.mod-head-xs{
	width: 100%;
	height: 50px;
	position: relative;
	background: none !important;
}
.mod-head-xs-line{
	width: 100%;
	height:2px;
	background: #e5e5e5;
	position: absolute;
	z-index: 1;
	left: 0;
	top:24px;
}
.mod-head-xs-c{
	width: 60%;
	height: 30px;
	line-height: 30px;
	margin: 10px auto ;
	margin-top: 10px !important;
	background: #fff;
	position: relative;
	z-index: 9;
	padding: 0 15px;
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	text-align: center;
	
}
.mod-head-xs-c2 {
	width: 36% !important;
}
.head-xs-c-title{
	height: 30px !important;
}
.head-xs-c-title li{
	margin-top: 0 !important;
}
.mod-head-xs-c li a{
	color:#666;
}
/***在线访谈***/
.ft-img{
	width: 35%;
	height: 150px;
	float:left;
	background: #3f88d1;
	margin-right:5%; 
	padding:15px 0;
}
.ft-img img{
	width: 100%;
	height: 100%;
}
.ft-c{
	width: 60%;
	float:left;
}
.ft-c-item{
	width: 100%;
	height: auto;
/*	border-bottom: 1px dashed #bfbfbf;*/
	padding: 10px 0;
}
.ft-c-item:last-child{
	border:none;
}
.ft-c-name{
	width: 50px;
	float: left;
	font-size: 16px;
	font-weight: bold;
	color:#3f88d1;
}
.ft-c-t{
	width: calc(100% - 55px);
	float: left;
	 overflow: hidden; 
   display:-webkit-box;
	text-overflow: ellipsis;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
	font-size: 16px;
	color:#0f2033;
	
	
}
/***政民互动 end********/

/***专题轮播滚动***/

.zt-out{
    width: 100%;
	height: auto;
	overflow: hidden;
}
.zt-inner{
	width: 3300px;
			height: 80px;
			overflow: hidden;
			animation: move 60s linear infinite normal;
			animation-fill-mode:forwards;
}
.zt-inner:hover{
			animation-play-state:paused;
			-webkit-animation-play-state:paused;
		}
		@keyframes move{
			0%{transform:translateX(0px);}
			100%{transform:translateX(-2400px);}
		}

.zt-banner-item{
	width: 265px;
	height: 80px;
	margin-right: 20px; 
	display: inline-block;
	vertical-align: middle;
}
.zt-banner-item:last-child{
	margin-right: 0;
}
.zt-banner-item img{
	width: 100%;
	height: 100%;
}
/***专题轮播滚动 end********/



/*******/
.mod-c3{
	height:170px;
	overflow: hidden;
}
.layui-tab{
	margin: 0;
}
.layui-tab-content{
	padding: 0;
}
.layui-tab-title{height: 50px;  border:none; }
.layui-tab-title li{ font-size:20px; color:#3473b6 !important;}
.layui-tab-title li{line-height: 20px; padding: 0 10px; border-right: 1px solid #ccc;margin-top: 15px;}
.layui-tab-title li:last-child{
	border-right: none;
}

.layui-tab-title li a{display: block; color:#3473b6!important;}
.layui-tab-title .layui-this, .layui-tab-title li:hover{color: #3473b6 !important; font-weight:600;font-size:22px;
}
.layui-tab-title .layui-this:after{display:none;}


.title-one{float: left;}
.title-one li{width: auto;min-width: 160px; height: 50px;line-height: 50px; background: #3473b6; font-size: 18px;color:#fff!important;padding: 0 15px;margin: 0;text-align: center;}
.title-one li:hover{font-size: 18px;color:#fff!important;font-weight: normal;}
.layui-tab-title .more{float: right;line-height: 50px;}
.layui-tab-title .more a{font-size: 15px;color:#3473b6;}
.layui-tab-title .more a:hover{color:red;}
/*****检索页***/
.retrieve{
	background: #e8eaed;
}
.retrieve li a{
	width: 100%;
	height: 100%;
	display: block;
	color:#333;
}
.retrieve li a:hover{
	background: #3674b3;
	color:#fff  !important;
}
.rank{
	position: absolute;
	left: -30px;
	top:0px;
}
.rank li a{
	width: 30px;
	padding: 10px 5px;
	height: auto;
	text-align: center;
	display: block;
	margin-bottom: 15px;
	background: #f0f2f5;
	font-size: 14px;
	line-height: 20px;
	color:#333;
	justify-content: center;
	border-radius: 10px 0 0 10px;
}
.rank li a:hover, .rank-cur a{
	background: #3f88d1  !important;
	color:#fff !important;
}

.rank-select{
	float: right;
}
.rank-select li{
	display: inline-block;
	margin-left: 15px;
}
.rank-select li a{
	width:auto;
	font-size: 14px;
	font-weight: normal;
}

.retrieve-list{
	width: 100%;
	height: auto;
}
.retrieve-item{
	width: 100%;
	height: auto;
	padding: 15px;
	border-bottom: 1px dashed #ccc;
}
.retrieve-item:last-child{
	border-bottom: none;
}
.retrieve-item  .title{
	width: 100%;
	height: 50px;
	line-height: 50px;
}
.retrieve-item  .title-l{
	width: 80%;
	float: left;
	font-size: 20px;
	font-weight: bold;
}
.retrieve-item  .title-r{
	width: 20%;
	float: left;
	text-align: right;
}
.retrieve-item  .sub{
	font-size: 16px;
	line-height: 150%;
}
.retrieve-item .link{
	width: 100%;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
}
.retrieve-item .link a{
	margin-right: 20px;
	color:#3f88d1;
}
.retrieve-item .link a:hover{
	text-decoration: underline;
	color:#00C3FF;
}

.retrieve-history{
	width: 100%;
	height: auto;
}
.retrieve-history li{
	padding: 10px;
	line-height: 20px;
	font-size: 16px;
}


.gjjs-mod{
	position: absolute;
	z-index: 100;
	top:120px;
	left: 0;
	width: 100%;
	height: auto;
	background: #e8eaed;
	padding:30px; 
}
/*****检索页 end***/

/*****底部轮播图片大小限制***/
.slide{
	 float: left;
    list-style: none;
    position: relative;
}
.slider4 .slide{
    float: left;
    list-style: none;
    position: relative;
    width: 275px!important;
    height: 80px!important;
    margin-right: 20px!important;
}
.slider4 .slide img{width:100%;height: 100%;}
.slider4 .slide span{display: block;position: absolute;z-index: 1;left: 0;bottom: 0;width: 100%;height: 50px;line-height: 50px; background: rgba(0,0,0,0.5);text-align: center;font-size: 16px;font-weight: bold;color:#fff;}

.slider-yq{width:100%;height: 175px!important; }
.slider-yq .slide{ width: 270px!important;height: 175px!important;margin-right: 30px!important;}
.slider-yq .slide span{height: 30px;line-height: 30px;font-size: 14px;color:#fff;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-weight: normal;}

.slider-zxft{width:100%;height: 230px!important; }
.slider-zxft .slide{ width: auto!important;height: 230px!important;margin-right: 30px!important;}
.slider-zxft .slide img{width:auto;height: 100%;}
.slider-zxft .slide span{height: 30px;line-height: 30px;font-size: 14px;color:#fff;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-weight: normal;}


.slide2{
	width: 100%;
	height: 70px!important;
}
.slide2 img{width: 100%;height: 100%;}

/*****底部轮播图片大小限制 end***/

/***大图轮播****/
.zt-big{width: 100%;height:100px; overflow: hidden;}
.slider7 .slide{width: 1170px!important;height: 100px!important;margin-right: 20px!important;position: relative;}
.slider7 .slide img{width:100%;height: 100%;}
.slider7 .days{position: absolute;right: 85px;top:25px;width: 80px;height: 50px;text-align: center;font-size: 38px;color:#a01f24;font-weight: bold;background: #dbeefc;border-radius: 5px;
}
/***大图轮播 end****/