@charset "utf-8";
.none{display: none;}
.none.active{display: block;}
.ztfw-bg{background:#fff url("../images-bmzt/footbg.jpg") no-repeat center bottom; background-size: 100% auto;}
.ztfwbg{background:url("/_res/css/../images-bmzt/topbg.jpg") no-repeat center top;background-size: 100% auto;}
/* CSS Document */
.header{height: auto;}
.site-logo{padding-top: 24px;padding-left: 37px;}
.site-logo img{ height: 70px;}
.topic-logo{padding-top: 32px;text-align: center;}
.site-logo .img-title,.topic-logo .img-title{display: none;}
.ls-logo{ height: 300px; background: url("/_res/css/../images_zhwl_new/bannerbg.png") center top no-repeat;background-size: 100% 100%;}
/* 搜索 */
.ls-special-search{height: 52px;width: 600px;border: #a0a0a0 1px solid;position: relative;background: #fff;border-radius: 9px;margin: 16px auto 0;}
.ls-special-search ul{ display:block; height:52px;position:relative; padding:0 100px 0 20px;border-radius: 5px;}
.ls-special-search ul li{height: 52px;}
.ls-special-search ul li input{width:100%;height:52px;line-height: 52px;font-size: 18px;border: 0 none;}
.ls-special-search ul li.ss1{position: relative;}
.ls-special-search ul li.ss1 input{background: none;color: #90908d;width: 100%;}
.ls-special-search ul li.ss1 .ph-label{left:20px;top:0px;position:absolute;font-weight:normal;}
.ls-special-search ul li.ss2{ width:100px; position: absolute; top:0; right:0; }
.ls-special-search ul li.ss2 input{cursor:pointer;overflow:hidden;background:#3ea8e3;color: #fff;font-size: 22px;text-align: center;letter-spacing: 4px; border-radius:0 9px 9px 0;}
.ls-special-search ul li.ss1 input:focus::-webkit-input-placeholder{color: transparent;}
.ls-special-search ul li.ss2 input:hover{background-color:#309dda;}

@media (max-width: 991px) {
 .ls-special-search{width: 500px;margin-top: 30px;}
}
@media (max-width: 767px) {
 .ls-special-search{width:auto;margin:0px 20px 0;height: 48px; }
 .ls-special-search ul{padding-right: 80px;height: 48px; }
 .ls-special-search ul li{height: 48px;}
 .ls-special-search ul li input{height: 48px;line-height: 48px;}
 .ls-special-search ul li.ss2{width: 80px;height: 48px; }
 .ls-special-search ul li.ss2 input{ background-position: center;}
}
/* 底部 */
.footbg{margin-top: 0;background: none;}
/* 主内容 */
.ls-ztfw-banner{ margin-left: 474px; padding-top: 80px; width: 360px;}
.ls-ztfw-text .img_title{ display: none;}
.ls-msly-change{ width: 133px; float: right; margin-top: 17px; height: 36px; border: 1px solid #fff; background: #3b9cd6; border-radius: 18px;}
.ls-msly-change>a{font-family: '楷体',"Microsoft YaHei"; font-size: 20px; font-weight: bold; line-height: 36px; background: url("/_res/css/../images-bmzt/jt.png") 106px center no-repeat; text-align: center; color: #fff; display: block;}
.ls-msly-change ul{ display: none; background:#fff; box-shadow: 0px 0px 10px 0px rgba(93, 93, 93, 0.24);position: relative; z-index: 999;width: 770px;
 margin-left: -354px; margin-top: 14px; }
.ls-msly-change ul:before{ content: ""; background: url("/_res/css/../images-bmzt/qhico.png") center no-repeat; width: 19px; height: 11px; position: absolute; left: 450px;top:-11px;}
.ls-msly-change ul li{ float: left; width: 25%;  }
.ls-msly-change ul li>a{display: block;height: 60px;line-height:60px;text-align: center;color:#242424;   font-size: 16px; }
.ls-msly-change ul li>a:hover{ background: url("/_res/css/../images-bmzt/qh_btn.png") center no-repeat; color: #fff;  }
.ls-ztfw-banner-sh{ margin-left: 407px; width: 427px;}
.ls-ztfw-banner-sh .ls-msly-change{ width: 200px;}
.ls-ztfw-banner-sh .ls-msly-change>a{ background-position: 173px center;}
/*便民服务*/
/*第一次*/
.ls-bmfw-title{ background: url("/_res/css/../images-bmzt/bmfw_tit.png") 4px center no-repeat; margin-top: 20px;}
.ls-bmfw-btn{ width: 910px; margin-bottom: 15px; height: 230px;}
.ls-bmfw-btn ul li{ width: 240px; height: 90px; float: left; margin: 0 64px 25px 0px; text-align: center;}
.ls-bmfw-btn ul li a{ font-size: 36px; font-weight: bold;background: url("/_res/css/../images-bmzt/bmfwbg2.png") no-repeat; background-size: 100% 100%; line-height: 50px; padding: 20px 0px; color: #202020; font-family: '楷体',"Microsoft YaHei"; display: block;}
.ls-bmfw-btn ul li:nth-of-type(2n) a{ background: url("/_res/css/../images-bmzt/bmfwbg3.png") no-repeat; background-size: 100% 100%; }
.ls-bmfw-btn ul li:nth-of-type(3n){ margin-right: 0px;}
.ls-bmfw-btn ul li a:hover{ color:#2987c7;}
.ls-bmfw-btn ul li img{ display: none;}
/*第二次*/
.ls-bmfw-btn01{ width: 888px; margin-bottom: 15px; height: 230px;}
.ls-bmfw-btn01 ul{ padding: 16px 0 0 18px;}
.ls-bmfw-btn01 ul li{ width: 130px; height:173px;text-align: center; float: left; margin: 0 0 0 15px; background: url("/_res/css/../images-bmzt/bmfw_btnbg.png") center top repeat-x; border-radius: 10px; }
.ls-bmfw-btn01 ul li a{ line-height: 58px; display: block;padding-top: 44px; font-size: 16px; color:#46a2d9; }
.ls-bmfw-btn01 ul li a:hover{ font-weight: bold;}
.ls-bmfw-btn01 ul li img{ margin: 0 auto; display: block;}
.ls-bmfw-btn01 ul li.num1{ border-bottom: 7px solid #46a2d9;}
.ls-bmfw-btn01 ul li.num2{ border-bottom: 7px solid #817ffa;}
.ls-bmfw-btn01 ul li.num2 a{ color: #817ffa;}
.ls-bmfw-btn01 ul li.num3{ border-bottom: 7px solid #fa995f;}
.ls-bmfw-btn01 ul li.num3 a{ color: #fa995f;}
.ls-bmfw-btn01 ul li.num4{ border-bottom: 7px solid #3e76e0;}
.ls-bmfw-btn01 ul li.num4 a{ color: #3e76e0;}
.ls-bmfw-btn01 ul li.num5{ border-bottom: 7px solid #2ac2cb;}
.ls-bmfw-btn01 ul li.num5 a{ color: #2ac2cb;}
.ls-bmfw-btn01 ul li.num6{ border-bottom: 7px solid #46a2d9;}
.ls-bmfw-btn01 ul li.num6 a{ color: #46a2d9;}
.ls-bmfw-btn01 ul li a:hover img{webkit-transition:  -webkit-transform 0.7s ease-out; -moz-transition: -moz-transform 0.7s ease-out; transition: transform 0.7s ease-out; transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); }
.ls-jy ul li,.ls-jzfl ul li,.ls-zf ul li{ width: 156px;}
.ls-hy ul li,.ls-jycy ul li,.ls-ggjt ul li{ width: 196px;}
/*第三次*/
.ls-bmfw-btn03{ width: 888px; margin-bottom: 15px; height: 230px; background: url("/_res/css/../images-bmzt/bmfw-bg1.png") left top no-repeat; position:relative;}
.ls-bmfw-btn04{background: url("/_res/css/../images-bmzt/bmfw-bg2.png") left top no-repeat;}
.ls-bmfw-btn03 ul li{ position: absolute; width:97px; height: 97px; text-align: center; }
.ls-bmfw-btn03 ul li a{ background: url("/_res/css/../images-bmzt/bmfw_btn.png") center no-repeat; padding-top: 14px;display:block;height: 83px; line-height: 34px; font-size: 16px; color: #fff;}
.ls-bmfw-btn03 ul li a:hover{background: url("/_res/css/../images-bmzt/bmfw_btnh.png") center no-repeat;}
.ls-bmfw-btn03 ul li img{ display: block; margin: 0 auto;}
.ls-bmfw-btn03 ul li a:hover img{webkit-transition:  -webkit-transform 0.7s ease-out; -moz-transition: -moz-transform 0.7s ease-out; transition: transform 0.7s ease-out; transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); }
.ls-bmfw-btn03 ul li.num1{ left:68px; top:81px;}
.ls-bmfw-btn03 ul li.num2{left:222px; top:17px;}
.ls-bmfw-btn03 ul li.num3{left:375px; top:54px;}
.ls-bmfw-btn03 ul li.num4{left:520px; top:75px;}
.ls-bmfw-btn03 ul li.num5{left:618px; top:-37px;}
.ls-bmfw-btn03 ul li.num6{left:715px; top:81px;}
.ls-zf03 ul li.num5,.ls-jzf03 ul li.num5,.ls-jy03 ul li.num5{left:687px; top:17px;}

.ls-onebox{ width: 283px; position: relative; margin-bottom: 15px;z-index: 1}
.ls-listbox{  margin-right: 74px; height: 190px;padding:18px 13px 0px;box-shadow: 0px 0px 10px 0px rgba(93, 93, 93, 0.24); background: url("/_res/css/../images-bmzt/yjs_bg.png") center no-repeat;background-size: 100% 100%;border-radius: 18px; }
.ls-listbox ul li{ height: 44px; line-height: 22px; background: url("/_res/css/../images-bmzt/dot.png") left 7px no-repeat; padding-left: 16px;}
.ls-listbox ul li a{ font-size: 16px; color: #2987c7;display:block;display: -webkit-box; -webkit-box-orient: vertical;
 -webkit-line-clamp: 2;    line-clamp: 2;    overflow: hidden;}
.ls-list-tit{ width: 58px; height: 208px; background: #399bd6; text-align: center;position: absolute;right: 0px; top:0px;z-index: 2 }
.ls-list-tit a{ display: block; line-height: 30px; font-size: 20px; font-weight: bold; color: #fff; padding: 29px 10px;}
.ls-list-tit i{ width: 26px; height: 27px; background: url("/_res/css/../images-bmzt/jt_ico.png") no-repeat; position: absolute; left:-14px; top:50%; margin-top: -13px;}
/*政策*/
.ls-zcbox{ height: 232px; margin-top: 43px; background: #fff;box-shadow: 0px 0px 10px 0px rgba(93, 93, 93, 0.24);position: relative; padding-top: 24px;}
.ls-zc-tab{   height:67px; background: url("/_res/css/../images-bmzt/tabbg.png") no-repeat; background-size:100% 100%;position: absolute; left: 0px; top:-43px;width: 100%; }
.ls-zc-tab ul li{ width: 33.33%; float: left; text-align: center; line-height: 66px;}
.ls-zc-tab ul li a{ font-size: 18px; color: #bab7b7; display: block; font-weight: bold; letter-spacing: 5px;}
.ls-zc-tab ul li a i{ font-size: 22px; font-style: normal;}
.ls-zc-tab ul li.active a{ color: #ffffff;}
.ls-zc-tab ul li.active a i{ color:#fdcb46;}
.ls-zc-tab ul li.active a.zc1{background: url("/_res/css/../images-bmzt/tabhover1.png") center no-repeat;background-size:100% 100%;}
.ls-zc-tab ul li.active a.zc2{background: url("/_res/css/../images-bmzt/tabhover2.png") center no-repeat;background-size:100% 100%;}
.ls-zc-tab ul li.active a.zc3{background: url("/_res/css/../images-bmzt/tabhover3.png") right center no-repeat;background-size:100% 100%; }
.ls-zclist{ padding: 20px 30px 0px 38px;}
.ls-zclist ul li{ height: 36px; line-height: 36px; padding: 2px 122px 2px 0; overflow: hidden;position: relative; background: url("/_res/css/../images-bmzt/linebg.png") center repeat-x;}
.ls-zclist ul li a{ font-size: 18px; background: url("/_res/css/../images-bmzt/dot.png") left center no-repeat #fff; padding-left: 20px;padding-right: 17px; float: left; display: inline-block;overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.ls-zclist ul li .date{ position: absolute;font-size:16px;width: 122px; background: #fff; text-align: right; right: 0px; top:2px;}
/*便民地图*/
.ls-tit{ height: 106px; line-height: 106px;}
.ls-tit a,.ls-tit span{ padding-left: 60px; font-size: 24px; font-weight: bold; display: block; color: #399bd6;}
.ls-tit i{font-style: normal;color: #fdcb46; font-size: 28px;}
.ls-bmdt-title{ background: url("/_res/css/../images-bmzt/bmdt_tit.png") 4px center no-repeat;}
.ls-bmdt-pic{ height: 288px; overflow: hidden; margin-bottom: 44px;}
@media (min-width: 992px) and (max-width:1199px) {
 .ls-ztfw-banner{ margin-left: 324px;}
 .ls-bmfw-btn{ width: 690px;}
 .ls-bmfw-btn ul li{ width: 205px;margin: 0 25px 25px 0px;}
 .ls-bmfw-btn01{ width: 690px;}
 .ls-bmfw-btn01 ul{ padding-left: 0px;}
 .ls-bmfw-btn01 ul li{ width: 100px;}
 .ls-jy ul li, .ls-jzfl ul li, .ls-zf ul li{ width: 120px;}
 .ls-hy ul li, .ls-jycy ul li, .ls-ggjt ul li{ width: 156px;}

 .ls-bmfw-btn03{ width: 690px;}
 .ls-bmfw-btn03 ul li.num1{ left:18px; top:81px;}
 .ls-bmfw-btn03 ul li.num2{left:152px; top:47px;}
 .ls-bmfw-btn03 ul li.num3{left:275px; top:-20px;}
 .ls-bmfw-btn03 ul li.num4{left:380px; top:65px;}
 .ls-bmfw-btn03 ul li.num5{left:498px; top:57px;}
 .ls-bmfw-btn03 ul li.num6{left:600px; top:-20px;}
 .ls-zf03 ul li.num5,.ls-jzf03 ul li.num5,.ls-jy03 ul li.num5{left:600px; top:-37px;}
}
@media (max-width: 991px){
 .ls-ztfw-banner{ margin-left: 210px;}
 .ls-bmfw-btn,.ls-onebox,.ls-bmfw-btn01,.ls-bmfw-btn03{ width: auto; float: none; margin-bottom: 0px;overflow: hidden; height: auto;}
 .ls-onebox{ margin-bottom: 15px;}
 .ls-listbox{ background: #fff; border: 1px solid #45a0d7;  }
 .ls-bmfw-btn ul li{ margin-right: 24px;}
 .ls-zclist ul li a{ float: none; display: block;}
 .ls-bmfw-btn01 ul{ padding:0px;  }
 .ls-bmfw-btn01 ul li{ width: 14.66%; margin: 0 1% 2%;}
 .ls-jy ul li, .ls-jzfl ul li, .ls-zf ul li{ width: 18%;  }
 .ls-hy ul li, .ls-jycy ul li, .ls-ggjt ul li{ width: 23%; }
 .ls-bmfw-btn03 ul li{ position: static; width: 31.33%;  text-align: center; margin-bottom: 15px;float: left;}
 .ls-bmfw-btn03,.ls-bmfw-btn04{ background: none;}
 .ls-msly-change ul{width: 670px;}
}
@media (max-width: 767px){
 .ls-row{ padding: 0 10px;}
 .ls-ztfw-banner{ padding: 28px 0; margin: 0 auto; height: 61px; }
 .ls-logo{height: auto;padding-bottom: 20px;}
 .site-logo{ padding: 20px 10px 0;}
 .site-logo img{max-width: 100%; height: auto;}
 .ls-tit{ height: 70px; line-height: 70px;}
 .ls-bmfw-title{ margin-top: 0px;}
 .ls-bmfw-btn ul li{ width: 48%; margin: 0 1% 2%;}
 .ls-bmfw-btn ul li:nth-of-type(3n){ margin-right: 1%;}
 .ls-bmdt-pic{ margin-bottom: 0px; height: auto;}
 .ls-onebox{ position: relative;}
 .ls-zcbox{ height: auto;}
 .ls-zclist{ padding: 10px;}
 .ls-zclist ul li{ background: none; padding-right: 95px;}
 .ls-zclist ul li .date{ width: auto;}
 .ls-zclist ul li a{ padding-right: 0px;}
 .ls-msly-change ul{width: 100%; margin-left: 0px;}
 .ls-msly-change ul:before{ left: auto; right: 20px;}
 .ls-msly-change ul li{   width: 100%; float: none;  }
 .ls-msly-change ul li>a{ height: 42px; line-height: 42px;}
 .ls-msly-change ul li>a:hover{ background-size: 100% 100%;}
}
@media (max-width: 600px){
 .ls-bmfw-btn01 ul li{ width: 48%; margin: 0 1% 2%;}
 .ls-jy ul li, .ls-jzfl ul li, .ls-zf ul li{ width: 48%;  }
 .ls-hy ul li, .ls-jycy ul li, .ls-ggjt ul li{ width: 48%; }

}
@media (max-width: 420px){
 .ls-ztfw-banner{ width: auto; height: 100px;}
 .ls-ztfw-text{ float: none; text-align: center;}
 .ls-msly-change{ float: none; margin: 0 auto;}
 .ls-bmfw-btn ul li a{ font-size: 30px;}
 .ls-zc-tab ul li a{letter-spacing: 2px; font-size: 16px;}
 .ls-zc-tab ul li a i{ font-size: 20px;}
 .ls-bmfw-btn03 ul li{ width: 50%;}
}
/*通用栏目页*/ 
.lmcontent{ background:#f7f7f7;}
.leftnr{ width: 216px;}
.rightnr{ width: 830px;}
.listnews .doc_list li a, .listnews .download-list li a{ max-width: 650px;}
@media (min-width: 992px) and (max-width:1199px) {
 .rightnr{ width: 642px;}
 .listnews .doc_list li a, .listnews .download-list li a{ max-width: 485px;}
}
@media (max-width: 991px){
 .rightnr{ width: auto;}
 .listnews .doc_list li a, .listnews .download-list li a{ max-width: none;}
}
@media (max-width: 767px){

}
/*前端新增样式模板里拿过来的*/
.inline-block{
 display: inline-block;
}
.ls-map-box{
 background: rgb(238, 238, 238);
 width: 100%;
 height: 100%;
 padding: 20px;
 box-sizing: border-box;
}
.ls-map-list-box{
 font-size: 14px;
 width: 250px;
 height: 100%;
 overflow: auto;
}
.ls-map-list-box li {
 color: #ccc;
 width: 100%;
 height: 32px;
 padding:0 10px;
 box-sizing: border-box;
 line-height: 32px;
 margin-bottom: 10px;
 background: #fff;
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
 cursor: pointer;
}
.ls-map-list-box li:hover{
 background: rgb(59, 163, 224);
 color: #fff;
}
.ls-map-list-box .active{
 background: rgb(59, 163, 224);
 color: #fff;
}
.ls-map{
 width: 865px;
 height: 100%;
}
.tip-box div{
 font-size: 14px;
 color: #666;
 padding-bottom: 5px;
}
@media (min-width: 992px) and (max-width:1199px) {
 .ls-map{width: 670px;}
}
@media (max-width: 991px){
 .ls-map{width: 450px;}
}
@media (max-width: 767px){
.ls-map-list-box{ width: 100%; float: none;}
 .ls-map-list-box li{ width: 48%; float: left; margin: 0 1% 2%;}
 .ls-map{ width: auto; float: none;height: 400px;}
 .ls-map-box{ padding: 10px;}
}

/*底部*/
.footli li{ width: 163px;}
@media (min-width: 992px) and (max-width:1279px) {
 .footli li{ width: 159px;}
}