@charset "utf-8";
.sidebar{float:left; width:20%;}
.maincontent{float:right; position: relative; width:80%;}
.maincontent .inbox{margin-left: 40px;}
.maincontent .detail{padding-right:0!important; padding-bottom:0!important;}
.maincontent .page_list{margin-bottom:15px;}
.olist-box .maincontent{width: 100%; float: none;}
.parentname{position:relative; z-index:15; padding:22px 15px 22px 30px; font-size:1.75em; font-weight: bold; color:#fff; background:url(../images/list/sidetop.png) no-repeat right bottom; background-size: cover;}
.parentname span{line-height:1.2; position: relative; z-index: 1;}

.sidenav{position:relative; z-index:15; overflow:hidden; background: #F7FBFF;}
.sidenav li a{position:relative; display:block; padding-left: 30px; padding-right: 20px; padding-top: 22px; padding-bottom: 22px; font-size:1.25em; line-height:1.6;}
.sidenav li a:hover,
.sidenav li.on a{color:#2069BD; }
.sidenav li.on a{font-weight: bold; background: #E8F3FF;}
.sidenav li.on a:after{content: ''; width: 10px; background:url(../images/public/arrow_right_blue.png) no-repeat center center; background-size: 100%; position: absolute; right: 15%; top: 0; bottom: 0; margin: auto 0; transition: .2s all;}
.sidenav li + li{margin-top: 1px;}

.pagetitle{position: relative;}
.pagetitle h2{display: inline-block; position: relative; padding-bottom: 18px; padding-top: 10px; font-size: 1.625em; color: #2069BD; font-weight: bold; }

.page-infolist ul{font-size: 1.125em;}
.page-infolist ul li{padding-top: 15px; padding-bottom: 15px;}

.infolist-page.split5n li:nth-child(5n){margin-bottom:15px; padding-bottom:30px; border-bottom-color: #CCCCCC;}
/* singlepage */
.singlepage_title{text-align:center; font-size:2em; line-height:140%; padding:15px 0 30px;}
.singlepage_attr{padding-bottom:12px; font-size: .9375em; color:#888888; border-bottom:#e1e1e1 1px solid; text-align: center;}
.singlepage_attr span{margin: 0 10px; display: inline-block;}
.singlepage_attr b{font-weight: normal;}
.singlepage_attr .fontsize i{cursor:pointer; font-style: normal; color:#888; margin-right:4px; margin-left:4px;}
.singlepage_attr .fontsize i:hover{color:#8d0707;}

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

.singlepage_button{padding-top:5%; padding-bottom:5%; font-size:.875em;border-top: #e3e3e3 1px dashed; text-align:center;}
.singlepage_button a{display:inline-block; padding-left:15px; padding-right:15px; margin-right:6px; margin-left:6px;line-height:26px; background-color:#ececec;}
.singlepage_button a:hover,
.singlepage_button a.hover{background-color:#355e92; color:#fff;}
.page_data #pagination_input{width:40px; margin:0 2px; height:21px; border:#dfdfdf 1px solid; background:#fff; text-align:center; border-radius:3px;}
@media (max-width: 480px) {
	.res.infolist-page li a:before{top: 25px;}
}

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

.lists > .tab-brief + .tab-brief{margin-top: 30px;}


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

  .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;}
  .sidenav{margin-left: 0;}
  .sidenav li{margin-top: 0 !important; border-top:none;}
  .sidenav li a{padding-top: 12px; padding-bottom: 12px; padding-left: 25px; padding-right: 45px; border-bottom:1px solid #deedfe; text-align: left; background: #F7FBFF; font-size: 1.125em;}
	.sidenav li.on a:before, .sidenav li a:hover:before{height: 40%;}
	.parentname{padding-left: 25px; border-radius: 0; margin-bottom: 0; font-size: 1.5em;}
  .parentname:before{display: none;}

  .pagetitle h2{font-size: 1.5em;}
  .page-infolist ul{font-size: 1em;}
  .page-infolist ul li{padding-top: 12px; padding-bottom: 12px;}
}



/* piclist */
.piclist li .txt{display:block; padding:20px; text-align:center; background-color:#f4f4f4; font-size: 1.125em;}
.piclist li .txt br{display: none;}

.piclist-ztzl2 li .txt{display: none;}
.piclist-ztzl2 li .imgratio{padding-top: 32.27%}

/*网上调查list*/
.wsdc-listbox .infoList li{padding:10px 0;}
.wsdc-listbox .infoList li a { width: 68%;display: block;float: left;padding: 0 2%;}
.wsdc-listbox .infoList li span {width: 14%;display: block;float: left;text-align: center;}
.wsdc-listbox .wsdcList_hd li {background-color: #f2f2f2;border-bottom: 1px solid #d6d6d6;}
.layui-laypage .layui-laypage-curr .layui-laypage-em{background: #045cb0}



@media (max-width: 768px){
  .pagetitle .dingyue{bottom: 10px;}
	.page-infolist .infolist.res li > a:before{top: 23px;}
  .page-infolist + .pagination{text-align: center;}
  .wsdc-listbox .infoList li a {width: 96%;}
  .wsdc-listbox .infoList li span{display: none;}
}