@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 .detail .article-content{padding:20px 0;}
.columnPages .imageList ul{margin-top:-30px;}
.columnPages .imageList ul li span.txt{border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; border-left:1px solid #e6e6e6;}

.parentName{position:relative; z-index:11; min-height: 90px; padding:15px; margin-bottom:1px; font-size:1.5em; color:#fff; text-align:center; background:#1a7cde; font-weight: bold; box-sizing: border-box; display: flex; display: -webkit-flex; align-items: center; justify-content: center;}
.parentName span{line-height:1.4;}

.sideMenu{position:relative; z-index:13; overflow:hidden;}
.sideMenu li a{position:relative; display:block; padding:24px 20px; text-align: center; font-size:1.25em; line-height:1.6; background-color:#fff; border-bottom: 1px solid #dcdcdc;}
.sideMenu li a:before{content: ''; width: 2px; position: absolute; left: 0; top: 100%; height: 0; bottom: -1px; background: #1a7cde; transition: .3s;}

.sideMenu li a:hover{ color: #1a7cde;}
.sideMenu li.on a{font-weight: bold; color: #1a7cde;}
.sideMenu li.on a:before{ top: 0; height: auto;}


/*list*/
.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 li:last-child{margin-bottom: 0 !important;}
.pageLists .common-title{margin-bottom: 15px;}
.pageLists .setModule:last-child{margin-bottom: 0;}
.pageList{border-top:1px dashed #ebebeb;}
.pageList .newsList li h4{padding-top: 14px; padding-bottom: 14px; line-height: 30px;}
.pageList .newsList li{border-bottom: 1px dashed #ebebeb;}

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




/**** responsive ****/
@media (max-width: 1480px){
  .mainContent .inBox{padding-left: 15px;}
}

@media (max-width: 1280px) {

}


@media (max-width: 1023px){
  .pageList{border-top:none;}
}



@media (max-width: 992px){

}

@media (max-width: 991px){
  .sideBar{float:none; width:100%;}
  .mainContent{float:none; width:100%;}
  .mainContent .inBox{padding-left:0; margin-left: 0;}
  .mainContent .rel-appendixs{border-top-width:1px; border-top-style:dashed;}
  .columnPages .imageList ul{margin-top:-15px;}

  .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; margin-bottom: 0;}
  .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(../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;}
  .mobile-sideBar .parentName{margin-bottom: 0; text-align: left; font-size: 1.25em; font-weight: bold; min-height:auto; display: block;}
  .mobile-sideBar .sideMenu li{margin-bottom:0; border-top:none;}
  .mobile-sideBar .sideMenu li a{padding-top: 14px; padding-bottom: 14px; font-size: 1.125em; text-align: left;}
  .mobile-sideBar .sideMenu li a:after{transform: scale(.8);}

  .pageList{margin-bottom:0;}
  .pageFirstCont{padding-top:15px;}

  
}

@media (max-width:860px) {

}


@media (max-width:768px) {

  
}

@media (max-width: 640px){
  

}

@media (max-width: 580px){

}


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


@media (max-width: 414px){
  .pageList .newsList li h4{padding-top: 20px; padding-bottom: 20px;}
}

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

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

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