/* 政民互动 */
.zmhdbox{padding: 56px 0;}
.mailbox{width: 50%;padding: 32px 24px 10px;background: #F0F7FF;}
.mail{background: url(../images/index/mailboxbg.png) no-repeat right top;}
.mail .mailtit{float: left;}
.mail .mailtit i{font-size: 32px;color: #0F5A98;font-style: normal;}
.mail .mailtit span{font-size: 24px;margin-left: 16px;}
.mail .wyxx{float: right;width: 125px;margin-right: 12px;;height: 42px;line-height: 42px;background: #fff;border-radius: 5px;text-align: center;}
.mail .wyxx a{display: block;color: #BF1329;}
.mail .wyxx span{margin-left: 10px;}
.mailinfo{padding:32px 32px 24px;margin-top: 28px;background: url(../images/index/mailinfobg.png) no-repeat;background-size: 100% 100%;}
.mailinfo .info{margin-top: 24px;background: #F5F9FF;padding: 20px;text-align: center;color: #0F5A98;}
.mailinfo .info .lxs{margin-top: 12px;}
.mailinfo .info i{font-size: 28px;font-style: normal;line-height: 32px;margin: 0 8px;}
.lxxd{position: relative;margin-top: 30px;}
.xjlist{margin-top: 15px;}
.zjdc{width: 47%;}
.zjdc > div{position: relative;}
.zjdclist li{margin-top: 26px;}
.zjdclist li .status{width: 60px;height: 60px;padding: 8px 14px;color: #fff;background: #ddd;display: inline-block;margin-right: 16px;}
.zjdclist li .status.on{color: #0F5A98;background: #F4F9FF;}
.zjdclist li .info{width: 85%;display: inline-block;vertical-align: top;}
.zjdclist li .info h3{font-weight: normal;font-size: 16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.zjdclist li .info p{margin-top: 12px;color: #999;}
.zjdclist li .info .time{margin-right: 15px;}
.zjdc .wsdc{margin-top: 43px;}
.zxftbox{margin-top: 56px;position: relative;}
.zxftlist{font-size: 0;text-align: justify;text-align-last: justify;}
.zxftlist li{font-size: 16px;display: inline-block;width: 48.5%;text-align: left;text-align-last: left;margin-top: 24px;}
.zxftlist li:nth-child(even){margin-left: 3%;}
.zxftlist li > div{float: left;}
.zxftlist .imgbox{width: 33.3%;}
.zxftlist .imgbox img{height: 120px;width: 100%;}
.zxftlist .ftinfo{width: 66.7%;}
.zxftlist .ftinfo p{line-height: 26px;}
.zxftlist .ftinfo p + p{margin-top: 8px;}
.zxftlist .ftinfo i{font-style: normal;color: #0F5A98;}
.zxftlist .ftinfo span{display: inline-block;width: 74%;vertical-align: top;}
.zxftlist .ftinfo span.fttit{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

@media screen and (max-width: 1200px) {
    /* 政民互动 */
    .zjdclist li .info{width: 80%;}
}

@media screen and (max-width: 992px) {
    .mailbox,.zjdc{width: 100%;}
    .zjdc{margin-top: 20px;}
}
@media screen and (max-width: 450px) {
    .zmhdbox{padding: 0;}
    .zmhd{margin-top: 20px;}
    .mailbox{padding: 20px 10px;}
    .mail .mailtit i{font-size: 26px;}
    .mail .mailtit span{font-size: 20px;}
    .mail .wyxx{width: 112px;margin-right: 0;}
    .mailinfo .info .lxs{font-size: 14px;}
    .mailinfo .info i{font-size: 22px;}
    .zjdclist li .info{width: 75%;}
    .zjdclist li .info p{font-size: 14px;}
    .zxftlist li{width: 100%;}
    .zxftlist li:nth-child(even){margin-left: 0;}
    .zxftlist .imgbox{width: 100%;}
    .zxftlist .imgbox img{width: 100%;height: 55vw;}
    .zxftlist .ftinfo{width: 100%;margin-top: 10px;}
    .zxftlist .ftinfo span{width: 100%;}
}