.content {
    margin-bottom: 40px;
}

.pad {
    padding: 20px 20px 0;
    background: #fff;
}

.con {
    float: right;
    width: 860px;
}

.header,
.footer,
.subnav {
    display: block;
}

.m_header,
.m_nav,
.m_footer,
.m_subnav,
.m_title {
    display: none;
}

.content {
    padding-top: 0rem;
}

@media(max-width:1271px) {

    .header,
    .footer,
    .subnav {
        display: none;
    }

    .m_header,
    .m_nav,
    .m_footer,
    .m_subnav,
    .m_title {
        display: block;
    }

    .content {
        padding-top: 7rem;
    }

    .pad {
        padding: 0
    }

    .con {
        float: initial;
        width: 100%;
    }

    .w1200 {
        margin: 0 auto;
        width: 92%;
    }

    .m_subnav .one {
        padding: 0 1.1rem 0 4%;
        height: 3.9rem;
        line-height: 3.9rem;
        font-size: 1.6rem;
        color: #fff;
        background: #375aa6;
    }

    .m_subnav .one p {
        background: url(../images/mobile/icon/icon_15.png) right center no-repeat;
    }

    .m_subnav .one_s {
        display: none;
        padding: 1rem 4% 1.7rem;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.1);
    }

    .m_subnav .one_s .show {
        display: block;
    }

    .m_subnav .two {
        border-bottom: #b5b5b5 1px solid;
    }

    .m_subnav .two .tit {
        padding-left: 1.4rem;
        font-size: 1.5rem;
        height: 4.1rem;
        line-height: 4.1rem;
        background: url(../images/mobile/icon/icon_16.png) 0.5rem center no-repeat;
        background-size: 0.4rem auto;
    }

    .m_subnav .two .tit a {
        color: #333;
    }

    .m_subnav .two .tit.cur {
        background: #80a9f8 url(../images/mobile/icon/icon_16s.png) 0.5rem center no-repeat;
        background-size: 0.4rem auto;
    }

    .m_subnav .two .tit.cur a {
        color: #fff;
    }

    .m_subnav .two_s {
        display: none;
        padding-left: 2.4rem;
    }

    .m_subnav .two_s a {
        font-size: 1.4rem;
        line-height: 2.8rem;
        color: #666;
    }

    .m_subnav .two_s a.on {
        color: #375aa6;
    }

    .m_title {
        margin: 2rem 0 0;
        padding-left: 1.35rem;
        font-size: 1.5rem;
        color: #375aa6;
        background: url(../images/mobile/icon/icon_17.png) left center no-repeat;
        background-size: 0.9rem auto;
    }
}





/*======== 侧导航 ========*/
.subnav {
    position: relative;
    width: 282px;
    min-height: 542px;
    background: #efefef;
}

.subnav .tit {
    position: absolute;
    left: -9px;
    top: 15px;
    padding-left: 50px;
    width: 241px;
    height: 58px;
    line-height: 51px;
    font-size: 20px;
    color: #fff;
    font-weight: bold;
    background: url(../images/bac/bac_5.png) center no-repeat;
}

.subnav ul {
    padding: 66px 0 30px;
}

.subnav ul li {
    position: relative;
}

.subnav ul li .t {
    padding: 12px 76px 12px 45px;
    line-height: 20px;
    font-size: 16px;
    color: #333;
    border-bottom: #dbdbdb 1px solid;
    background: url(../images/icon/icon_21.png) 245px center no-repeat;
    cursor: pointer;
}

.subnav ul li .t.no {
    background: none;
}

.subnav ul li .t.cur {
    color: #fff;
    background: #3562bd url(../images/icon/icon_22.png) 244px center no-repeat;
}

.subnav ul li .t.cur.no {
    background: #3562bd;
}

.subnav ul li .t.other {
    color: #fff;
    background: #3562bd;
}

.subnav ul li .pos {
    display: none;
    background-color: #f7f7f7;
}

.subnav ul li .pos.show {
    display: block;
}

.subnav ul li .pos a {
    line-height: 47px;
    font-size: 16px;
    color: #666;
    border-left: #f7f7f7 3px solid;
}

.subnav ul li .pos a i {
    margin-left: 17px;
    padding-left: 45px;
    border-bottom: #dfdfdf 1px solid;
}

.subnav ul li .pos a.h {
    color: #80a9f8;
    background: #fff;
    border-left: #80a9f8 3px solid;
}

.subnav ul li .pos a.h i {
    border-bottom: #fff 1px solid;
}

.subnav ul li .pos a:hover {
    color: #3562bd;
}

/*======== 面包屑 ========*/
.crumbs {
    margin-bottom: 20px;
    width: 100%;
    height: 42px;
    line-height: 42px;
    font-size: 14px;
    color: #333;
    background: #f3f3f3;
}

.crumbs em {
    float: left;
    margin: 0 9px 0 21px;
    width: 11px;
    height: 42px;
    background: url(../images/icon/icon_23.png) center no-repeat;
}

.crumbs a {
    float: left;
    color: #333;
}

.crumbs a:hover {
    color: #225a95;
}

.crumbs i {
    float: left;
    padding: 0 4px;
}

@media(max-width:1271px) {
    .crumbs {
        margin-bottom: 0;
        height: auto;
        min-height: 2.8rem;
        line-height: initial;
        font-size: 1.3rem;
        background: none;
        flex-wrap: wrap;
        align-items: center;
        padding: 1.5rem 0;
        display: flex;
    }

    .crumbs em {
        margin: 0;
        width: 1.8rem;
        height: 3.5rem;
        background: url(../images/mobile/icon/icon_14.png) left center no-repeat;
        background-size: 1.25rem auto;
    }

    .crumbs i {
        padding: 0 0.2rem;
    }
}



/*分页*/
.asp {
    width: 100%;
}

.asp .pager {
    clear: both;
    width: 100%;
    margin: 0 auto;
    padding: 34px 0;
    line-height: 30px;
    text-align: center;
    font-size: 14px;
}

.asp .pager span,
.asp .pager .nolink,
.asp .pager .nolinkR,
.asp .pager a {
    display: inline-block;
    color: #333;
    line-height: 30px;
        min-width: 30px;
        height: 30px;
    /* line-height: 21px; */
    /* padding: 0px 8px; */
    cursor: pointer;
        margin: 5px;
}
.asp .pager .nolink{
    float: left;
}
.asp .pager .nolinkR {
    float: right;
}
/*隐藏页码信息*/
.asp .pager .pageinfo {
    display: inline-block;
    border: none;
}

/*当前页*/
.asp .pager .cpb,
.asp .pager a:hover {
    color: #FFF;
    background: #2e58ab;
    border-radius: 15px;
}

.asp .pager .current,
.asp .pager a:hover {
    color: #FFF;
    background: #2e58ab;
}

.asp .pager span.text {
    margin-right: 0px;
    padding-left: 0px;
    border: #fff 1px solid;
    background: #fff;
}

.asp .page-item {
    margin: 0 5px;
    display: inline;
}

.asp .page-item span,
.asp .page-item a {
    line-height: 25px;
}

.asp .page-item.active span,
.asp .page-item:hover span {
    line-height: 25px;
    color: #FFF;
    background: #2e58ab;
}

@media(max-width:1271px) {
    .asp {
        display: none;
    }
}

/*======== 政务公开-部门概况-详情 ========*/
.situation {
    padding: 0 20px 40px;
    background: #f9f9f9;
}

.situation .t {
    /* padding: 32px 0 5px; */
    text-align: center;
    /* border-bottom: #dcdcdc 1px solid; */
}

.situation .t b {
    margin-bottom: 20px;
    font-size: 28px;
    color: #333;
    font-weight: bold;
}

.situation .t i {
    display: inline-block;
    font-size: 16px;
    color: #666;
    height: 24px;
    border-left: 1px solid #c6c6c7;
    padding: 0 14px;
    display: block;
}

.situation .t i.print {
    cursor: pointer;
}

.situation .t i.cur {
    color: #225a95;
    font-weight: bold;
}

.situation .t .big,
.situation .t .cen,
.situation .t .small {
    cursor: pointer;
    height: 24px;
    width: 19px;
    text-indent: 9999em;
    overflow: hidden;
    transition-duration: 0.5s;
    float: left;
}

.situation .t .big {
    background: url(../images/bac/bac_15.png) center no-repeat;
}

.situation .t .cen {
    background: url(../images/bac/bac_16.png) center no-repeat;
}

.situation .t .small {
    background: url(../images/bac/bac_17.png) center no-repeat;
}

.situation .govpushinfo150203 li {
    height: 45px;
}

.situation .t .pubTime {
    padding-left: 28px;
    background: url(../images/bac/bac_12.png) center left no-repeat;
    border: 0;
}

.situation .t .pubTime_about {
    padding-left: 28px;
    background: url(../images/bac/bac_13.png) center left no-repeat;
    border: 0;
}

.situation .t .inline {
    display: inline-block;
}

.situation .t .big:hover,
.situation .t .big.cur {
    background-image: url(../images/bac/bac_18.png);
}

.situation .t .cen:hover,
.situation .t .cen.cur {
    background-image: url(../images/bac/bac_19.png);
}

.situation .t .small:hover,
.situation .t .small.cur {
    background-image: url(../images/bac/bac_20.png);
}

.situation .t .viewer {
    padding-left: 40px;
    background: url(../images/bac/bac_14.png) 12px center no-repeat;
}

.situation .t .origin {
    padding-left: 44px;
    background: url(../images/bac/bac_13.png) 14px center no-repeat;
}

.situation .t .visit {
    padding-left: 48px;
    background: url(../images/bac/bac_fw.png) 14px center no-repeat;
}

.situation .t .visit span {
    display: inline;
}

.situation .t>div {
    padding: 15px 20px;
    /* background-color: #f1f1f1; */
    margin-top: 30px;
    border-bottom: 1px solid #dcdcdc;
}

.situation .next {
    padding-top: 25px;
    line-height: 32px;
    font-size: 16px;
    color: #555;
}

.situation .next {
    zoom: 1;
}

.situation .next:after {
    content: " ";
    display: block;
    clear: both;
    height: 0;
}

.situation .next img {
    margin: 0 auto;
    max-width: 100%;
}


.situation .next b {
    font-weight: bold;
}

.situation .next b,
.situation .next i,
.situation .next em,
.situation .next span {
    display: inline;
}

@media(max-width:1271px) {
    .message_xq .situation .next {
        overflow: hidden;
        padding: 0;
    }

    iframe.edui-upload-video.video-js.vjs-default-skin {
        width: 100%;
    }
}

.situation .govpushinfo150203 {
    margin-top: 4px;
    font-size: 16px;
    color: #333;
    line-height: 45px;
    height: 690px;
    overflow: hidden;
}

.situation .govpushinfo150203 li:after {
    content: " ";
    display: block;
    clear: both;
    height: 0;
}

.situation .govpushinfo150203 li {
    zoom: 1;
    border-bottom: #e9e9e9 1px dashed;
}

.situation .govpushinfo150203 li a {
    padding-left: 16px;
    max-width: 666px;
    height: 45px;
    float: left;
    color: #333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    border-bottom: #e9e9e9 0px dashed;
    background: url(../images/icon/icon_16.png) left center no-repeat;
}

.situation .govpushinfo150203 span {
    float: right;

}

@media(max-width:1271px) {
    .situation {
        padding: 0 0px 3.2rem;
        margin-top: 2.5rem;
        background: #fff;
    }

    .situation .t {
        padding: 0px;
    }

    .situation .t b {
        margin-bottom: 0px;
        font-size: 1.8rem;
    }

    .situation .t>div {
        display: none;
    }

    .situation .next {
        padding-top: 1.5rem;
        line-height: 2.2rem !important;
        font-size: 1.4rem !important;
    }

    .situation .next p,
    .situation .next span {

        line-height: 2.2rem !important;
        font-size: 1.4rem !important;
    }

    .situation .next img {
        max-width: 100% !important;
        height: auto !important;
    }
}

/*====政策解读 相关文档====*/
.about_list li {
    border-bottom: #e9e9e9 1px dashed;
}

.about_list li a {
    line-height: 30px;
    font-size: 16px;
    color: #333;
    transition-duration: 0.5s;
    /* padding: 0 10px; */
}

