@charset "utf-8";

/*layout*/
.sideMenu li a:after{-webkit-transition:300ms; -moz-transition:300ms; -o-transition:300ms; transition:300ms;}
.sideBar{float:left; width:18%;}
.sideBar .inBox{position:relative; z-index:2;  border: #a3c0e0 1px solid; background: #f8fbff;}
.sideBar .inBox:before{content: ''; width: 2px; position: absolute; top: -1px; bottom: -1px; left: -1px; z-index: 3; background: #1580e4;}
.mainContent{float:right; width:82%;}
.mainContent .inBox{margin-left:40px; background-color:#fff;}

.parentName{position:relative; z-index:11; line-height:160%; padding:15px 0 15px 30px; font-size:1.5em; font-weight:bold; color:#0968d3;}

.sideMenu li a{position:relative; display:block; padding:16px 45px 16px 29px; font-size:1.125em; line-height:1.6em; border-top: transparent solid 1px; border-bottom: transparent solid 1px;}
.sideMenu li a:after{content: ''; width: 6px; height: 10px; position:absolute; right: 28px; top: 50%; margin-top: -5px; background: url(../images/sidebar_arrow.png;vpn_img) no-repeat; opacity: .3;}
.sideMenu li.on > a,
.sideMenu li a:hover{color:#0968d3; background-color:#f0f6fb;}
.sideMenu li.on > a{ border-color: #a3c0e0;}
.sideMenu li.on a:before{content: ''; width: 3px; position: absolute; top: -1px; bottom: -1px; left: -1px; z-index: 3; background: #1580e4;}
.sideMenu li.on a:after,
.sideMenu li a:hover:after{opacity: .6;}

/* singlePage */
.article-title{text-align:center; font-size:2em; line-height:140%; padding:15px 0 30px;}
.article-attr{padding-bottom:12px; color:#888888; border-bottom:#e1e1e1 1px solid; text-align: center;}
.article-attr span{margin: 0 10px;}
.article-attr b{font-weight: normal;}

.article-content{clear:both; padding:30px 20px; line-height:2.25; overflow:hidden;}
.article-content p{margin:15px 0;}
.article-content table,
.article-content video,
.article-content img{max-width:100%;}


.pageListPic{overflow:hidden;}
.pageListPic ul{margin-right:-15px; margin-left:-15px; overflow:hidden; zoom:1;}
.pageListPic ul li{position:relative; float:left; width:20%;}
.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:460px; 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:0 10px;font-size: 1em;text-align: center;overflow: hidden;white-space: nowrap; text-overflow: ellipsis;-o-text-overflow: ellipsis; /*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%;}
.oPageListPic ul li span.pic{height: 460px;}
.oPageListPic ul li span.txt{font-size: 1.125em;}

/*领导详情页*/
.ldzc-mainBox .mainContent .inBox{margin-left: 65px;}
.ldzc-mainBox .sideBar .inBox{background: none;}
.ldzc-mainBox .sideBar .inBox:before{display: none;}
.ldzc-mainBox .parentName{text-align: center;padding:15px 10px;}
.ldzc-mainBox .parentName span{position: relative;}
.ldzc-mainBox .parentName span:before{content:"";display: block; position: absolute;left:0;right:0;top:-18px;height: 4px;background: #0968d3;border-radius: 1.5px;}
.ldzc-mainBox .sideMenu{text-align: center;padding-bottom: 170px;}
.ldzc-mainBox .sub-parent{position: relative;font-size: 1.25em;margin:10px 17% 0;}
.ldzc-mainBox .sub-parent:before{content:"";width:100%;height: 1px;position: absolute;left:0;top:50%;z-index: -1; background: #a3c0e0;}
.ldzc-mainBox .sub-parent span{display: inline-block;padding: 5px 10px;min-width:60px;background: #fff;}
.ldzc-mainBox .sideMenu li a{padding: 12px 10px;}
.ldzc-mainBox .sideMenu li.on > a{background: none;border-color: transparent;}
.ldzc-mainBox .sideMenu li.on > a:before,.ldzc-mainBox .sideMenu li.on > a:after,.sideMenu li a:after{display: none;}
.ldzc-mainBox .ld-mes .imgbox{float: left;max-width:149px;border-radius: 5px;overflow: hidden;}
.ldzc-mainBox .ld-mes .imgbox img{display: block;}
.ldzc-mainBox .ld-mes .txtbox{padding: 0 20px 0 205px;}
.ldzc-mainBox .ld-mes .name{font-size: 1.3125em;margin:10px 0 40px;}
.ldzc-mainBox .tit{margin-bottom: 10px;font-size: 1.3125em;color:#0968d3;}
.ldzc-mainBox .des{line-height: 2.2;text-align: justify;}
.ldzc-mainBox .des p{text-indent: 0!important;}

.ldzc-news .tab-brief .hd li:after{background: #0968d3;height: 3px;bottom: -2px;}
.ldzc-news .tab-brief.f24 > .hd li{font-weight: normal;}
.ldzc-news .tab-brief > .hd li b{font-size: 0.875em;}
.ldzc-news .tab-brief > .hd li.on{color:#333;}

/* 政府机构 */
.bms-list{overflow: hidden;}
.bms-list ul{margin:0 -15px;}
.bms-list li{float: left; width: 20%;}
.bms-list li a{display: block; height: 52px; margin:0 15px 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: #f2f6fb; color: #156fcf; border-color: #d3e8f4;}
.bms-list li a span{display: inline-block; vertical-align: middle;}

/* 政务新媒体矩阵 */
.zwxmtjz_ewm .zwxmtjzTie{position: relative;text-align: center;}
.zwxmtjz_ewm .zwxmtjzTie span{font-size: 24px;font-weight: bold;}
.zwxmtjz_ewm .zwxmtjzTie i{display: block;position: absolute;top: 50%;left: 0; z-index: 1;width: 42%;height: 1px;background: #b5c7ec;margin-top: 6px;}
.zwxmtjz_ewm .zwxmtjzTie i.r{right: 0;left: inherit;}
.zwxmtjz_ewm .zwxmtjzTie i::before {content: '/';position: absolute;top: -18px;right: 0px;color: #4072d8;transform: rotate(113deg);}
.zwxmtjz_ewm .zwxmtjzTie i.r::before{left: 0px;right: initial;transform: rotate(0deg);}
.zwxmtjz_ewm .zwxmtjzCon{overflow: hidden;padding: 20px 0;background: #f7f7f7;}
.zwxmtjz_ewm .zwxmtjzCon .l{width: 20%;float: left;text-align: center;border-right: 1px solid #e1e1e1;}
.zwxmtjz_ewm .zwxmtjzCon .l img{width: 110px;height: 110px;}
.zwxmtjz_ewm .zwxmtjzCon .l span{display: block;}
.zwxmtjz_ewm .zwxmtjzCon .r{width: 77%;float: right;padding-top: 30px;}
.zwxmtjz_ewm .zwxmtjzCon .r span{font-weight: bold;font-size: 17px;}
.zwxmtjz_ewm .zwxmtjzCon .r p{margin-top: 10px;margin-right: 20px;}
/* .zwxmtjz_list{overflow: hidden;} */
.zwxmtjz_list .tie{border-bottom: 1px solid #e1e1e1;font-size: 18px;padding-bottom: 12px;}
.zwxmtjz_list .tie span{position: relative;padding-bottom: 15px;font-weight: bold;}
.zwxmtjz_list .tie span:after {content: '';position: absolute;width: 40%;bottom: 0px;left: 0;right: 0;margin: 0 auto;height: 6px;background: #f44336;border-radius: 3px;transition: all .3s;-webkit-transition: all .3s;overflow: hidden;}
.zwxmtjz_list ul{margin:0 -8px;}
.zwxmtjz_list li{float: left;width: 20%;position: relative;}
.zwxmtjz_list li a{display: block;height: 52px;margin:0 8px 20px;padding: 0 5px;line-height: 20px;border:#e1e1e1 1px solid;text-align: center;overflow:hidden;transition: all .3s;-webkit-transition: all .3s;}
.zwxmtjz_list li a:after{content:''; width: 0; height: 100%; display: inline-block; vertical-align: middle;}
.zwxmtjz_list li.row2 a{line-height: 20px; padding: 6px 5px; white-space:normal;}
.zwxmtjz_list li a:hover{background: #f2f6fb; color: #156fcf; border-color: #d3e8f4;}
.zwxmtjz_list li a span{display: inline-block; vertical-align: middle;}
.zwxmtjz_list .ewm{display: none;border-radius: 4px;margin: 0 6px;position: absolute;border: 1px solid #1580e4;text-align: center;z-index: 100;background: #fff;left: 0;right: 0;bottom: 90px;padding: 20px 10px;box-shadow: 0px -5px 10px #cdc8c8;}
.zwxmtjz_list .ewm::before{content: "";position: absolute;padding: 11px;bottom: -20px;left: 0;right: 0;}
.zwxmtjz_list .ewm::after{content: "";position: absolute;width: 14px;height: 8px;background: url(/vpn/89/http/P75YPLU3NFSXR7LPF3UX87SPMNYA/ycsrmzf/xhtml/images/icon_links_blue.png;vpn_img);background-color: #fff;left: 0;right: 0;bottom: -8px;margin: 0px auto;}
.zwxmtjz_list .ewm dl dt strong{display: block;color: #0061bc;font-size: 17px;margin-bottom: 6px;}
.zwxmtjz_list .ewm dl dd.on{width: 50%;float: left;margin-top: 6px;margin-bottom: 6px;}
.zwxmtjz_list .ewm dl dd p{color: #0061bc;}
.zwxmtjz_list .ewm dl dd img{width: 96px;height: 96px;}
.zwxmtjz_list .ewm dl dd img:hover{transform:scale(2.4,2.4);position: relative;z-index: 10000;box-shadow: 1px 1px 2px #dee2e5;}

/* 网站地图 */
.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%;}

/* 民意征集 */
.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: #5e9ad4; 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{color: #fff; background: #0968d3;}


@media (max-width: 1480px) {
  .sideBar{float:left; width:20%;}
  .mainContent{float:right; width:80%;}
  .mainContent .inBox{margin-left: 30px;}
  .article-title{padding-bottom: 20px;}
  .article-attr{font-size: .9375em;}

  /*领导详情*/
  .ldzc-mainBox .mainContent .inBox{margin-left: 45px;}

  .bms-list ul{margin:0 -10px;}
  .bms-list li a{margin-left: 10px; margin-right: 10px;}

  .zwxmtjz_list li{width: 25%;}
}


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

@media (max-width: 1199px){
  .pageLists .newsList{padding-top:10px; padding-bottom:10px;}
  .pageLists .setModule.mt{margin-top:15px;}	
  .zwxmtjz_list li{width: 33.3333%;}
  .zwxmtjz_ewm .zwxmtjzTie i{width: 38%;}
}

@media (max-width: 1023px){
  .sideBar{float:none; width:100%; padding-bottom:0; margin-bottom:0;}
  .sideBar .inBox{height: auto !important; z-index: 20; border: 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:50px; z-index:13; width:50px; height:50px; background:url(../images/site_tree_ico.gif;vpn_img) 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{padding:12px 15px; background: #0968d3; color: #fff; font-size: 1.25em;}
  .mobile-sideBar .inBox:before{display: none;}
  .mobile-sideBar .sideMenu li.on a{border-color:transparent;}
  .mobile-sideBar .sideMenu li.on a:before{display: none;}
  .mobile-sideBar .sideMenu li a{padding:12px 28px 12px 15px; text-align:left; background: #f5f6f7; margin-bottom: 0; border-bottom:1px solid rgba(255,255,255,.8); font-size: 1em;}
  .mobile-sideBar li a:after{right: 15px;}
  .pageListPic{margin-bottom:0;}
  .pageListPic ul li{width:33.33333% !important;}
  .pageListPic ul{margin-right:-8px; margin-left:-7px;}
  .pageListPic ul li a{margin:15px 8px 0 7px;}

  /*领导详情*/
  .ldzc-mainBox .mainContent .inBox{margin-left: 0;}
  .ldzc-mainBox .parentName{margin-bottom: 15px;}
  .ldzc-mainBox .sub-parent{margin:0;background: #f5f6f7;}
  .ldzc-mainBox .sub-parent:before{z-index: 1;width:80%;left:10%;background: #0968d3;}
  .ldzc-mainBox .sub-parent span{position: relative;z-index: 2;background: #f5f6f7;}
  .ldzc-mainBox .mobile-sideBar .sideMenu li a{text-align: center;border-bottom: none;}
  .ldzc-mainBox .sideBar .inBox{overflow: hidden;height:100%!important;background: #f5f6f7;}
  .ldzc-mainBox .sideBar .mobile-sideBar-scroll{width:220px;overflow-y:auto;}

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

  
}

@media (max-width: 992px){
  .websiteMap .newsList{padding:10px 5px 0;}
	.websiteMap .newsList li{width:33.33333%;}
  .zwxmtjz_list li{width: 50%;}
  .zwxmtjz_ewm .zwxmtjzTie i{width: 34%;}
}


@media (max-width:768px) {
  .article-content{padding-left: 0; padding-right: 0;}
  .pageListPic ul li{width:50% !important;}
  .pageListPic ul li span.txt{padding:5px;}

  /*领导详情*/
  .ldzc-mainBox .ld-mes .imgbox{float: none;margin: 30px auto;}
  .ldzc-mainBox .ld-mes .imgbox img{margin: 0 auto;}
  .ldzc-mainBox .ld-mes .name{text-align: center;}
  .ldzc-mainBox .ld-mes .txtbox{padding:0;}

  .zwxmtjz_ewm .zwxmtjzTie i{width: 26%;}
}

@media (max-width: 640px){
  .pageListPic ul li span.pic{height:160px;}
  .bms-list li{width: 50% !important;}

  .zwxmtjz_ewm .zwxmtjzCon{padding: 20px;}
  .zwxmtjz_ewm .zwxmtjzCon .r span{text-align: center;display: block;}
  .zwxmtjz_ewm .zwxmtjzCon .l{width: 100%;border-right:none;}
  .zwxmtjz_ewm .zwxmtjzCon .r{width: 100%;}
  .zwxmtjz_ewm .zwxmtjzCon .r p{margin-right: 0px;text-align: justify;}

  .zwxmtjz_list li{width: 100%;}
}

@media (max-width: 480px){
  .pageListPic ul li span.pic{height:132px;}
  .websiteMap .newsList li{width:50%;}
}

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

  .zwxmtjz_list .ewm dl dd img:hover{transform:scale(2.3,2.3);}
}

@media (max-width:375px){

}

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

}

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