@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;}
#ztimg img{width:100%;}
.sidebar .inbox{padding: 15px 20px;background: linear-gradient(180deg, rgba(237, 245, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);border-radius: 0 16px 16px 0;}

.parentname{position:relative; z-index:15; padding:10px 20px; font-size:1.25em; color:#fff; background:#236CC2;font-weight: bold;border-radius: 4px;}
.parentname span{line-height:1.2; position: relative; z-index: 1;}

.sidenav{position:relative; z-index:15; overflow:hidden;}
.sidenav li{margin-top: 15px;}
.sidenav li a{position:relative; display:block; padding: 12px 24px;color: #5F7EB8; font-size:1.125em; line-height:1.6;background: #E6F1FF;border-radius: 4px;border: 1px solid transparent;}
.sidenav li a:hover,.sidenav li.on a{color:#236CC2; font-weight: bold;background: #C2DDFF;border-color:#8FC1FF;}


.pagetitle{position: relative;border-bottom: 1px solid #DEDEDE;}
.pagetitle h2{display: inline-block; position: relative; padding-bottom: 18px; padding-top: 10px; font-size: 1.625em; color: #1B5ABA; font-weight: bold; }
.pagetitle h2:after{content: ''; position: absolute; width:100%; bottom:-1px; left:0; height: 4px; background:#236CC2; transition: all .3s; -webkit-transition: all .3s; overflow: hidden;}
.pagetitle .dingyue{display: none;position: absolute;cursor: pointer;right: 0;bottom: 18px;background: #EBF4FF;border: 1px solid #96C0F2;height: 36px;padding: 0 20px;border-radius: 20px;transition: .3s all;}
.pagetitle .dingyue:before{content: ''; width: 24px; height: 21px; position: absolute; left: 20px; top: 50%; margin-top: -10px; background: url(../images/list/icon_dingyue.png) no-repeat; background-size: 100% 100%;}
.pagetitle .dingyue.on,
.pagetitle .dingyue:hover{background: #1B5ABA; border-color:#1B5ABA; color: #fff;}
.pagetitle .dingyue.on:before,
.pagetitle .dingyue:hover:before{background-image: url(../images/list/icon_dingyue_white.png);}
.pagetitle .dingyue span{font-size: 1.125em; padding-left: 35px; display: block; line-height: 36px;}

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

.channelLists{display:flex;flex-wrap:wrap;gap:15px 3.5%;}
.channelLists li{width:31%;padding:10px;border:1px solid #ccc;box-sizing:border-box;}
@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%;}

.page_btn #inputPageNum{border: 0;width: 30px;vertical-align: middle;margin-top: -3px;text-align: center;}
.page_info #pageUtil_currentNumSpan{height: 20px;line-height: 20px;margin: 0 2px;margin-top: -3px;border: 0;padding: 0;}
.page_btn button{border: 1px solid #D3D3D3;padding: 7px 10px;border-radius: 2px;cursor: pointer;background:none;margin: 0px 2px;}
.page_btn button:hover{background-color: rgba(35, 108, 194, 1);color: #fff;border: 1px solid rgba(35, 108, 194, 1);}

.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 li{margin-bottom:0; border-top:none;}
  .sidenav li a{padding-top: 12px; padding-bottom: 12px; padding-left: 25px; border-bottom:1px solid #deedfe; text-align: left; background: #F7FBFF; font-size: 1.125em;}
	.sidenav li.on a:after{right: 15px;}
	.parentname{padding-left: 25px;}
  .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;}
}

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

/* piclist */
.piclist li .txt{display:block; padding:15px; text-align:center; background-color:#f4f4f4; font-size: 1.125em;}
.piclist li .txt br{display: none;}
.ztzlt-piclist li .imgratio{padding-top: 34.72%;}
.ztzlt-piclist li .txt{display: none;}
@media (max-width: 768px) {
	.piclist[class*="col"] li{width: 50%;}
}


/* zxft_list.html */
.zxft-list li{padding-top: 35px; padding-bottom: 35px; border-bottom: 1px dashed rgba(44, 96, 182, 0.4);}
.zxft-list li .box{position: relative; height: 195px; font-size: 1.125em;}
.zxft-list li .pic{position: absolute; left: 0; top: 0; width: 340px;}
.zxft-list li .pic .imgratio{ padding-top: 57.35%;}
.zxft-list li .txt{margin-left: 360px; margin-right: 150px;}
.zxft-list li .txt .tit{font-size: 1.444em; margin-bottom: 35px; font-weight: bold; line-height: 1.5;}
.zxft-list li .txt dl{position: relative; line-height: 28px; margin-bottom: 10px; min-height: 28px;}
.zxft-list li .txt dl dt{position: absolute; left: 0; top: 0; min-height: 32px; font-weight: bold;}
.zxft-list li .txt dl dd{margin-left: 95px;}
.zxft-list li .btn{position: absolute; right: 0; top: 50%; margin-top: -18px; width: 130px; height: 36px; border-radius: 2px; background: #2C60B6; color: #fff; line-height: 36px; text-align: center; transition: .3s all;}
.zxft-list li .btn:hover{background: #4A9BF7;}

@media (max-width: 1280px){
  .zxft-list li .box{font-size: 1em;}
  .zxft-list li .txt{margin-right: 0;}
  .zxft-list li .btn{display: none;}
}

@media (max-width: 992px){
  .zxft-list li .box{height: auto;}
  .zxft-list li .txt{margin-left: 0;}
  .zxft-list li .pic{position: static; margin-bottom: 20px; width: 100%;}
  .zxft-list li .btn{position: static; display: inline-block; margin-top: 10px;}
  .zxft-list li .txt .tit{margin-bottom: 15px;}
  .zxft-list li .txt dl{margin-bottom: 5px;}
  .zxft-list li .txt .attr{color: #666;}
}
@media (max-width: 768px){
  .zxft-list li .txt .tit{font-size: 1.25em;}
  .zxft-list li .txt dl{line-height: 26px; margin-bottom: 2px;}
  .zxft-list li .txt dl dd{margin-left: 80px;}
}