.content{max-width: 1400px;margin: 0 auto;overflow: hidden;}
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
/* 互动导航 */
.zmhd_li{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 30px;}
.zmhd_li li{width:18.3%;border: 1px solid #2c66a5;}
.zmhd_li li a{width: 100%;height: 100%;display: inline-block;}
.zmhd_li li span{width: 80%;padding:14px 0 0 0;border-top: 2px solid #2c66a5;font-size: 16px;color:#2c66a5;text-align: center;display: block;margin: 88px auto 17px auto;font-weight: bold;}
.zmhd_li li:not(:first-child) span{font-size: 22px;margin: 88px auto 13px auto;}
.zmhd_li li.zmhd_li1{background:#ffffff url(12345.png) no-repeat 64px 37px;}
.zmhd_li li.zmhd_li2{background:#ffffff url(xzxx.png) no-repeat center 20px;}
.zmhd_li li.zmhd_li3{background:#ffffff url(sjxx.png) no-repeat 115px 22px;}
.zmhd_li li.zmhd_li4{background:#ffffff url(wyxx.png) no-repeat 113px 22px;position: relative;}
.zmhd_li li.zmhd_li5{background:#ffffff url(wycx.png) no-repeat 105px 21px;}
.zmhd_li li:hover span{border-top:2px solid #ffffff;color:#ffffff;}
.zmhd_li li.zmhd_li1:hover{background:#2c66a5 url(12345_hov.png) no-repeat 64px 37px;}
.zmhd_li li.zmhd_li2:hover{background:#2c66a5 url(xzxx_hov.png) no-repeat center 20px;}
.zmhd_li li.zmhd_li3:hover{background:#2c66a5 url(sjxx_hov.png) no-repeat 115px 22px;}
.zmhd_li li.zmhd_li4:hover{background:#2c66a5 url(wyxx_hov.png) no-repeat 113px 22px;position: relative;}
.zmhd_li li.zmhd_li5:hover{background:#2c66a5 url(wycx_hov.png) no-repeat 105px 21px;}
.xinxianglist{position: absolute; padding-top: 10px;width: 100%;display: none;z-index:999;}
.xinxianglist li{ width: 100%; margin-bottom: 8px; background: #2c66a5;}
.xinxianglist li a{ line-height: 49px;color: #ffffff; font-size: 20px;font-weight: bold;text-align: center;}
.zmhd_li4:hover .xinxianglist{display:block;}
.zmhd_con{width: 100%;margin-top: 30px;display: flex;justify-content: space-between;flex-wrap: wrap;}
.zmhd_list{width: 66.5%;}
/* 标题样式 */
.zmhd_list .title,.xjtj .title{width: 100%;border-bottom: 2px solid #bfbfbf;font-size: 24px;color: #2c66a5;font-weight: bold;}
.zmhd_list .title span,.xjtj .title span{padding:0 28px 11px 8px;border-bottom: 2px solid #2c66a5;display: inline-block;margin-top: 3px;}
/* 信息列表 */
.zmhdListTit,.zmhdList li{width: 100%;display: flex;justify-content: left;margin-top: 21px;}
.name,.sldw{width: 14%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display:block;}
.tjsj{width: 24%;text-align: left;padding-left: 10%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display:block;}
.xjbt{width: 50%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: left;display:block;}
.zmhdListTit li,.zmhdList li{text-align: center;background-color: #2c66a5;line-height: 40px;color: #ffffff;font-size: 17px;}
.zmhdListTit li .xjbt,.zmhdListTit li .tjsj{text-align: left;}
.zmhdList li{color: #000000;background-color: #ffffff;line-height: 20px;margin-top: 18px;}
.zmhdList li span i{color: #2c66a5;margin-right: 15px;}
.zmhdList .name{text-align: left;}
.zmhdList .xjbt{text-align: left;padding-left: 6%;cursor: pointer;}
.zmhdList .tjsj{text-align: right;padding-right: 10px;}
.layui-laypage .layui-laypage-curr .layui-laypage-em {
    background-color: #2c66a5!important;
}
/* 信件统计 */
.xjtj{width: 31%;}
.xjtj .title span{padding: 0px 26px 12px 15px;}
/* 饼图 */
#main,#biaoge{width: 100%;height: 245px;}
/* 弹框 */
.attr{width: 100%;height:100%;z-index: 99999;background-color: rgba(0,0,0,0.4);display: none;position: fixed;top: 0;left: 0;align-items: center;justify-content: center;padding-top: 283px;}
.xjnr,.hfnr {
    max-height: 250px;
    overflow-y: scroll;
    width: 100%;
    overflow-x: hidden;
}
.attr_tit{font-size: 16px;font-weight: bold;color: #000;padding-left: 20px;}
.attr_tit span {font-size:16px;margin-left:1rem;line-height:33px;font-weight:500;}
.attr_con{width: 900px;height:600px;background-color: #fff;opacity: 1;position: relative;border: 2px solid #eee;margin:0 auto;}
.attr_con p.ldzc_close{position: absolute;top:10px;right: 10px;font-size: 16px;width: 20px;height: 20px;color: #000;text-align: center; cursor: pointer;}
.attr_con .attr_tit{margin-top: 20px;}
.xj_info{padding:19px 0 0 20px;}
.xj_list span{font-size: 18px;color: #000;font-weight:bold}
.xj_list div{display: inline;margin-right: 15px;line-height: 40px;}
.attr_title{height: 42px;width: 100%;background-color: #F8F8F8;line-height: 40px;padding: 0 0 0 20px;font-size: 16px;font-weight: bold;}
div.ldzc_close{position: absolute;bottom: 30px;left:45%;width: 120px;height: 40px;font-size: 16px;color: #000;background-color: #F8F8F8;text-align: center;border: 1px solid #e6e6e6;line-height: 40px;cursor: pointer;border-radius: 2px 2px;}
.xjnr{
    max-height: 250px;
    overflow-y: scroll;
    width: 100%;
    overflow-x: hidden;
}

/* 响应式 */
@media  screen and (max-width:1399px){
.content{width: 100%;padding: 0 0.5%;}
}
 @media screen and (max-width: 1184px){
        .zmhd_li li span{font-size: 14px;width: 85%;}
        .zmhd_li li.zmhd_li1 {background: #ffffff url(12345.png) no-repeat 50px 37px;}
        .zmhd_li li.zmhd_li3 { background: #ffffff url(sjxx.png) no-repeat 82px 22px;}
        .zmhd_li li.zmhd_li4 {background: #ffffff url(wyxx.png) no-repeat 87px 22px;}
        .zmhd_li li.zmhd_li5 { background: #ffffff url(wycx.png) no-repeat 81px 21px;}
        .zmhd_li li.zmhd_li1:hover {background: #2c66a5 url(12345_hov.png) no-repeat 50px 37px;}
        .zmhd_li li.zmhd_li3:hover {background: #2c66a5 url(sjxx_hov.png) no-repeat 82px 22px;}
        .zmhd_li li.zmhd_li4:hover {background: #2c66a5 url(wyxx_hov.png) no-repeat 90px 22px;}
        .zmhd_li li.zmhd_li5:hover { background: #2c66a5 url(wycx_hov.png) no-repeat 81px 21px;}
        .tjsj {padding-left: 9%;}
    }
@media  screen and (max-width:1030px){
    .zmhd_list{width: 60%;}
    .xjtj{width: 35%;}
    .zmhd_li li span {
        width: 85%;
        padding: 10px 0 0 0;
        margin: 79px auto 10px auto;
        font-size: 13px;
    }
}
  @media screen and (max-width: 920px){
        .zmhd_li li span{font-size: 20px;width: 88%;margin-top: 88px;}
        .zmhd_li li.zmhd_li1 {background: #ffffff url(12345.png) no-repeat 22px 37px;}
        .zmhd_li li.zmhd_li3 { background: #ffffff url(sjxx.png) no-repeat 60px 22px;}
        .zmhd_li li.zmhd_li4 {background: #ffffff url(wyxx.png) no-repeat 66px 22px;}
        .zmhd_li li.zmhd_li5 { background: #ffffff url(wycx.png) no-repeat 62px 21px;}
        .zmhd_li li.zmhd_li1:hover {background: #2c66a5 url(12345_hov.png) no-repeat 22px 37px;}
        .zmhd_li li.zmhd_li3:hover {background: #2c66a5 url(sjxx_hov.png) no-repeat 60px 22px;}
        .zmhd_li li.zmhd_li4:hover {background: #2c66a5 url(wyxx_hov.png) no-repeat 66px 22px;}
        .zmhd_li li.zmhd_li5:hover { background: #2c66a5 url(wycx_hov.png) no-repeat 62px 21px;}
        .tjsj {padding-left: 3%;}
        .zmhd_li li:not(:first-child) span { padding-top: 18px;}
    }
@media screen and (max-width: 830px){
        .zmhd_li li.zmhd_li1 {background: #ffffff url(12345.png) no-repeat 4px 37px;}
        .zmhd_li li.zmhd_li3 { background: #ffffff url(sjxx.png) no-repeat 45px 22px;}
        .zmhd_li li.zmhd_li4 {background: #ffffff url(wyxx.png) no-repeat 48px 22px;}
        .zmhd_li li.zmhd_li5 { background: #ffffff url(wycx.png) no-repeat 47px 21px;}
        .zmhd_li li.zmhd_li1:hover {background: #2c66a5 url(12345_hov.png) no-repeat 4px 37px;}
        .zmhd_li li.zmhd_li3:hover {background: #2c66a5 url(sjxx_hov.png) no-repeat 45px 22px;}
        .zmhd_li li.zmhd_li4:hover {background: #2c66a5 url(wyxx_hov.png) no-repeat 48px 22px;}
        .zmhd_li li.zmhd_li5:hover { background: #2c66a5 url(wycx_hov.png) no-repeat 47px 21px;}
        .xjtj,.zmhd_list { width: 100%;}
         #main, #biaoge {float:left}
         #main{width:60%}
         #biaoge { width: 40%;}
  .attr_con{width:100%}
  div.ldzc_close {left: 45%;}

    }
@media  screen and (max-width:640px){
    .zmhd_li li span {margin: 40px auto 10px auto;}
    .zmhd_list,.xjtj{width: 100%;margin-bottom: 20px;}
    .zmhd_li li{background-size: 28% !important;}
    .zmhd_li li.zmhd_li1{background-size: 58% !important;}
    .zmhd_li li:not(:first-child) span {line-height: 40px;}
    .zmhd_li li.zmhd_li1{background:#ffffff url(12345.png) no-repeat center 16px;}
    .zmhd_li li.zmhd_li2{background:#ffffff url(xzxx.png) no-repeat center 7px;}
    .zmhd_li li.zmhd_li3{background:#ffffff url(sjxx.png) no-repeat center 7px;}
    .zmhd_li li.zmhd_li4{background:#ffffff url(wyxx.png) no-repeat center 7px;}
    .zmhd_li li.zmhd_li5{background:#ffffff url(wycx.png) no-repeat center 7px;}
    .zmhd_li li:hover span{border-top:2px solid #ffffff;color:#ffffff;}
    .zmhd_li li.zmhd_li1:hover{background:#2c66a5 url(12345_hov.png) no-repeat center 16px;}
    .zmhd_li li.zmhd_li2:hover{background:#2c66a5 url(xzxx_hov.png) no-repeat center 7px;}
    .zmhd_li li.zmhd_li3:hover{background:#2c66a5 url(sjxx_hov.png) no-repeat center 7px;}
    .zmhd_li li.zmhd_li4:hover{background:#2c66a5 url(wyxx_hov.png) no-repeat center 7px;}
    .zmhd_li li.zmhd_li5:hover{background:#2c66a5 url(wycx_hov.png) no-repeat center 7px;}
}
@media  screen and (max-width:500px){
   .zmhd_li{justify-content: left;}
  .zmhd_li li{width:33.3%;}
   #main, #biaoge { width: 100%;height: 245px;}
        .name, .sldw {width: 19%;}
        .xjbt { width: 40%; padding-left: 1%;}
        .zmhd_li li:not(:first-child) span {font-size: 18px; margin: 56px auto 13px auto;font-size: 18px;}
        .zmhd_li li span {margin: 55px auto 10px auto;font-size: 15px;}
        .xinxianglist li{width: 100%;}
  .zmhdListTit li, .zmhdList li {
    font-size: 16px;
}
  .tjsj {
    padding-left: 0%;
}
  div.ldzc_close {left: 40%;}
}
@media  screen and (max-width:400px){
   
    
    .zmhdList li{font-size: 13px;line-height: 20px;}
    .zmhdList li span i{margin-right: 4px;}
    .zmhdList {margin-top: 20px;}
   .xinxianglist li{width: 100%;}
          .zmhd_li li:not(:first-child) span {
    line-height: 21px;
}
.zmhd_li li span {
    margin: 54px auto 10px auto;
}
.tjsj {
    padding-left: 2%;
}

}