.about_list li a i {
    float: left;
    padding-left: 22px;
    /* width: 660px; */
    background: url(../images/icon/icon_24.png) 4px center no-repeat;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.about_list li a p {
    float: left;
}

.about_list li a span {
    float: right;
    color: #666;
}

.about_list li a:hover,
.message_list li a:hover span {
    color: #225a95;
}

.about_list li a:hover {
    background-color: #f6f6f6;
}

/*======== p2-0信息中心-列表 ========*/
.message_list li {
    border-bottom: #e9e9e9 1px dashed;
}

.message_list li a {
    line-height: 45px;
    font-size: 16px;
    color: #333;

    transition-duration: 0.5s;
    padding: 0 10px;
}

.message_list li a i {
    float: left;
    padding-left: 22px;
    width: 660px;
    background: url(../images/icon/icon_24.png) 4px center no-repeat;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.message_list li a p {
    float: left;
}

.message_list li a span {
    float: right;
    color: #666;
}

.message_list li a:hover,
.message_list li a:hover span {
    color: #225a95;
}

.message_list li a:hover {
    background-color: #f6f6f6;
}

.m_more {
    display: none;
}

@media(max-width:1271px) {
    .message_list {
        margin-top: 0.8rem;
    }

    .message_list li {
        padding: 1.1rem 0;
    }

    .message_list li a {
        line-height: 2rem;
        font-size: 1.4rem;
        padding: 0;
    }

    .message_list li a i {
        padding-left: 1rem;
        width: calc(100% - 9rem);
        background: url(../images/icon/icon_24.png) 0.2rem 0.85rem no-repeat;
        background-size: 0.3rem auto;

        white-space: normal;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -ms-box;
        -ms-line-clamp: 2;
        -ms-box-orient: vertical;
        display: -moz-box;
        -moz-line-clamp: 2;
        -moz-box-orient: vertical;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        display: -o-box;
        -o-line-clamp: 2;
        -o-box-orient: vertical;
    }

    .message_list li a span {
        font-size: 1.3rem;
        /* line-height: 4rem; */
    }

    .message_list li a:hover {
        background-color: #fff;
    }

    /* .m_more{ display: block; margin-top: 2rem;width: 100%;height: 4rem;line-height: 4rem;text-align: center;font-size: 1.5rem;color: #000;background: #e8e7e7;} */
    .m_more {
        display: block;
        width: 100%;
        text-align: center;
        font-size: 1.5rem;
        color: #000;
    }

    .m_more .asp {
        display: block
    }
        .asp .pager .nolink,.asp .pager .nolinkR{
            display: none;
        }
}


/*======== p2-1信息中心-详情 ========*/
.situation .t em {
    display: inline-block;
    width: 20px;
    height: 24px;
    font-size: 16px;
    color: #666;
    text-indent: -99999999px;
    cursor: pointer;
    border-left: 1px solid #c6c6c7;
    padding-left: 14px;
    background: url(../images/icon/icon_25.png) 14px center no-repeat;
    transition-duration: 0.5s;
}

.situation .t em:hover {
    background: url(../images/icon/icon_25s.png) 14px center no-repeat;
}

.message_xq {
    width: 100%;
}

.message_xq .situation {
    padding-bottom: 0;
    background: #fff;
}

.message_xq .situation .next {
    padding-bottom: 35px;
    border-bottom: #e3e3e3 2px solid;
    font-family: FangSong !important;
    /* 2021-12-29新加 */
    font-size: 21px !important;
    /* 2021-12-29新加 */
}

.message_xq .situation .next img {
    display: block;
    margin: 0 auto;
    max-width: 800px;
}

.page_new {
    padding-top: 80px;
    line-height: 35px;
    font-size: 16px;
    color: #333;
    font-weight: bold;
}

.page_new i {
    display: inline-block;
    font-weight: bold;
}

.page_new a {
    display: inline-block;
    color: #333;
}

.page_new div:hover a,
.page_new div:hover i {
    color: #2e58ab;
}

.message_xq .situation .m_tit {
    display: none;
}

.page_new {
    display: block;
}

@media(max-width:1271px) {
    .message_xq .situation .m_tit {
        display: block;
        margin-top: 1.2rem;
        padding-top: 1.3rem;
        line-height: 2rem;
        text-align: center;
        font-size: 1.2rem;
        color: #666;
        border-top: #a0a0a0 1px solid;
    }

    .message_xq .situation .m_tit a {
        display: inline-block;
    }

    .message_xq .situation .m_tit span {
        display: inline-block;
        width: 1.2rem;
        height: 2rem;
        text-indent: -9999px;
        background: url(../images/mobile/icon/icon_18.png) center no-repeat;
        background-size: 1rem auto;
    }

    .page_new {
        display: none;
    }

    .message_xq .situation .next {
        padding-bottom: 3rem;
        border: none;
        font-family: FangSong !important;
    }
}


.situation .t>div

/*======== p1-2政务公开-法律 ========*/
.law {
    padding: 20px 20px 40px;
}

.law ul {
    border-bottom: #ececec 1px solid;
}

.law li {
    line-height: 40px;
    font-size: 16px;
    color: #333;
    border: #ececec 1px solid;
    border-bottom: 0px;
    background: #fff;
}

.law li.other {
    line-height: 42px;
    font-size: 18px;
    text-align: center;
    border: #d9e7f2 1px solid;
    border-bottom: 0px;
    background: #ebf3f8;
}

.law li b {
    float: left;
    font-weight: bold;
}

.law li .b1 {
    width: 471px;
    border-right: #ececec 1px solid;
}

.law li .b2 {
    width: 203px;
    border-right: #ececec 1px solid;
}

.law li .b3 {
    width: 142px;
}

.law li p {
    float: left;

}

.law li p a {
    color: #333;
    display: table;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.law li .p1 {
    padding-left: 22px;
    width: 448px;
    border-right: #ececec 1px solid;
}

.law li .p2 {
    padding: 0 10px;
    width: 183px;
    text-align: center;
    border-right: #ececec 1px solid;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
}

.law li .p3 {
    width: 142px;
    text-align: center;
}

@media(max-width:1271px) {
    .law {
        padding: 0px 0px 3.5rem;
    }

    .law li {
        line-height: 2rem;
        font-size: 1.16rem;
        text-align: center;
    }

    .law li.other {
        line-height: 3.1rem;
        font-size: 1.5rem;
        text-align: center;
        border: #d9e7f2 1px solid;
        border-bottom: 0px;
        background: #ebf3f8;
    }

    .law li .b1 {
        padding: 0.5rem;
        width: 41.17%;
    }

    .law li .b2 {
        padding: 0.5rem;
        width: 31%;
    }

    .law li .b3 {
        padding: 0.5rem 0;
        width: calc(27.83% - 2rem - 2px);
    }

    .law li p {
        text-align: center;
    }

    .law li p a {
        display: block;

    }

    .law li .p1 {
        padding: 0.5rem;
        width: 41.17%;
    }

    .law li .p2 {
        padding: 0.5rem;
        width: 31%;
        /* overflow: normal;
        white-space: normal; */
    }

    .law li .p3 {
        padding: 0.5rem 0;
        width: calc(27.83% - 2rem - 2px);
    }

    /* .law li p i::before,.law li p a::before{
        display: inline-block;
        content: "";
        height: 100%;
        vertical-align: middle;
    } */
}


/*======== 网上办事 ========*/
.index .title {
    line-height: 60px;
    border-bottom: #cfcfcf 1px solid;
}

.index .title p {
    float: left;
    position: relative;
    font-size: 22px;
    color: #2e58ab;
    font-weight: bold;
}

.index .title p i {
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 3px;
    background: #2e58ab;
}

.index .title a {
    float: right;
    font-size: 16px;
    color: #666;
}

.index .title a:hover {
    color: #2e58ab;
}

.index .list_jun {
    margin-top: 4px;
    font-size: 16px;
    color: #333;
    line-height: 36px;
}

.index .list_jun a {
    padding-left: 16px;
    max-width: 360px;
    float: left;
    color: #333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    background: url(../images/icon/icon_24.png) left center no-repeat;
}

.index .list_jun i {
    float: left;
    width: 35px;
    height: 36px;
    background: url(../images/icon/icon_15.png) center no-repeat;
}

.index .list_jun span {
    float: right;
    color: #666;
}

.index .list_jun li:hover,
.index .list_jun li:hover a {
    color: #2e58ab;
}

.Online_business .crumbs {
    display: none;
}

.Online_business .t {
    margin-bottom: 25px;
    width: 1160px;
    height: 122px;
}

.Online_business .t .pic {
    width: 100%;
    height: 100%;
}

.Online_business .c a {
    float: left;
    margin-right: 8px;
    /* width: 186.5px; */
    width: 284px;
    height: 130px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    /* background: #f2f3f4; */
}

.Online_business .c a .icon {
    margin-top: 20px;
    width: 100%;
    height: 60px;
}

.Online_business .c .user {
    margin-right: 8px;
    width: 272px;
    height: 130px;
    background: #f2f3f4 url(../images/icon/icon_34.png) right bottom no-repeat;
}

.Online_business .c .user i {
    margin-top: 5px;
    float: left;
    font-size: 18px;
    color: #333;
}

.Online_business .c .user b {
    margin-top: 5px;
    float: left;
    font-size: 18px;
    color: #d76c68;
}

.Online_business .c .user a {
    width: auto;
    height: auto;
    background: none;
}

.Online_business .c .user div {
    padding: 24px 0 0 38px;
}

.Online_business .c .user span {
    float: left;
    margin: 4px 25px 0 0;
    width: 1px;
    height: 16px;
    background: #b3c5e9;
}

.Online_business .c .user .a_r {
    padding: 0 16px 0 24px;
    font-size: 16px;
    color: #4c7ee1;
    background: url(../images/icon/icon_35.png) left center no-repeat;

}

.Online_business .c .user .a_d {
    padding-left: 25px;
    font-size: 16px;
    color: #666;
    background: url(../images/icon/icon_36.png) left center no-repeat;
}

.Online_business .c .a1,
.Online_business .c .a2 {
    width: 86px;
    color: #333;
    height: 28px;
    margin-right: 0;
}

.Online_business .c .nolog {
    width: 272px;
    background: url(../images/bac/bac_7.jpg) center no-repeat;
    background-size: cover;
    float: left;
    height: 130px;
    margin-right: 8px;
    padding: 30px 0 0 36px;
    box-sizing: border-box;
}

.Online_business .c .nolog h5 {
    font-size: 18px;
    color: #333333;
    margin-bottom: 22px;
    font-weight: 400;
}

.Online_business .c .nolog em {
    display: block;
    width: 1px;
    height: 16px;
    background-color: #b3c5e9;
    margin: 7px 16px 0 16px;
}

.Online_business .c .a1 p {
    text-align: left;
    padding-left: 41px;
    background: url(../images/bac/bac_8.png) 15px center no-repeat;
    transition-duration: 0.5s;
    width: 86px;
    height: 28px;
    line-height: 28px;
    border-radius: 14px;
    box-sizing: border-box;
}

.Online_business .c .a2 p {
    text-align: left;
    padding-left: 41px;
    background: url(../images/bac/bac_9.png) 15px center no-repeat;
    transition-duration: 0.5s;
    width: 86px;
    height: 28px;
    line-height: 28px;
    border-radius: 14px;
    box-sizing: border-box;
}

.Online_business .c .a1:hover p {
    color: #ffffff;
    background-color: #4d7fe2;
    background-image: url(../images/bac/bac_10.png);
}

.Online_business .c .a2:hover p {
    color: #ffffff;
    background-color: #4d7fe2;
    background-image: url(../images/bac/bac_11.png);
}

.Online_business .c .a1 .icon {
    display: none;
    background: url(../images/page/Online_business_2.png) center no-repeat;
}

.Online_business .c .a2 .icon {
    display: none;
    background: url(../images/page/Online_business_3.png) center no-repeat;
}

.Online_business .c .a3 {
    background: #d96048;
}

.Online_business .c .a3 .icon {
    background: url(../images/page/Online_business_4.png) center no-repeat;
}

.Online_business .c .a4 {
    background: #eebc5a;
}

.Online_business .c .a4 .icon {
    background: url(../images/page/Online_business_5.png) center no-repeat;
}

.Online_business .c .a5 {
    background: #5cadd6;
}

.Online_business .c .a5 .icon {
    background: url(../images/page/Online_business_6.png) center no-repeat;
}

.Online_business .c .a6 {
    background: #499da3;
}

.Online_business .c .a6 .icon {
    background: url(../images/page/Online_business_7.png) center no-repeat;
}

.Online_business .c .a7 {
    margin-right: 0;
    background: #917ed6;
}

.Online_business .c .a7 .icon {
    background: url(../images/page/Online_business_8.png) center no-repeat;
}

.Online_business .c .a8 {
    background: #c02828;
}

.Online_business .c .a8 .icon {
    background: url(../images/page/Online_business_9.png) center no-repeat;
}

.Online_business .c a .icon {
    transition-duration: 0.5s;
}

.Online_business .c a:hover .icon {
    transform: rotateY(180deg);
    /* margin-top: 16px; */
}

.Online_business .b {
    margin-top: 7px;
}

.Online_business .b .left {
    width: 558px;
}

.Online_business .index .list_jun li {
    margin-bottom: 3px;
    line-height: 44px;
    border-bottom: #e9e9e9 1px dashed;
}

.Online_business .index .list_jun a {
    max-width: 420px;
}

@media(max-width:1271px) {
    .Online_business .crumbs {
        display: block;
    }

    .interaction .c {
        margin-bottom: 0.5rem;
    }

    .Online_business .c a:hover .icon {
        transform: rotateY(0deg);
        /* margin-top: 16px; */
    }

    .interaction .left .title,
    .interaction .left .list_jun {
        display: none;
    }

    .index .title {
        line-height: 3.4rem;
    }

    .index .title p {
        font-size: 1.6rem;
    }

    .index .title a {
        font-size: 1.4rem;
    }

    .Online_business .index .list_jun li {
        margin-bottom: 0px;
        padding: 1.1rem 0;
        line-height: 2rem;
    }

    .index .list_jun {
        margin-top: 0.7rem;
    }

    .index .list_jun a {
        padding-left: 0.8rem;
        width: calc(100% - 12rem);
        font-size: 1.4rem;
        background: url(../images/icon/icon_16.png) left 0.9rem no-repeat;
        background-size: 0.2rem auto;
        overflow: auto;
        white-space: normal;
        display: -ms-box;
        -ms-line-clamp: 2;
        -ms-box-orient: vertical;
        display: -moz-box;
        -moz-line-clamp: 2;
        -moz-box-orient: vertical;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        display: -o-box;
        -o-line-clamp: 2;
        -o-box-orient: vertical;
    }

    .index .list_jun i {
        width: 2.3rem;
        height: 2.6rem;
        background: url(../images/mobile/icon/icon_5.png) center no-repeat;
        background-size: 2.25rem auto;
    }

    .index .list_jun span {
        font-size: 1.4rem;
    }

    .index .list_jun li:hover,
    .index .list_jun li:hover a {
        color: #2e58ab
    }

    .Online_business .index .list_jun a {
        max-width: 100%;
    }



    .Online_business .t {
        margin: 2rem auto 1.1rem;
        width: 100%;
    }

    .Online_business .c a {
        margin: 0 1.7% 0.5rem 0;
        height: 10rem;
        font-size: 1.3rem;
        width: 49%
    }

    .Online_business .c a:nth-child(2n) {
        margin-right: 0
    }

    .Online_business .c a .icon {
        margin: 2.5rem auto 1rem;
        height: 2.5rem;
    }

    /* .Online_business .c .a3{width: 32.2%;}
    .Online_business .c .a4{width: 32.2%;} */
    /* .Online_business .c .a5{margin-right: 0;width: 32.2%;}
    .Online_business .c .a6{margin-right: 2%;width: 49%;}
    .Online_business .c .a7{margin-right: 0;width: 49%;} */

    .Online_business .c .a3 .icon {
        background: url(../images/page/Online_business_4.png) center no-repeat;
        background-size: 1.95rem auto;
    }

    .Online_business .c .a4 .icon {
        background: url(../images/page/Online_business_5.png) center no-repeat;
        background-size: 2.25rem auto;
    }

    .Online_business .c .a5 .icon {
        background: url(../images/page/Online_business_6.png) center no-repeat;
        background-size: 1.95rem auto;
    }

    .Online_business .c .a6 .icon {
        background: url(../images/page/Online_business_7.png) center no-repeat;
        background-size: 2.05rem auto;
    }

    .Online_business .c .a7 .icon {
        background: url(../images/page/Online_business_8.png) center no-repeat;
        background-size: 1.95rem auto;
    }

    .Online_business .b {
        margin: 1rem auto;
    }

    .Online_business .b .left {
        width: 100%;
        margin-bottom: 2rem;
    }

    .Online_business .c a:hover .icon {
        transform: rotateY(0deg);
        margin-top: 2.5rem;
    }
}

/*======== p6-1专题专栏 ========*/
.special .pad {
    padding-top: 0px;
}

.special .t .list {
    margin-bottom: 11px;
}

.special .t .list li {
    float: left;
    margin: 21px 16px 0px 0;
    width: 219px;
    height: 78px;
    overflow: hidden;
}

.special .t .list li.other {
    margin-right: 0px;
}

.special .t .list li a {
    width: 100%;
    height: 100%;
    transform: scale(1);
    transition-duration: 0.5s;
    position: relative;
}

.special .t .list li a em {
    height: 3px;
    width: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #80a9f8;
    transition-duration: 0.5s;
}

.special .t .list li a:hover em {
    width: 100%;
}

.special .t .list li a:hover {
    /* transform: scale(1.1); */
    transition-duration: 0.5s;
}

.special .index .list_jun {
    margin-top: 10px;
    line-height: 45px;
}

.special .index .list_jun li {
    float: left;
    margin-right: 40px;
    width: 560px;
    border-bottom: #e9e9e9 1px dashed;
}

.special .index .list_jun li.other {
    margin-right: 0;
}

.special .index .list_jun a {
    max-width: 520px;
}

.special .crumbs {
    display: none;
}

@media(max-width:1271px) {
    .special .crumbs {
        display: block;
    }

    .special .m_subnav {
        margin-bottom: 1rem;
    }

    .special .t .list {
        margin: 1.5rem auto;
    }

    .special .t .list li {
        margin: 0 2% 1rem 0;
        width: 32%;
    }

    .special .t .list li.other {
        margin-right: 2%;
    }

    .special .t .list li:nth-child(3n) {
        margin-right: 0;
    }

    .special .t .list li:nth-child(10) {
        display: none;
    }

    .special .index .list_jun {
        margin-top: 0;
        padding-bottom: 3rem;
        line-height: 2rem;
    }

    .special .index .list_jun li {
        padding: 1.15rem 0;
        margin-right: 0px;
        width: 100%;
    }

    .special .index .list_jun a {
        max-width: 100%;
        width: calc(100% - 1rem);
        font-size: 1.4rem;
        background: url(../images/mobile/icon/icon_29.png) left 0.9rem no-repeat;
        background-size: 0.3rem auto;
    }
}

/*======== p1-3政务公开-法律-详情 ========*/
.law_xq .tab_list {
    display: block;
    padding: 30px 20px 10px;
    background: #f9f9f9;
}

.law_xq .tab_list ul {
    background: #fff;
    border-right: #ececec 1px solid;
    border-bottom: #ececec 1px solid;
}

.law_xq .tab_list li {
    float: left;
    width: 50%;
    font-size: 16px;
    color: #333;
    line-height: 40px;
}

.law_xq .tab_list li i {
    float: left;
    width: 130px;
    height: 40px;
    text-align: center;

    font-size: 18px;
    background: #ebf3f8;
    border-top: #d9e7f2 1px solid;
    border-left: #d9e7f2 1px solid;
}

.law_xq .tab_list li p {
    float: left;
    padding-left: 20px;
    width: 257px;
    border-top: #ececec 1px solid;
    border-left: #ececec 1px solid;
}

.law_xq .tab_list li p a {
    color: #2e58ab;
}

.law_xq .tab_list li.other {
    width: 100%;
}

.law_xq .tab_list li.other i,
.law_xq .tab_list li.bor i {
    border-bottom: #d9e7f2 1px solid;
}

.law_xq .tab_list li.other p {
    width: 667px;
    border-bottom: #ececec 1px solid;
}

.law_xq .tab_list li.bor p {
    border-bottom: #ececec 1px solid;
}

.law_xq .tab_list li:last-child {
    width: 100%;
}

.law_xq .tab_list li:last-child p {
    width: 660px;
}

.law_xq .tab_list li.on {
    width: 100%;
}

.law_xq .tab_list li.on p {
    width: 667px;
}

.law_xq .m_tab_list {
    display: none;
}

@media(max-width:1271px) {
    .law_xq .tab_list {
        display: none;
    }

    .law_xq .m_tab_list {
        display: block;
        margin-top: 2rem;
    }

    .law_xq .m_tab_list dl {
        font-size: 1.3rem;
        color: #333;
        line-height: 3.1rem;
    }

    .law_xq .m_tab_list dt {
        float: left;
        width: 10rem;
        text-align: center;
        border-left: #d9e7f2 1px solid;
        border-top: #d9e7f2 1px solid;
        background: #ebf3f8;
    }

    .law_xq .m_tab_list dd {
        float: left;
        width: calc(100% - 10rem - 3px);
        border: #ececec 1px solid;
        border-bottom: none;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .law_xq .m_tab_list dd p {
        padding-left: 2rem;
        width: calc(100% - 2rem);
    }

    .law_xq .m_tab_list .other dt {
        border-bottom: #d9e7f2 1px solid;
    }

    .law_xq .m_tab_list .other dd {
        border-bottom: #ececec 1px solid;
    }
}



/*======== p4-0互动交流 ========*/
.interaction .left {
    width: 559px;
}

.interaction .c a {
    margin: 0 11px 10px 0;
    height: 110px;
}

.interaction .c a .icon {
    margin-top: 4px;
    height: 68px;
}

.interaction .c .user {
    width: 278px;
    height: 110px;
}

.Online_business .c .user div {
    padding: 18px 0 0 38px;
}

.interaction .c .zx {
    margin-right: 13px;
    width: 179px;
    background: #4672c0;
}

.interaction .c .zx .icon {
    background: url(../images/page/interaction_1.png) center no-repeat;
}

.interaction .c .a3 {
    margin-right: 9px;
    width: 179px;
    background: #2b68a7;
}

.interaction .c .a3 .icon {
    background: url(../images/page/tousufankui.png) center no-repeat;
}

.interaction .c .a4 {
    width: 179px;
    background: #59acf8;
}

.interaction .c .a4 .icon {
    background: url(../images/page/interaction_2.png) center no-repeat;
}

.interaction .c .a5 {
    width: 179px;
    background: #f4af3d;
}

.interaction .c .a5 .icon {
    background: url(../images/page/interaction_3.png) center no-repeat;
}

.interaction .c .a6 {
    margin-right: 0;
    width: 179px;
    background: #cb5057;
}

.interaction .c .a6 .icon {
    background: url(../images/page/interaction_4.png) center no-repeat;
}

.interaction .c .a7 {
    position: relative;
    margin-right: 0;
    width: 179px;
    background: #3285da;
}

.interaction .c .a7 .icon {
    background: url(../images/page/interaction_5.png) center no-repeat;
}

.interaction .c .a7::after {
    position: absolute;
    left: 0;
    top: 116px;
    z-index: -1;
    border-radius: 5px;
    content: "";
    width: 159px;
    height: 0;
    padding: 10px;
    transition: all 0.4s ease 0.05s;
    opacity: 0;
    overflow: hidden;
    background: url(http://yjj.wuhan.gov.cn/material/images/page/aqsc.jpg) no-repeat #fff center center;
    background-size: 159px;
}

.interaction .c .a7:hover::after {
    width: 159px;
    height: 145px;
    opacity: 1 !important;
    z-index: 1;
    border: 1px solid #2b68a7;
}

.interaction .right {
    float: right;
    width: 574px;
}

.interaction_0527 .left .list_jun li a {
    max-width: 370px;
}

.interaction_0527 .left .list_jun li i {
    float: left;
    margin: 10px 0 0 4px;
    width: 58px;
    height: 24px;
    line-height: 24px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    background: #4890f7;
}

.interaction_0527 .left .list_jun li i.on {
    background: #f2a03b;
}

.interaction .right .tit {
    margin-top: 15px;
}

.interaction .right .tit i {
    margin-right: 5px;
    float: left;
    width: 90px;
    height: 35px;
    line-height: 35px;
    font-size: 18px;
    color: #333;
    font-weight: bold;
    text-align: center;
    background: #f7f7f7;
}

.interaction .right .tit .i1 {
    width: 264px;
    padding-left: 24px;
    text-align: left;
}

.interaction .right .tit .other {
    margin-right: 0;
}

.interaction .right .txtMarquee-top {
    margin-top: 10px;
    width: 100%;
    overflow: hidden;
    position: relative;
}

.interaction .right .txtMarquee-top .hd {
    display: none;
}

.interaction .right .txtMarquee-top .bd li {
    margin: 2px 0;
    height: 35px;
    line-height: 35px;
}

.interaction .right .txtMarquee-top .bd li a p {
    margin-right: 5px;
    float: left;
    width: 90px;
    height: 35px;
    line-height: 35px;
    font-size: 16px;
    color: #333;
    text-align: center;
}

.interaction .right .txtMarquee-top .bd li a .p1 {
    width: 275px;
    padding-left: 10px;
    text-align: left;
    transition-duration: 0.5s;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.interaction .right .txtMarquee-top .bd li a .other {
    margin-right: 0;
}

.interaction .right .txtMarquee-top .bd li.cur {
    background: #f7f7f7;
}

.interaction .right .txtMarquee-top .bd li a:hover .p1 {
    color: #2b68a7;
}

.interaction .right .collect {
    margin-top: 14px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    font-size: 14px;
    background: #ededed;
}

.interaction .right .collect b {
    display: inline-block;
    color: #333;
    font-weight: bold;
}

.interaction .right .collect i {
    display: inline-block;
    color: #c93428;
    font-weight: bold;
}

.interaction .right .collect .i2 {
    color: #48c127;
}

.interaction .c .nolog {
    height: 110px;
    margin-right: 11px;
    padding: 22px 0 0 30px;
}

.interaction .c .nolog h5 {
    margin-bottom: 14px;
}

.interaction .c a:hover .icon {
    transform: rotateY(180deg);
    margin-top: 4px;
}

@media(max-width:1271px) {
    .interaction .pad {
        margin: 2rem 0 3.5rem;
    }

    .interaction .left,
    .interaction .right {
        width: 100%;
    }

    .interaction .c a {
        margin: 0 1.7% 0.5rem 0;
        height: 10rem;
    }

    .interaction .c a .icon {
        margin: 2.5rem auto 1rem;
        height: 2.5rem;
    }

    .interaction .c .zx {
        margin-right: 1.7%;
        width: 32.2%;
        background: #4672c0;
    }

    .interaction .c .zx .icon {
        background: url(../images/mobile/icon/icon_19.png) center no-repeat;
        background-size: 2.45rem auto;
    }

    .interaction .c .a3 {
        margin-right: 1.7%;
        width: 32.2%;
        background: #2b68a7;
    }

    .interaction .c .a3 .icon {
        background: url(../images/mobile/icon/icon_20.png) center no-repeat;
        background-size: 2.95rem auto;
    }

    .interaction .c .a7 {
        margin-right: 0;
        width: 32.2%;
    }

    .interaction .c .a7:hover::after {
        opacity: 0;
        z-index: -1;
        width: 0;
        height: 0;
    }

    .interaction .c .a4 {
        width: 32.2%;
        background: #59acf8;
    }

    .interaction .c .a4 .icon {
        background: url(../images/mobile/icon/icon_21.png) center no-repeat;
        background-size: 2.1rem auto;
    }

    .interaction .c .a5 {
        margin-right: 1.7%;
        width: 32.2%;
        background: #f4af3d;
    }

    .interaction .c .a5 .icon {
        background: url(../images/mobile/icon/icon_22.png) center no-repeat;
        background-size: 2.65rem auto;
    }

    .interaction .c .a6 {
        margin-right: 0;
        width: 32.2%;
        background: #cb5057;
    }

    .interaction .c .a6 .icon {
        background: url(../images/mobile/icon/icon_23.png) center no-repeat;
        background-size: 2.6rem auto;
    }

    .interaction .c a:hover .icon {
        transform: rotateY(0deg);
        margin-top: 2.5rem;
    }


    .interaction_0527 .left .title,
    .interaction_0527 .left .list_jun {
        display: block;
    }

    .interaction_0527 .left .list_jun li a {
        max-width: 100%;
        width: calc(100% - 1rem);
        margin-bottom: 0.8rem;
        display: block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .interaction_0527 .left .list_jun li i {
        margin: 0px;
        width: 4.7rem;
        height: 2rem;
        line-height: 2rem;
        font-size: 1.1rem;
    }




    .interaction .right .collect {
        margin-top: 1.5rem;
        padding: 0.65rem 0 0.65rem 2rem;
        height: auto;
        line-height: 1.85rem;
        font-size: 1.2rem;
        text-align: left;
        background: #f7faff;
    }

    .interaction .right .collect b {

        width: calc((100% - 2rem)*0.5);

    }

    .interaction .right .collect .i2 {
        color: #48c127;
    }

    .interaction .right .tit {
        margin-top: 1.5rem;
    }

    .interaction .right .tit i {
        margin-right: 5px;
        width: 7.4rem;
        height: 3.3rem;
        line-height: 3.3rem;
        font-size: 1.5rem;

    }

    .interaction .right .tit i:nth-child(2) {
        display: none;
    }

    .interaction .right .tit .i1 {
        width: calc(100% - 15.3rem - 10px);
        padding-left: 0.5rem;
    }

    .interaction .right .tit .other {
        margin-right: 0;
    }

    .interaction .right .txtMarquee-top {
        margin-top: 0.5rem;
    }

    .interaction .right .txtMarquee-top .bd li {
        margin: 2px 0;
        padding: 0.5rem 0;
        height: auto;
        line-height: auto;
    }

    .interaction .right .txtMarquee-top .bd li a p {
        margin-right: 5px;
        width: 7.4rem;
        height: auto;
        line-height: 1.8rem;
        font-size: 1.2rem;

    }

    .interaction .right .txtMarquee-top .bd li a p:nth-child(2) {
        display: none;
    }

    .interaction .right .txtMarquee-top .bd li a .p1 {
        width: calc(100% - 15.8rem - 10px);
        padding: 0 0.5rem 0 0.5rem;
        text-align: left;
        transition-duration: 0.5s;
        overflow: auto;
        white-space: normal;
    }

    .interaction .right .txtMarquee-top .bd li a .other {
        margin-right: 0;
    }

    .interaction .right .txtMarquee-top .bd li.cur {
        background: #f7f7f7;
    }

    .interaction .right .txtMarquee-top .bd li a:hover .p1 {
        color: #2b68a7;
    }


}

/*======== p4-1互动交流-领导信箱-列表 ========*/
.lead_mailbox {
    padding: 22px 19px 25px;
    background: #f9f9f9;
}

.lead_mailbox .top {
    margin-bottom: 20px
}

.lead_mailbox .top p {
    float: left;
    padding-left: 12px;
    font-size: 16px;
    color: #333;
    line-height: 35px;
}

.lead_mailbox .top .inp {
    float: left;
    margin-right: 22px;
    padding: 0 15px;
    width: 399px;
    height: 33px;
    border: #d2d2d2 1px solid;
    background: #fff;
}

.lead_mailbox .top .inp input {
    width: 100%;
    height: 33px;
    line-height: 33px;
    font-size: 16px;
    color: #333;
}

.lead_mailbox .top .but {
    float: left;
    margin-right: 20px;
    padding-left: 42px;
    text-align: left;
    width: 88px;
    height: 35px;
    line-height: 35px;
    font-size: 16px;
    color: #fff;
    background: #2e58ab url(../images/page/lead_mailbox_1.png) 15px center no-repeat;
    border-radius: 4px;
    border: none;
    cursor: pointer;
}

.lead_mailbox .top a.but {
    margin-right: 0px;
    width: 46px;
    background: #2e58ab url(../images/page/lead_mailbox_2.png) 15px center no-repeat;
}

.lead_mailbox .collect {
    margin-bottom: 20px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    font-size: 14px;
    background: #ededed;
}

.lead_mailbox .collect b {
    float: left;
    width: 25%;
    color: #333;
}

.lead_mailbox .collect i {
    display: inline-block;
    color: #c93428;

}

.lead_mailbox .collect .i2 {
    color: #48c127;
}

.lead_mailbox ul {
    border-bottom: #ececec 1px solid;
}

.lead_mailbox li {
    line-height: 40px;
    font-size: 16px;
    color: #333;
    border: #ececec 1px solid;
    border-bottom: 0px;
    background: #fff;
}

.lead_mailbox li.other {
    line-height: 42px;
    font-size: 18px;
    text-align: center;
    border: #d9e7f2 1px solid;
    border-bottom: 0px;
    background: #ebf3f8;
}

.lead_mailbox li b {
    float: left;
    font-weight: bold;
}

.lead_mailbox li .b1 {
    width: 107px;

}

.lead_mailbox li .b2 {
    padding-left: 67px;
    width: 328px;
    text-align: left;
}

.lead_mailbox li .b3 {
    width: 170px;
}

.lead_mailbox li .b4 {
    width: 147px;
}

.lead_mailbox li p {
    float: left;
    text-align: center;
}

.lead_mailbox li p a {
    color: #333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.lead_mailbox li .p1 {
    width: 107px;
}

.lead_mailbox li .p2 {
    padding-left: 25px;
    width: 371px;
    text-align: left;

}

.lead_mailbox li .p3 {
    width: 170px;

}

.lead_mailbox li .p4 {
    width: 147px;

}

.lead_mailbox .top .inp input {
    display: none;
}

.lead_mailbox .top .inp input.Text {
    display: block;
}

@media(max-width:1271px) {

    .lead_mailbox {
        padding: 2rem 0 3rem;
        background: #fff;
    }

    .lead_mailbox .collect {
        margin-top: 1.5rem;
        padding: 0.65rem 0 0.65rem 2rem;
        height: auto;
        line-height: 1.85rem;
        font-size: 1.2rem;
        text-align: left;
        background: #f7faff;
    }

    .lead_mailbox .collect b {

        width: calc((100% - 2rem)*0.5);

    }

    .lead_mailbox .collect .i2 {
        color: #48c127;
    }

    .lead_mailbox .top p {
        display: none;
    }

    .lead_mailbox .top .inp {
        margin-right: 1rem;
        padding: 0 1rem;
        width: calc(100% - 20rem - 6px);
        height: 3.1rem;

    }

    .lead_mailbox .top .inp input {
        display: block;
        height: 3.1rem;
        line-height: 3.1rem;
        font-size: 1.2rem;
    }

    .lead_mailbox .top .inp input.Text {
        display: none;
    }

    .lead_mailbox .top .but {
        margin-right: 1rem;
        padding-left: 3.8rem;
        width: 8rem;
        height: 3.1rem;
        line-height: 3.1rem;
        font-size: 1.4rem;
        background: #2e58ab url(../images/mobile/icon/icon_24.png) 1.4rem center no-repeat;
        background-size: 1.65rem auto;
        border: #3562bd 1px solid;
    }

    .lead_mailbox .top a.but {
        width: 4.2rem;
        background: #2e58ab url(../images/mobile/icon/icon_25.png) 1.4rem center no-repeat;
        background-size: 1.55rem auto;
    }

    .lead_mailbox li {
        line-height: 1.8rem;
        font-size: 1.2rem;
    }

    .lead_mailbox li.other {
        line-height: 3.3rem;
        font-size: 1.5rem;

    }

    .lead_mailbox li b {
        float: left;
        font-weight: normal;
    }

    .lead_mailbox li .b1 {
        display: none;

    }

    .lead_mailbox li .b2 {
        width: calc(100% - 15.8rem - 10px);
        padding: 0 0.5rem 0 0.5rem;
    }

    .lead_mailbox li .b3 {
        width: 7.4rem;
    }

    .lead_mailbox li .b4 {
        width: 7.4rem;
    }

    .lead_mailbox li p {
        padding: 0.5rem 0;
    }

    .lead_mailbox li p a {
        overflow: auto;
        white-space: normal;

    }

    .lead_mailbox li .p1 {
        display: none;
    }

    .lead_mailbox li .p2 {
        width: calc(100% - 15.8rem - 10px);
        padding: 0.5rem;

    }

    .lead_mailbox li .p3 {
        width: 7.4rem;

    }

    .lead_mailbox li .p4 {
        width: 7.4rem;

    }
}

/*======== p4-1互动交流-领导信箱-写信详情 ========*/
.write {
    padding: 0px 19px 35px;
    background: #f9f9f9;
}

.write .notice {
    padding-top: 12px;
    margin-bottom: 74px;
}

.write .notice .text {
    float: left;
    width: 635px;
    font-size: 16px;
    line-height: 26px;
    color: #333;
    line-height: 26px;
}

.write .notice i {
    float: left;
    margin-top: 13px;
    width: 1px;
    height: 67px;
    background: #e9e9e9;
}

.write .notice a {
    float: right;
    padding-left: 50px;
    margin: 20px 17px 0 0;
    width: 82px;
    height: 52px;
    line-height: 52px;
    font-size: 18px;
    color: #fff;
    background: #2e58ab url(../images/page/write_1.png) 18px center no-repeat;
    border-radius: 4px;
}

.write .tab {
    background: #fff;
    border-right: #ececec 1px solid;
}

.write .tab b.t {
    padding-left: 50px;
    height: 43px;
    line-height: 43px;
    font-weight: bold;
    background: #e7e7e7;
}

.write .tab dl {
    float: left;
}

.write .tab dt {
    float: left;
    width: 143px;
    line-height: 48px;
    text-align: center;
    font-size: 16px;
    color: #333;
    border-left: #ececec 1px solid;
    border-bottom: #ececec 1px solid;
}

.write .tab dd {
    float: left;

}

.write .tab dd .inp {
    padding: 8px 4px 8px 19px;
    width: 242px;
    border-left: #ececec 1px solid;
    border-bottom: #ececec 1px solid;
}

.write .tab dd .inp div {
    float: left;
    padding: 0 10px;
    width: 191px;
    border: #ececec 1px solid;
    background: #f7f7f7;
}

.write .tab dd .inp div input {
    width: 100%;
    height: 30px;
    line-height: 30px;
    background: #f7f7f7;
}

.write .tab dd .inp i {
    float: left;
    margin-left: 6px;
    font-size: 14px;
    color: #d93524;
}

.write .tab dd .select {
    position: relative;
    height: 32px;
    cursor: pointer;
}

.write .tab dd .select .tit i {
    float: none;
    margin: 0 12px 0 6px;
    font-size: 14px;
    line-height: 30px;
    color: #666;
    background: url(../images/icon/icon_26.png) right center no-repeat;
}

.write .tab dd .select ul {
    display: none;
    position: absolute;
    left: 19px;
    top: 39px;
    width: 211px;
    background: #fff;
    border: #ececec 1px solid;
}

.write .tab dd .select li {
    padding-left: 15px;
    font-size: 14px;
    line-height: 30px;
}

.write .tab .dl_1 dd .inp {
    width: 653px;
}

.write .tab .dl_1 dd .inp div {
    width: 601px;
}

.write .tab .dl_2 dt {
    line-height: 172px;
}

.write .tab .dl_2 dd .inp {
    padding: 15px 4px 15px 19px;
    width: 653px;
}

.write .tab .dl_2 dd .inp div {
    width: 601px;
}

.write .tab .dl_2 dd .inp textarea {
    padding: 10px 0;
    width: 601px;
    height: 120px;
    font-size: 14px;
    color: #333;
    border: none;
    background: #f7f7f7;
}

.write .tab .dl_3 dd {
    width: 675px;
    line-height: 48px;
    border-left: #ececec 1px solid;
    border-bottom: #ececec 1px solid;
}

.write .tab .dl_3 dd i {
    margin-right: 23px;
    float: left;
    font-size: 14px;
    color: #666;
}

.write .tab .dl_3 dd p {
    float: left;
    font-size: 14px;
    color: #333;
    font-weight: bold;
}


.write .tab .dl_3 dd .file {
    margin: 12px 10px 12px 20px;
    position: relative;
    width: 64px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    font-size: 14px;
    color: #333;
    overflow: hidden;
    border: #e1e1e1 1px solid;
    cursor: pointer;
}

.write .tab .dl_3 dd .file input {
    position: absolute;
    height: 30px;
    right: 0;
    top: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    cursor: pointer;
}

.write .tab .dl_4 dd em {
    float: left;
    margin-right: 5px;
    width: 16px;
    height: 49px;
    background: url(../images/icon/icon_27.png) center no-repeat;
    cursor: pointer;
}

.write .tab .dl_4 dd .cur {
    background: url(../images/icon/icon_27s.png) center no-repeat;
}

.write .tab .dl_4 dd .em_1 {
    margin-left: 21px;
}

.write .tab .dl_3 dd .i1 {
    margin-right: 19px;
}


.write .tab .dl_5 dd {
    width: 675px;
}

.write .tab .dl_5 dd .inp {
    padding: 11px 4px 11px 19px;
    width: 653px;
}

.write .tab .dl_5 .inp div {
    margin-right: 10px;
    width: 89px;
}

.write .tab .dl_5 .inp div input {
    height: 23px;
    line-height: 23px;
    background: #f7f7f7;

}

.write .tab .dl_5 .inp span {
    float: left;
    font-size: 14px;
    color: #666;
    cursor: pointer;
}

.write .tab .dl_5 .inp img {
    margin-right: 10px;
}

.write .bot {
    margin: 34px auto 0;
    width: 367px;
}

.write .bot .but {
    float: left;
    margin-right: 39px;
    width: 164px;
    height: 50px;
    font-size: 16px;
    color: #fff;
    background: #2e58ab;
    border: none;
    cursor: pointer;
}

.write .bot a {
    float: left;
    width: 162px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    font-size: 16px;
    color: #2e58ab;
    border: #2e58ab 1px solid;
}

@media(max-width:1271px) {
    .write {
        padding: 2rem 0 3rem;
        background: #fff;
    }

    .write .index {
        display: none;
    }

    .write .notice {
        padding-top: 0px;
        margin-bottom: 2.5rem;
    }

    .write .notice .text {
        width: 100%;
        font-size: 1.3rem;
        line-height: 2rem;
    }

    .write .notice i {
        display: none;
    }

    .write .notice a {
        float: left;
        padding-left: 3.6rem;
        margin: 1rem 0 0 0;
        width: 6.9rem;
        height: 3.2rem;
        line-height: 3.2rem;
        font-size: 1.4rem;
        background: #2e58ab url(../images/mobile/icon/icon_26.png) 1.3rem center no-repeat;
        background-size: 1.5rem auto;
    }

    .write .tab b.t {
        padding-left: 2.5rem;
        height: 3.8rem;
        line-height: 3.8rem;
        font-size: 1.6rem;
    }

    .write .tab dl {
        width: 100%;
    }

    .write .tab dt {
        width: 29%;
        line-height: 4.4rem;
        font-size: 1.3rem;
    }

    .write .tab dd {
        float: left;
        width: calc(71% - 2px);
    }

    .write .tab dd .inp {
        padding: 8px 4px 8px 1rem;
        padding-top: calc((1.3rem - 2px)*0.5);
        padding-bottom: calc((1.3rem - 2px)*0.5);
        width: calc(100% - 4px - 1rem);

    }

    .write .tab dd .inp div {
        float: left;
        padding: 0 0.5rem;
        width: calc(100% - 4px - 2.2rem);
        border: #ececec 1px solid;
        background: #f7f7f7;
    }

    .write .tab dd .inp div input {
        width: 100%;
        height: 3.1rem;
        line-height: 3.1rem;
        background: #f7f7f7;
    }

    .write .tab dd .inp i {
        margin-left: 0.3rem;
        font-size: 1.3rem;
    }

    .write .tab dd .select {
        height: calc(3.1rem + 2px);

    }

    .write .tab dd .select .tit i {
        margin: 0 0.9rem 0 0.4rem;
        font-size: 1.2rem;
        line-height: 3.1rem;
        background: url(../images/icon/icon_26.png) right center no-repeat;
    }

    .write .tab dd .select ul {
        left: 1rem;
        top: calc(3.1rem + ((1.3rem - 2px)*0.5) + 1px);
        width: calc(100% - 2.2rem - 8px);
    }

    .write .tab dd .select li {
        padding-left: 1rem;
        font-size: 1.1rem;
        line-height: 3rem;
    }

    .write .tab .dl_1 dd .inp {
        width: calc(100% - 4px - 1rem);
    }

    .write .tab .dl_1 dd .inp div {
        width: calc(100% - 4px - 2.2rem);
    }

    .write .tab .dl_2 dt {
        line-height: calc(15.7rem + 2px);
    }

    .write .tab .dl_2 dd .inp {
        padding: 0.6rem 4px 0.6rem 1rem;
        width: calc(100% - 4px - 1rem);
    }

    .write .tab .dl_2 dd .inp div {
        width: calc(100% - 4px - 2.2rem);
    }

    .write .tab .dl_2 dd .inp textarea {
        padding: 0.5rem 0;
        width: 100%;
        height: 13.5rem;
        font-size: 1.2rem;
    }

    .write .tab .dl_3 {
        display: none;
    }

    .write .tab .dl_4 {
        display: block;
    }

    .write .tab .dl_3 dt {
        line-height: 7rem;
    }

    .write .tab .dl_3 dd {
        padding: 0.8rem 0;
        width: calc(71% - 2px);
        line-height: 1.5rem;

    }

    .write .tab .dl_3 dd i {
        margin-right: 1.85rem;
        font-size: 1.3rem;
    }

    .write .tab .dl_3 dd p {
        width: calc(100% - 2rem);
        margin-top: 0.8rem;
        padding: 0 1rem;
        font-size: 1.2rem;
        font-weight: normal;
        color: #666666;
    }

    .write .tab .dl_4 dd em {
        margin-right: 5px;
        width: 1.6rem;
        height: 1.6rem;
        background: url(../images/mobile/icon/icon_27.png) center no-repeat;
        background-size: 1.5rem auto;
    }

    .write .tab .dl_4 dd .cur {
        background: url(../images/mobile/icon/icon_28.png) center no-repeat;
        background-size: 1.5rem auto;
    }

    .write .tab .dl_4 dd .em_1 {
        margin-left: 1rem;
    }

    .write .tab .dl_3 dd .i1 {
        margin-right: 1.5rem;
    }


    .write .tab .dl_5 dd {
        width: calc(71% - 2px);
    }

    .write .tab .dl_5 dd .inp {
        padding: 0.6rem 4px 0.6rem 1rem;
        width: calc(100% - 1rem - 4px);
    }

    .write .tab .dl_5 .inp div {
        margin-right: 0.5rem;
        width: 6rem;
    }

    .write .tab .dl_5 .inp div input {
        height: 3.1rem;
        line-height: 3.1rem;

    }

    .write .tab .dl_5 .inp span {
        font-size: 1.2rem;
        line-height: 3.1rem;
    }

    .write .tab .dl_5 .inp img {
        margin: 0.55rem 0.5rem 0 0;
        height: 2rem;
    }

    .write .bot {
        margin: 2rem auto 0;
        width: calc(24.74rem + 4px);
    }

    .write .bot .but {
        margin-right: 2.5rem;
        width: 11.1rem;
        height: 3.3rem;
        font-size: 1.3rem;
        border: #2e58ab 1px solid;
    }

    .write .bot a {
        width: 11.1rem;
        height: 3.3rem;
        line-height: 3.3rem;
        font-size: 1.3rem;

    }
}

/*======== p4-1互动交流-领导信箱-信件公示详情 ========*/
.write_back {
    padding: 1px 19px 32px;
    background: #f9f9f9;
}

.write_back b {
    padding: 23px 0;
    font-size: 28px;
    color: #333;
    text-align: center;
    font-weight: bold;
}

.write_back .Ptable {
    color: #64676e;
    line-height: 30px;
    border-right: #ececec 1px solid;
}

.write_back .Ptable td {
    background: #fff;
    padding: 7px 36px 7px 31px;
    font-size: 14px;
    line-height: 26px;
    border-top: #ececec 1px solid;
    border-left: #ececec 1px solid;
}

.write_back .Ptable .tdTitle {
    padding: 0;
    width: 135px;
    line-height: 40px;
    text-align: center;
    font-size: 18px;
    background: #ebf3f8;
    border-top: #d9e7f2 1px solid;
    border-left: #d9e7f2 1px solid;
    vertical-align: top;
}

.write_back .Ptable .other td {
    border-bottom: #ececec 1px solid;
}

.write_back .Ptable .other .tdTitle {
    border-bottom: #d9e7f2 1px solid;
}

.write_back .Ptable .pc_tab_two {
    display: table-row;
}

.write_back .Ptable .m_tab {
    display: none;
}

@media(max-width:1271px) {
    .write_back {
        padding: 0 0 3rem;
        background: #fff;
    }

    .write_back .Ptable .pc_tab_two {
        display: none;
    }

    .write_back .Ptable .m_tab {
        display: table-row;
    }

    .write_back b {
        padding: 1.8rem 0;
        font-size: 1.7rem;
    }

    .write_back .Ptable {
        line-height: 30px;
    }

    .write_back .Ptable td {
        padding: 0.8rem 1.5rem;
        font-size: 1.3rem;
        line-height: 1.8rem;
    }

    .write_back .Ptable .tdTitle {
        padding: 1.3rem 0;
        width: 9.8rem;
        line-height: 1.8rem;
        font-size: 1.3rem;
    }

}



/*======== p7-0搜索 ========*/
.search_page .top {
    border-bottom: #dfdfdf 1px solid;
}

.search_page .top dl {
    line-height: 50px;
    border: #dfdfdf 1px solid;
    border-bottom: 0;
}

.search_page .top dt {
    float: left;
    width: 161px;

    font-size: 18px;
    color: #555;
    text-align: center;
    background: #f7f7f7;
}

.search_page .top dd {
    float: left;
    border-left: #dfdfdf 1px solid;
}

.search_page .top dd a {
    padding: 0 26px;
    float: left;
    font-size: 16px;
    color: #666;
    cursor: pointer;
}

.search_page .top dd i {
    margin-top: 18px;
    float: left;
    width: 1px;
    height: 18px;
    background: #d0cfcf;
}

.search_page .top dd a.cur {
    color: #2e58ab;
}

.search_page .top dd b {
    float: left;
    margin: 10px 22px;
    padding: 0 11px;
    line-height: 30px;
    font-size: 16px;
    cursor: pointer;
}

.search_page .top dd b.cur {
    color: #fff;
    background: #2e58ab;
}

.search_page .cen {
    line-height: 57px;
    font-size: 16px;
    color: #333;
    border-bottom: #dedede 1px solid;
}

.search_page .cen p {
    float: left;
}

.search_page .cen i {
    float: left;
    color: #c93428;
}

.search_page .bot .list li a {
    padding: 30px 0;
    border-bottom: #e9e9e9 1px dashed;
}

.search_page .bot .list li b {
    float: left;
    width: 980px;
    font-size: 16px;
    color: #2e58ab;
}

.search_page .bot .list li b em {
    display: inline-block;
    color: #c93428;
}

.search_page .bot .list li i {
    float: right;
    font-size: 16px;
    color: #666;
}

.search_page .bot .list li p {
    margin-top: 8px;
    font-size: 14px;
    color: #333;
}

.search_page .crumbs,
.search_page .m_bot {
    display: none;
}


@media(max-width:1271px) {
    .search_page .crumbs {
        display: block;
    }

    .search_page .top dl {
        line-height: 3.2rem;
    }

    .search_page .top dt {
        width: 8rem;
        font-size: 1.3rem;
    }

    .search_page .top dd {
        width: calc(100% - 8rem - 3px);
        height: 3.2rem;
        overflow-x: auto;
        overflow-y: hidden;
    }

    .search_page .over_w {
        width: 10000px;
    }

    .search_page .over_w div {
        display: inline-block;
    }

    .search_page .top dd a {
        padding: 0 0.9rem;
        font-size: 1.2rem;
    }

    .search_page .top dd i {
        margin-top: 0.95rem;
        width: 1px;
        height: 1.3rem;
    }

    .search_page .top dd b {
        margin: 0.5rem 0.8rem;
        padding: 0 0.5rem;
        line-height: 2.2rem;
        font-size: 1.2rem;
    }

    .search_page .cen {
        margin-top: 0.5rem;
        line-height: 3.2rem;
        font-size: 1.3rem;

    }

    .search_page .bot {
        display: none;
    }

    .search_page .m_bot {
        display: block;
    }

    .search_page .m_bot a {
        padding: 1.5rem 0;
        border-bottom: #e9e9e9 1px dashed;
    }

    .search_page .m_bot b {
        margin-bottom: 0.5rem;
        line-height: 1.8rem;
        font-size: 1.3rem;
        color: #2e58ab;
    }

    .search_page .m_bot p {
        margin-bottom: 1rem;
        font-size: 1.2rem;
        color: #333;
    }

    .search_page .m_bot i {
        font-size: 1.3rem;
        color: #666;
    }

    .search_page {
        margin-bottom: 3rem;
    }
}


/*======== p4-2注册 ========*/
.crumbs.bac {
    background: #fff;
}

.crumbs.bac em {
    margin-left: 0px;
}

.register {
    position: relative;
    margin: 0 auto;
    padding: 23px 0 27px;
    width: 440px;
}

.register dl {
    margin-bottom: 19px;
}

.register dt {
    margin-right: 12px;
    float: left;
    width: 100px;
    line-height: 51px;
    font-size: 18px;
    color: #333;
    text-align: right;
}

.register dd {
    float: left;
}

.register dd .inp {
    padding: 0 19px;
    width: 258px;
    border: #d2d2d2 1px solid;
}

.register dd .inp input {
    width: 100%;
    height: 49px;
    line-height: 49px;
    font-size: 14px;
    color: #999;
}

.register dd .hint {
    margin-top: 7px;
    font-size: 12px;
    color: #333;
}

.register dd .hint i {
    float: left;
    color: #c11818;
}

.register dd .hint p {
    float: left;
}

.register dd .verify {
    margin-right: 12px;
    width: 69px;
}

.register dd img {
    margin: 5px 12px 0 0;
    float: left;
}

.register dd b {
    float: left;
    line-height: 51px;
    font-size: 14px;
    color: #444;
    cursor: pointer;
}

.register dd b:hover {
    color: #2e58ab;
}

.register .ts {
    position: absolute;
    left: 112px;
    bottom: 94px;
    width: 300px;
    height: 31px;
    line-height: 31px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    background: #454545;
    border-radius: 10px;
    display: none;
}

.register .but {
    display: block;
    margin: 50px auto 0;
    width: 300px;
    height: 55px;
    line-height: 55px;
    text-align: center;
    font-size: 24px;
    color: #fff;
    font-weight: bold;
    border: none;
    background: #2e58ab;
    border-radius: 10px;
    cursor: pointer;
}

/*======== p4-2登录 ========*/
.login {
    margin: 0 auto;
    padding: 98px 0 160px;
    width: 340px;
}

.login dd .inp {
    width: 302px;
}

.login .but {
    margin: 0 auto 19px;
    width: 340px;
}

.login .go {
    margin: 0 auto;
    width: 156px;
    font-size: 16px;
    color: #333;
}

.login .go a {
    float: left;
    color: #333;
}

.login .go i {
    margin: 0 11px;
    float: left;
}

.login .go a:hover {
    color: #2e58ab;
}


/*======== p4-2忘记密码 ========*/
.register.msg {
    padding: 50px 0 135px;
}

/*======== p4-3互动交流-个人中心 ========*/
.write_backs {
    padding-top: 20px;
}

.write_back .Ptable {
    margin-bottom: 5px;
}

.write_back .Ptable td .red {
    color: #c11818;
}

.write_back .Ptable td .green {
    color: #48c227;
}


/*======== p5-1网上办事-办事清单 ========*/
.To_do_list {
    padding-bottom: 28px;
    background: #f9f9f9;
}

.To_do_list .Ptable {
    color: #64676e;
    line-height: 30px;
    text-align: center;
    border: #ececec 1px solid;
    border-top: 0px;
    background: #fff;
}

.To_do_list .Ptable td {
    padding: 16px 21px;
    font-size: 16px;
    line-height: 22px;
    border-top: #ececec 1px solid;
    vertical-align: top;
}

.To_do_list .Ptable .tdTitle {
    padding: 0;
    line-height: 54px;
    font-size: 18px;
    color: #333;
    background: #ebf3f8;
    border-top: #d9e7f2 1px solid;
}

.To_do_list .Ptable .tdTitle td {
    padding: 0px 21px;
    line-height: 54px;
}

.To_do_list .Ptable .tdTitle .td_3 {
    text-align: center;
}

.To_do_list .Ptable .tdTitle b {
    font-weight: bold;
}

.To_do_list .Ptable td.td_1 {
    width: 40px;
}

.To_do_list .Ptable td.td_3 {
    width: 350px;
    text-align: left;
}

.To_do_list .Ptable td.td_4 {
    width: 110px;
}

.To_do_list .Ptable td.td_3 a {
    color: #64676e;
}

.To_do_list .Ptable td.td_3 a:hover {
    color: #3562bd;
}

.To_do_list .Ptable td.td_3 em {
    float: left;
    line-height: 22px;
    cursor: pointer;
}

.To_do_list .Ptable td.td_3 i {
    display: inline-block;
    width: 16px;
    height: 12px;
    background: url(../images/icon/icon_38.png) right center no-repeat;
}

.To_do_list .Ptable td.td_3 em.cur {
    color: #3562bd;
}

.To_do_list .Ptable td.td_3 em.cur i {
    background: url(../images/icon/icon_38s.png) right center no-repeat;
}

.To_do_list .Ptable td.td_3 .pos {
    padding-top: 10px;
    display: none;
}

.To_do_list .Ptable td.td_3 .pos p {
    padding-left: 13px;
    line-height: 33px;
    background: url(../images/icon/icon_39.png) left 15px no-repeat;
}

.To_do_list .Ptable td.td_3 .pos p a {
    color: #64676e;
}

.To_do_list .Ptable td.td_3 .pos p a:hover {
    color: #3562bd;
}

.m_To_do_list {
    display: none;
}

@media(max-width:1271px) {
    .To_do_list {
        display: none;
    }

    .m_To_do_list {
        display: block;
        margin-top: 2rem;
        padding-bottom: 3rem;
        line-height: 2.4rem;
    }

    .m_To_do_list .lis {
        padding: 4%;
    }

    .m_To_do_list .lis:nth-child(2n-1) {
        background: #f7f7f7;
    }

    .m_To_do_list .t {
        margin-bottom: 1.4rem;
    }

    .m_To_do_list .t .fl {
        width: 50%;
    }

    .m_To_do_list p {
        font-size: 1.5rem;
        color: #333;
    }

    .m_To_do_list i {
        font-size: 1.4rem;
        color: #666;
    }

    .m_To_do_list a {
        font-size: 1.4rem;
        color: #666;
    }

    .m_To_do_list dt em {
        display: inline-block;
        width: 1.5rem;
        height: 2.4rem;
        text-indent: -9999px;
        background: url(../images/mobile/icon/icon_30.png) right center no-repeat;
        background-size: 0.9rem auto;
    }

    .m_To_do_list dt a.cur {
        color: #557bc7;
    }

    .m_To_do_list dt a.cur em {
        background: url(../images/mobile/icon/icon_30s.png) right center no-repeat;
        background-size: 0.9rem auto;
    }

    .m_To_do_list dd {
        display: none;
    }

    .m_To_do_list dd a {
        padding-left: 1rem;
        line-height: 2.6rem;
        background: url(../images/mobile/icon/icon_29.png) left 1.15rem no-repeat;
        background-size: 0.3rem auto;
    }
}





/*======== p4-2发邮件 ========*/
.login .qr {
    width: 342px;
}

.login .qr p {
    float: left;
    line-height: 55px;
    font-size: 18px;
    color: #333;
}

.login .qr .but {
    width: 150px;
}


/*======== 写信弹窗 ========*/
.popup {
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 10;
    margin: -145px 0 0 -280px;
    width: 560px;
    height: 290px;
    background: #fff;
    border-radius: 6px;
    display: none;
}

.popup img {
    margin: 0 auto;
    padding: 46px 0 20px;
}

.popup b {
    margin: 0 auto;
    width: 374px;
    line-height: 32px;
    font-size: 18px;
    color: #333;
    text-align: center;
    font-weight: bold;
}

.popup div {
    padding-top: 15px;
    text-align: center;
    font-size: 14px;
    color: #666;
}

.popup a {
    display: inline;
    cursor: pointer;
    color: #666;
}

.popup a:hover {
    display: inline;
    cursor: pointer;
    color: #333;
}

.popup i {
    padding: 0 17px;
    display: inline;
}


.popup_bac {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    background: url(../images/icon/icon_40.png) repeat;
    display: none;
}


.popup_s {
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 10;
    margin: -70px 0 0 -150px;
    width: 300px;
    height: 140px;
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 0 10PX rgba(0, 0, 0, 0.2);
    display: none;
}

.popup_s i {
    padding: 10px 15px 0 0;
    font-size: 24px;
    color: #333;
    cursor: pointer;
}

.popup_s p {
    padding: 0 20px;
    margin-top: 20px;
    font-size: 18px;
    color: #ff3030;
    text-align: center;
}

.popup_s_bac {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    background: url(../images/icon/icon_40.png) repeat;
    display: none;
}

.popup_cg {
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 10;
    margin: -150px 0 0 -245px;
    width: 490px;
    height: 300px;
    background: #fff;
    border-radius: 6px;

    display: none;
}

.popup_cg a {
    margin: 20px auto 0;
    width: 100px;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    text-align: center;
    color: #fff;
    background: #2e58ab;
    border-radius: 6px;
}

.popup_cg img {
    padding-top: 45px;
    display: block;
    margin: 0 auto 24px;
}

.popup_cg p {
    text-align: center;
    font-size: 18px;
    color: #333;
}

.popup_cg_bac {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    background: url(../images/icon/icon_40.png) repeat;
    display: none;
}

@media(max-width:1271px) {
    .popup {
        margin: 0;
        transform: translate(-50%, -50%);
        width: 90%;
        height: auto;
        max-width: 560px;

    }

    .popup img {
        padding: 2.3rem 0 1rem;
    }

    .popup b {
        width: 90%;
        line-height: 2rem;
        font-size: 1.4rem;
    }

    .popup div {
        padding: 0.8rem 0 2.8rem;
        font-size: 1.2rem;
    }

    .popup i {
        padding: 0 1rem;
    }

    .popup_s {

        margin: 0;
        transform: translate(-50%, -50%);
        width: 90%;
        max-width: 300px;
        height: auto;

        border-radius: 0.4rem;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.2);
    }

    .popup_s i {
        padding: 10px 15px 0 0;
        font-size: 24px;
        color: #333;
        cursor: pointer;
    }

    .popup_s p {
        padding: 0 20px;
        margin-top: 20px;
        font-size: 18px;
        color: #ff3030;
        text-align: center;
    }

    .popup_s_bac {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 9;
        background: url(../images/icon/icon_40.png) repeat;
        display: none;
    }

    .popup_cg {
        position: fixed;
        left: 50%;
        top: 50%;
        z-index: 10;
        margin: -150px 0 0 -245px;
        width: 490px;
        height: 300px;
        background: #fff;
        border-radius: 6px;

        display: none;
    }

    .popup_cg a {
        margin: 20px auto 0;
        width: 100px;
        height: 40px;
        line-height: 40px;
        font-size: 18px;
        text-align: center;
        color: #fff;
        background: #2e58ab;
        border-radius: 6px;
    }

    .popup_cg img {
        padding-top: 45px;
        display: block;
        margin: 0 auto 24px;
    }

    .popup_cg p {
        text-align: center;
        font-size: 18px;
        color: #333;
    }

    .popup_cg_bac {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 9;
        background: url(../images/icon/icon_40.png) repeat;
        display: none;
    }
}




/*======== p8-1网站地图 ========*/
.map_page .Ptable {
    color: #64676e;
    line-height: 30px;
    border-bottom: #ececec 1px solid;
}

.map_page .Ptable td {
    background: #fff;
    padding: 11px 33px;
    font-size: 14px;
    line-height: 26px;
    border: #ececec 1px solid;
    border-bottom: #ececec 0px solid;
}

.map_page .Ptable td a {
    float: left;
    margin-right: 24px;
    font-size: 16px;
    color: #333;
}

.map_page .Ptable td a:hover {
    color: #2e58ab;
}

.map_page .Ptable .tdTitle {
    padding: 0;
    width: 200px;
    text-align: center;
    font-size: 18px;
    border-right: #ececec 0px solid;
}

.map_page .Ptable .tdTitle a {
    float: none;
    margin: 0;
}

.map_page .Ptable .tdTitle a:hover {
    color: #333
}

.map_page .Ptable .title td {
    padding: 9px 33px;
    background: #ebf3f8;
    border: #d9e7f2 1px solid;
    border-bottom: #d9e7f2 0px solid;
}

.map_page .Ptable .title td a {
    float: none;
    margin: 0;
    font-size: 18px;
    color: #333;
    font-weight: bold;
    text-align: center;
}

.map_page .Ptable .title td a:hover {
    color: #333;
}

.map_page .Ptable .title td.tdTitle {
    border-right: 0px;
}

.map_page .crumbs {
    display: none;
}

@media(max-width:1271px) {
    .map_page {
        margin-bottom: 3rem;
    }

    .map_page .crumbs {
        display: block;
    }

    .map_page .m_title {
        margin: 0 auto 1.5rem;
    }

    .map_page .Ptable {
        line-height: 1.8rem;
    }

    .map_page .Ptable td {
        padding: 0.5rem 1.6rem;
        font-size: 1.2rem;
        line-height: 2rem;
    }

    .map_page .Ptable td a {
        margin-right: 1rem;
        font-size: 1.2rem;
    }

    .map_page .Ptable .tdTitle {
        width: 11rem;
        font-size: 1.8rem;
        line-height: 3.5rem;
    }

    .map_page .Ptable .title td {
        padding: 0.5rem 1.6rem;
    }

    .map_page .Ptable .title td a {
        font-size: 1.6rem;
    }

}









.img_pag {
    margin: 0 auto;
    width: 1400px;
}

.img_pag img {
    display: block;
    max-width: 1400px;
}

.js-ajax-form {
    padding: 20px 0 10px;
}

.js-ajax-form .form-group {
    text-align: center;
}

.js-ajax-form input {
    margin: 0 6px 0 20px;
}

.js-ajax-submit {
    display: block;
    margin: 20px auto;
    width: 160px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    background: #2e58ab;
    border: none;
    border-radius: 6px;
}

.situation .next td {
    border: 1px solid #000000;
}








.search_page_s .top {
    margin-bottom: 20px
}

.search_page_s .top p {
    float: left;
    padding-left: 12px;
    font-size: 16px;
    color: #333;
    line-height: 35px;
}

.search_page_s .top .inp {
    float: left;
    margin-right: 22px;
    padding: 0 15px;
    width: 399px;
    height: 33px;
    border: #d2d2d2 1px solid;
    background: #fff;
}

.search_page_s .top .inp input {
    width: 100%;
    height: 33px;
    line-height: 33px;
    font-size: 16px;
    color: #333;
}

.search_page_s .top .but {
    float: left;
    margin-right: 20px;
    padding-left: 42px;
    text-align: left;
    width: 88px;
    height: 35px;
    line-height: 35px;
    font-size: 16px;
    color: #fff;
    background: #2e58ab url(../images/page/lead_mailbox_1.png) 15px center no-repeat;
    border-radius: 4px;
    border: none;
    cursor: pointer;
}

.search_page_s .top a.but {
    margin-right: 0px;
    width: 46px;
    background: #2e58ab url(../images/page/lead_mailbox_2.png) 15px center no-repeat;
}

/*==往期信件查询==*/
.img_421 {
    padding-top: 20px;
    width: 100%;
    background: #fff;
}

.img_421 a {
    margin: 0 auto;
    width: 1160px;
    height: 100px;
    line-height: 100px;
    text-align: center;
    background: url(../images/bac/bac_421.jpg) center no-repeat;
    background-size: cover;
}

.img_421 a span {
    display: inline-block;
    padding-left: 61px;
    font-size: 30px;
    color: #fff;
    font-weight: bold;
    letter-spacing: 3px;
    background: url(../images/icon/icon_45.png) left center no-repeat;
}

@media(max-width:1271px) {
    .img_421 {
        padding-top: 2rem;
    }

    .img_421 a {
        width: 100%;
        height: 6.3rem;
        line-height: 6.3rem;
        background: url(../images/bac/bac_421s.jpg) center no-repeat;
        background-size: cover;
    }

    .img_421 a span {
        padding-left: 3.75rem;
        font-size: 1.9rem;
        letter-spacing: 0.15rem;
        background: url(../images/icon/icon_45.png) left center no-repeat;
        background-size: 2.7rem auto;
    }

    .interaction .pad {
        margin-top: 1rem;
    }

}



.zj_22 {
    padding: 30px 14px 40px;
    min-height: 400px;
    background: #f9f9f9;
}

.zj_22 .list li {
    float: left;
    margin: 0 17px 16px;
}

.zj_22 .list li a {
    width: 174px;
}

.zj_22 .list li .pic {
    padding: 8px 5px;
    border: #d9d9d9 1px solid;
}

.zj_22 .list li .pic div {
    width: 100%;
    height: 218px;
    overflow: hidden;
}

.zj_22 .list li .pic div i {
    width: 100%;
    height: 100%;
}

.zj_22 .list li .text {
    text-align: center;
}

.zj_22 .list li .text b {
    margin: 12px auto 2px;
    font-size: 18px;
    color: #333;
    font-weight: bold;
}

.zj_22 .list li .text p {
    height: 48px;
    line-height: 24px;
    font-size: 16px;
    color: #666;
}

.zj_22 .list li a:hover .text b {
    color: #80a9f8;
}


@media(max-width:1271px) {
    .zj_22 {
        padding: 0 0 2rem;
        margin-top: 2.5rem;
        min-height: 20rem;
        background: #fff;
    }

    .zj_22 .list {}

    .zj_22 .list li {
        margin: 0 4%;
        width: 42%
    }

    .zj_22 .list li a {
        width: 100%;
    }

    .zj_22 .list li .pic {
        padding: 0.75rem 0.5rem;
    }

    .zj_22 .list li .pic div {
        width: 100%;
        height: 218px;
    }

    .zj_22 .list li .text b {
        margin: 0.6rem auto 0.1rem;
        font-size: 1.6rem;
    }

    .zj_22 .list li .text p {
        height: 4.2rem;
        line-height: 2.1rem;
        font-size: 1.4rem;
    }
}

.zj_22_c .zj_22 {
    padding: 31px 31px 46px;
    min-height: 400px;
    background: #f9f9f9;
}

.zj_22_c .m_zj_22_subnav {
    display: none;
}

.zj_22_c .zj_22_subnav {
    display: block;
    width: 282px;
    min-height: 542px;
    background: #efefef;
}

.zj_22_c .zj_22_subnav .tit {
    margin-bottom: 16px;
    padding: 0 76px 0 30px;
    line-height: 54px;
    font-size: 20px;
    color: #fff;
    font-weight: bold;
    background: #3562bd url(../images/icon/icon_22.png) 244px center no-repeat;
}

.zj_22_c .zj_22_subnav ul a {
    line-height: 48px;
    font-size: 16px;
    color: #333;
    border-bottom: #dbdbdb 1px solid;
    cursor: pointer;
}

.zj_22_c .zj_22_subnav ul i {
    float: left;
    margin-right: 26px;
    width: 3px;
    height: 48px;
    background: #efefef;
}

.zj_22_c .zj_22_subnav ul b {
    float: left;
    width: 100px;
    font-weight: bold;
}

/* .zj_22_c .zj_22_subnav ul span{float: left;width: 140px;overflow: hidden;text-overflow:ellipsis;white-space: normal;} */
.zj_22_c .zj_22_subnav ul span {
    float: left;
    width: 140px;
    line-height: 28px;
    padding: 10px 0;
}

.zj_22_c .zj_22_subnav ul li.cur a {
    color: #80a9f8;
    background: #fff;
}

.zj_22_c .zj_22_subnav ul li.cur i {
    background: #80a9f8;
}

.zj_22_c .people {}

.zj_22_c .top {
    padding: 17px;
    border: #d9d9d9 1px solid;
}

.zj_22_c .top .pic {
    float: left;
    margin-right: 20px;
    width: 162px;
    height: 218px;
    overflow: hidden;
}

.zj_22_c .top .pic i {
    width: 100%;
    height: 100%;
}

.zj_22_c .top .text {
    float: left;
    margin-top: 10px;
    width: 570px;
}

.zj_22_c .top .text dl {
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 24px;
    color: #333;
}

.zj_22_c .top .text dt {
    font-weight: bold;
}

.zj_22_c .top .text .one dt {
    font-size: 18px;
    color: #2e58ab;
    line-height: 28px;
}

.zj_22_c .top .text .one dd {
    font-size: 16px;
    color: #666;
}

.zj_22_c .bot {
    margin-top: 20px;
}

.zj_22_c .bot .tit {
    font-weight: bold;
    margin-bottom: 16px;
    line-height: 40px;
    font-size: 18px;
    color: #2e58ab;
    border-bottom: #d9d9d9 1px solid;
}

.zj_22_c .bot .text {
    font-size: 16px;
    color: #666;
    line-height: 26px;
}

@media(max-width:1271px) {
    .zj_22_c .zj_22 {
        padding: 0 0 2rem;
        margin-top: 2rem;
        min-height: 20rem;
        background: #fff;
    }

    .zj_22_c .zj_22_subnav {
        display: none;
    }

    .zj_22_c .m_zj_22_subnav {
        display: block;
    }

    .zj_22_c .m_zj_22_subnav a {
        float: left;
        margin: 0 1.5rem 0.3rem 0;
        font-size: 1.5rem;
        color: #333;
        line-height: 3rem;
        border-bottom: #fff 0.2rem solid;
    }

    .zj_22_c .m_zj_22_subnav a.cur {
        color: #375aa6;
        font-weight: bold;
        border-bottom: #375aa6 0.2rem solid;
    }

    .zj_22_c .top {
        padding: 1.6rem 0 1.6rem 1.1rem;
    }

    .zj_22_c .top .pic {
        margin-right: 1.5rem;
        width: 41.6%;
        height: auto;
    }

    .zj_22_c .top .text {
        margin-top: 0.4rem;
        width: calc(58.4% - 2.5rem);
    }

    .zj_22_c .top .text dl {
        margin-bottom: 2rem;
        font-size: 1.4rem;
        line-height: 2rem;
    }

    .zj_22_c .top .text .one dt {
        font-size: 1.6rem;
        line-height: 2.4rem;
    }

    .zj_22_c .top .text .one dd {
        font-size: 1.4rem;
    }

    .zj_22_c .bot {
        margin-top: 0.6rem;
    }

    .zj_22_c .bot .tit {
        margin-bottom: 0.8rem;
        line-height: 4.1rem;
        font-size: 1.6rem;
    }

    .zj_22_c .bot .text {
        font-size: 1.4rem;
        line-height: 2.2rem;
    }

}

/*======== 互动交流-意见征集列表 ========*/
.hover-style1 ul {
    margin-bottom: 30px;
}

.hover-style1 li {
    position: relative;
    overflow: hidden;
    padding: 15px 15px 0;
    line-height: 24px;
    border-bottom: #e9e9e9 1px solid;
}

.hover-style1 li::after {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 0%;
    height: 100%;
    background: #f0f3f8;
    content: '';
    transition: all .5s cubic-bezier(.175, .885, .32, 1.275)
}

.hover-style1 li:hover:after {
    width: 100%
}

.hover-style1 li a {
    position: relative;
    z-index: 1
}

.hover-style1 li h4 {
    position: relative;
    overflow: hidden;
    margin-bottom: 10px;
    max-height: 48px;
    color: #333;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px
}

.hover-style1 li p {
    margin-bottom: 20px;
    color: #797979;
    font-size: 14px;
    line-height: 24px;
    word-break: break-all
}

.hover-style1 li span {
    display: inline;
    color: #fff
}

.hover-style1 .md-blue {
    background-color: #2d8fff
}

.hover-style1 .join,
.view {
    padding: 5px 15px
}

.hover-style1 .md-orange {
    background-color: #ff9d08
}

.hover-style1 li a:hover h4 {
    color: #337ab7;
}

.hover-style1 .m_more {
    display: none;
}

@media(max-width:1271px) {
    .hover-style1 ul {
        margin: 1.5rem 0 4rem;
    }

    .hover-style1 li {
        padding: 15px;
        line-height: 24px
    }

    .hover-style1 li h4 {
        margin-bottom: 0.5rem;
        max-height: 4rem;
        font-size: 1.4rem;
        line-height: 2rem;
    }

    .hover-style1 li p {
        margin-bottom: 1rem;
        font-size: 1.3rem;
        line-height: 2rem;
    }

    .hover-style1 .join,
    .view {
        padding: 5px 15px
    }

    .hover-style1 .m_more {
        display: block;
        margin-bottom: 3.5rem;
        width: 100%;
        height: 4rem;
        line-height: 4rem;
        font-size: 1.5rem;
        text-align: center;
        background: #e8e7e7;
    }

    .hover-style1 .m_more a {
        color: #000;
    }
}


/*======== 互动交流-意见征集详细页 ========*/
.clearfix:after,
.content:after,
.grid:after,
.h:after,
.nav:after,
.row:after {
    clear: both;
    display: block;
    height: 0;
    content: " "
}

.clearfix,
.content,
.grid,
.h,
.nav,
.row {
    zoom: 1
}

.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
    position: relative;
    padding-right: 15px;
    padding-left: 15px;
    min-height: 1px
}

.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9 {
    float: left
}

.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9 {
    float: left;
}

.mb20 {
    margin-bottom: 20px
}

.mr10 {
    margin-right: 10px
}

.col-md-4 {
    width: 33.33333333%
}

.col-md-12 {
    width: 100%
}

label {
    display: inline-block;
    margin-bottom: 5px;
    max-width: 100%;
    font-weight: 700
}

.b01 {
    border: 1px solid #dbdae0
}

.text-red {
    display: inline;
    color: #f41c20 !important
}

.tc {
    text-align: center
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-image: none;
    vertical-align: middle;
    text-align: center;
    white-space: nowrap;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.42857143;
    cursor: pointer;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.md-blue {
    background-color: #2d8fff;
    color: #fff;
    border: #2d8fff 1px solid;
}

textarea.form-control {
    height: auto !important
}

.form-control {
    display: block;
    padding: 6px 12px;
    width: 100%;
    height: 34px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background: #fff;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    color: #555;
    font-size: 14px;
    line-height: 1.42857143;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}




#detailbox {
    margin-top: 30px;
    padding: 0 40px 80px;
    background-color: #fff
}

#detailbox .article {
    padding: 30px 0;
    word-break: break-all
}

#detailbox .article .option h4 {
    display: none
}

#detailbox .article h2 {
    padding: 15px 0;
    color: #333;
    text-align: center;
    font-size: 24px;
    line-height: 1.5
}

#detailbox .article .option {
    box-sizing: border-box;
    margin: 20px 0;
    padding: 20px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    color: #ccc;
    line-height: 30px;
    transition: padding .3s
}

#detailbox .article .option {
    color: #ccc;
    font-size: 14px;
    line-height: 30px
}

