@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:url(/gasrmzf/xhtml/images/zwgk_zdly_btnbg.png) no-repeat #b7a075; background-size: 100% 100%;}

.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:#8e6d2e;}
.sideMenu li.on > a{color:#8e6d2e; background-color:#eae5dc; font-weight: bold;}


.column_pages .page-title{border-bottom-width: 2px;}
.mainContent .page-title li{padding-top:12px; padding-bottom:20px;}
.column_pages .page-title li:before{bottom: -2px; height: 2px;}
.column_pages .page-title + .pageList{margin-top: 15px;}

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

/* 领导之窗 */
.ldzc-mainBox .parentName{margin-bottom:0;cursor: pointer;}
.ldzc-mainBox .parentName span{position: relative;}
.ldzc-mainBox .sideMenu{text-align: center;display: none;}
.ldzc-mainBox .sideMenu.on{display: block;}
.ldzc-mainBox .sub-parent{position: relative;font-size: 1.25em;padding: 10px 10%; background: #eae5dc;}
.ldzc-mainBox .sub-parent:before{content:""; height: 1px;position: absolute;left:20px; right: 20px;top:50%; background: rgba(182, 150, 96, .3)}
.ldzc-mainBox .sub-parent span{display: inline-block;padding: 5px 10px;min-width:60px;background: #eae5dc; position: relative; z-index: 1;}
.ldzc-mainBox .sideMenu li.on > a{background: none;}
.ldzc-mainBox .sideMenu ol{padding: 10px 0 20px;}
.ldzc-intro{display: table;}
.ldzc-intro .photo{vertical-align: top;}
.ldzc-intro .photo,
.ldzc-intro .txt{display: table-cell;}
.ldzc-intro .photo{width: 150px;}
.ldzc-intro .photo img{display: block; border-radius: 4px; width: 150px;}
.ldzc-intro .txt{padding-left: 30px;}
.ldzc-intro .txt .name{padding: 10px 0 40px; font-size: 1.3125em;}
.ldzc-intro .txt .cont,
.ldzc-mainBox .jianjie .cont{line-height: 2.2; text-align: justify;}

/* 民意征集 */
.myzj-list li em{font-style: normal; margin-right: 10px; color: #999;}
.myzj-list li em.ing{color: #ea2b22;}
.myzj-list li.jgfk h4 > a{max-width:calc(100% - 100px);}
.myzj-list li .yjfk{margin-left: 10px; padding: 0 8px; background: #b7a075; color: #fff; border-radius: 3px; font-size: .9375em; transition: .3s all;}
.myzj-list.dot li:hover .yjfk{color: #fff;}
.myzj-list.dot li .yjfk:hover{background: #f3f0ea;}

/* 网站地图 */
.websiteMap .setModule{border-bottom:1px dashed #e5e5e5;}
.websiteMap .common-title{line-height:46px; background-color:#f8f8f8;}
.websiteMap .newsList{padding:15px 0;}
.websiteMap .newsList li{float:left; width:25%;}
.websiteMap .newsList li h4{padding-right:15px; font-size:1em;}
.websiteMap .newsList li h4:before{width:5px; height:5px; border-radius:50%;}

/* 组织机构 */
.zzjg-list.twoCol li{width: 25%;}


@media (max-width: 1260px) {
  .pagediv{padding-top:20px;}
  .mainContent .inBox{margin-left:20px;}
  .mainContent .detail{padding:0 !important;}
  .websiteMap .newsList{padding-top:10px; padding-bottom:10px;}
}

@media (max-width: 1199px){

}

@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;}
  .mobile-sideBar.active{left: 0; 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-scroll{position:relative; height:100%; overflow-x:hidden;}
  .mobile-sideBar-icon{position:absolute; left:100%; bottom:0; z-index:13; width:40px; height:40px; background:url(/gasrmzf/xhtml/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);}
  .ldzc-mainBox .parentName{text-align: center;}
  .ldzc-mainBox .sideMenu ol{padding: 0;}
  .ldzc-mainBox .sideMenu li > a{text-align: center;}
  .ldzc-mainBox .sideMenu li.on > a{background: #f5f6f7;}
  .ldzc-mainBox .sub-parent:before{left: 10px; right: 10px;}
  .pageFirstCont{padding-top:15px;}

}

@media (max-width: 992px){
  .websiteMap .newsList{padding:10px 5px 0;}
	.websiteMap .newsList li{width:33.33333%;}
  .zzjg-list.twoCol li{width: 33.33333%;}
}


@media (max-width:768px) {
  .ldzc-intro .photo,
  .ldzc-intro .txt{display: block;}
  .ldzc-intro .txt{padding-left: 0;}
  .ldzc-intro .photo{margin: 0 auto; padding-top: 20px;}
  .ldzc-intro .txt .name{text-align: center; padding: 20px 0 50px;}
  .zzjg-list.twoCol li{width: 50%;}
}

@media (max-width: 640px){

}

@media (max-width: 480px){
  .websiteMap .newsList li{width:50%;}
  .zzjg-list.twoCol li{width: 100%;}
}

@media (max-width: 414px){

}

@media (max-width:375px){

}

@media (max-width: 320px){
  .websiteMap .newsList li{width:100%;}

}