@charset "utf-8";

/*layout*/
.hadBox{position: relative;}
.hadBox:before{position: absolute; top: 0; bottom: 0; left: 0; content: ""; width: 18%; background-color: #e9f2fc;}

.side-bar{float: left; width: 18%;}
.main-content{float: right; width: 82%;}
.main-content .inbox{position: relative; z-index: 112; margin-left: 30px;}

.parent-name{position: relative; z-index: 111; background-color: #fff;}
.parent-name font{position: relative; z-index: 110; float: left; max-width: 100%; padding: .4125em .9375em; font-weight: bold; font-size: 1.375em; color: #fff; line-height: 1.5em; text-align: left; background-color: #257de1; border-top-right-radius: 25px; overflow: hidden;}
.parent-name:after{position: absolute; right: 0; bottom: 0; left: 0; z-index: 109; content: ""; height: 25%; background-color: #e9f2fc;}

.side-menu{position: relative; z-index: 112; padding-bottom: 15px; overflow: hidden;}
.side-menu li a{position: relative; display: block; margin: 15px 15px 0; padding: .6125em 5%; font-size: 1.125em; line-height: 1.5em; text-align: center; background-color: #fff; border: 1px solid #ddd;}
.side-menu li a:hover{color: #257de1; border-color: #ccc;}
.side-menu li a.aon{color: #257de1; border-color: #97c1f0; filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1;}
.side-menu li a.aon:hover{color: #257de1; border-color: #97c1f0; filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1;}


.page-list-box{}

.page-lists-box{}

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

/*领导信息*/
.leader-menus{position: relative; z-index: 111; overflow: hidden;}
.leader-menus li h3{font-size: 1.125em; background-color: #edf7ff;}
.leader-menus li h3 a{display: block; position: relative; margin-top: .5em; padding: .625em 5%; color: #257de1; border-top: 1px solid rgb(255,255,255); cursor: pointer;}
.leader-menus li h3 a img{margin-top: -2px; margin-right: .3125em;}
.leader-menus li h3 a .iconfont{position: absolute; top: 50%; right: 5%; margin-top: -.5em; font-size: .75em; font-weight: bold; line-height: 1em; background-repeat:no-repeat;}
.leader-menus li.on h3 a{font-weight: bold; color: #fff; background-color: #257de1;}
.leader-menus li.on h3 a .iconfont{content: ""; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);}
.leader-menus li .sub{display: none;}
.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; position: relative; padding: .5em 5%; margin-top: .3125em; font-size: 1em; line-height: 1.6em; min-height: 1.6em; text-align: left; background-color: #eee; border-top: 1px solid #eee; border-radius: 3px; overflow: hidden;}
.leader-menus li .sub ul li a:hover{color: #c00; background-color: #f4f4f4; border-top-color: #f4f4f4;}
.leader-menus li .sub ul li span{position: absolute; top: 50%; left: auto; margin-top: -.8em; color: #333;}
.leader-menus li .sub ul li font{float: right; max-width: 150px; margin-top: 2px; font-size: 12px; color: #999; text-align: right; line-height: 20px;}
.leader-menus li .sub ul li.on a{color: #015095; background-color: #edf7ff; border-top-color: #257de1;}

.leader-text{line-height: 2.2em; text-align: justify; overflow: hidden;}
.leader-info{padding-top: .875em;}
.leader-info dt{float: left; width: 35%;}
.leader-info dt .pic{overflow: hidden;}
.leader-info dt .pic img{display:block; width:162px; margin: 0 auto; height:auto;}
.leader-info dd{float: right; width: 65%;}
.leader-info dd .name{margin-bottom: 1.5em; font-size: 1.5em; font-weight: bold; color: #257de1;}
.leader-info dd .item{position: relative; margin-top: .625em; padding-left: 6.25em; font-size: 1.125em; line-height: 31px;}
.leader-info dd .item label{position: absolute; top: 0; left: 0; width: 5.5em; text-align: center; color: #257de1; background-color: #eee;}
.leader-info dd .item .cont{text-align: justify;}

.leader-resume .common-head{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;}


@media (max-width: 1500px){
  .hadBox:before{width: 20%;}
  .side-bar{width: 20%;}
  .main-content{width: 80%;}
  .side-menu{padding-bottom: 13px;}
  .side-menu li a{margin: 13px 13px 0;}
}

@media (max-width: 1439px){
  .parent-name font{font-size: 1.25em; border-top-right-radius: 20px;} 
}

@media (max-width: 1199px){
  .leader-menus li .sub ul li font{max-width: 140px;}
  .hadBox:before{width: 24%;}
  .side-bar{width: 24%;}
  .main-content{width: 76%;}
  .main-content .inbox{margin-left: 20px;}
}

@media (max-width: 1023px){
  .hadSplit:before{content:normal;}
  .hadBox:before{content:normal;}
  .fullscreen .pagediv{padding-bottom:25px;}
  .side-bar{float:none !important; width:auto !important;}
  .main-content{float:none !important; width:auto !important;}
  .main-content .inbox{margin-right:0 !important; margin-left:0 !important; padding: 0 !important;}
  .main-content .rel-appendixs{border-top-width:1px; border-top-style:dashed;} 

  .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;}

  .parent-name{background-color: transparent;}
  .parent-name font{float: none; display: block; padding: 5% 8% 5% 10%; margin-right: 20px; border-top-right-radius: 0;}
  .parent-name:after{content: normal;}
  .side-menu{margin-right: 20px;}
  .side-menu li a{padding: 5% 8% 5% 10%; margin: 0; text-align: left; border-top: none; border-right: none; border-left: none;}
  .side-menu li a:before{position: absolute; top: -1px; bottom: -1px; left: 0; width: 4px; background-color: #257de1;}
  .side-menu li a.aon{border-bottom-color: #ddd;}
  .side-menu li a.aon:before{content: "";}

  .leader-menus{margin-right: 20px;}
  .leader-menus li h3 a{padding: 5% 8%; margin-top: 0; border-top-color: rgba(255,255,255,.8);}
  .leader-menus li .sub ul li a{padding: 5% 8%; margin-top: 0; border-radius: 0; border-top-color: rgba(255,255,255,.5);}
  .leader-menus li .sub ul li span{float: none; position: static; display: block; margin-top: 0;}
  .leader-menus li .sub ul li font{float: none; display: block; text-align: left; max-width: none;}
}


@media (max-width: 991px){
	
}

@media (max-width: 768px) {
  .page-list-box li h4{font-size: 1em; padding-right: 0;}
  .page-list-box li h4 a{float: none; display: inline; max-width: none; white-space: normal;}
  .page-list-box li h4 .time{position: static; display: block; margin-top: .5em;}
  .page-list-box li h4 .time:before{content: "发布时间：";}
}

@media (max-width: 680px){
  .leader-text{height:auto; overflow:hidden;}
  .leader-info dt{float: none; width: auto;}
  .leader-info dd{float: none; width: auto;}
  .leader-info dd .name{text-align: center; margin-top: .5em;}
}

@media (max-width: 450px){
  .leader-info dd .name{margin-bottom: 0;}
  .leader-info dd .item{margin-top: 15px; padding-left: 0; font-size: 1.0625em; border-bottom: 1px dashed #eee;}
  .leader-info dd .item label{position: static; display: block; margin-bottom: 10px;}
  .leader-info dd .item .cont{margin-bottom: 15px; line-height: 2em;}
  .leader-info dd .item.zw{margin-top: .3125em; border-bottom: none;}
  .leader-info dd .item.zw label{display: none;}
  .leader-info dd .item.zw .cont{text-align: center; font-size: 1.25em; line-height: normal;}
}