@charset "utf-8";

.news_bg{background: url(../images/bg5.png) no-repeat #fff top center; padding-top:68px;min-width: 320px;}
.pd_zwgk{ background:#fff; padding:4%;border: 1px solid #ccc;}

/* 第一部分 */
.list-title{line-height: 50px;}
.list_wz{ float:left; background:url(../images/wz.png) no-repeat 0px 20px; padding-left:20px;color:#9E9E9E}
.jz_title{text-align: center;margin-top: 2%;}
.jz_title img{width: 100%;}
.mtjz_con .jz_con ul li{width: 18%;float: left;margin-right: 2%;margin-bottom: 2%;text-align: center;position: relative;}
.mtjz_con .jz_con ul li:nth-child(5){margin-right: 0;}
.mtjz_con .jz_con ul li span{display: block;font-size: 1.375rem;margin-top: 5%;}
 .mb{margin-bottom: 1.875rem;}
.mtjz_con .jz_con ul li i{position: absolute;box-sizing: border-box;transform: translateX(-50%);background: url(../images/ewm_bg.png) no-repeat center;width: 182px;height:0;overflow: hidden;z-index: 10;}
.mtjz_con .jz_con ul li i img{margin-top: 20px;width:160px ;height: 160px;}

.mtjz_con .jz_con ul li:hover i{height: 206px;}

/* 政府部门  乡/镇人民政府 通用 */

.bg{background: rgba(249, 253, 255, 1);border: 1px solid rgba(199, 230, 255, 1);}
.zfbm .head{  height: 90px;background-color: #e1f3ff;padding: 0 30px;}
.zfbm .head>span{ float: left;height: 36px;line-height: 36px;font-weight: 700;font-size: 1.375rem;border-left: 6px solid rgba(44, 89, 173, 1);padding-left: 15px;box-sizing: border-box; margin-top: 27px;}
.zfbm .head ul{float: right;}
.zfbm .head ul li{  float: left;height: 71px;line-height: 71px;font-size: 20px;font-weight: 700; color: #333;margin-left: 30px; padding-right: 30px; cursor: pointer;}
.zfbm .head ul li span{line-height: 90px;}
.zfbm .head ul li.on span{border-bottom:6px solid rgba(44, 89, 173, 1);padding-bottom: 27px;color: rgba(44, 89, 173, 1);
 ;}
 
.bg .bd ul{padding:2% 4% 4%;}
.bg .bd ul li{float: left; margin-right: 2.5%;margin-top: 20px;width: 23%;}
.bg .bd ul li:nth-child(4n){margin-right: 0;}
.bg .bd ul li>span{display: block;line-height: 53px; box-sizing: border-box;border: 1px solid #C7E6FF;cursor: pointer;padding-left: 20px;background: url(../images/icon.png) no-repeat 90% center;background-color: #fff;padding-right: 55px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} 
.bg .bd ul li .rwm {position: absolute;box-sizing: border-box;transform: translateX(40%);background: url(../images/rwm_bg.png) no-repeat center;width: 126px;height:0;overflow: hidden;}
.bg .bd ul li .rwm  span img{width: 110px;height: 110px;margin: 15px 9px;}
.bg .bd ul li:hover .rwm {height:140px;} 
  .bg .bd ul li:hover>span{color:rgba(44, 89, 173, 1) ;background: url(../images/icon_1.png) no-repeat 90% center;background-color: #fff;}
  

  
  @media (max-width: 768px){
	  .mtjz_con .jz_con ul li{width: 31%;margin-bottom: 2.5%;}
	  .mtjz_con .jz_con ul li span{height: 60px;}
	  .mtjz_con .jz_con ul li:nth-child(3n){margin-right: 0;}
	  .bg .bd ul li{float: left; margin-right: 2.5%;margin-top: 20px;width: 48%;}
	  .bg .bd ul li>span{padding-left:10% ;padding-right: 10%;}
	  .bg .bd ul li:nth-child(2n){margin-right: 0;}
  }
  
  @media (max-width: 482px){
  	  .mtjz_con .jz_con ul li{width: 48%;margin-bottom: 3%;}
  	  .mtjz_con .jz_con ul li:nth-child(2n){margin-right: 0;}
	.zfbm .head{padding: 0 5%;}
	.zfbm .head ul li{margin-left: 10px;padding-right:0;}
  	  .bg .bd ul li{float: left; margin-right: 2.5%;margin-top: 20px;width: 48%;}
  	  .bg .bd ul li:nth-child(2n){margin-right: 0;}
	   .bg .bd ul li>span{width: 100%;background: none;}
	  
  }