@charset "utf-8";
/*layout*/
body{font-size: inherit;}
/* crumb */
.crumb h2{ padding:25px 20px 25px 55px; line-height: 20px; font-size:1em; font-weight: normal; background: url(/2023gb/images/mobile/icon_position.png) no-repeat 25px center;color: #9b9696;}
.crumb h2 a{color: #9b9696;}
.crumb h2 span{color: #333;}
.crumb h2 a:nth-last-child(1){color: #333;}
.crumb a:hover{color: #0058bd;}
.crumb span{color: #0058bd;}
.crumb.gray{padding-top: 5px; background: #f5f5f5;}
.crumb.gray h2{padding: 15px 15px 15px 30px; background-position: 0 center;}

.listcontent{max-width: 1250px; padding:15px; background-color: #fff; overflow: hidden;}
.sidebar{float:left; width:17.5%;}
.maincontent{float:right; position: relative; width:82.5%;}
.maincontent .inbox{padding-left:20px; margin-left: 20px;}
.maincontent .detail{padding-right:0!important; padding-bottom:0!important;}
.maincontent .page_list{margin-bottom:15px;}
.sidebar .inbox{position: relative;}
.sidebar .inbox:after, .maincontent:before{content: ''; width: 1px; height: 100%; position: absolute; top: 0; bottom: 0; background: #eeeeee;display: none;}
 .maincontent:before{display: none;}
.sidebar .inbox:after{ right: -21px;}
.maincontent:before{ left: 20px;}

.parentname{position:relative; z-index:11; line-height:160%; padding:20px 15px; font-size:1.25em; color:#fff; font-weight: bold; text-align:center; background:#0058bd;}
.parentname font{display:inline-block; vertical-align:top; line-height:1.4em;}

.sidenav{position:relative; z-index:13; overflow:hidden;}
.sidenav li{}
.sidenav li a{position:relative; display:block; padding:12px 20px; color: #333; font-size:1.125em; line-height:1.6em; text-align:center; background-color:#F9F9F9;}
.sidenav li a:hover{ background-color:#dee5ef;}
.sidenav li.on a{color:#333; background-color:#E8E8E8; font-weight: bold;}
.sidenav li.img a{padding: 0;}
.sidenav li.img a img{display: block; transform: .3s all;}
.sidenav li.img a:hover img{opacity: .85;}

.page_title{ padding-top: 9px; margin-bottom: 15px; border-bottom: 1px solid #e5e5e5;}
.page_title h2{display: inline-block; position: relative; font-size: 1.5em; color: #0058bd; font-weight: bold; line-height: 56px;}
.page_title h2:before{content:''; position: absolute; width: 100%; height: 5px; left: 0; bottom: 0px; background: #0058bd;}

/*list*/
.page_list li{ position:relative; padding:4px 100px 4px 0; clear:both; overflow:hidden; line-height:1.6;}
.page_list li .time{ position:absolute; right:0; top:7px; color:#999999;}
.page_list li .time1{ color: #999999; line-height: 30px; font-size: 14px;padding-left: 10px;}
.page_list li a{float:left; max-width:96%; color: #595959; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; position: relative; padding-left: 10px;}
.page_list li a::after{display: block;content: ""; width: 5px; height: 5px; background: #D8D8D8; border-radius: 50%; position: absolute; top: 10px; left: 0px;}
.page_list li a br{display: none;}
.page_list li a:hover{color:#0058bd;}
.page_list li .time a::after{ display: none;}
.page_list li .time a{border-radius: 5px; background:#0058bd;color: #fff; padding:0 10px; font-size:14px; }
.singlePage{line-height:2.25; font-size: 15px;}

.page_list.split li:nth-child(5n),
.page_list.split .addLine{margin-bottom:15px; padding-bottom:25px; border-bottom:1px dashed #e5e5e5;}
.page_lists .setModule:last-child{margin-bottom: 0;}

.page_list_pic{overflow:hidden;}
.page_list_pic ul{margin-right:-10px; margin-left:-10px; overflow:hidden; zoom:1;}
.page_list_pic ul li{position:relative; float:left; width:33.333%;}
.page_list_pic ul li a{display:block; margin:0 10px 20px; font-size:1em; overflow:hidden;}
.page_list_pic ul li .pic{display:block; width:100%;  height:242px; background-color:#ebebeb; overflow:hidden;}
.page_list_pic ul li .pic img{display:block;  width:100%; height:100%;}
.page_list_pic ul li h4{display:block; padding:15px; line-height:24px; font-weight: normal; text-align:left; background-color:#f9f9f9; border-right:1px solid #ebebeb; border-bottom:1px solid #ebebeb; border-left:1px solid #ebebeb;}
/* .page_list_pic ul li h4:before{display:inline-block; width:0; height:100%; content:""; vertical-align:middle; visibility:hidden;} */
.page_list_pic ul li h4 span{height: 48px;}
.page_list_pic ul li h4 br{display: none;}

/* 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;}

/* sitemap */
.sitemap .module{border-bottom:1px dashed #e5e5e5;}
.sitemap .common_title{line-height:46px; background-color:#f8f8f8;}
.sitemap .newslist{padding:15px 0;}
.sitemap .newslist li{float:left; width:25%;}
.sitemap .newslist li h4{padding-right:15px; font-size:1em;}
.sitemap .newslist li h4:before{width:5px; height:5px; border-radius:50%;}

/*pagediv*/
.pagediv{padding:20px 0 0; font-size:14px; color:#333; line-height:28px; clear:both;}
.pagediv li{display: inline-block;}
.pagediv .arrow a{color: #333;}
.pagediv .total_count,
.pagediv .arrow a,
.pagediv .arrow span,
.page_jump a{display: inline-block; padding:0 10px; margin:4px; zoom:1; border:#dfdfdf 1px solid; border-radius:3px; 
}
.pagediv  #page_input{width:40px; height:28px; color:#888; text-align:center; border:#dfdfdf 1px solid; border-radius:3px; background:#fff;}
.pagediv .total_count,
.pagediv .arrow a,
.page_jump a{
	transition: all .2s;
	-webkit-transition: all .2s;
	background: #f5f6f7;
	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);
}
.pagediv .arrow span{background: #f5f5f5; color: #999;}
.pagediv .arrow a:hover,
.page_jump a:hover,
.pagediv .arrow .current{background:#0058bd; border-color:#0058bd; color:#fff; text-decoration:none;}
.pagediv .arrow .current{font-weight: bold;}
.page_jump{margin-left: 4px;}
.page_jump a{margin-left: 6px;}


/**** responsive ****/
@media (max-width: 1440px){

}

@media (max-width: 1280px) {
  .sitemap .newslist{padding-top:10px; padding-bottom:10px;}
}


@media (max-width: 1023px){
  .page_list_pic ul{margin-right:-8px; margin-left:-7px;}
  .page_list_pic ul li a{margin:15px 8px 0 7px;}
}



@media (max-width: 992px){
  .sitemap .newslist{padding:10px 5px 0;}
	.sitemap .newslist li{width:33.33333%;}
}

@media (max-width: 991px){
  .sidebar, .maincontent{float:none; width:100%;}
  .sidebar .inbox:after, .maincontent:before{display: none;}
  .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; 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_over{overflow-y: auto; max-height: 100%; overflow-x:hidden;}
  .m_sidebar_icon{position:absolute; left:100%; bottom:0; z-index:13; width:40px; height:40px; background:url(/2023gb/images/mobile/m_icon_sidebar.gif) no-repeat center center; background-color:rgba(0,0,0,0.6); border-radius:0 4px 0 0;   cursor: pointer; box-shadow: 0 0 5px rgba(0,0,0,0.5);}
  .m_sidebar_icon_open{transform: rotate(180deg); border-radius: 0 0 0 4px;}
  .parentname{margin-bottom: 1px; text-align: left;}
  .sidenav li{margin-bottom:0; border-top:none;}
  .sidenav li a{padding-top: 12px; padding-bottom: 12px; border-bottom:1px solid rgba(255,255,255,.8); text-align: left;}

  .page_list{margin-bottom:0;}
  .page_list_pic{margin-bottom:0;}
  .page_tt{padding-top:15px;}

}

@media (max-width:768px) {
  .page_list_pic ul li{width:50%;}

}

@media (max-width: 640px){
  .page_list_pic ul li .pic{height:210px;}

}

@media (max-width: 480px){
  .page_list li{padding:10px 10px 10px 0 !important;  line-height:1.6; height:auto;}
	.page_list li a, .page_list li .time{float:none; display:inline; position:static; white-space:normal; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:auto;}
  .page_list li a{margin-right: 10px;}
  .page_list_pic ul li .pic{height:170px;}

  .sitemap .newslist li{width:50%;}

}



@media (max-width: 414px){
  .page_list_pic ul li .pic{height:160px;}
}

@media (max-width:375px){

}

@media (max-width:320px){
  .page_list_pic ul li{width:100%;}
  .page_list_pic ul li .pic{height: auto;}
  .page_list_pic ul li h4 span{height: auto; display: block;}
  .sitemap .newslist li{width:100%;}
}