#detailbox .article .option a,
#detailbox .article .option span {
    display: inline
}

#detailbox .article .option .info.opinion span a {
    color: #027
}

#detailbox .article-box {
    padding: 30px 40px;
    color: #333;
    text-align: justify;
    font-size: 16px;
    line-height: 2
}

#detailbox .tab a {
    display: inline-block;
    padding: 0 15px;
    height: 40px;
    min-width: 100px;
    border-radius: 3px;
    background-color: #f5f5f5;
    text-align: center;
    font-size: 18px;
    line-height: 40px;
    transition: all .3s
}

#detailbox .tab a.current {
    background-color: #2d8fff;
    color: #fff
}

#detailbox .article-box p {
    margin: 1em 0
}

#detailbox .article-box p img {
    display: block;
    margin: 0 auto;
    max-width: 80%
}

#detailbox .article .files {
    padding: 15px
}

#detailbox .article .files li {
    padding: 8px;
    border-bottom: 1px dotted #ddd;
    font-size: 16px;
    line-height: 24px
}

#detailbox .article .files li a {
    color: #333
}

#detailbox .form-group {
    margin-bottom: 15px;
    padding-left: 20px
}

#detailbox .form-group.yzm .form-control {
    width: 120px;
}

#detailbox .article-box img {
    display: inline-block !important;
    margin: auto !important;
    max-width: 80% !important;
    vertical-align: middle
}

