@charset "utf-8";
/* common */

/*layout*/
.sideBar{float:left; position: relative; width:20%;}
.mainContent{float:right; position: relative; width:78%;border-left: 1px solid #eeeeee;min-height: 550px;}
.mainContent .inBox {margin-left: 20px;}

.parentName{position:relative; z-index:11; line-height:160%; padding:15px 15px; margin-bottom:10px; font-size:1.25em; color:#fff; text-align:center; background:#175FC1;}
.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:8px 12px; color: #333333; font-size:1.125em; line-height:1.6em; text-align:center; background-color:#eff4f8;}
.sideMenu li a.aon, .sideMenu li a:hover{background-color: #dbe6f1;color: #467BBE;}

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

.page-title2{margin-bottom: 12px; border-bottom: 1px solid #e5e5e5;}
.page-title2 h2{display: inline-block; position: relative; padding-bottom: 15px; margin-bottom: -2px; font-size: 1.25em; color: #355e92; font-weight: bold; border-bottom: 3px solid #355e92;}

.page-title3{margin-bottom: 12px; border-bottom: 1px solid #e5e5e5;}
.page-title3 h2{display: inline-block; position: relative; padding-bottom: 15px; margin-bottom: -2px; font-size: 1.25em; color: #175FC1; font-weight: bold;}

/*list*/
.pageList li{ position:relative; padding:7px 100px 7px 15px; clear:both; overflow:hidden; line-height:1.6; font-size:1.125em;}
.pageList li:before{content:''; position:absolute; left:0; top: 50%; margin-top: -2px; width: 4px; height: 4px; background: #1967a7;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;-o-border-radius: 50%;}
.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:hover{color:#175FC1;}
.singlePage{line-height:2.25; font-size: 16px;}

.pageListPic{margin-bottom:15px; overflow:hidden;}
.pageListPic ul{margin-right:-15px; margin-left:-15px; overflow:hidden; zoom:1;padding-bottom: 20px;}
.pageListPic ul li{position:relative; float:left; width:33.333%;}
.pageListPic ul li .imgbox{overflow: hidden;border: 1px solid #dfe4e9;/*height: 210px;*/height: 260px;}
.pageListPic ul li .imgbox img{display: block;width:100%;max-width: 100%;}
.pageListPic ul li a{display:block; margin:20px 15px 0; font-size: 1.125em; overflow:hidden;}
.pageListPic ul li p{padding: 15px 10px 20px;text-align: center;display:block; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}
.pageListPic ul li a:hover{box-shadow: 1px 1px 13px #f1f1f1;}
.pageListPic.zcztPicList ul li .imgbox{height: auto;}
.pageListPic.zcztPicList ul li a{font-size: 1.46em;}


@media (max-width: 1440px){
  /*.pageListPic ul li .imgbox{height: 190px;}*/
}

@media (max-width: 1280px) {
 /*.pageListPic ul li .imgbox{height: 170px;}*/

}


@media (max-width: 1023px){
  
  

}

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

@media (max-width: 991px){
  .sideBar{float:none; width:100%;}
  .mainContent{float:none; width:100%;border-left:0;}
  .mainContent .inBox{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); width:200px; 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;}
  .parentName{margin-bottom: 0;width:170px;}
  .sideMenu{width:200px;}
  .sideMenu li{margin-bottom:0; border-top:none;}
  .sideMenu li a{border-bottom:1px solid rgba(255,255,255,.8); text-align: left;}
  
  .pageListPic ul li .imgbox{height: 150px;}
}

@media (max-width:768px) {
  .pageListPic ul li{width:50%;}

}

@media (max-width:767px) {
  

}

@media (max-width: 640px){
  

}

@media (max-width: 480px){
  .pageListPic ul li{width:100%;}
  .pageListPic ul li .imgbox{height: auto;min-height: 160px;max-height: 240px;}
}

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

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

@media (max-width:320px){
  
}
body.useOldFixed .mainBox .mainContent{
 float: right!important;
 width:78%!important;
 clear: initial!important;
}