@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:13px 15px; margin-bottom:10px; font-size:1.25em; color:#fff; text-align:center; background:#355e92;}
.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:12px 20px; color: #365f93; font-size:1.125em; line-height:1.6em; text-align:center; background-color:#e0e7ef;}
.sideMenu li a:hover{ background-color:#bfcfe0;}
.sideMenu li a.aon{color:#fff; background-color:#6b8ab3; font-weight: bold;}

.page-title{padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #e5e5e5;}
.page-title h2{display: inline-block; position: relative; padding-left: 22px; font-size: 1.375em; color: #355e92; font-weight: bold; }
.page-title h2:before{content:''; position: absolute; width: 5px; height: 18px; left: 0; top: 50%; margin-top: -7px; background: #bc1d31;}
.page-title .more{float: right; padding-top: 6px; font-size:0.9375em;}
.page-title .more a{color: #999;}
.page-title .more a:hover{color: #355e92;}

/*piclist*/
.piclist{margin-bottom: 30px;}
.piclist li{ position:relative; width:20%; float:left; }
.piclist li a{float:left;  color: #525252; overflow:hidden;}
.piclist li a:hover{color:#355e92;}

/*list*/
.pageList{margin-bottom: 30px;}
.pageList li{ position:relative; padding:8px 100px 8px 0; clear:both; overflow:hidden; line-height:1.6;}
.pageList li .time{ position:absolute; right:0; top:8px; color:#999999;}
.pageList li a{float:left; max-width:96%; color: #525252; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}
.pageList li a:hover{color:#355e92;}
.singlePage{line-height:2.25; font-size: 16px;}

.pageList-line li:nth-child(5n),
.pageList-line .addLine{margin-bottom:15px; padding-bottom:25px; border-bottom:1px dashed #e5e5e5;}
.pageLists .setModule + .setModule {margin-top: 30px;}
.pageLists .setModule:last-child{margin-bottom: 0;}
.pageLists .page-title h2{padding-left: 0;}
.pageLists .page-title h2:before{display: none;}

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

.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:182px; 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:10px; 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%;}

/* 专题专栏 */
.ztzl-list ul{padding-top: 10px; margin: 0 -10px;}
.ztzl-list li{float: left; width: 25%;}
.ztzl-list li a{display: block; padding: 0 10px; margin:0 10px 20px; position: relative; height: 140px; background: #718eb2; text-align: center;}
.ztzl-list li a:before{content: ''; display: inline-block; width: 0; height: 100%; vertical-align: middle;}
.ztzl-list li a span{display: inline-block; vertical-align: middle; font-size: 1.25em; color: #fff;}
.ztzl-list li a:hover{background: #355e92;}


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

}

@media (max-width: 1280px) {

	
}


@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%;}

}

@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); 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: 2px; text-align: left;}
  .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;}
  .showMenu{width:200px;}

  .pageList{margin-bottom:0;}
  .pageListPic{margin-bottom:0;}
  .pageListPic ul li{width:33.33333% !important;}

}

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


}

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

}

@media (max-width: 480px){

  .pageListPic ul li span.pic{height:132px;}


}

@media (max-width: 414px){
  .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:120px;}
}

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

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