@charset "utf-8";
@import url("artForWap.css");
*,*:before,*:after { margin:0px;padding:0px;box-sizing:border-box;}
body { font-family: "Microsoft YaHei"; font-size: 16px; line-height:160%; color: #333;width: 100%;}
ul,ol,li {list-style: none;}
select { border: 1px solid #DFDFDF; font-family: "Microsoft YaHei"; border-radius:5px; }
img {border: none;}
em {font-style: normal;}
a {text-decoration: none; color: #333;cursor: pointer;}
a:hover {color:#CE3537;text-decoration: none; cursor: pointer;}
.hide {display: none;}
.clear {zoom: 1;}
.fl {float: left;}
.fr {float: right;}
input {outline: none;}
.blue { color:#1A4588; }
.white a { color:#fff; }
.red { color:#C31F0B; }
.green { color:#6bb590; }
input.radio, input.checkbox {width: auto;}
.clearf,.cf,.clear-both {clear:both;overflow:hidden;font-size:0px;line-height:0px;}
img{border: 0;}
table{border-collapse:collapse;}
li{vertical-align: bottom;}
ul,ol,li {list-style:none;}
em { font-style:normal; }

#header { width:1200px; margin:0 auto; }
.logo { float:left; width:750px;}
.h_right { float:right; width:400px; margin:40px 0 0 0; }
.share { height:25px; line-height:25px; }
.share a { float:left; }
.share a img { margin:0 0 0 5px; vertical-align:middle; }
.share span { float:right; color:#666; font-size:12px;margin-right:20px; }
.search { float:right; margin:10px 0 0 0; width:230px; height:35px; line-height:35px; background:#fff; border-radius:20px; }
.search input { float:left; width:175px; height:33px; margin:0 0 0 15px; border:0; background:none; }
.search a { float:left; _:4px 0 0 3px;  }

#wapper { width:1200px; margin:0 auto; }
.main { clear:both; float:left; width:1200px; margin:10px auto; background:#fff; }
#mainSub {
    clear: both;
    float: left;
    width: 1200px;
    padding: 20px 20px;
    margin: 0 0 20px 0;
    background: #fff;
}
#navs{clear:both;width:100%;text-align:center;height:50px;background-color: #478CC7;box-shadow: 0 5px 10px rgba(0, 0, 0, .2);margin-bottom: 45px}
#navs ul{width:1200px;margin:0 auto}
#navs ul li{width:150px; font:normal 18px/47px Microsoft YaHei; height:50px;float:left; overflow:hidden;}
#navs ul li.nn0 a{background-image: url(../img/nav00_c.png);}
#navs ul li.nn1 a{background-image: url(../img/nav01_c.png);}
#navs ul li.nn2 a{background-image: url(../img/nav02_c.png);}
#navs ul li.nn3 a{background-image: url(../img/nav03_c.png);}
#navs ul li.nn4 a{background-image: url(../img/nav04_c.png);}
#navs ul li.nn5 a{background-image: url(../img/nav05_c.png);}
#navs ul li.nn6 a{background-image: url(../img/nav06_c.png);}
#navs ul li.nn7 a{background-image: url(../img/nav07_c.png);}
#navs ul li a{ width:100%;height:100%;line-height:50px;color:#ffffff;text-decoration:none;display:block;background-repeat: no-repeat;background-position: 20px center;text-indent: 10px;}
#navs ul li:hover,#nav ul li.current {background:#0E4C95; line-height:50px !important;}	

.in_header{
  width: 100%;
  padding-top: 24px;
  background: url(http://www.huangshi.gov.cn/material/2021/images/in_header_bg.png);background-size: 100%;background-position: center 0;background-repeat: no-repeat;
  text-align: left;
  height:150px;
}
.in_header .in_header_top {
  width: 1200px;
  margin: 0 auto;
  padding-top: 24px;
  text-align: left;
}
.in_header .searchBar {
  float: right;
  position: relative;
  width: 350px;
  height: 30px;
  margin-top: 20px;
}
.in_header .searchBar input {
  width: 100%;
  height: 100%;
  padding: 5px 75px 5px 12px;
  border: 1px solid #245798;
  background: #fff;
  font-size: 14px;
  line-height: 20px;
  outline: none;
}
.in_header .searchBar .btn {
  position: absolute;
  right: 1px;
  top: 0;
  display: inline-block;
  width: 35px;
  height: 100%;
  text-indent: -9999px;
  background: url(http://huangshi.gov.cn/material/2018/assets/img/inner/icon_search.png) no-repeat center;
}
.in_header .searchBar .date_btn {
  position: absolute;
  right: 36px;
  top: 0;
  display: inline-block;
  width: 35px;
  height: 100%;
  text-indent: -9999px;
  background: url(http://huangshi.gov.cn/material/2018/assets/img/inner/icon_date.png) no-repeat center;
}
.news { float:left; width:480px; }
.main{ clear:both; float:left; width:1200px; padding:20px 20px; margin:0 0 20px 0; background:#fff; }
.main_inner {background: #fff;}
#left {margin-top:10px;
	width:268px;
	overflow:hidden;
	float: left;
	display:inline;
	min-height:650px;
	border: 1px solid #D8D8D8;
	background-color: #F5F5F5;
}
#right {margin-top:10px;
	width:855px;
	overflow-x:hidden;
	float: right;
	min-height:280px;
	padding-right: 5px;
}
#crumb{
	margin-bottom:18px;
	height:40px;
	line-height:40px;
	font-size:14px;
	background-image: url(4_home.jpg);
	background-repeat: no-repeat;
	background-position: 10px 50%;
	
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D8D8D8;
}
#crumb *{color:#686868;}
#crumb h2{
	position: absolute;
	font-size: 15px;
	color:#fff;
	text-indent: 25px;	display:none;
}
#crumb span{/*background: url(images/hom.gif) no-repeat 5px 50%;*/
	text-indent: 25px;	
	float: left;
	margin-right: 30px;	
	padding-left: 10px;	font-size: 15px;	
}
#content{
	font-size: 16px;
	line-height: 28px;
	padding: 10px 20px 10px 20px;	color:#333;
}
#contentPic{text-align: center;}
#contentPic img{max-width:980px;margin:0 auto;margin-bottom:20px;}
#content table td{
	margin:0 auto;
	border: 1px solid #999;	
	padding: 6px 12px;
    line-height: 20px;
}
#content p{	font-size: 16px;margin-bottom:10px;}
#Err{
	
	height: 300px;
}
#ShowArtOne{border: 0px solid #DCDCDC;padding:10px;
	position: relative;margin-bottom:10px;
}
#ShowArtOne #title{
	font-size: 12px;
	text-align: center;
	margin:10px;
	border-bottom: 1px solid #DDDDDD;
	padding-bottom:10px;
}
#ShowArtOne #title h1{
	line-height:26px;
	font-size: 26px;
	margin-top:10px;
	padding-bottom:10px;
	margin-bottom:10px;
	color:#333;
	font-weight: 700;
}
#ShowArtOne #title p{
	height:30px;font-size: 12px; color:#999;
	line-height:30px;
	
}
#ShowArtOne #title em{font-style: normal;margin-left:10px;}
#ShowArtOne hr{border-top: 1px dashed #C1C1C1;}
#backLastPageBtn{color:#3F6F9F;}
#PreNext{
	border-top: 1px dashed #CCCCCC;
	margin-top:15px;margin-bottom:15px;padding-top:5px;
	font-size: 12px;
}
#PreNext li{height:24px;
}
#fuJian{
	clear:both;
	margin:30px 0;padding-top:20px;
}
#fuJian h3{
	height:30px;
	line-height:30px;
	margin-bottom: 10px;
	font-size: 14px;
	color: #183181;
	font-weight: normal;
}
#fuJian a{
	line-height:30px;
	font-size: 14px;
	margin-bottom:6px;
	display: block;
	text-decoration: underline;
}
#fuJian a:link,#fuJian a:visited{color: #193080;}


