@charset "utf-8";

/*政民互动*/
.zmhd{margin-top: 20px;width: 100%;}
/*厅长信箱*/
.zmhd-xx{width: 100%;}
/*厅长信箱头部*/
.zmhd-xx-top{background: url(../images/public/zmhd-top-bg.png) no-repeat center top;width:100%;height: 126px;line-height: 110px;background-size: cover;}
.zmhd-xx-top .zmhd-xx-tzxx{padding-left: 37px;}
.zmhd-xx-top .zmhd-xx-top-wy{width: 45%;display: inline-block;margin:20px 55px 0 0;}
.zmhd-xx-top .zmhd-xx-top-wy .zmhd-xx-wyxx{background: url(../images/public/wyxx-icon.png) no-repeat left center;width: 50%;height: 80px;line-height: 80px;background-position: 0 3px;}
.zmhd-xx-top .zmhd-xx-top-wy .zmhd-xx-wyxx a{padding-left: 38%;display: inline-block;color: #ffffff;font-size: 22px;}
.zmhd-xx-top .zmhd-xx-top-wy .zmhd-xx-wycx{background: url(../images/public/wycx-icon.png) no-repeat left center;width: 50%;height: 80px;line-height: 80px;background-position: 0 3px;}
.zmhd-xx-top .zmhd-xx-top-wy .zmhd-xx-wycx a{padding-left: 38%;display: inline-block;color: #ffffff;font-size: 22px;}
.zmhd-xx-top .zmhd-xx-top-wy .zmhd-xx-wyxx a>h4{color:#ffffff;}
.zmhd-xx-top .zmhd-xx-top-wy .zmhd-xx-wycx a>h4{color:#ffffff;}
/*厅长信箱底部*/
.zmhd-xx-bottom{box-shadow: 0 6px 15px #dee8f7;width: 100%;height: 420px;padding: 28px 30px 0 21px;}
/*信件选登*/
.zmhd-xjxd{width: 66%;}
/*信件选登头*/
.zmhd-xjxd-top{width: 100%;height: 30px;line-height: 30px;}
.zmhd-xjxd-top h4{font-size: 22px;color: #0166b6;}
.zmhd-xjxd-top a{font-size: 16px;color: #999999;}
.zmhd-xjxd-top a img{padding-left: 5px;vertical-align: middle;}
/*信件列表*/
.zmhd-xjxd-bottom{margin-top: 15px;}
/*信件列表头部*/
.zmhd-xjxd-bottom div:nth-child(1){width: 100%;height: 42px;line-height:42px;background-color: #edf5fc;}
.zmhd-xjxd-bottom div:nth-child(1) ul{width: 100%;height: 42px;}
.zmhd-xjxd-bottom div:nth-child(1) ul li{width: 17%;float: left;text-align: center;color: #333333;font-size: 16px;}
.zmhd-xjxd-bottom div:nth-child(1) ul li:nth-child(1){width: 66%;text-align: left;padding-left: 35px;}
/*信件列表底部*/
.zmhd-xjxd-bottom div:nth-child(2){width: 100%;height:250px;background-color: #ffffff;margin-top: 20px;}
.zmhd-xjxd-bottom div:nth-child(2) ul{width: 100%;}
.zmhd-xjxd-bottom div:nth-child(2) ul li{width: 100%;float: left;text-align: center;color: #333333;font-size: 16px;background: url(../images/icon/dian2.jpg) no-repeat left 50%;height: 25px;line-height: 25px;margin-bottom:20px;}
.zmhd-xjxd-bottom div:nth-child(2) ul li a{width: 66%;text-align: left;display: inline-block;padding-left: 15px;color: #000000;}
.zmhd-xjxd-bottom div:nth-child(2) ul li span{width:16%;text-align: center;display: inline-block;font-size: 14px;color: #7a7a7a;}
.zmhd-xjxd-bottom div:nth-child(2) ul li span:nth-child(3){font-size: 16px;color: #0f66b7;line-height: 16px;}
.zmhd-xjxd-bottom div:nth-child(2) ul li:nth-child(6){margin-bottom: 20px;}
/*信件统计*/
.zmhd-xjtj{width: 30%;}
/*信件统计头部*/
.zmhd-xjtj-top{width: 100%;height: 30px;line-height: 30px;}
.zmhd-xjtj-top h4{font-size: 22px;color: #0166b6;}
.zmhd-xjtj-top span{font-size: 16px;color: #999999;}
/*信件统计饼图*/
.zmhd-xjtj-bottom{margin-top: 15px;background-color: #edf5fc;} 
.zmhd-xjtj-bottom ul{ padding-left:44px;padding-top:28px;}
.zmhd-xjtj-bottom ul li{width:100%;height:30px;font-size:16px;color:#333333;}
.zmhd-xjtj-bottom ul li span:nth-child(2){padding-left:17px;}
.zmhd-xjtj-bottom ul li .ysl{display:inline-block;background-color:#0f66b7;width:25px;height:11px;}
.zmhd-xjtj-bottom ul li .ybl{display:inline-block;background-color:#00b9c6;width:25px;height:11px;}
.zmhd-xjtj-bottom ul li .blz{display:inline-block;background-color:#db9334;width:25px;height:11px;}
#xjtjEchart{width: 100%;height: 190px;} 


/*意见征集*/
.zmhd-yjzj{margin-top: 40px;width: 100%;}
/*意见征集头部*/
.zmhd-yjzj-top{height: 58px;background-color: #f3f3f3;line-height: 58px;}
.zmhd-yjzj-top .zmhd-yjzj-top-title{width: 155px;height: 66px;text-align: center;line-height: 55px;}
.zmhd-yjzj-active{background: url(../images/public/tz-bg.png) no-repeat center top;color: #ffffff;}
.zmhd-yjzj-top .zmhd-yjzj-top-title h4{font-size: 20px;font-weight: 500;}
.zmhd-yjzj-top a{display: inline-block;padding-right: 32px;}
.zmhd-yjzj-top a img{padding-left: 5px;}
/*意见征集列表*/
.zmhd-yjzj-bottom{margin-top: 30px;}
.zmhd-yjzj-bottom ul li{float: left;width: 48%;border-bottom: 1px dashed #dadada;height: 95px;margin-top: 20px;}
.zmhd-yjzj-bottom ul li span:nth-child(1){ width: 74px; height: 74px; background-color: #539cd9; text-align: center; display: inline-block; line-height: 24px; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; }
.zmhd-yjzj-bottom ul li span:nth-child(1) h4{width: 80%;text-align: center;display: inline-block;line-height: 24px;padding-top: 12px;font-size: 20px;color: #ffffff;font-weight: 500;}
.zmhd-yjzj-bottom ul li div{width: 455px;height: 74px;}
.zmhd-yjzj-bottom ul li div a{display: inline-block;width: 100%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;height: 32px;line-height: 32px;color: #333333;font-size: 16px;}
.zmhd-yjzj-bottom ul li div span{display: inline-block;height: 32px;line-height: 32px;color: #0166b6;font-size: 14px;}
.zmhd-yjzj-bottom ul li:nth-child(1) span:nth-child(1){background-color: #bda45a;}
.zmhd-yjzj-bottom ul li:nth-child(2) span:nth-child(1){background-color: #bda45a;}
.zmhd-yjzj-bottom ul li:nth-child(2n){float: right;}
.zmhd-yjzj-bottom ul li:nth-child(1){margin-top: 0;}
.zmhd-yjzj-bottom ul li:nth-child(2){margin-top: 0;}

@media (max-width:425px){
    .zmhd-xx-top{height:220px;background-size:100% 220px;}
    .zmhd-xx-top .zmhd-xx-tzxx{width:90%;}
    .zmhd-xx-top .zmhd-xx-top-wy{float:left;width:100%;}
    .zmhd-xx-top .zmhd-xx-top-wy .zmhd-xx-wyxx a,.zmhd-xx-top .zmhd-xx-top-wy .zmhd-xx-wycx a{padding-left:45%;}
    .zmhd-xx-bottom{height:820px;}
    .zmhd-xx-bottom .zmhd-xjxd{width:100%;}
    .zmhd-xjxd-bottom div:nth-child(1) ul li:nth-child(1){width:50%;} 
    .zmhd-xjxd-bottom div:nth-child(1) ul li:nth-child(2){width:25%;}
    .zmhd-xjxd-bottom div:nth-child(1) ul li:nth-child(3){width:25%;}
    .zmhd-xjxd-bottom div:nth-child(2) ul li{width:100%;line-height:12px;height:30px;}
    .zmhd-xjxd-bottom div:nth-child(2) ul li a{display:inline-block;width:45%;text-overflow:ellipsis;overflow:hidden;white-space: nowrap;padding-left:5px;}
    .zmhd-xjxd-bottom div:nth-child(2) ul li span:nth-child(2){width:28%;}
    .zmhd-xjxd-bottom div:nth-child(2) ul li span:nth-child(3){width:20%;text-align:center;}
    .zmhd-xx-bottom .zmhd-xjtj{width:100%;float:left;}
    
}