@charset "utf-8";
/* CSS Document */
body{background: #f4f9ff; font-family:  "Microsoft YaHei",微软雅黑,"PingFang SC",AliPuHui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";}
.hide{display: none;}
.hide.active{display: block !important;}
.img_title{display: none;}
.mt30{margin-top: 30px;}

.ls-special-header{ height: 400px; background: url("../images_zt/zdgksx_banbg.jpg") center top no-repeat;}
.ls-special-header .container{ position: relative;}

.guidang{position:absolute; right:0; top:0;pointer-events: none;}
@media (max-width: 768px){
.guidang{ width: 150px !important; height: 150px !important; background-size: 100% 100% !important;}
}

.ls-special-logo{ padding: 21px 0 0;}
.ls-special-logo img{height: 51px; width: auto;}
.ls-special-right{ font-size: 0; text-align: right; line-height: 0;}
.ls-special-right li{display: inline;}
.ls-special-right li > a,.ls-special-right li.ls-user > span{display: inline-block; margin-left: 12px; position: relative; padding: 0 26px; background: rgba(18, 18, 18, 0.09); color: #fff; transition: 0.4s all; font-size: 16px; line-height: 2.25;border-radius: 0px 0px 8px 8px;}
.ls-special-right li.num-wza a{background-position: 0 -26px;}
.ls-special-right li.ls-user a{ padding-left: 5px;}
.ls-special-right li > a:hover,.ls-special-right li.ls-user > span:hover{background: rgba(18, 18, 18, 0.3);}
.ls-special-right li a{color: #fff;}
.ls-special-right li a:hover{font-weight: bold;color: #fff;}

.ls-special-ban{ padding: 46px 0 0 17px;}
.ls-special-ban img{ max-width: 96%; height: auto;}
/*头部 end*/

/*导语*/
.ls-special-daoyu{ background: url("../images_zt/zdgksx_dy_bg.png") 0 0 no-repeat; padding: 20px 0 4px 134px;}
.ls-special-daoyu-info{ position: relative; padding: 20px 40px 20px 6px; background: #fff; font-size: 20px; line-height: 2.1; text-align: justify; text-indent: 2em; color: #333;}
.ls-special-daoyu-info .arrow{ display: block; width: 94px; position: absolute; left: -94px; top: 0; bottom: 0; background: url("../images_zt/zdgksx_dy_bgw.png") 0 0 no-repeat; background-size: 100% 100%;}

/*公共标题*/
.ls-special-title{ background: url("../images_zt/zdgksx_tit_linebg.png") 0 22px repeat-x; text-align: center; line-height: 0; font-size: 0;}
.ls-special-title .title{display: inline-block; padding: 0 56px; position: relative; background: #f1f7ff;}
.ls-special-title .title .text{background: url("../images_zt/zdgksx_titbg.png") 0 bottom no-repeat; padding:0 10px 5px 25px; line-height: 54px; font-size: 32px; font-weight: bold; color: #0665E2; letter-spacing: 0.05em; display: inline-block; vertical-align: middle;}
.ls-special-title .title i{position: absolute; display: block; height: 21px; top: 16px;}
.ls-special-title .title .ico_l{width: 37px; left: 0; background: url("../images_zt/zdgksx_tit_l.png") 0 0 no-repeat;}
.ls-special-title .title .ico_r{width: 31px; right: 0; background: url("../images_zt/zdgksx_tit_r.png") right 0 no-repeat;}


/*市直部门*/
.ls-special-unitbox{ padding: 25px 0 28px; min-height: 290px; background: url("../images_zt/zdgksx_unit_bg.jpg") center bottom no-repeat #f1f7ff;}
.ls-special-unitlist{ margin-top: 14px; padding-left: 19px; background: url("../images_zt/zdgksx_libg.gif") 0 0 repeat;}
.ls-special-unitlist li{float: left; width: 33.3%; height: 64px; line-height: 64px; padding: 2px 0;}
.ls-special-unitlist li a{margin-left: 20px; padding-left: 28px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background: url("../images_zt/zdgksx_ico.png") 0 center no-repeat; float: none; display: block; font-size: 20px;}

.ls-special-sxqbox{ padding: 25px 0 32px;}
.ls-special-sxqbox .ls-special-title .title{background: #f4f9ff;}




.ls-special-sxqlist{ padding: 2px 0 0;}
.ls-special-sxqlist li{ float: left; margin: 27px 0 0 25px; width: 150px;}
.ls-special-sxqlist li.num1{margin-left: 0 !important;}
.ls-special-sxqlist li a{display: block; text-align: center; box-shadow: 0 0 6px 0 rgba(112, 161, 255, 0.12); background: #FFFFFF; height: 72px; line-height: 72px; white-space: nowrap; overflow: hidden;text-overflow: ellipsis; font-size: 22px; transition: 0.4s all;}
.ls-special-sxqlist li a:hover{ background: #0665e2; color: #fff;}

/*底部*/
.ls-footer{ border-top-color: #0665e2;}

@media (min-width: 992px) and (max-width: 1199px) {
.ls-special-sxqlist li{ width: 120px;}
}
@media (max-width: 991px) {
.mt30{margin-top: 15px;}
.ls-special-header{height: auto; padding-bottom: 60px; background-size: auto 100%;}
.ls-special-logo{padding: 5px 0 0 5px;}
.ls-special-right{padding-right: 10px;}
.ls-special-right li > a,.ls-special-right li.ls-user > span{ margin-left: 10px; padding: 0 10px; font-size: 14px;}
.ls-special-ban{padding-top: 26px;}
.ls-special-ban img{ max-width: 90%;}
/*导语*/
.ls-special-daoyu-info{font-size: 16px; padding: 15px 20px 15px 0;}
.ls-special-daoyu-info .arrow{left: -93px;}
/*市直部门*/
.ls-special-unitbox{ padding: 15px 0 18px;}
.ls-special-title .title{ padding: 0 36px 0 46px;}
.ls-special-unitlist{background-size: auto 96px;}
.ls-special-unitlist li{width: 50%; height: 44px; line-height: 44px;}
.ls-special-unitlist li a{font-size: 16px;}
/*市县区*/
.ls-special-sxqbox{ padding: 15px 0 22px;}
.ls-special-sxqlist ul{margin: 0 -7px;}
.ls-special-sxqlist li{ width: 14.28%; margin-left: 0; margin-top: 15px;}
.ls-special-sxqlist li a{margin: 0 7px; font-size: 18px;}
}
@media (max-width: 768px) {
.mt30{margin-top: 10px;}
.ls-special-daoyu,.ls-special-sxqlist{margin-left: 10px; margin-right: 10px;}
.ls-special-unitlist{margin:10px 10px 0;}

}
@media (max-width: 767px) {
.ls-special-right li > a, .ls-special-right li.ls-user > span{font-size: 12px; margin-left: 5px;}
.ls-special-logo img{height: 35px;}
/*导语*/
.ls-special-daoyu{ background-size: auto 100px; padding-left: 64px; padding-top: 10px;}
.ls-special-daoyu-info{font-size: 14px; padding: 8px 10px 8px 0; line-height: 1.8;}
.ls-special-daoyu-info .arrow{width: 60px; left: -60px;}
/*市直部门*/
.ls-special-unitbox{ padding: 10px 0 13px;}
.ls-special-unitlist{background-size: auto 80px;padding: 0 10px;}
.ls-special-unitlist li{height: 36px; line-height: 36px;}
.ls-special-unitlist li a{font-size: 14px; margin-left:0; margin-right: 10px; padding-left: 15px;}
/*市县区*/
.ls-special-sxqbox{ padding: 10px 0 17px;}
.ls-special-sxqlist ul{margin: 0 -5px;}
.ls-special-sxqlist li{ width: 33.3%; margin-left: 0; margin-top: 10px;}
.ls-special-sxqlist li a{margin: 0 5px; font-size: 16px; height: auto; line-height: 2.6;}
}

@media (max-width: 424px) {
.ls-special-logo img{height: 28px;}
.ls-special-unitlist li{width: 100%;}
.ls-special-sxqlist li{width: 50%;}
}
