@charset "utf-8";
.page-mainbox{background-color: #F2F8FF;}
.sidebar{float:left; width:20%;}
.maincontent{float:right; position: relative; width:80%; background-color: #fff;}
.maincontent .inbox{margin-left: 40px;}
.maincontent .inbox-pic{margin-left: 20px;}
.maincontent .detail{padding-right:0!important; padding-bottom:0!important;}
.maincontent .page_list{margin-bottom:15px;}

.parentname{position:relative; z-index:15;font-size:1.625em; color:#fff; font-weight: bold; background: #3D5FB0; z-index: 150;}
.parentname span{display: block; padding:20px 10px; text-align: center; line-height:1.2; position: relative; z-index: 1;}

.sidenav{position:relative; z-index:15; overflow:hidden; padding: 40px;}
.sidenav li a{position:relative; display:block; border: #5D8BF5 solid 1px; border-radius: 4px; margin-bottom: 20px; padding: 10px 40px 10px 30px; font-size:1.25em; line-height:1.6; background: #fff; color: #666666;}
.sidenav li a:hover,.sidenav li.on a{color:#3D5FB0; font-weight: bold;}
/* .sidenav li + li{margin-top: 2px;} */
.sidenav li.on a:before{content: ''; width: 10px; height: 16px; background:url(../images/list/sidebar_on.png); background-size: 10px 16px; position: absolute; right: 25px; top: 0; bottom: 0; margin: auto 0; transition: .2s all;}

.pagetitle {color: #004D95; font-weight: bold; font-size: 1.625em;}

.page-infolist ul li{padding-top: 22px; padding-bottom: 22px;}
.page-infolist ul li:nth-child(5n){ border-bottom: 1px dashed #D6D6D6;}

.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: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: 10px 45px 10px 25px; font-size: 1.125em;}

 .parentname{ border-radius: 0; margin-bottom: 0; font-size: 1.5em;}
 .parentname span{padding-left: 25px;}
 .parentname:before{display: none;}

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

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

/* 图片列表 */
.piclist-item{width: 33.33%; float: left;}
.piclist-item .box{border: #E5E5E5 solid 1px; margin:0 15px 15px;}
.piclist-item .tt{font-size: 1.25em; font-weight: bold; text-align: center; padding:20px 10px;}
 .piclist-item .memo{padding: 30px;}
 .piclist-item .memo > .tit{padding-bottom:80px; font-size: 1.375em; font-weight: bold; min-height: 65px;}
 .piclist-item .memo > .txt{position: relative; border-top: #E5E5E5 solid 1px; padding-top: 30px;}
 .piclist-item .memo > .txt .date{color: #A6A6A6; background: url(../images/list/icon_time.png) no-repeat left center; background-size:16px 17px; padding-left: 22px;}
 .piclist-item .memo > .txt .more{ position: absolute; right: 0; bottom: 0; color: #5774BA;background: url(../images/list/arrow_more.png) no-repeat right center; background-size:18px 5px; padding-right: 25px;}


.piclist-item .fixed-cover{ background:url(../images/list/img_bg.png) no-repeat center bottom; background-size:cover; display: flex; height: 195px; justify-content: center; align-items: center;  }
.piclist-item .fixed-cover span{color: #fff; font-size: 2.25em; }

@media (max-width: 992px){
	.piclist-item{width: 50%;}
}
	
@media (max-width: 768px){
	 .piclist-item .memo{padding: 10px;}
	 .piclist-item .memo > .tit{min-height: auto;}
	 .piclist-item .box{ margin:0 10px 10px;}
}
	
@media (max-width:540px){
	.piclist-item{width: 100%; float: none; }
}
/* 图文列表 */
.news-item > a{ display: flex; padding: 30px 0; border-bottom: 1px solid #eee; align-items: flex-start; gap: 16px;}
.news-item:first-of-type a{padding-top: 0;}

.news-item .news-date { flex-shrink: 0; width: 140px; padding-top: 25px; color: #230B03; text-align: center;}
.news-item .news-date .day { font-size: 1.875em; font-weight: 500; display: block;}
.news-item .news-date .year { font-size: 1.125em; display: block; margin-top: 4px;}

.news-item .news-content { position: relative; flex: 1; min-width: 0; padding-left: 45px;}
.news-item .news-content:before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 1px; background-color: #E5E5E5; }
.news-item .news-content .news-title { font-size: 1.375em; font-weight: bold; margin-bottom: 20px; text-decoration: none; display: block; word-break: break-all;}
.news-item .news-content .news-desc { color: #666; line-height:2; word-break: break-all;}

.news-item .news-img { flex-shrink: 0; width: 300px; object-fit: cover;}

@media (max-width: 768px) {
 .news-item .news-content { padding-left: 0;}
 .news-item .news-content:before {display: none;}
 .news-item > a { flex-direction: column; gap: 12px; padding: 16px 0; }
 .news-item .news-date { width: 100px;margin: auto; background-color: #3D5FB0; color: #fff; border-radius: 4px; padding: 10px 0;}
 .news-item .news-img { width: 100%; height: auto; aspect-ratio: 16/9; }
 .news-item .news-content .news-title { font-size: 1.25em; }
 .news-item .news-content .news-desc { font-size: 0.875em; }
}