﻿.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:5.8rem;
        line-height:5.8rem;
        font-size: 1.3rem;
        background: none;
    }
    .crumbs em{
        margin: 0;
        width: 1.8rem;
        height: 5.8rem;
        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 a {display:inline-block;color:#2e58ab;line-height:21px;padding:0px 8px;cursor: pointer;}
/*隐藏页码信息*/
.asp .pager .pageinfo{display:inline-block;border:none;}
/*当前页*/
.asp .pager .cpb,.asp .pager a:hover{color:#FFF;background:#2e58ab;}
.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}
}


/*======== 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;
    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: 273px;
    background: #4672c0;
}
.interaction .c .zx .icon{
    background: url(../images/page/interaction_1.png) center no-repeat;
}

.interaction .c .a3 {
    margin-right: 0;
    width: 273px;
    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 .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:2%;
        width: 49%;
        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: 0;
        width: 49%;
        background: #2b68a7;
    }
    .interaction .c .a3 .icon{
        background: url(../images/mobile/icon/icon_20.png) center no-repeat;
        background-size: 2.95rem auto;
    }
    
    .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);}
/* -------------------相关图片 结束--------------------- */










