@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(/global/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: 8px; } .container { width: 1200px; margin: 0 auto; clear: both; background: #f7fafd; } .common-banner img { display: block; width: 100%; } .crumb h2 { padding: 15px 25px 15px 46px; line-height: 20px; font-size: 1.35em; font-weight: normal; background: url(/global/position.png) no-repeat 10px center; } .crumb a{color: #666;} /* .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: #fff; transition:300ms;} .zdly-navs .pNav img{display: block; margin: 70px auto 16px;} .zdly-navs .pNav h3{padding:0 40px; font-size: 1.5em; line-height: 24px; font-weight: bold; text-align: center;color: #0352b1;} .zdly-navs .sNav{position: absolute; left: 0; right: 0; bottom: 0; padding: 0 30px; background: #0352b1; 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;} .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(/global/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%;} }