#footer { float:left; width:100%; padding:30px 0; margin:10px 0 0 0; line-height:200%; background:#478cc7; color:#fff; font-size:14px;}
.foot a{color:#fff};
.foot a:hover{color:#fff};	
.we_bottom p span{
	margin-right:20px;
	color: #000000;
	cursor:pointer;
}
.we_bottom p span a{
	color: #000000;
}
#imgConac{margin-bottom:-10px;}
#_span_jiucuo {position: static;}
.foot { width:1200px; margin:0 auto; }
.cont { float:left; width:680px; }
.cont_pic { float:right; }
.cont_pic img { margin:10px 0 0 20px; }
#toBack{display: none;}
.supervise,.government,.interview{float:left; width:1160px; margin:20px 0 0 0;}
.supervise .tab{ width:1160px;}
.supervise ul ul {float:left; width:1160px; margin:20px 0;} 
.supervise li {float:left; width:1160px; height:39px; line-height:39px; } 
.supervise li b{color:#2e8bd6; margin:0 8px 0 0;}
.supervise li span{ float:right; color:#999;}
.tab{padding:0 0 10px 0;border-bottom:3px solid #dadada;text-align:left;}
.tab span{color:#686868;font-size: 21px;padding: 0px 20px 11px 20px;margin-bottom:-2px;font-weight: bold;}
.tab a {font-size: 18px;}

.newList_item{margin:20px 0;padding:0 12px 0 12px;}
.newList_item li{
	height:30px;
	line-height:30px;
	border-bottom: 1px solid #f0f0f0;
	list-style-type: none;
}
.newList_item span{float:right;}
.newList_item a{float:left;font-size:16px;}
.listpage .listp_row {margin-top: 30px;}
.listpage .listp_l {float: left; width: 800px;}
.listpage .listp_r {float: right;width: 334px;}			
.listpage .listp_r .box {background: #f7f7f7;border: 1px solid #ccc;margin-top: 18px;}
.listpage .listp_r .box .hd {color: #245798;border-bottom: none;}
.listpage .listp_r .box .bd {padding: 14px 20px 0;}

.listpage .icons {display: inline-block;width: 21px;height: 30px;background: url(http://www.huangshi.gov.cn/material/2018/assets/img/listpage/icon_1.png) no-repeat center;}
.listpage .listp_row {margin-top: 30px;}

.list_box .hd {padding: 10px 0 10px 12px;font-size: 22px;color: #245798;border-bottom: 1px solid #ccc;line-height: 30px;}
.list_box .hd i {float: left;display: inline-block;width: 32px;height: 30px;margin-right: 6px;vertical-align: middle;}
.listpage .btns {overflow: hidden;padding: 0 32px;margin-top: 12px;}
.listpage .btns a {display: block;line-height: 40px;margin-bottom: 10px;font-size: 20px;color: #245798;text-align: center;background: #fff;border: 1px solid #ccc;border-radius: 4px;}
.listpage .btns .active,.listpage .btns a:hover{background: #245798;color: #fff;border-color: #245798;}