@charset "utf-8";

.hadSplit{position:relative;}
.hadSplit:before{position:absolute; top:0; bottom:0; left:23%; content:""; margin-left:20px; width:1px; height:100%;background-color:#e5e5e5;}
.hadBox{position: relative;}
.hadBox:before{position:absolute; top:0; right: 0; bottom:0; left:23%; content:""; margin-left:30px; background-color:#fff; border: 1px solid #e4e4e4;}

.columnPages .imageList ul li span.pic{height: 180px;}
.columnPages .imageList ul li span.txt{border-right:1px solid #ebebeb; border-bottom:1px solid #ebebeb; border-left:1px solid #ebebeb;}

.columnPages .pagediv{padding-bottom:10px;}
.columnPages .pageNavs li{width:25%;}
.columnPages .column-head{margin-top: 10px;}
.columnPages .navs-list.col6 li{width: 20%;}


/*layout*/
.sideBar{float:left; width:23%;}
.mainContent{float:right; width:77%;}
.mainContent .inBox{position: relative; z-index: 112; margin-left:30px; padding: 20px 30px 0;}

.parentName{position:relative; z-index:111; line-height:160%; padding:10px 15px; font-weight: bold; font-size:1.25em; color:#fff; text-align:center; background:#bf1f33;}
.parentName font{display:inline-block; vertical-align:top; line-height:1.4em;}

.sideMenu{position:relative; z-index:112; overflow:hidden;}
.sideMenu li{margin-top:5px;}
.sideMenu li a{position:relative; display:block; padding:10px 35px 10px 25px; font-size:1em; line-height:1.6em; text-align:left; background-color:#f3f3f3;}
.sideMenu li a:hover{background-color:#ededed;}
.sideMenu li a:before{position:absolute; top:50%; right:15px; content:""; margin-top:-7px; width:8px; height:15px; background-image:url(../images/sidebar_xiaojiantou.png); background-repeat:no-repeat;}
.sideMenu li a.aon{color: #bf2034; background-color: #f8e8ea;}
.sideMenu li a.aon:before{background-position:0 bottom;}

.pageLists .setMode{margin-bottom:30px;}
.pageLists .setMode:last-child{margin-bottom:0;}
.pageLists .common-more{margin-top:5px; margin-right:5px;}
.pageLists .infoList li{padding-top:15px; padding-bottom:15px; border-bottom:1px dashed #dadada;}
.pageLists .mobile-more{width:30%; min-width:120px; line-height:40px; margin-right:auto; margin-left:auto;}

/*专题专栏*/
.ztzl-list{overflow:hidden;}
.ztzl-list li{float:left; width:25%;}
.ztzl-list li a img{display:block; width:100%; height:100%;}

/*领导信息*/
.leaderBox .sideBar{widows: 25px;}
.leaderBox .mainContent{width:75%;}
.leaderBox .hadSplit:before{left:24%;}
.leader-menus{position:relative; z-index:111; margin-top:-10px; padding-bottom:20px; overflow:hidden;}
.leader-menus>li{margin-top:10px;}
.leader-menus li h3{display:none; padding:15px 25px; font-size:1.125em; color:#fff; background-color:#bd1a2d; cursor:pointer;}
.leader-menus li .sub h5{padding:12px 25px; font-size:1em; font-weight:bold; background-color:#dedede;}
.leader-menus li .sub ul{padding-top:1px;}
.leader-menus li .sub ul li{position:relative;}
.leader-menus li .sub ul li:before{position:absolute; top:0; bottom:0; left:0; z-index:2; content:normal; width:4px; height:100%;}
.leader-menus li .sub ul li a{display:block; margin-top:-1px; padding:5% 5% 5% 12%; font-size:1em; color:#666; line-height:1.6em; text-align:left; background-color:#fff; border:1px solid #ededed;}
.leader-menus li .sub ul li a:hover{background-color:#fdfdfd;}
.leader-menus li .sub ul li span{float:left; margin-right:15px;}
.leader-menus li .sub ul li font{float:left; font-size:14px;}
.leader-menus li .sub ul li.on a{color:#333; font-weight:bold;}
.leader-menus li .sub ul li.on:before{content:""; background-color:#e34747;}

.leader-list{padding:0 35px 35px; border:1px solid #e6e6e6;}
.leader-intro{position:relative; padding:35px 0; border-bottom: 1px solid #d6d6d6; min-height:200px;  overflow:hidden;}
.leader-intro dt{float:left; width:150px;}
.leader-intro dt .pic{padding:3px; background-color:#fff; border:1px solid #f4f4f4;}
.leader-intro dt .pic img{display:block; width:100%; height:auto;}
.leader-intro dt h4{padding-top:10px; text-align:center; font-size:1.375em; color:#345e92;}
.leader-intro dt h4 a{color:#345e92;}
.leader-intro dd{margin-left:180px;}
.leader-intro dd .txt{position:relative; line-height:30px;}
.leader-intro dd .txt label{position:absolute; left:0; top:0; font-size:18px; color:#000;}
.leader-intro dd .txt .cont{margin-left:90px; text-align:justify;}
.leader-intro dd .txt:first-child{margin-bottom:10px;}

.leader-text{line-height:2.2em; text-align:justify; overflow:hidden;}
.leader-info{position: relative; min-height: 205px;}
.leader-info dt{position: absolute; bottom: 0; width:22%; text-align:center;}
.leader-info dt .pic{overflow: hidden;}
.leader-info dt .pic img{display:block; width:100%; height:auto;}
.leader-info dd{float:right; width:78%;}
.leader-info dd>div{margin-left:30px;}
.leader-info dd .leader-name h5{display: inline-block; vertical-align: bottom; margin-right: 20px; font-weight: bold; font-size: 1.875em; color: #bf2034;}
.leader-info dd .leader-name h6{display: inline-block; vertical-align: bottom; margin-bottom: 3px; font-size: .9375em; color: #666;}
.leader-info dd .leader-text{height:auto; overflow:hidden;}
.leader-info dd .gwxx a{display:block; width: 130px; margin-top: 15px; padding: 3px 0; color: #fff; text-align: center; background-color: #bf2034;}
.leader-info dd .gwxx a:before{display:inline-block; content:""; vertical-align:top; margin-right:10px; width:30px; height:30px; background-image:url(../images/icon_mail.png); background-repeat:no-repeat;}
.leader-info dd .gwxx a font{display:inline-block; vertical-align:top; line-height:30px;}
.leader-info dd .gwxx a:hover{opacity: .9;}
.leader-resume .common-title{margin-bottom: 15px;;}
.leader-resume .btn{display:none; width:132px; padding:12px 0 13px; background:#f2f2f2; margin:0 auto; color:#035294; text-align:center; cursor:pointer;}
.leader-resume .btn:hover{background:#619bc8; color:#fff;}
.leader-resume .btn span{display:inline-block; vertical-align:top;}
.leader-resume .btn i{display:inline-block; margin-top:4px; vertical-align:top;}

/* 政府机构 */
.zfjg-list{overflow: hidden;}
.zfjg-list ul{margin:0 -10px;}
.zfjg-list li{float: left; width: 25%;}
.zfjg-list li a{display: block; position: relative; height: 62px; margin:0 10px 20px; padding: 0 10px; line-height: 24px; background: #f7f7f7; text-align: center;overflow:hidden; transition: all .3s; -webkit-transition: all .3s; font-size: 1.125em;}
/* .zfjg-list li a:before{position: absolute; left: 20px; top: 0; bottom: 0; margin: auto 0; content: ''; width: 22px; height: 23px; background: url(../images/zqdh_icon.png) no-repeat;} */
.zfjg-list li a:after{content:''; width: 0; height: 100%; display: inline-block; vertical-align: middle;}
.zfjg-list li a:hover{color: #bf2034;}
.zfjg-list li a span{display: inline-block; vertical-align: middle; max-height: 48px; overflow: hidden;}
/* .zfjg-list li a:hover:before{background-image: url(../images/zqdh_icon_active.png);} */

.queryForm{padding: 5% 15% 5% 18%; border: 1px solid #e2e2e2;}
.queryForm .layui-form-label font{color: #f00;}
.queryForm .layui-input-block .layui-input{width: 80%;}
.queryForm .layui-form-code{float: left; border: 1px solid #e6e6e6;}
.queryForm .layui-form-code img{display: block; height: 36px;}

/* 信访须知 */
#notice {
    background: url(../images/bgLetter.jpg) center top no-repeat #f2f2f2;
    min-height: 500px;
    padding: 50px 140px 80px 170px;
}
#notice h3 {
    font-size: 2.25em;
    color: #0a4890;
    text-align: center;
    line-height: 1.5em;
    margin-bottom: 1.25em;
}
#notice .info {
    font-size: 1em;
    line-height: 2.25em;
    height: 325px;
    overflow-y: auto;
}
#notice .info p {
    padding: 1em 0px;
	text-align: justify;
}
#notice .center {
    overflow: hidden;
    height: 40px;
    text-align: center;
    padding-top: 50px;
}
#notice .yesBtn {
    background: #14549d;
    vertical-align: middle;
    margin-right: 20px;
    cursor: pointer;
    border: none;
    width: 166px;
    height: 40px;
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    color: #fff;
    line-height: 40px;
    display: inline-block;
    text-decoration: none;
}
#notice .noBtn {
    background: #d3d3d3;
    vertical-align: middle;
    border: none;
    cursor: pointer;
    width: 75px;
    height: 40px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #555
}

@media (max-width: 1199px){
.leader-menus{padding-bottom:15px;}
.leader-list{padding:0 15px;}
.leader-intro{padding:15px 0;}
.leader-info dd>div{margin-left:20px;}

.zfjg-list li{width: 33.3333%;}

#notice{padding: 5%; background-size: cover;}
}

@media (max-width: 991px){
.hadSplit:before{content:normal;}
.hadBox:before{content:normal;}
.fullscreen .pagediv{padding-bottom:25px;}
.sideBar{float:none !important; width:auto !important;}
.mainContent{float:none !important; width:auto !important;}
.mainContent .inBox{margin-right:0 !important; margin-left:0 !important; padding: 0 !important;}
.mainContent .rel-appendixs{border-top-width:1px; border-top-style:dashed;}
.newsMode{display:none;}
.mainContent  .pageList#ajaxList{margin-top:0;}

.sideBar.mb{margin-bottom:0;}
.mobile-sideBar{position:fixed; left:-200px; top:0; bottom:0; z-index:199; background:rgba(0,0,0,0.6)!important; width:200px!important; transition: all .3s; -webkit-transition:all .3s; box-shadow:0 0 5px rgba(0,0,0,0.4);}
.mobile-sideBar-mark{position:fixed; top:0; bottom:0; left:0; right:0; background-color:rgba(0,0,0,0.3); z-index:100; display:none;}
.mobile-sideBar-over{width:200px; height:100%; overflow-x:hidden;}
.mobile-sideBar-scroll{position:relative; width:220px; height:100%; overflow-x:hidden;}
.mobile-sideBar-icon{position:absolute; left:100%; bottom:0; z-index:113; width:40px; height:40px; background:url(../images/site_tree_ico.gif) no-repeat center center; background-color:rgba(0,0,0,0.6); border-radius:0 4px 0 0;   cursor: pointer; box-shadow: 0 0 5px rgba(0,0,0,0.5);}
.mobile-sideBar-icon-open{transform: rotate(180deg); border-radius: 0 0 0 4px;}

.parentName{padding:5% 5% 5% 10%; margin-right:20px; text-align:left; display:none;}
.sideMenu{padding-top:0; padding-bottom:0; margin-top:-1px; margin-right:20px; margin-bottom:0;}
.sideMenu li{margin-top:0;}
.sideMenu li a{padding:5% 5% 5% 10%; border-top:1px solid rgba(255,255,255,.9);}

.pageLists .setMode{margin-bottom:20px;}
.pageLists .setMode:last-child{margin-bottom:20px;}

.pageNavs li{width:33.33333% !important;}
.pageNavs li a{padding-top:10px; padding-bottom:10px;}

.leader-menus{margin-top:-1px;}
.leader-menus>li{margin-top:0; border-top:1px solid #fff;}
.leader-menus li h3{padding-right:30px; padding-left:20px;}
.leader-menus li .sub ul li a{padding-right:30px; padding-left:20px; border-right-width:0; border-left-width:0;}
.leader-menus li .sub ul li.on:before{content:normal;}
.leader-list{margin-top:-15px; padding:0; border:none;}

.queryForm{padding: 5%;}
.queryForm .layui-input-block .layui-input{width: 92%;}
}

@media (max-width:768px) {
.leader-info dt{position: static; width: auto;}
.leader-info dt .pic{width:150px; margin:0 auto;}
.leader-info dd{float:none; width:auto;}
.leader-info dd>div{margin-left:0;}
.leader-info dd .leader-name{padding-bottom: 15px; border-bottom:1px solid #ededed;}
.leader-info dd .leader-name h5{float: none; display: block; margin-top: 10px; margin-right: 0; margin-bottom: 10px; text-align: center;}
.leader-info dd .leader-name h6{float: none; display: block; text-align: center;}
.leader-info dd .leader-text{padding-right:0;}
.leader-info dd .gwxx a{margin: 0 auto;}

.zfjg-list li{width: 50%;}

.queryForm{padding: 0; border: none;}
.queryForm .layui-input-inline{width: 120px;}

.xxxzscreen .mainBox{padding: 0; margin-bottom: 0;}
#notice h3{padding-top: 5%; padding-bottom: 5%; margin-bottom: 0;}
#notice .info{height: auto;}
#notice .info p{padding: .5em 0;}
#notice .center{padding-top: 5%;}
}

@media (max-width: 640px){
.leader-intro dt{float:none; width:auto;}
.leader-intro dt .pic{width:150px; margin:0 auto;}
.leader-intro dd{margin-top:0; margin-left:0;}
.leader-intro dd .txt{margin-top:10px;}
.leader-text{height:auto; overflow:hidden;}

.ztzl-list li{width:50%;}

}


@media (max-width: 450px){
.pageNavs li{width:100% !important;}
.queryForm .layui-input-inline{float: none; width: auto; left: auto; margin: 0 0 10px 110px;}
.queryForm .layui-input-inline .layui-input{width: 92%;}
.queryForm .layui-form-code{margin-left: 110px;}
}

@media (max-width: 360px){
.leader-intro dd .txt label{position:relative; display:block; padding-left:18px; color:#c5000b;}
.leader-intro dd .txt label:before{position:absolute; top:50%; left:0; width:4px; height:20px; margin-top:-9px; content:""; background-color:#c5000b;}
.leader-intro dd .txt .cont{margin-left:0;}
.zfjg-list li{width: 100%;}
}