#detailbox .form-inline .form-control,
#detailbox .form-inline .form-control-static {
    display: inline-block
}

#detailbox .form-inline .form-control-static a {
    color: #333
}

#detailbox .form-inline .form-control-static a:hover {
    color: #005ca2
}

#detailbox .article-box p {
    margin: 1em 0
}

#detailbox .form-control-static {
    margin-bottom: 0;
    padding-top: 7px;
    padding-bottom: 7px;
    min-height: 34px
}

#detailbox .btn-default {
    border-color: #ccc;
    background-color: #fff;
    color: #333
}

#detailbox .row .tab span {
    display: inline
}


@media(max-width:1271px) {
    .mb20 {
        margin-bottom: 1rem
    }

    .mr10 {
        margin-right: 0.5rem
    }

    #detailbox {
        margin-top: 0;
        padding: 0;
        border: none;
    }

    #detailbox .article {
        padding: 0 0 1.5rem;
    }

    #detailbox .article h2 {
        padding: 0.7rem 0;
        font-size: 1.4rem;
    }

    #detailbox .article .option {
        margin: 1rem 0;
        padding: 1rem;
        line-height: 1.5rem;
    }

    #detailbox .article .option {
        font-size: 1.1rem;
        line-height: 1.8rem
    }

    #detailbox .article-box {
        padding: 1.5rem 0rem 0;
        font-size: 1.2rem;
        line-height: 2
    }

    #detailbox .tab a {
        padding: 0 0.7rem;
        height: 3rem;
        min-width: 5rem;
        border-radius: 0.3rem;
        font-size: 1.5rem;
        line-height: 3rem;
        font-weight: normal;
    }

    #detailbox .article-box p {
        margin: 1em 0
    }

    #detailbox .article-box p img {
        max-width: 80%
    }

    #detailbox .article .files {
        padding: 0.7rem
    }

    #detailbox .article .files li {
        padding: 0.4rem;
        font-size: 1.4rem;
        line-height: 1.8rem
    }

    #detailbox .form-group {
        margin-bottom: 0.7rem;
        padding-left: 1rem
    }

    #detailbox .form-group.yzm .form-control {
        width: 5rem;
    }

    #detailbox .article-box img {
        width: 7rem;
    }

    #detailbox .article-box p {
        margin: 1em 0
    }

    #detailbox .form-control-static {
        margin-bottom: 0;
        padding: 0.4rem 0;
        min-height: 1.8rem
    }

    .btn {
        padding: 0.6rem 1.8rem;
        border-radius: 0.3rem;
        font-size: 1.1rem;
        line-height: 1.42857143;
        text-align: center;
    }

    .form-control {
        padding: 0.6rem 1rem;
        height: 2.1rem;
        line-height: 2.1rem;
        border-radius: 0.4rem;
        font-size: 1.1rem;
    }

    #opinionForm .form-group {
        padding: 0;
        width: 100%;
    }

    #opinionForm .form-group.col-md-4 .form-control {
        width: calc(100% - 2rem);
    }

    #opinionForm .form-group.col-md-12 textarea.form-control {
        width: calc(100% - 2rem);
    }

    h3,
    h4 {
        font-weight: normal;
    }
}

