@charset "utf-8";
/* CSS Document */
/*公共样式*/
body{background: #EFEFEF;}
.bg-fff{background: #fff;}
.container{ width: 1400px;}
@media (min-width: 1199px) and (max-width:1399px) {
    .container{ width: 1200px;}
}
@media (min-width: 992px) and (max-width:1199px) {
    .container{ width: 992px;}
}
@media (max-width:991px) {
    .container{ width: 768px;}
}
@media (max-width:767px) {
    .container{ width: 100%;}
}
/*归档*/
.guidang{position: absolute; right: 0; top: 0; z-index: 10; pointer-events: none;}
@media (max-width: 768px){
    .guidang{ width: 150px !important; height: 150px !important; background-size: 100% 100% !important;}
}
/*头部*/
.ls-special-header{ height:380px; background: url("../images-new/ls-zdlybannerbg.png") center 0 no-repeat; background-size: 100% 100%;}
.ls-special-header .container{ position: relative;}
.ls-special-header .guidang{ position: absolute; right: 0; top: 65px;}
.ls-special-banner{ padding: 55px 0 26px; font-size: 0; line-height: 0;text-align: center;}
.ls-special-banner img{max-width: 100%; height: auto;}

.ls-special-search{width: 576px; height: 44px; padding: 6px; margin: 0 auto 32px;background: url("../images-new/ls-zdlysearch.png") center 0 no-repeat; box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.04); border-radius: 28px; }
.ls-special-search ul{position: relative;padding: 0 120px 0 20px;}
.ls-special-search ul li input{ border: none;background: none;}
.ls-special-search ul li.ss1 input{ width: 100%; height:44px; line-height: 44px; font-size: 16px;color: rgba(0, 0, 0, 0.8);}
.ls-special-search ul li.ss2{ position: absolute;top:0px; right: 0px; width: 110px; height: 44px;border-radius: 23px;background: linear-gradient(-71.33deg, rgb(249, 163, 45) 24.598%,rgb(254, 187, 102) 96.142%); }
.ls-special-search ul li.ss2 input{background: url("../images-new/zdly-fdj.png") 23px center no-repeat; padding-left: 50px; font-size: 18px; color: #fff; line-height: 44px; text-align: left;}
.ls-special-search #uboxstyle.search_drap{width: 75px;height: 44px;position: absolute;line-height: 44px;left: 10px;top: 0;cursor: pointer;z-index: 2;}
.ls-special-search #uboxstyle.search_drap select{width:100%;height: 44px;padding:0;border:0;background:none;font-size: 16px;color:#666;vertical-align: top;}

/*内容*/
.ls-zdly-tab{ height: 60px; margin-top: -60px; }
.ls-zdly-tab ul{padding-left: 36px;}
.ls-zdly-tab ul li{ width: 256px; height: 60px; float: left; margin-right: 12px;text-align: center;}
.ls-zdly-tab ul li a{ margin-top: 12px;display: block; background: #fff;border-radius: 8px 8px 0 0; line-height: 48px; font-size: 24px; font-weight: bold; color: #5894F8; position: relative; z-index: 2}
.ls-zdly-tab ul li.active a{margin-top: 0;line-height:60px;border-radius: 8px 8px 0 0;background: linear-gradient(270.00deg, rgb(145, 190, 249),rgb(88, 148, 248) 100%); color: #fff;}
.ls-zdly-tab ul li.active a i{height:0; width:0;border:12px solid;border-color:#75a9f9 transparent transparent transparent;  position: absolute; left:50%; margin-left: -12px; bottom: -24px;}
.ls-zdly-listname{min-height:168px; margin-bottom:40px;box-shadow: 0px 0px 24px 0px rgba(199, 216, 245, 0.4);overflow: hidden; backdrop-filter: blur(30px); background: rgba(255, 255, 255, 0.75); border-radius: 0 0 8px 8px;padding: 32px 40px 16px;position: relative;z-index: 1;}
.ls-zdly-listname ul li{ float: left; margin: 0  16px 16px 0px;}
.ls-zdly-listname ul li a{border-radius: 8px;display: block; padding: 0 20px; line-height: 40px;  background: rgb(237, 246, 255); font-size: 18px;}
.ls-zdly-listname ul li a:hover,.ls-zdly-listname ul li a.active,.ls-zdly-listname ul li.active a{border-radius: 8px; background: linear-gradient(270.00deg, rgb(91, 134, 238),rgb(40, 93, 223) 100%); color: #fff;}

.ls-leftbar{min-height:926px;border-radius: 12px; box-shadow: 0px 0px 24px 0px rgba(199, 216, 245, 0.4);background: rgb(255, 255, 255);width: 246px;padding: 0 32px; margin-bottom: 40px; }
.ls-tab-tit{height: auto; overflow: hidden; background: url("../images-new/zdlyline.png") bottom repeat-x; margin-top: 24px;}
.ls-tab-tit span{display:block;height: auto; font-size: 24px; color: #5894F8; border-bottom: 3px solid #5894F8; line-height: 35px;float: left;}
.ls-tab-con{ padding-top: 24px; height: 822px;}
.ls-tab-con li{ line-height: 26px; background: url("../images-new/zdly-dot.png") left 10px no-repeat;padding-left: 18px; margin-bottom:6px;position: relative; }
.ls-tab-con li a{ font-size: 16px; display: block; padding-right: 20px;position: relative; overflow: hidden;   text-overflow: ellipsis;}
.ls-tab-con li a.is-link{ color: #5894F8}
.ls-tab-con li a.is-link .link-icon{  display: inline-block; width: 14px; height: 14px; margin-top: -7px; right: 0; top:50%;   background: url(../images-new/arrowa.png) 0 0  no-repeat; background-size: 14px 14px;}
.ls-tab-con li a i{position: absolute; right:0px; top:50%;margin-top:-7px;  width: 14px; height: 14px; background: url("../images-new/icon-jia.png") no-repeat;}
.ls-tab-con li a:hover{color: #5894F8;}
.ls-tab-con li>a{ margin-bottom: 6px;}
.ztree li span.button{background: none; position: absolute; right: 10px; top: 8px;}
.ztree li span.button.center_close,.ztree li span.button.bottom_close,.ztree li span.button.roots_close{z-index:10;width: 14px;height: 14px;background: url("../images-new/icon-jia.png") center no-repeat;}
.ztree li span.button.center_open,.ztree li span.button.bottom_open,.ztree li span.button.roots_open{z-index:10;width: 14px;height: 14px;background: url("../images-new/icon-jian.png") center no-repeat;}
/* 滚动条 */
.ls-tab-con{overflow-y: auto; overflow-x: hidden;}
.ls-tab-con::-webkit-scrollbar{ width: 6px;height: auto;}
/* 滚动条轨道 */
.ls-tab-con::-webkit-scrollbar-track {border-radius: 6px;background:#EAE5DB;}
/* 滚动条滑块 */
.ls-tab-con::-webkit-scrollbar-thumb{border-radius: 6px;background:#5894F8;}
.ls-rightbar{border-radius: 12px;box-shadow: 0px 0px 24px 0px rgba(199, 216, 245, 0.4); background: rgb(255, 255, 255);width: 970px; padding: 0 40px;margin-bottom: 40px;}
.ls-dqwzbox{margin:30px 0px 24px; position: relative;padding-right: 200px;}
.ls-positionlist{   line-height: 28px;background: url("../images-new/dq_icon.png") left 5px no-repeat;padding-left: 20px; font-size: 16px; color: #999999;}
.ls-positionlist a{ color: #999;}
.gklm_search{  border: 1px #ddd solid; width: 162px; height: 26px; padding-right: 36px;   position: absolute; right: 0px; top:0px;}
.gklm_search input{border: 0 none; background: none; height: 100%; vertical-align: middle; width: 100%;}
.gklm_search li{font-size: 0; line-height: 0;}
.gklm_search .ss1{ padding: 3px 0 3px 10px; height: 20px;}
.gklm_search .ss1 input{ font-size: 14px; line-height: 20px; font-weight: normal;}
.gklm_search .ss2{height: 26px; width: 36px; position: absolute; right: 0; bottom: 0; background: center center no-repeat; background-image: url("../images-new/pos_searico.png") !important;}
.gklm_search .ss2 input{height: 26px; cursor: pointer; background: transparent !important;}

.ls-top-con{background:#F7F8FC; border-radius: 8px; padding: 12px 20px 12px 12px;overflow: hidden;}
.ls-top-con .tit{text-align:center;border-radius: 6px;background: linear-gradient(-45.00deg, rgba(246, 146, 34, 0.8) 0%,rgba(251, 175, 90, 0.8) 100%);width: 40px; height: 40px;float:left; padding: 12px; line-height: 20px; font-size: 18px; font-weight: bold; color: #fff;}
.ls-top-con p{ margin-left: 88px; padding: 6px 0; line-height: 26px; font-size: 16px; color: #666666;}

.ls-zdlylist{ padding-top: 15px;overflow: hidden;}
.ls-zdlylist li{height: 38px; line-height: 38px; background: url("../images-new/zdly-dot1.png") left center no-repeat; padding-left:18px;}
.ls-zdlylist li a, .ls-zdlylist li a.title{display:inline-block; max-width: 807px;}
img.top{ vertical-align: top; margin-top: 12px;width: 15px; height: 15px;}
/*底部*/
.footer{background: url(../images-new/bodybg.png) repeat;}
.footer .fot_ewm{ width: 378px;}
/*分页/翻页*/
.pagination {   margin: 40px 0;  line-height: 30px;  font-size: 16px;}
.pagination a, .pagination span {   border: 1px solid #ccc;  height: 30px;border-radius: 4px; }
.pagination a:hover { background: #1F7BFF; border: 1px solid #1F7BFF; color: #fff!important; }
.pagination a.active { border: 1px solid #1F7BFF; color: #fff; }
.pagination span.current, .pagination span.current:hover { background: #1F7BFF; border: 1px solid #1F7BFF; color: #fff; }
.pagination span.disabled, .pagination span.disabled:hover { border: 1px solid #d9d9d9; color: #666; background: #eee; }
.pagination a.text, .pagination a.text:hover { color: #fff; background: #eee; border: #d9d9d9 1px solid; cursor: text; }
.pagination a.pagemore, .pagination a.pagemore:hover { color: #ccc;   border: 1px solid #EEEEEE;   }
.pagination .inputBar {   height:30px; }
.pagination .total {   height:30px; }
.pagination .inputBar input {   height: 26px; line-height: 30px;  border: #ccc 1px solid;   background: #fff; border-radius: 4px;  }
.pagination .inputBar .go-page {  height: 32px; line-height: 24px;  border: #ccc 1px solid;  background: #F7F7F7; width: 60px;border-radius: 4px; }
.pagination .inputBar .go-page:hover { background: #fff;   }
@media (min-width: 1199px) and (max-width:1399px) {
    /*头部*/
    .ls-special-banner{ padding: 25px 0 25px;}
    .ls-zdlylist li a, .ls-zdlylist li a.title{ max-width: 637px;}
    /*内容*/
    .ls-zdly-tab ul li{width: 216px;}
    .ls-leftbar{width: 306px; padding: 0 20px;}
    .ls-rightbar{width: 774px;padding: 0 20px;}
    /*底部*/
    .footer .fot_ewm{ width: 310px;}
}
@media (min-width: 992px) and (max-width:1199px) {
    /*头部*/
    .ls-special-banner{ padding:20px 0px;}
    .ls-zdly-tab ul{ padding-left: 12px;}
    .ls-zdly-tab ul li{width: 184px;}
    .ls-zdly-listname{ padding: 20px 20px 5px; margin-bottom: 20px;}
    .ls-leftbar{width: 306px; padding: 0 20px; margin-bottom: 20px;}
    .ls-rightbar{width: 586px;padding: 0 20px; margin-bottom: 20px;}
    .ls-zdlylist li a, .ls-zdlylist li a.title{ max-width: 438px;}
    /*底部*/
    .footer .fot_ewm{ width: 250px;}
    .footnav{ padding: 15px; line-height: 30px;}
    /*底部*/
    .footer .fot_ewm{ width:250px;}
}
@media (max-width:991px) {
    .ls-zdly-tab ul{ padding-left: 0px;}
    .ls-zdly-tab ul li{width: 145px; margin-right: 10px;}
    .ls-zdly-tab ul li:last-child{ margin-right: 0px;}
    .ls-zdly-tab ul li a{ font-size: 20px;}
    .ls-zdly-listname{ padding:15px 15px 0;margin-bottom: 15px;}
    .ls-leftbar{ width: auto; float: none; min-height: auto!important; height: auto!important;padding: 0 15px 15px; margin-bottom: 15px;}
    .ls-tab-tit{ padding-top: 10px; margin-top: 0px;}
    .ls-rightbar{width:auto; float: none;padding:15px; margin-bottom: 15px;}
    .ls-positionlist{ margin: 0 0 10px;}
    .footer .fot_ewm{width: auto;}
    .ls-dqwzbox{margin:0px 0px 15px;}
    .ls-zdlylist li a, .ls-zdlylist li a.title{ max-width: 578px;}
}
@media (max-width:767px) {
    .contain{ margin: 0 10px;}
    .ls-special-banner{ padding:20px 0px;}
    .ls-special-header{ height: auto;}
    .ls-zdly-tab{ margin: 10px auto;}
    .ls-zdly-tab{ height: auto; margin: 10px 5px; overflow: hidden;}
    .ls-zdly-tab ul li{width: 31.33%; margin:0 1%!important;}
    .ls-zdly-listname{ padding:10px 10px 0;margin:0 10px 10px;}
    .ls-leftbar {padding: 0 10px 10px; margin-bottom: 10px;}
    .ls-rightbar{ padding:10px; margin-bottom: 10px;}
    .pagination{ margin: 15px 0px;}
    .ls-top-con p{ margin-left: 0px; padding: 0px;}
    .ls-top-con .tit{ margin-right: 10px;}
    .content_main{ padding: 10px;}
    .ls-dqwzbox{margin:0px 0px 10px; padding-right: 0px;}
    .gklm_search{    width: auto;     position: static; }
    .ls-zdlylist li a, .ls-zdlylist li a.title{ max-width: 90%;}
}
@media (max-width:600px) {
    .ls-special-search{ width: 96%;}
}
@media (max-width:467px) {
    .ls-zdly-tab ul li{width: 46%; margin: 0 2%!important;}
}
@media (max-width:367px) {
    .ls-special-search ul{   padding: 0 85px 0 10px;}
    .ls-special-search ul li.ss1 input{   font-size: 16px; }
    .ls-special-search ul li.ss2{   width: 80px;  }
    .ls-special-search ul li.ss2 input{background-position: 12px center; padding-left: 32px; font-size: 16px;  }

}
/*配色问题*/
 .wza-black-white .ls-special-search{border: 1px solid #fff; border-radius:30px;}
 .wza-yellow-black .ls-special-search{border: 1px solid #000; border-radius:30px;}
 .wza-blue-yellow .ls-special-search{border: 1px solid yellow; border-radius:30px;}
 .wza-yellow-blue .ls-special-search{border: 1px solid blue; border-radius:30px;}
 .wza-white-black .ls-special-search{border: 1px solid black; border-radius:30px;}
 .wza-black-yellow  .ls-special-search{border: 1px solid yellow; border-radius:30px;}

