@charset "utf-8";
/* 内页innerpage */
.container-innerpage{position: relative;}
.sidebar{float:left; width:17%; border-radius: 0 16px 16px, 0; background: linear-gradient(180deg, rgba(235, 242, 255, 1) 0%, rgba(252, 254, 255, 0) 100%); padding: 20px; box-sizing: border-box;}
.maincontent{float:right; position: relative; width:83%;}
.maincontent .inbox{ margin-left: 30px;}
.maincontent .detail{padding-right:0!important; padding-bottom:0!important;}

.parentname{position:relative; z-index:11; line-height:28px; padding:10px; font-size:20px; color:#fff; text-align:center; background:#1b5aba; border-radius: 4px;}

.sidenav{position:relative; z-index:13;}
.sidenav li{margin-top:15px;}
.sidenav li a{position:relative; display:block; line-height:28px; padding:10px; line-height:1.6; background-color:#dce6fa; border-radius: 4px; color: #1b5aba; text-align: center; transition: .3sa ll; overflow: hidden;}
.sidenav li.on a{background-color:#fff; font-weight: bold; box-shadow: 0px 2px 6px  rgba(27, 90, 186, 0.29);}
.sidenav li a:hover{ font-weight: bold;}


.pagetitle{border-bottom: 1px solid #d9d9d9;}
.pagetitle h2{display: inline-block; padding-bottom: 15px; padding-top: 9px;  position: relative; font-weight: bold; color: #1b5aba; font-size: 26px;}
.pagetitle h2:before{content: ''; position: absolute; width:100%; bottom:-1px; left:0; height: 3px; background: #1b5aba;transition: all .3s; -webkit-transition: all .3s; overflow: hidden;}
.pagelists .setmodule:last-child{margin-bottom: 0;}

.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: 1280px){
  .sidebar, .maincontent{float:none; width:100%;}
  .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; padding: 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(/uploads/image/2images/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{text-align: left; border-radius: 0;}
  .sidenav li{margin-top: 0;}
  .sidenav li a{padding-left: 20px; padding-right: 20px; border-bottom:1px solid rgba(255,255,255,.8); text-align: left; border-radius: 0;}
}

/* piclist */
/* ===
.space*:每一列之间间隔*px
.col*: 列表分*列
.ratio-***:图片比例
===*/
.piclist{overflow:hidden; zoom:1;}
.piclist li{position:relative; float:left; }
.piclist li a{display:block; font-size:1em; overflow:hidden;}
.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; text-align:center; background-color:#f4f4f4;}
.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 a{margin-left: 15px; margin-right: 15px; margin-bottom: 30px;}
.piclist.ratio-pagetpxw .pic{padding-bottom: 56.25%;}

@media (max-width: 768px) {
	.piclist.space30{margin-left: -10px; margin-right: -10px;}
	.piclist.space30 li a{margin-left: 10px; margin-right: 10px; margin-bottom: 20px;}
}

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


/*pages*/
.pages{ clear:both; line-height:28px; color:#555; font-size: 14px;}
.pages .pagination_index_last *{vertical-align:middle\9;}
.pages a{display: inline-block; padding:0 10px; margin:3px; zoom:1; color: #555; border:#dfdfdf 1px solid; border-radius:3px;
	transition: all .2s;
	-webkit-transition: all .2s;
	background: #f1f1f1;
	background: -webkit-linear-gradient(#ffffff 10%, #f1f1f1);
	background: -o-linear-gradient(#ffffff 10%, #f1f1f1);
	background: -moz-linear-gradient(#ffffff 10%, #f1f1f1);
	background: linear-gradient(#ffffff 10%, #f1f1f1);}
.pages a.current{background:#3067ba; border-color:#2c6de6; color:#fff !important; text-decoration:none; font-weight: bold;}
.pages a:hover{color: #3067ba;}