@charset "utf-8";
/* CSS Document */

.main{ width:1140px; margin:0 auto;}
.wd280{ width:280px;}
.wd440{ width:440px;}
.wd420{ width:420px;}
.wd260{ width:260px;}
.wd520{ width:520px;}
.wd320{ width:320px;}
.title{ height: 48px; background:#f5f5f5; text-align:center; border-top:1px solid #496bd7; padding-left:15px;}
.title h2{ float: left ;font-size: 16px;}
.title h2 a{ display:block; float:left; height: 39px; line-height: 39px; color:#333; padding:0 18px;  margin-top:8px;}
.title h2 a.active{ background:#fff; color:#496bd7; border-top:1px solid #e5e5e5; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5;}
.title .more{display:none; float: right; color:#bbb; font-size:12px; height:48px; line-height:48px; margin-right:10px;}
.title .block{ display:block;}
.title .more:hover{ color:#334dbe;}
.list{ display:none; margin-top:15px;}
.list ul li{ font-size:14px; height:30px; line-height:30px; vertical-align:top; color:#333;}
.list ul li a{ color:#444; float:left; max-width:80%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.list ul li .date{ float:right; color:#aaa; font-size:12px;}
.list h2 a:hover,.list ul li a:hover{ color:#334dbe;}
.line{ background:url(../img/line.png) no-repeat; height:10px;}

/*通知公告*/
.tzgg .title .more{ margin-right:20px;}

/* 焦点图 */
.slideBox{ position:relative; float:left; z-index:5;}
.slideBox .hd{ height:10px; overflow:hidden; position:absolute; right:15px; bottom:15px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-left:5px;  width:10px; height:10px; background:#999; cursor:pointer; text-align:center;  }
.slideBox .hd ul li.on{ background:#fff;}
.slideBox .bd{ position:relative; height:320px; z-index:0;}
.slideBox .bd li{ zoom:1; vertical-align:middle;}
.slideBox .bd li a{ display:block; width:440px; height:320px; position:relative;}
.slideBox .bd li p{ position:absolute; left:0; bottom:0; width:420px; height:40px; background:url(../img/jdt_bg.png) repeat;  font-size:14px; line-height:40px; color:#fff; cursor:pointer; padding-left:20px;}
.slideBox .bd li a:hover p{ text-decoration:underline;}
.slideBox .bd img{ width:440px; height:320px;}

/* 工作信息 */
.gzxx{}
.gzxx .info{ line-height:35px;}
.gzxx .info h2{ font-size:18px; overflow:hidden; }
.gzxx .info h2 a{float:left; color:#b41326; max-width:80%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.gzxx .info p{ width:100%; color:#808080; line-height:20px; border-bottom:1px dashed #bfc0c0; padding:10px 0 20px 0;}
.gzxx .info p a{ color:#334dbe;}
.gzxx .info p a:hover{ text-decoration:underline;}

/*信息公开*/
.left_tit{ border-top:3px solid #0078db; background:#f5f5f5; margin-bottom:15px;}
.left_tit h2{ float:left; height:48px; line-height:48px; font-size:16px; padding-left:20px;}
.left_tit a.more{ float:right; line-height:48px; margin-right:15px; color:#aaa;}
.left_tit .more:hover{color:#334dbe;}

.left_list ul li{ height:48px; line-height:48px; font-size:15px; margin-bottom:4px; background:#496bd7; text-indent:30px; border-bottom-left-radius:5px; border-bottom-right-radius:5px;}
.left_list ul li a{ color:#fff;}
.left_list ul li span{ float:left; position:relative; width:30px; height:30px; left:20px; top:10px;}
.left_list ul li span.gkzn{ background:url(../img/xxgk_ico.png) 0 0 no-repeat;}
.left_list ul li span.gkml{ background:url(../img/xxgk_ico.png) 0 -52px no-repeat;}
.left_list ul li span.gknb{ background:url(../img/xxgk_ico.png) 0 -105px no-repeat;}
.left_list ul li span.sqgk{ background:url(../img/xxgk_ico.png) 0 -158px no-repeat;}
.left_list ul li a:hover{ text-decoration:underline;}

/*权责清单*/
.qzqd{ border-top:1px solid #496bd7;}
.qzqd ul{overflow:hidden;}
.qzqd ul li{float:left; width:49.61%; height:42px; line-height:42px; background:#e5f1f6; border-right:1px solid #fff; border-bottom:1px solid #fff; text-align:center;}
.qzqd ul li.qdlist_right{ width:50%; border-right:none;}
.qzqd ul li a{ font-size:15px;}

/*专题专栏*/
.ztzl .pic_list li img{ width:100%; height:89px;}

/*网上办事*/
.wsbs .sideList li{ line-height:26px; height:26px; min-height:26px; height:auto;}
.wsbs .list .work_flow{ display:none; background:#f9f9f9; width:100%; color:#7c92d6; height:40px; line-height:40px; border-top:3px solid #e9e9e9; border-bottom:1px solid #e9e9e9; margin:12px 0;}
.wsbs .list .work_flow a{ display:block; float:left; width:70px; color:#7c92d6; font-size:14px; margin:0 12px;}
.wsbs .list .work_flow a i.lc_arr{ background:url(../img/arr_left.png) no-repeat; position:relative; width:7px; height:8px; float:left; top:16px; left:80px; *top:-22px; *left:70px;}
.wsbs .list .work_flow a:hover{ text-decoration:underline;}
.wsbs .list .work_flow span{background:url(../img/arr_top.png) no-repeat; width:15px; height:15px; float:left; position:relative; top:-9px; left:20px;}
.wsbs .list .work_flow a.mlno{ margin-left:5px;}

/*咨询投诉*/
.zxts .list li span.yhf,.zxts .list li span.whf{ float:left; display:block; width:54px; height:17px; line-height:17px; color:#fff; font-size:12px; position:relative; left:0; top:6px; margin-right:10px; text-indent:7px;}
.zxts .list li span.yhf{ background:url(../img/green_bg.png) no-repeat;}
.zxts .list li span.whf{ background:url(../img/gray_bg.png) no-repeat;}

/*调查征集*/
.dczj .list li{ height:26px; line-height:26px;}
.dczj .list li a{ float:none; font-size:13px;}
.dczj .list li span{ color:#888; font-size:13px;}
.bb{ border-bottom:1px dashed #ddd; padding-bottom:12px; margin-bottom:10px;}

@media screen and ( max-width: 1140px){
	.tzgg{ width:45%;}
	.gzxx{ width:100%; margin-top:20px; float:left;}
	.slideBox{ width: 55%;}
	.slideBox .bd ul,.slideBox .bd li a,.slideBox .bd img{ width: 100%;}
	.slideBox .bd li p{ width: 100% !important; padding:0 !important; text-indent: 10px;}
	
	.title{ padding:0 10px;}
	.title h2 a{ padding:0 8px; font-size: 15px;}
	
	.index_left{ width:100%;}
	.gkgspt,.qzqd,.ztzl,.jyta{ width:100%; float:left;}
	
	.xwdt{ width:45%;}
	
	.main,.right_d{ width:100%;}
	.div_right{ margin-left:0;}
	.zcfg,.wsbs,.zxts{ width:58%;}
	.czxx,.xzzf,.dczj{ width:40%;}
	
}


@media screen and ( max-width: 900px){
	.zcfg,.wsbs,.zxts,.czxx,.xzzf,.dczj{ width: 100%;}
	.czxx,.xzzf,.dczj{ margin-top:20px;}
}

@media screen and ( max-width: 720px){
	
}

@media screen and ( max-width: 640px){
	.slideBox,.tzgg{ width: 100%;}
	.slideBox{ margin-top:20px;}
}


@media screen and ( max-width: 480px){
	.slideBox,.slideBox .bd,.slideBox .bd ul,.slideBox .bd li a,.slideBox .bd img{ height: 280px;}
	
	.wsbs{}
	.wsbs .list .work_flow a{ margin-right:0; margin-left:5px; width:auto;}
	.wsbs .list .work_flow a i.lc_arr{width:0;}
	
	.zxts .list ul li a {max-width:60%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
	.title .more{ margin-right:0;}
	
}

@media screen and ( max-width: 320px){
	
}