@charset "utf-8";

/*layout*/
.sideBar{float:left; width:20%; padding-bottom:20000px; margin-bottom:-20000px; background-color:#f5f5f5;}
.mainContent{float:right; width:80%;}
.mainContent .inBox{margin-left:30px; background-color:#fff;}

.parentName{position:relative; z-index:11; line-height:160%; padding:14px 10px; font-size:1.25em; font-weight:bold; color:#fff; text-align:center; background:#2f74db;}

.sideMenu{position:relative; z-index:13;}
.sideMenu li a{position:relative; display:block; padding:16px 10px; margin-bottom: 1px; font-size:1.125em; line-height:1.6em; text-align:center;}
.sideMenu li a:hover{color:#0557ac; background-color:#dee7f0;}
.sideMenu li.on > a{color:#0557ac; background-color:#dee7f0 !important;}
.sideMenu.hs > li> a{background: #e8e8e8;}
.sideMenu.hs ul{padding: 10px 0; display: none;}
.sideMenu.hs ul a{padding:8px 15px; font-size:1em;}
.sideMenu.hs ul a:hover, .sideMenu.hs ul li.on > a{background:none !important; color: #0557ac; font-weight: bold;}

.mainBox .page-title{border-bottom-width: 2px;}
.mainContent .page-title li{padding-top:12px; padding-bottom:20px;}
.mainBox .page-title li:after{bottom: -2px;}
.mainBox .page-title + .pageList{margin-top: 9px;}

.pageFirstCont{padding-top:20px; font-size:1em; line-height:200%;}
.pageFirstCont p{margin-bottom:15px;}
.pageFirstCont p a{color:#1a56a8;}

.pageListPic{overflow:hidden;}
.pageListPic ul{margin-right:-15px; margin-left:-15px; overflow:hidden; zoom:1;}
.pageListPic ul li{position:relative; float:left; width:33.333%;}
.pageListPic ul li a{display:block; margin:30px 15px 0 15px; font-size:1em; overflow:hidden;}
.pageListPic ul li span.pic{display:block; width:100%;  height:182px; background-color:#ebebeb; overflow:hidden;}
.pageListPic ul li span.pic img{display:block;  width:100%; min-height:100%; height:auto;}
.pageListPic ul li span.txt{display:block; padding:10px; font-size:14px; text-align:left; background-color:#f9f9f9; border-right:1px solid #ebebeb; border-bottom:1px solid #ebebeb; border-left:1px solid #ebebeb;}
.pageListPic ul li span.txt:before{display:inline-block; width:1px; height:48px; content:""; vertical-align:middle; visibility:hidden;}
.pageListPic ul li span.txt font{display:inline-block; vertical-align:middle; max-height:48px; line-height:24px; width:99%;}
.pageListPic.spread ul li{width:25%;}

/* 领导之窗 */
.szfld-list{overflow: hidden; padding-top: 35px;}
.szfld-list ul + ul{border-top: #eee 2px solid; padding-top: 50px;}
.szfld-list ul{padding-top: 0; margin: 0 -8px; border-top: 1px solid #fff;}
.szfld-list ul li{float: left; width: 33.333333%; margin-bottom: 50px;}
.szfld-list ul li .box{margin:0 8px;}
.szfld-list ul li img{display: block; margin: 0 auto; width: 140px; height: 187px;}
.szfld-list ul li .txt{text-align: center;}
.szfld-list ul li .txt b{display: block; padding: 12px 0 8px; color: #000;}
.szfld-list ul li .txt b a{color: #000;}
.szfld-list ul li .txt b a:hover{color: #0558b8;}
.szfld-list ul li .txt span{display: block; overflow: hidden; font-size:0.9375em; color: #555; text-overflow: ellipsis; white-space: nowrap;}

.ldzc-attr{position: relative; min-height: 212px; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 2px solid #f2f2f2;}
.ldzc-attr dt{position: absolute; left: 0; top: 0;}
.ldzc-attr dt img{display: block; width: 150px; height: 200px; padding: 5px; border: 1px solid #e9e9e9;}
.ldzc-attr dd{margin-left: 190px;}
.ldzc-attr p{padding:5px 0; line-height: 1.8; font-size: 1.125em;}
.ldzc-grjl{line-height: 2.4;}

/* 市政府信息公开平台 */
.bms-ban{ border:#dce8f5 1px solid; background:url(../images/bms_banner.jpg) no-repeat center center;}
.bms-ban h2{text-align: center; font-size: 2.375em; color: #fff; font-weight: bold; padding:24px 0;}
.bms-list{overflow: hidden;}
.bms-list ul{margin:0 -10px;}
.bms-list li{float: left; width: 20%;}
.bms-list li a{display: block; height: 52px; margin:0 10px 20px; padding: 0 5px; line-height: 20px; border:#e1e1e1 1px solid; text-align: center;overflow:hidden; transition: all .3s; -webkit-transition: all .3s;}
.bms-list li a:after{content:''; width: 0; height: 100%; display: inline-block; vertical-align: middle;}
.bms-list li.row2 a{line-height: 20px; padding: 6px 5px; white-space:normal;}
.bms-list li a:hover{background: #eaf2ff; color: #1a74a8; border-color: #d3e8f4;}
.bms-list li a span{display: inline-block; vertical-align: middle;}
.bms-list.lager li a{height: 80px; font-size: 1.125em;}
.bms-list.lager li{width: 33.3333%;}

/* 政府信息公开意见箱 */
.sideMenu-yjx li a{padding: 19px 20px; color: #0557ac; text-align: left; background-color: #dee7f0;}
.xxgkyjx_type{padding: 10px 20px;}
.xxgkyjx_type .item{margin-bottom: 30px;}

/* 政府公报 */
.zfgb-list ul{ padding-bottom: 50px; background: url(../images/zfgb_bookshelf.png) repeat-y center top;}
.zfgb-list ul li{float: left; width: 20%; padding-top: 24px; margin-bottom: 54px;}
.zfgb-list ul li .box{height:210px; background: url(../images/zfgb_book.png) no-repeat center center;}
.zfgb-list ul li .box a{display: block; width: 160px; height: 100%; margin: 0 auto;}
.zfgb-list ul li .box a span{display: block; padding: 139px 0 0 0; text-align: center; line-height: 32px; color: #0557ac;}
.zfgb-pages{padding: 0 0 40px; text-align: center;}
.zfgb-page-title{margin-bottom: 0;}
.zfgb-title-b{position: relative; padding: 55px 0 40px;}
.zfgb-ss{width: 350px; padding: 0 80px 0 10px; margin:0 auto; position: relative; border: 1px solid #0557ac; border-radius: 3px; overflow: hidden;}
.zfgb-ss .s-btn{position: absolute; right: 0; top: 0; width: 80px; height: 44px; border: 0; cursor: pointer; background: #0557ac; color: #fff;}
.zfgb-ss .s-txt{width: 100%; height: 44px; border: 0;}


@media (max-width: 1260px) {
  .pagediv{padding-top:20px;}
  .mainContent .inBox{margin-left:20px;}
  .mainContent .detail{padding:0 !important;}
  .pageListPic ul{margin-right:-10px; margin-left:-10px;}
  .pageListPic ul li a{margin:20px 10px 0 10px;}
  .bms-list li{width: 25%;}
}

@media (max-width: 1199px){
  .pageLists .newsList{padding-top:10px; padding-bottom:10px;}
  .pageLists .setModule.mt{margin-top:15px;}	
}

@media (max-width: 1023px){
  .sideBar{float:none; width:100%; padding-bottom:0; margin-bottom:0;}
  .mainContent{float:none; width:100%;}
  .mainContent .inBox{margin-left:0;}
  .mainContent .rel-appendixs{border-top-width:1px; border-top-style:dashed;}
  .mainContent .tab-brief > .hd li{padding-top:0; padding-bottom:15px;}
  .mainContent .tab-brief > .hd .common-more{padding-top:0;}

  .mobile-sideBar{position:fixed; left:-200px; top:0; bottom:0; z-index:99; 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:10; 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:13; 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;}

  .mobile-sideBar .parentName{width:170px; padding:12px 15px; text-align:left; margin-bottom:0; border-radius:0;}
  .mobile-sideBar .sideMenu{width:200px; padding-bottom:0; margin-bottom:0;}
  .mobile-sideBar .sideMenu li a{padding:12px 15px; text-align:left; background: #f5f6f7; margin-bottom: 0; border-bottom:1px solid rgba(255,255,255,.8);}
  .mobile-sideBar .sideMenu.hs ul{padding:0;}
  .mobile-sideBar .sideMenu.hs ul a:hover, .mobile-sideBar .sideMenu.hs ul li.on > a{background:#f5f6f7 !important; }

  .pageListPic{margin-bottom:0;}
  .pageListPic ul li{width:33.33333% !important;}
  .pageFirstCont{padding-top:15px;}

  .pageListPic ul{margin-right:-8px; margin-left:-7px;}
  .pageListPic ul li a{margin:15px 8px 0 7px;}
  .pageListPic.spread ul li{width:33.33333%;}

  .bms-list li{width: 33.3333%;}
  .xxgkyjx_type{padding:20px 0;}
  .zfgb-list ul li{width: 33.3333%;}
}

@media (max-width: 992px){
  .szfld-list ul li {width: 33.3333%;}
  .ldzc-attr dt{position: static; padding: 10px 0 30px;}
  .ldzc-attr dt img{margin: 0 auto;}
  .ldzc-attr dd{margin-left: 0;}
  
}


@media (max-width:768px) {
  .pageListPic ul li{width:50% !important;}
  .pageListPic ul li span.txt{padding:5px;}
  .zfgb-list ul{background: none;}
  .zfgb-list ul li{ margin-bottom: 10px;}
  .zfgb-list ul li .box{width: 160px; height: 207px; margin: 0 auto; box-shadow:0 0 10px rgba(0,0,0,0.1);}
}

@media (max-width: 640px){
  .pageListPic ul li span.pic{height:160px;}
  .szfld-list ul li {width: 50%;}
  .ldzc-intro dl{ position: static; margin-bottom: 25px; width: auto;}
  .ldzc-intro dl dt img{margin:0 auto 15px; height: auto;}
  .ldzc-intro .txt{margin-left: 0;}
  .ldzc-intro .txt .duty{margin-bottom: 25px;}
  .bms-list li{width: 50% !important;}
  .zfgb-list ul li{width: 50%;}
  .zfgb-ss{width: 100%; box-sizing: border-box;}
}

@media (max-width: 480px){
  .pageListPic ul li span.pic{height:132px;}
  .bms-ban h2{font-size: 1.8em;}
  .bms-ban{background-size:auto 100%;}
  .zfgb-xcx{position: static; border-radius: 0;}
  .zfgb-title-b{padding:20px 0;}
}

@media (max-width: 414px){
  .bms-list li{width:100% !important;}
}

@media (max-width:375px){

}

@media (max-width: 360px){
  .pageListPic ul li span.pic{height:120px;}
  .zfgb-list ul li{width:100%;}

}