/* -------------------相关图片 开始--------------------- */
.about_pic {
    position: relative;
}

.about_pic .swiper-container {
    margin: 0 auto;
    width: 820px;
}

.about_pic .swiper-container .swiper-slide {
    width: 205px;
}

.about_pic a {
    float: left;
    margin: 0 2px;
    width: 200px;
    height: 150px;
    overflow: hidden;
}

.about_pic a img {
    width: 100%;
    height: 100%;
}

.about_pic a i {
    transition: all 0.3s;
    transform: scale(1);
    width: 100%;
    height: 100%;
}

.about_pic a:hover i {
    transition: all 0.3s;
    transform: scale(1.1);
}

.about_pic .swiper-button-next {
    right: 8px;
    margin-top: -10px;
    width: 21px;
    height: 20px;
    background: url(http://www.dxh.gov.cn/material/new_version/images/index/icon_7.png) right center no-repeat;
    background-size: 20px auto;
}

.about_pic .swiper-button-prev {
    left: 8px;
    margin-top: -10px;
    width: 21px;
    height: 20px;
    background: url(http://www.dxh.gov.cn/material/new_version/images/index/icon_6.png) left center no-repeat;
    background-size: 20px auto;
}

.about_pic .rdzt_index a {
    background-color: #006EC5;
    float: left;
    padding-top: 4px;
    margin: 0 7px 0 0;
    width: 53px;
    height: 60px;
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    color: #fff;
    display: block;
}

.pub_popup {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    text-align: center;
}

.pub_popup img {
    display: inline;
    max-width: 98%;
    max-height: 90%;
    vertical-align: middle;
    -ms-interpolation-mode: bicubic;
}

.pub_popup span {
    display: inline-block;
    height: 100vh;
    width: 1px;
    vertical-align: middle;
}

.pub_popup_bac {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 3;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
}

/* -------------------相关图片 结束--------------------- */


.situation .t .origin label {
    font-weight: normal !important;
}