@charset "utf-8";
/*layout*/
.sideBar{float:left; width:17.5%;}
.mainContent{float:right; position: relative; width:82.5%;}
.mainContent .inBox{padding-left:20px; margin-left: 20px;}
.mainContent .detail{padding-right:0!important; padding-bottom:0!important;}
.mainContent .pageList{margin-bottom:15px;}
.sideBar .in_box{position: relative;}
.sideBar .in_box:after, .mainContent:before{content: ''; width: 1px; height: 100%; position: absolute; top: 0; bottom: 0; background: #eeeeee;}
.sideBar .in_box:after{ right: -21px;}
.mainContent:before{ left: 20px;}

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

.sideMenu{position:relative; z-index:13; overflow:hidden;}
.sideMenu li{margin-bottom:10px;}
.sideMenu li a{position:relative; display:block; padding:19px 20px; color: #365f93; font-size:1.125em; line-height:1.6em; text-align:center; background-color:#ecf1f6;}
.sideMenu li a:hover{ background-color:#dee5ef;}
.sideMenu li.on a{color:#fff; background-color:#4675bd; font-weight: bold;}
.sideMenu li.img a{padding: 0;}
.sideMenu li.img a img{display: block; transform: .3s all;}
.sideMenu li.img a:hover img{opacity: .85;}

.page-title{padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #e5e5e5;}
.page-title h2{display: inline-block; position: relative; padding-left: 25px; font-size: 1.5em; color: #4675bd; font-weight: bold; }
.page-title h2:before{content:''; position: absolute; width: 5px; height: 18px; left: 0; top: 10px; background: #ee5e37;}

/*list*/
.pageList li{ position:relative; padding:7px 100px 7px 0; clear:both; overflow:hidden; line-height:1.6;}
.pageList li .time{ position:absolute; right:0; top:7px; color:#999999;}
.pageList li a{float:left; max-width:96%; color: #595959; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}
.pageList li a br{display: none;}
.pageList li a:hover{color:#4675bd;}
.singlePage{line-height:2.25; font-size: 16px;}

.pageList.split li:nth-child(5n),
.pageList.split .addLine{margin-bottom:15px; padding-bottom:25px; border-bottom:1px dashed #e5e5e5;}
.pageList.split.ldzclist li:nth-child(5n){margin-bottom:0px; padding-bottom:7px; border-bottom:0;}
.pageLists .setModule:last-child{margin-bottom: 0;}

.pageFirstCont{font-size:1em; line-height:200%;}
.pageFirstCont p{margin-bottom:15px;}
.pageFirstCont p a{color:#4675bd;}

.pageListPic{overflow:hidden;}
.pageListPic ul{margin-right:-10px; margin-left:-10px; overflow:hidden; zoom:1;}
.pageListPic ul li{position:relative; float:left; width:33.333%;}
.pageListPic ul li a{display:block; margin:0 10px 20px; font-size:1em; overflow:hidden;}
.pageListPic ul li span.pic{display:block; width:100%;  height:242px; background-color:#ebebeb; overflow:hidden;}
.pageListPic ul li span.pic img{display:block;  width:100%; height:100%;}
.pageListPic ul li span.txt{display:block; padding:10px; font-size:0.9375em; 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 ul li span.txt font br{display: none;}
.pageListPic.spread ul li{width:25%;}


/* 领导之窗 */
.ldzc-attr{position: relative; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 2px solid #f2f2f2; display: table; width: 100%;}
.ldzc-attr dt, .ldzc-attr dd{display: table-cell; vertical-align: top;}
.ldzc-attr dt{width: 190px;}
.ldzc-attr dt img{display: block; width: 150px; padding: 5px; border: 1px solid #e9e9e9;}
.ldzc-attr dd h2{margin-bottom: 20px; padding-top: 10px; font-size: 1.375em; font-weight: normal; line-height: 1.5;}
.ldzc-attr dd h2 strong{color: #ee5e37; margin-right: 10px; font-weight: normal;}
.ldzc-attr p{padding:4px 0; line-height: 2; color: #666;}
.ldzc-attr p b{font-weight: normal;}
.ldzc-grjl{line-height: 2.4;}


/* 数据开放 */
.sjkf ul{margin: 0 -15px;}
.sjkf ul li{width:33.33333%; float:left;}
.sjkf ul li dl{margin: 0 15px 40px; height: 88px; display: block; position: relative;}
.sjkf ul li a:hover{color:#cf0924;}
.sjkf ul li dt{position:absolute; left:0; top:0; width:88px; height:88px; text-align:center; background:#2b69b4; line-height:82px;}
.sjkf ul li i img{display: block;}
.sjkf ul li dd{ margin-left:113px; line-height:20px;}
.sjkf ul li h3{display:block; padding:0; margin:0; line-height:35px; font-size:18px; }
.sjkf ul li h4{padding:0; margin:0; font-weight:normal; display:inline; font-size:14px;}

/*数据发布*/
.sjfb-echart .bd{position: relative;}
.sjfb_div_left{width:210px; height: 427px; background: #f5f5f5; position: absolute; left: 0; top: 0;}
.sjfb_div_left strong{ display:block; font-size:18px; font-weight:normal; color:#1e4b8f; margin-bottom:20px;}
.sjfb_div_left span{ display:block; line-height:25px; height:45px; line-height:45px;font-size:15px;cursor:pointer; background:#dfdfdf; border-bottom:1px solid #fff; color:#666666;}
.sjfb_div_left span i{ display:block; width:30px; height:45px; float:left; margin-left:15px; margin-right:10px;}

.sjfb_div_left span i.ico1{ background:url(/images/20200513ico1.png) no-repeat center;}
.sjfb_div_left span i.ico2{ background:url(/images/20200513ico2.png) no-repeat center;}
.sjfb_div_left span i.ico3{ background:url(/images/20200513ico3.png) no-repeat center;}
.sjfb_div_left span i.ico4{ background:url(/images/20200513ico4.png) no-repeat center;}

.sjfb_div_left span.hover i.ico1{ background:url(/images/20200513ico1_01.png) no-repeat center;}
.sjfb_div_left span.hover i.ico2{ background:url(/images/20200513ico2_01.png) no-repeat center;}
.sjfb_div_left span.hover i.ico3{ background:url(/images/20200513ico3_01.png) no-repeat center;}
.sjfb_div_left span.hover i.ico4{ background:url(/images/20200513ico4_01.png) no-repeat center;}

.sjfb_div_left span.hover{ background:#1e4b8f; color:#fff; font-weight:bold;}
.sjfb_div_right{margin-left: 240px; height: 425px; border: #ececec 1px solid; overflow: hidden; background: #fff;}


/* 设置滚动条的样式 */
/* .common-scrollbar{direction:rtl;} */
.common-scrollbar::-webkit-scrollbar{width: 5px; border-radius: 2px; background: none;}
/*滚动槽*/
.common-scrollbar::-webkit-scrollbar-track{  border-radius: 5px; background: rgba(255,255,255,.2);}
/* 滚动条滑块 */
.common-scrollbar::-webkit-scrollbar-thumb { background-color: rgba(255,255,255,.5); border-radius: 4px;}


/* 清远市基层政务公开事项标准目录 */
.jcml-header{height: 680px; background: url(/images/jcztlogo_gb.png) top center no-repeat; position: relative;}
.jcml-header img{display: none;}
.jcml-main{ background:url(/images/bgbg.jpg) bottom no-repeat; padding-bottom:100px; border-bottom:3px solid #2B69B4;}
.jcml-title{position: relative; text-align: center; margin-bottom: 40px;}
.jcml-title:before{content: ''; position: absolute; left: 0; right: 0; top: 50%; height: 2px; margin-top: -1px; background: #247be0;}
.jcml-title h2{position: relative; display: inline-block; padding: 10px 70px; text-align: center; font-size: 2.5em; background: #fff; color: #2a6ab4;}
.jcml-title h2:before, .jcml-title h2:after{content: ''; position: absolute; top: 50%; width: 20px; height: 20px; margin-top: -12px; background: #fff; border: #2a6ab4 2px solid; border-radius: 50%;}
.jcml-title h2:before{left: -11px;}
.jcml-title h2:after{right: -11px; background-position: -11px 0;}
.jcml-list li{float: left; width: 25%; margin-bottom: 60px;}
.jcml-list li img{display: block; margin: 0 auto 18px;}
.jcml-list li span{display: block; text-align: center; font-size: 1.25em; color: #2b69b4; font-weight: bold;}
.jcml-list li a:hover span{color: #f00;}
.jcml_zzzs{max-width: 1200px; margin:0 auto; text-align: right;}
.jcml_zzzs a{color: #fff; background:url(/2021images/icon_zz.png) no-repeat left center; padding-left: 20px; width: 71px; float: right;}
.jcml_zzzs .zzms_m{display: none;}


/* 政府信息主动公开基本目录清单 */
.zdgkjbml-ban{background: url(/images/banner_mlqd.jpg) no-repeat center center;  width: 100%; height: 560px;}
.zdgkjbml-ban img{display: none;}
.zdgkjbml-intro{position: relative; background: #ffffff; box-shadow: 0 0 8px 0 #cccccc; margin: -60px auto 0; box-sizing: border-box;  padding:20px 30px;  text-align: justify;  text-indent: 2em; line-height: 2.125;}
.zdgkjbml-list ul{padding: 30px; margin: 0 -15px;}
.zdgkjbml-list li{float: left; width: 25%;}
.zdgkjbml-list li h4{padding-top: 10px; padding-bottom: 10px; margin: 0 15px;}
.zdgk_box{max-width: 1200px; margin:0 auto; text-align: right;}
.zdgk_box a{color: #fff; background:url(/2021images/icon_zz.png) no-repeat left center; padding-left: 20px; width: 71px; float: right;}
.zdgk_box .zzms_m{display: none;}

/* 网站年度报表 */
.jgndbb{overflow: hidden;margin-bottom: 20px;}
.jbndbb_hd{height: 30px;margin-bottom:10px; line-height: 30px; font-weight: bold; text-align: center;font-size: 24px; color: #397fbb; background: url(/2021images/wzndbb_r7_c3_s1.jpg) repeat-x;}
.jbndbb_hd span{display: block; width: 303px; margin: 0 auto;background: url(/2021images/wzndbb_r8_c4_s1.jpg) no-repeat left center #fff;}
.jbndbb_hd b{display: block;background: url(/2021images/wzndbb_r9_c4_s1.jpg) no-repeat right center;}
.jgndbb_sideBar{ background-color: #ddd; overflow: hidden; margin-bottom: 10px;}
.jgndbb_sideBar ul li{float: left;margin-bottom: 0px;}


/**** responsive ****/
@media (max-width: 1440px){

}

@media (max-width: 1280px) {
  .bms-list li{width: 25%;}
  .jcml-header, .zdgkjbml-ban{height: auto; background: none;}
  .jcml-header img,  .zdgkjbml-ban img{display: block;}
  .zdgkjbml-list li{width: 33.33333%;}
  .jcml_zzzs a{position: absolute; right: 0px; color: #fff; z-index: 100;}
  .jcml_zzzs .cnwza{display: none;}
  .jcml_zzzs .zzms_m{display: block;}
  .zdgk_box a{position: absolute; right: 0px; color: #fff; z-index: 100;}
  .zdgk_box .cnwza{display: none;}
  .zdgk_box .zzms_m{display: block;}
}


@media (max-width: 1023px){
  .pageListPic ul{margin-right:-8px; margin-left:-7px;}
  .pageListPic ul li a{margin:15px 8px 0 7px;}
  .pageListPic.spread ul li{width:33.33333%;}
  .sjfb-tjnj{margin-bottom: 20px;}
}



@media (max-width: 992px){
  .sjfb_div_left{position: static; height: auto; width: auto;}
  .sjfb_div_right{margin-left: 0;}
}

@media (max-width: 991px){
  .sideBar{float:none; width:100%;}
  .mainContent{float:none; width:100%;}
  .sideBar .in_box:after, .mainContent:before{display: none;}
  .mainContent .inBox{padding-left:0; margin-left: 0;}
  .mainContent .rel-appendixs{border-top-width:1px; border-top-style:dashed;}

  .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-over{overflow-y: auto; max-height: 100%; overflow-x:hidden;}
  .mobile-sideBar-icon{position:absolute; left:100%; bottom:0; z-index:13; width:40px; height:40px; background:url(../2021images/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{margin-bottom: 1px; text-align: left;}
  .sideMenu li{margin-bottom:0; border-top:none;}
  .sideMenu li a{padding-top: 12px; padding-bottom: 12px; border-bottom:1px solid rgba(255,255,255,.8); text-align: left;}

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

  .sjkf ul li{width: 50%;}
  
  .jcml-list ul{margin: 0 -15px;}
  .jcml-list li a{display: block; margin: 0 15px;}


}

@media (max-width:768px) {
  .pageListPic ul li, .pageListPic2 ul li{width:50% !important;}
  .pageListPic ul li span.txt{padding:5px;}

  .ldzc-attr{padding-bottom: 20px; display:block;}
  .ldzc-attr dt, .ldzc-attr dd{display: block;}
  .ldzc-attr dt{padding: 20px 0 10px; width: auto;}
  .ldzc-attr dt img{margin: 0 auto;}
  .ldzc-attr dd h2{text-align: center; font-size: 1.25em; padding-bottom: 20px; background: #F7F9FF;}
  .ldzc-attr dd h2 strong{display: block;}
  .ldzc-attr dt{background: #F7F9FF;}
  .jcml-title{margin:10px 0 30px;}
  .jcml-title h2{font-size: 1.75em; padding-left: 25px; padding-right: 25px;}
  .jcml-title h2:before, .jcml-title h2:after{width: 12px; height: 12px; margin-top: -7px;}
  .jcml-list li span{font-size: 1.125em;}
  .zdgkjbml-list ul{padding-left: 20px; padding-right: 20px;}
  .zdgkjbml-list li{width: 50%;}
}

@media (max-width: 640px){
  .pageListPic ul li span.pic{height:210px;}

  .sjkf ul li{width: 100%;}
  .sjkf ul li dl{margin-bottom: 30px;}
  .sjkf ul li:last-child dl{margin-bottom: 0;}

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

@media (max-width: 480px){
  .pageList li{padding:10px 10px 10px 0 !important;  line-height:1.6; height:auto;}
	.pageList li a, .pageList li .time{float:none; display:inline; position:static; white-space:normal; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:auto;}
  .pageList li a{margin-right: 10px;}
  .pageListPic ul li span.pic{height:170px;}
  .jcml-main{padding-bottom: 20px;}
  .jcml-list li{width: 50%;}
  .zdgkjbml-intro{margin-top: 20px;}
}



@media (max-width: 414px){
  .pageListPic ul li span.pic{height:160px;}
}

@media (max-width:375px){

}

@media (max-width:370px){
  .zdgkjbml-list li{width: 100%;}
}