@charset "utf-8";
/*layout*/
.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 .pageList{margin-bottom:15px;}
.sideBar .in_box{position: relative;}
.sideBar .in_box:after, .mainContent:before{content: ''; width: 1px; height: 100%; position: absolute; top: 0; bottom: 0; background: #eeeeee;}
.sideBar .in_box:after{ right: -21px;}
.mainContent:before{ left: 20px;}

.parentName{position:relative; z-index:11; line-height:160%; padding:12px 15px; margin-bottom:10px; font-size:1.25em; color:#fff; text-align:center; background:#0f59a4; display: none;}
.parentName font{display:inline-block; vertical-align:top; line-height:1.4em;}

.sideMenu{position:relative; z-index:13; overflow:hidden;}
.sideMenu li{margin-bottom:10px;}
.sideMenu li a{position:relative; display:block; padding:19px 20px; color: #365f93; font-size:1.125em; line-height:1.6em; text-align:center; background-color:#e0e7ef;}
.sideMenu li a:hover{ background-color:#d2deec;}
.sideMenu li.on a{color:#fff; background-color:#2461b1; font-weight: bold;}
.sideMenu li.img a{padding: 0;}
.sideMenu li.img a img{display: block; transform: .3s all;}
.sideMenu li.img a:hover img{opacity: .85;}

.page-title{padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #e5e5e5;}
.page-title h2{display: inline-block; position: relative; padding-left: 25px; font-size: 1.5em; color: #0D59A4; font-weight: bold; }
.page-title h2:before{content:''; position: absolute; width: 5px; height: 18px; left: 0; top: 10px; background: #b20000;}


/*灞曞紑寮忚彍鍗� Start*/
.showMenu{position:relative; z-index:13; overflow:hidden;}
.showMenu h2{font-weight:normal; font-size:1em;}
.showMenu .li-level1{margin-bottom:3px;}
.showMenu .li-level1 h2 a{position:relative; display:block; padding:12px 35px 12px 20px; font-size:1em; line-height:1.6em; text-align:left; background-color:#f7f7f7;}
.showMenu .li-level1 h2 a:hover{color:#005192; background-color:#dedede;}
.showMenu .li-level1 h2 a.anow{color:#fff; background-color:#019cf8;}
.showMenu .li-level1 h2 a.show{color:#fff; background-color:#019cf8;}

.showMenu .li-level1 h2.level1-drop a:before{ position:absolute; top:50%; right:15px; content:""; margin-top:-8px; width:15px; height:15px; background-image:url(../2021images/arrow.png); background-repeat:no-repeat; background-position:-15px 0;}
.showMenu .li-level1 h2.level1-drop a:hover:before{background-position:-15px 0;}
.showMenu .li-level1 h2.level1-drop a.anow:before{background-position:0 0;}
.showMenu .li-level1 h2.level1-drop a.anow:hover:before{background-position:0 0;}
.showMenu .li-level1 h2.level1-drop a.show:before{background-position:-30px 0;}
.showMenu .li-level1 h2.level1-drop a.show:hover:before{background-position:-30px 0;}

.showMenu .show-classify li{float:left; width:100%; padding:11px 0; border-bottom:1px solid #dedede;}
.showMenu .show-classify li a{position:relative; display:block; padding-left:20px; line-height:1.8em;}
.showMenu .show-classify li a:before{position:absolute; top:-7px; left:0; content:""; margin-top:.9em; width:3px; height:15px; line-height:1.8em; background-color:#019cf8;}
.showMenu .show-classify li a.anow{color:#019cf8;}
.showMenu .show-classify li.notBorder{border-bottom-width:0;}

.showMenu .ul-level1{display:none; padding:0 20px; background-color:#fff;}
/*灞曞紑寮忚彍鍗� End*/

/*piclist*/
.piclist{margin-bottom: 30px;}
.piclist li{ position:relative; width:20%; float:left; }
.piclist li a{float:left;  color: #595959; overflow:hidden;}
.piclist li a:hover{color:#5d7ea9;}

/*list*/
.pageList li{ position:relative; padding:7px 100px 7px 0; clear:both; overflow:hidden; line-height:1.6; font-size:1.125em;}
.pageList li .time{ position:absolute; right:0; top:7px; color:#999999;}
.pageList li a{float:left; max-width:96%; color: #595959; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}
.pageList li a br{display: none;}
.pageList li a:hover{color:#0050b5;}
.singlePage{line-height:2.25; font-size: 16px;}

.pageList.line li:nth-child(5n),
.pageList.line .addLine{margin-bottom:15px; padding-bottom:25px; border-bottom:1px dashed #e5e5e5;}
.pageLists .setModule:last-child{margin-bottom: 0;}

.pageFirstCont{font-size:1em; line-height:200%;}
.pageFirstCont p{margin-bottom:15px;}
.pageFirstCont p a{color:#1a56a8;}

.pageListPic{overflow:hidden;}
.pageListPic ul{margin-right:-10px; margin-left:-10px; overflow:hidden; zoom:1;}
.pageListPic ul li{position:relative; float:left; width:33.333%;}
.pageListPic ul li a{display:block; margin:0 10px 20px; font-size:1em; overflow:hidden;}
.pageListPic ul li span.pic{display:block; width:100%;  height:242px; background-color:#ebebeb; overflow:hidden;}
.pageListPic ul li span.pic img{display:block;  width:100%; height:100%;}
.pageListPic ul li span.txt{display:block; padding:10px; font-size:0.9375em; text-align:left; background-color:#f9f9f9; border-right:1px solid #ebebeb; border-bottom:1px solid #ebebeb; border-left:1px solid #ebebeb;}
.pageListPic ul li span.txt:before{display:inline-block; width:1px; height:48px; content:""; vertical-align:middle; visibility:hidden;}
.pageListPic ul li span.txt font{display:inline-block; vertical-align:middle; max-height:48px; line-height:24px; width:99%;}
.pageListPic ul li span.txt font br{display: none;}
.pageListPic.spread ul li{width:25%;}



/* 閲嶇偣棰嗗煙 */
.mb {
    margin-bottom: 30px;
}
.container {
    width: 1248px;
    margin: 0 auto;
    clear: both;
}
.common-banner img {
    display: block;
    width: 100%;
}

.crumb h2 {
    padding: 15px 25px 15px 46px;
    line-height: 20px;
    font-size: 1em;
    font-weight: normal;
  /*  background: url(../2021images/position.png) no-repeat 10px center; */
}
.crumb {
    background: #f7fafd;
}
.zdly-navs {margin: 0 -15px;}
.zdly-navs .item{float: left; width: 25%;}
.zdly-navs .box{height: 310px;position: relative;background: #fff;margin: 0 15px 30px;}
.zdly-navs .pNav{height: 100%;}
.zdly-navs .pNav a{display: block; overflow: hidden; height: 100%;}
.zdly-navs .pNav a:hover{background: #96d1d7; transition:300ms;}
.zdly-navs .pNav img{display: block; margin: 70px auto 16px;}
.zdly-navs .pNav h3{padding:0 40px; font-size: 1.25em; line-height: 24px; font-weight: bold; text-align: center;}
.zdly-navs .sNav{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0 30px;
  background: rgba(38,130,250,.88);
  opacity: 0;
  height: 0;
  overflow: hidden;
  -webkit-transition:400ms;
  -moz-transition:400ms;
  -o-transition:400ms;
  transition:400ms;
  }
.zdly-navs .sNav a{color: #fff;font-size: 16px;}
.zdly-navs .sNav a:hover{font-weight: bold;}
.zdly-navs .sNav h3{padding: 28px 0;/* color: #fff; */font-size: 1.25em;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font-weight: bold;}
.zdly-navs .sNav ul{height: 210px; margin-right: -15px; overflow-y: auto;}
.zdly-navs .sNav ul li{position: relative; padding:7px 10px 7px 20px; line-height: 22px;}
.zdly-navs .sNav ul li:before{content: ''; position: absolute; left: 0; top: 16px; width: 5px; height: 5px; background: #fff; border-radius: 50%;}
.zdly-navs .box:hover .sNav{opacity: 1; height: 100%;}


/* 璁剧疆婊氬姩鏉＄殑鏍峰紡 */
/* .common-scrollbar{direction:rtl;} */
.common-scrollbar::-webkit-scrollbar{width: 5px; border-radius: 2px; background: none;}
/*婊氬姩妲�*/
.common-scrollbar::-webkit-scrollbar-track{  border-radius: 5px; background: rgba(255,255,255,.2);}
/* 婊氬姩鏉℃粦鍧� */
.common-scrollbar::-webkit-scrollbar-thumb { background-color: rgba(255,255,255,.5); border-radius: 4px;}


/**** responsive ****/
@media (max-width: 1440px){

}

@media (max-width: 1280px) {
  .bms-list li{width: 25%;}
}


@media (max-width: 1023px){
  .pageListPic ul{margin-right:-8px; margin-left:-7px;}
  .pageListPic ul li a{margin:15px 8px 0 7px;}
  .pageListPic.spread ul li{width:33.33333%;}
  .showMenu .ul-level1{padding:0 15px;}
  .pageListPic2 ul{margin-right:-10px; margin-left:-10px;}
  .pageListPic2 ul li a{margin:0 10px 40px;}
  .pageListPic2 ul li span.pic{height: 280px;}
  .bms-list li{width: 33.3333%;}
  .zfgb-list ul li{width: 33.3333%;}
  .bmpd-list li{width: 50%;}
}



@media (max-width: 991px){
  .ztzl-rdzt ul{margin:0; display: flex; display: -webkit-flex; flex-wrap:wrap; justify-content: space-between;}
	.ztzl-rdzt ul li{float: none; width: 46%;}
	.ztzl-rdzt ul li .box{margin:0;}
}

@media (max-width: 991px){
  .sideBar{float:none; width:100%;}
  .mainContent{float:none; width:100%;}
  .sideBar .in_box:after, .mainContent:before{display: none;}
  .mainContent .inBox{padding-left:0; margin-left: 0;}
  .mainContent .rel-appendixs{border-top-width:1px; border-top-style:dashed;}

  .mobile-sideBar{position:fixed; left:-200px; top:0; bottom:0; z-index:99; background:rgba(0,0,0,0.6); width:200px; transition: all .3s; -webkit-transition:all .3s; box-shadow:0 0 5px rgba(0,0,0,0.4);}
  .mobile-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;}
  .mobile-sideBar-over{width:200px; height:100%; overflow-x:hidden; position: relative; z-index: 99;}
  .mobile-sideBar-scroll{position:relative; width:220px; height:100%; overflow-x:hidden;}
  .mobile-sideBar-icon{position:absolute; left:100%; bottom:0; z-index:13; width:40px; height:40px; background:url(../2021images/site_tree_ico.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);}
  .mobile-sideBar-icon-open{transform: rotate(180deg); border-radius: 0 0 0 4px;}
  .parentName{margin-bottom: 2px; text-align: left;}
  .sideMenu{width:200px;}
  .sideMenu li{margin-bottom:0; border-top:none;}
  .sideMenu li a{padding-top: 12px; padding-bottom: 12px; border-bottom:1px solid rgba(255,255,255,.8); text-align: left;}
  .showMenu{width:200px;}

  .pageList{margin-bottom:0;}
  .pageListPic{margin-bottom:0;}
  .pageListPic ul li{width:33.33333% !important;}
  .pageFirstCont{padding-top:15px;}
  
  .smsg-crumb{display: block;}
  .subNav-crumb{display: none;}
  .subNav{margin-bottom: 0;}
  .subNav .container{width: 100%;}
  .subNav ul{position: relative; float: none;}
  .subNav ul li{float: none; margin: 0 !important; padding: 0; font-size:1.125em;}
  .subNav ul li:after{display: none;}
  .subNav ul li a{position:relative; display:block; padding:12px 20px; color: #365f93; line-height:1.6em;  text-align: left; background-color:#e0e7ef; border-bottom:1px solid rgba(255,255,255,.8);}
  .subNav ul li a:hover{ background-color:#d2deec;}
  .subNav ul li a.aon{color:#fff; background-color:#2461b1; font-weight: bold;}

  .ldzc-attr dt{position: static; padding: 10px 0 30px;}
  .ldzc-attr dt img{margin: 0 auto;}
  .ldzc-attr dd{margin-left: 0;}
  .zfgb-title-b{ padding-right: 140px;}
  .zfgb-ss{margin: 0; width: 100%; box-sizing: border-box;}

  .zdly-navs .item{width: 33.3333%;}

}

@media (max-width:768px) {
  .pageListPic ul li, .pageListPic2 ul li{width:50% !important;}
  .pageListPic ul li span.txt{padding:5px;}

  .zfgb-list ul{background: none;}
  .zfgb-list ul li{ margin-bottom: 10px;}
  .zfgb-list ul li .box{width: 160px; height: 207px; margin: 0 auto; box-shadow:0 0 10px rgba(0,0,0,0.1);}

  .ztzl-rdzt ul li{width: 47.5%; margin-bottom: 25px;}
  .zdly-navs .item{width: 50%;}

}

@media (max-width: 640px){
  .pageListPic ul li span.pic{height:210px;}
  .bms-list li{width: 50% !important;}
  .zfgb-list ul li{width: 50%;}
  .bmpd-list li{width: 100%;}
}

@media (max-width: 480px){
  .pageList li{padding:10px 10px 10px 0 !important;  line-height:1.6; height:auto;}
	.pageList li a, .pageList li .time{float:none; display:inline; position:static; white-space:normal; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:auto;}
  .pageList li a{margin-right: 10px;}
  .pageListPic ul li span.pic{height:170px;}
  .zfgb-xcx{position: static; border-radius: 0;}
  .zfgb-title-b{padding: 0 0 20px;}
  .bms-ban h2{font-size: 1.8em;}
  .bms-ban{background-size:auto 100%;}

  .ztzl-rdzt ul li{width:100%;}
	.ztzl-rdzt ul li .box img{height: auto;}
  .zdly-navs .item{width: 100%;}
}



@media (max-width: 414px){
  .pageListPic ul li span.pic{height:160px;}
  .pageListPic2 ul li a{margin-bottom: 20px;}
  .pageListPic2 ul li span.pic{height: 160px;}
  .pageListPic2-pagediv{padding: 10px 0 40px;}
  .bms-list li{width:100% !important;}
}

@media (max-width:375px){
  .pageListPic2 ul li{width: 100% !important;}
  .pageListPic2 ul li span.pic{height: auto;}
}
@media (max-width:370px){
  .zfgb-list ul li{width:100%;}
}

