/* 内页innerpage */
/* .container-innerpage > .padding{position: relative; padding:25px; background: #fff;} */
.sidebar{float:left; width:24%;}
.maincontent{float:right; position: relative; width: 76%;}
/* .sidebar{width:28%;}
.maincontent{width: 72%;} */
.maincontent .inbox{padding-left:20px; margin-left: 20px;}
.maincontent .detail{padding-right:0!important; padding-bottom:0!important;}
.maincontent .page_list{margin-bottom:15px;}

.parentname{position:relative; z-index:11; line-height:160%; padding:32px 28px; margin-bottom:5px; font-size:2em; color:#fff;  border-radius: 0 50px 0 0; background: #2A82E4; background: linear-gradient(223.76deg, rgba(58, 111, 176, 1) 0%, rgba(33, 124, 227, 1) 100%); font-family: "systb";font-weight: 700;}
.parentname:after{content: '';  position: absolute; left: 0; right: 0; bottom: 0; height: 106px; background:url(../images/list/sidetop.png) no-repeat right bottom; background-size: auto 100%; }
.parentname:before{content: ''; position: absolute; width: 6px; height: 22px;background: #D43030; left: 0; top: 0; bottom: 0; margin: auto 0;}
.parentname span{position: relative; z-index: 2;} 
body.older .parentname{padding-left: 38px;}
body.older .parentname:before{width: 8px; height: 34px;}
@media (max-width: 768px){
  body.older .parentname{padding-left: 30px;}
  body.older .parentname:before{width: 6px; height: 30px;}
}
 
.sidenav{position:relative; z-index:13; overflow:hidden;}
.sidenav > li{margin-bottom:5px;}
.sidenav > li > a{position:relative; padding-left: 70px; padding-top: 18px; padding-bottom: 18px; padding-right: 20px; display:block; font-size:1.25em; line-height:1.6em; background-color:#F8F8F8; color: #777777;}
.sidenav > li > a:before{content: ''; position: absolute; left: 35px; top: 0; bottom: 0; margin: auto 0; width: 9px; height: 16px; background: url(../images/list/sidebar_arrow.png) no-repeat; background-size: 100% 100%; z-index: 1;}
.sidenav a:hover{color: #333;}
/* .sidenav > li > a:after{content: ''; position: absolute; right: 0; top: 0; bottom: 0; width:0; background: linear-gradient(90deg, rgba(246, 249, 254, 1) 0%, rgba(210, 224, 252, 1) 100%); transition: .3s all; box-sizing: border-box;} */
.sidenav > li.on > a:after{content: ''; position: absolute; right: 0; top: 0; bottom: 0; width: 4px; background: #3D7EFF;}
.sidenav > li.on > a{font-weight: bold; color: #5291E8;  background: linear-gradient(90deg, rgba(246, 249, 254, 1) 0%, rgba(210, 224, 252, 1) 100%);}
.sidenav > li.on > a:before,
.sidenav > li > a:hover:before{background-image: url(../images/list/sidebar_arrow_on.png);}
/* .sidenav > li.on > a:after,
.sidenav > li > a:hover:after{width: 100%; border-right: #3D7EFF 4px solid;} */
.sidenav > li > a span{position: relative; z-index: 2;}
.sidenav > li > ul{padding-top: 2px; display: none;}
.sidenav > li > ul > li{margin-bottom: 2px;}
.sidenav > li > ul > li > a{display: block; padding-left: 70px; padding-top: 18px; padding-bottom: 18px; padding-right: 20px; color: #888; font-size:1.125em; line-height:1.6em; background-color:#F8F8F8;}
.sidenav li.on ul{display: block !important;}
.sidenav > li > ul > li > ul{padding-top: 2px; display: none;}
.sidenav > li > ul > li > ul > li{margin-bottom: 2px;}
.sidenav > li > ul > li > ul > li > a{display: block; padding-left: 90px; padding-top: 12px; padding-bottom: 12px; padding-right: 20px; color: #999999; line-height:1.6em; background-color:#fafafa;}

.pagetitle{padding-bottom: 15px; padding-top: 9px; border-bottom: 1px solid #e5e5e5;}
.pagetitle h2{display: inline-block; position: relative; padding-left: 25px; font-size: 1.5em; color: #21468C; font-weight: bold; }
.pagetitle h2:before{content:''; position: absolute; width: 5px; height: 18px; left: 0; top: 10px; background: #ee5e37;}

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

@media (max-width: 1500px){
  .sidenav > li > a:before{left: 20px;}
  .sidenav > li > a,
  .sidenav > li > ul > li > a{padding-left: 45px;}
  .sidenav > li > ul > li > ul > li > a{padding-left: 60px;}
}

@media (max-width: 1280px){
  .sidebar, .maincontent{float:none; width:100%;}
  .sidebar .inbox:after, .maincontent:before{display: none;}
  .maincontent .inbox{padding-left:0; margin-left: 0;}
  .maincontent .rel-appendixs{border-top-width:1px; border-top-style:dashed;}

  .m-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;}
  .m-sidebar.active{left: 0; box-shadow:0 0 5px rgba(0,0,0,0.4);}
  .m-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;}
  .m-sidebar > .inbox{overflow-y: auto; max-height: 100%; overflow-x:hidden;}
  .m-sidebar-icon{position:absolute; left:100%; bottom:0; z-index:13; width:60px; height:60px; background:url(../images/list/sidenav_open.png) no-repeat center center; background-color:rgba(0,0,0,0.6); border-radius:0 8px 0 0;   cursor: pointer; box-shadow: 0 0 5px rgba(0,0,0,0.5); background-size: 45px 45px;}
  .m-sidebar-icon-open{transform: rotate(180deg); border-radius: 0 0 0 4px;}
  .parentname{margin-bottom: 1px; text-align: left; border-radius: 0; padding-top: 15px; padding-bottom: 15px; font-size: 1.5em;}
  .sidenav > li{margin-bottom:0; border-top:none;}
  .sidenav > li > a{padding-top: 12px; padding-bottom: 12px; border-bottom:#e8e8e8 1px solid; font-size: 1em;}
  .sidenav > li > ul,
  .sidenav > li > ul > li > ul{padding-top: 0;}
  .sidenav > li > ul > li,
  .sidenav > li > ul > li > ul > li{margin-bottom: 0; }
  .sidenav > li > ul > li > a{padding-top: 12px; padding-bottom: 12px; border-bottom:#e8e8e8 1px solid;}
  .sidenav > li > ul > li > ul > li a{padding-top: 10px; padding-bottom: 10px; padding-left: 45px; border-bottom:#e8e8e8 1px solid;}
  .sidenav > li > a:before{width: 6px; height: 11px; left: 15px;}
  .sidenav > li > a, .sidenav > li > ul > li > a{padding-left: 38px;}
  .sidenav > li.on > a:after, .sidenav > li > a:hover:after{border-right: none;}

}

@media (max-width: 768px){
	/* .container-innerpage{padding-left:0; padding-right: 0;} */
	/* .container-innerpage > .padding{padding: 20px;} */
}

.page-infolist .infolist li a{font-size: 1.125em;}
.pagelists-item{border-bottom: 2px dashed #E5E5E5; padding-bottom: 35px; margin-bottom: 35px;}
.container-innerpage .pagelists-item:last-child{border-bottom: none; padding-bottom: 0; margin-bottom: 0;}
.pagelists-item.redirect .more{display: none;}
.pagelists-item.redirect .hd{margin-bottom: 0;}
.pagelists-item.redirect .hd a{display: block; padding-top: 10px; padding-bottom: 10px;}
.pagelists-item.redirect .hd a:after{content:''; width: 34px; height: 34px; position: absolute; right: 20px; top: 50%; margin-top: -17px; background: url(../images/list/zdly_icon_links.png) no-repeat; background-size: 100%;}
.pagelists-item.redirect .hd a:hover{background: #f8f8f8;}
.pagelists-item.redirect > .hd ul,
.pagelists-item.redirect > .hd li{float: none;}
.pagelists-item.redirect > .hd li:after{display: none;}
.pagelists-item.redirect > .hd li{ padding-bottom: 0;}


/* piclist */
/* ===
.space*:每一列之间间隔*px
.col*: 列表分*列
.ratio-***:图片比例
===*/
.piclist{overflow:hidden; zoom:1;}
.piclist li{position:relative; float:left; }
.piclist li .box{display:block; font-size:1em; overflow:hidden; box-shadow: 0px 0px 20px 0px rgba(9, 55, 86, 0.12);}
.piclist li .pic{position: relative; width:100%; height: 0; overflow: hidden;}
.piclist li .pic img{ display:block; position: absolute; left: 0; top: 0; width:100%; height:100%;}
.piclist li .txt{display:block; padding:15px 30px; text-align:center; background-color:#fff;}
.piclist li .txt br{display: none;}
.piclist.col3 li{width:33.333%;}
.piclist.col4 li{width:25%;}
.piclist.space30{margin-left: -15px; margin-right: -15px;}
.piclist.space30 li .box{margin-left: 15px; margin-right: 15px; margin-bottom: 30px;}
.piclist.space40{margin-left: -20px; margin-right: -20px;}
.piclist.space40 li .box{margin-left: 20px; margin-right: 20px; margin-bottom: 40px;}
.piclist.ratio-pagetpxw .pic{padding-bottom: 56.25%;}

@media (max-width: 1480px){
	.piclist.space40{margin-left: -15px; margin-right: -15px;}
	.piclist.space40 li .box{margin-left: 15px; margin-right: 15px;}
}
@media (max-width: 992px) {
	.piclist.space30, .piclist.space40{margin-left: -10px; margin-right: -10px;}
	.piclist.space30 li .box, .piclist.space40 li .box{margin-left: 10px; margin-right: 10px; margin-bottom: 20px;}
}

@media (max-width: 640px) {
	.piclist[class*="col"] li{width: 50%;}
}

body.older .piclist.col3 li{width:50%;}
body.older .piclist.col4 li{width:33.33333%;}
@media (max-width: 640px) {
	body.older .piclist[class*="col"] li{width:100%;}
}