@charset "utf-8";

/* 列表导航 */
.page-banner{ position: relative;}
.page-banner .banner-pic img{display: block;}
.banner-content{position: absolute; left: 0; right: 0; top: 50%;text-align: center;transform: translateY(-35%);color: #fff;}
.banner-content h1{font-size: 72px;}
.banner-content p{font-size: 36px;margin-top: 5px;    text-transform: uppercase;}
.page-nav{background: linear-gradient(90deg, rgba(13, 86, 167, 1) 0%, rgba(15, 121, 209, 1) 100%);}
.page-nav ul {display: flex;  align-items: center;justify-content: space-between;}
.page-nav ul li{ display: flex;align-items: center; justify-content: center; text-align: center;position: relative;}
.page-nav ul li.on a{color:  rgba(255, 255, 255, 1);font-weight: bold;}
.page-nav ul li a{color:  rgba(255, 255, 255, .8);line-height: 85px;font-size: 28px;text-align: center;}
.page-nav ul li + li:after{position: absolute; left: 0; top: 50%; margin-top: -7px; content:''; width: 1px; height:16px; background: #fff; opacity: .6;}

.page-nav.nonav{height: 80px}
.page-nav.nonav ul{display: none;}

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

.page-box{border-bottom: 1px solid #DEDEDE;}
.page-box .pagetitle {float: left;}
.page-box .crumb{float: right;}
.page-box .crumb h2{float: right;border-bottom: 0;}

.parentname{position:relative; z-index:15; font-size:1.75em; color:#fff; font-weight: bold;background: linear-gradient(90deg, rgba(2, 81, 158, 1) 0%, rgba(87, 159, 222, 1) 100%);}
.parentname span{display: block;padding:30px 15px 20px 30px;line-height:1.2;position: relative;z-index: 1;background: url(../images/list/icon_sidetop.png) no-repeat 123% 14px;background-size: auto 65px;}

.sidenav{position:relative; z-index:15; overflow:hidden;background: linear-gradient(180deg, rgba(247, 251, 255, 1) 0%, rgba(247, 251, 255, 0) 100%);}
.sidenav li a{position:relative; display:block; padding: 20px 24px;color: #333333; font-size:1.125em; line-height:1.6;border-radius: 4px;border: 1px solid #fff;}
.sidenav li a:hover,.sidenav li.on a{color:#02519E; font-weight: bold;background: rgba(232, 243, 255, 1);}

.sidenav li:hover a:after,
.sidenav li.on a:after{content: ''; width: 10px; height: 17px;position: absolute; background: url(../images/public/arrow_blue_right.png) no-repeat; background-size: 100% 100%;  right: 22px; top: 50%; margin-top: -5px;}

.pagetitle{position: relative;}
.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{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;}
@media (max-width: 480px) {
	.res.infolist-page li a:before{top: 25px;}
}

.singlepage{clear:both; line-height:2.25; overflow:hidden;}
.singlepage p{margin: 25px 0;line-height: 3em !important;font-size: 1.125em;}
.singlepage table,
.singlepage video,
.singlepage img{max-width:100%;}

.singlepage h2{color: #0E78D0;font-size: 36px;text-align: center;padding: 20px 0;  padding-top: 40px;}


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


.zjjk-list .pic{width: 212px;}
.zjjk-list .pic .imgratio{padding-top: 52.25%;}
.zjjk-list li + li{margin-top: 45px;}
.zjjk-list li .tit{font-size: 18px; font-weight: normal;}
.zjjk-list li a{display: block;border-bottom: 1px dashed #C7C7C7;position: relative;padding-bottom: 45px;}
.zjjk-list li .time{font-size: 18px;display: block;margin-top: 30px;color: #909090;}
.zjjk-list li .more{position: absolute;right: 0;color: #909090;bottom: 40px; font-size: 18px;padding: 5px 15px;}
.zjjk-list li .more em{font-style: normal;}
.zjjk-list li .more i{display: inline-block;width: 34px;height: 10px;background: url(../images/list/icon_more.png) no-repeat;background-size: 100%;margin-left: 50px;}

.zjjk-list li:hover .tit{color: #383838;font-weight: bold;}

@media (max-width: 1280px) {
  .page-nav ul.cols-4 li,
  .page-nav ul.cols-4,
  .page-nav ul.cols-5 li,.page-nav ul.cols-5{display: block;}
  .page-nav ul.cols-4 li{width:50%}
  .page-nav ul.cols-5 li{width: 33.33%;}
  .page-nav ul li a{font-size: 1.5em;}
  .banner-content h1{font-size: 2em;}
  .banner-content p{font-size: 20px;}

  .banner-content{transform: translateY(-68%);text-align: left;top: 65px;}
  .page-nav ul.cols-5 li:nth-child(4)::after{content: initial;}
  .page-nav ul.cols-4 li:nth-child(3)::after{content: initial;}
}



@media (max-width: 780px) {
  .page-nav {padding: 5px 0;}
  .page-nav ul li a{font-size: 1em;line-height: 40px;}
  .banner-content h1{font-size: 1.25em;}
  .banner-content p{font-size: 1em;}

  .index-thead{margin-bottom: 20px; margin-top: 20px;}

  .zjjk-list .pic{ width: 110px;margin-left: 10px;}
  .zjjk-list .pic .imgratio{padding-top: 65%;}
  .zjjk-list li a{padding-bottom: 20px;}
  .zjjk-list li + li{margin-top: 25px;}

  .zjjk-list li .tit,.zjjk-list li .time{font-size: 1em;}
  .zjjk-list li .time{margin-top: 20px;}

  .zjjk-list li .more{bottom: 16px;font-size: 1em;}
  .zjjk-list li .more i{ margin-left: 15px;}
}