@charset "utf-8";
/* CSS Document */
.ls-row{ margin-bottom: 30px;}
.ls-ld-bg{ background: url("../images/ld-bg.jpg")  bottom center  no-repeat #f6f6f6; box-sizing: border-box; height: 400px; padding: 30px 0 0 0; margin-bottom: 30px; }
/* 政府领导 */
.ls-ld-box{ margin-top: 22px;}
.ls-leader-info{ width: 1018px; min-height: 252px; border-right: 1px solid #E5E5E5;}
.ls-leader-pic{width: 180px;height: 252px;float: left;}
.ls-leader-pic a{display: block;height: 100%; text-align:center;}
.ls-leader-pic img{max-width: 100%; height: 100%;}
.ls-sz-con{margin-left: 212px;font-size: 18px; line-height: 32px; float: none; padding-right: 80px;}
.ls-sz-info{line-height: 35px;font-size: 18px;color: #666;}
.ls-sz-info .name{font-size: 24px;font-weight:bold;color: #000;margin-right: 16px;}
.ls-sz-con .ls-sz-tit{font-size: 18px;color: #000;margin-top: 10px;}
.ls-sz-con .ls-sz-tit .tit{  background: #eee; padding: 0 14px; height: 32px; line-height: 32px; display: inline-block; border-radius: 0 0 16px 0;}
.ls-sz-con .ls-sz-remarks{text-indent: 2em; margin-top: 8px;}
.ls-leader-list{ width: 378px;}
.ls-leader-title{ text-align: center; font-size: 18px;}
.ls-leader-con{ max-height: 224px; overflow: auto;}
.ls-leader-con li{ width: 50%; float: left; text-align: center; height: 54px; line-height: 54px;  }
.ls-leader-con li a{ font-size: 20px; font-weight: bold; display: block;   white-space: nowrap; overflow: hidden;  text-overflow: ellipsis; padding: 0 5px; box-sizing:border-box;}
.ls-leader-con li a:hover{ color:#ff843b;}
/* Webkit 浏览器 */
.ls-leader-con::-webkit-scrollbar {width: 6px; }
.ls-leader-con::-webkit-scrollbar-track {background-color: #eee;}
.ls-leader-con::-webkit-scrollbar-thumb {background-color: #ddd;     border-radius: 6px;}
/* Firefox 浏览器 */
.ls-leader-con::-moz-scrollbar {width: 6px;}
.ls-leader-con::-moz-scrollbar-track {background-color: #eee;}
.ls-leader-con::-moz-scrollbar-thumb {background-color: #ddd;  border-radius: 6px;}
/* 公开栏目 */
.ls-xxgk-left{  width: 980px; height: 417px;}
.ls-public-list{ margin-top:14px;}
.ls-xxgk-right{ width: 380px;  height: 417px; }
.ls-xxgk-link{ width: 100%; overflow: hidden;}
.ls-xxgk-link ul{ margin-right: -20px;}
.ls-xxgk-link li{ float: left;  margin: 0 20px 20px 0; width: 180px;  }
.ls-xxgk-link li a{ display: block; text-align: center; box-sizing: border-box; padding: 18px 0 0 0; background: #FFF8F6; height: 125px;  }
.ls-xxgk-link li img{ width: auto; height: 50px;}
.ls-xxgk-link li a:hover img{ transition: ease-in-out .7s; transform: rotate(360deg);}
.ls-xxgk-link li .img-title{ display: block; white-space: nowrap; overflow: hidden;  text-overflow: ellipsis; margin-top: 10px; height: 32px; line-height: 32px;  font-size: 18px; }
/* 重点领域信息公开 */
.ls-zdxxk-link ul{ margin-right: -20px;}
.ls-zdxxk-link li{ width: 264px; float: left; margin: 20px 20px 0 0;}
.ls-zdxxk-link li a{ display: block;  background: url("../images/zd-gkbg.png")  right top  no-repeat #f8f8f8;  font-size: 20px; height: 72px; line-height: 72px; text-align: center; border-radius: 6px; border: 1px solid #f8f8f8; padding: 0 5px; -moz-transition:all 0.3s;-o-transition:all 0.3s;-webkit-transition:all 0.3s;transition:all 0.3s; white-space: nowrap; overflow: hidden;  text-overflow: ellipsis;}
.ls-zdxxk-link li a:hover{ background-color: #fff3f3; border-color: #fff3f3; }
 /* 政务专题 */
.ls-zt-slide{  position: relative;  margin-top: 24px; height: 160px; }
.ls-zt-slide .ls-prev,.ls-zt-slide .ls-next{ position: absolute; width: 32px; height: 32px; display: block; top: 50%; margin-top: -16px;   z-index: 2; cursor: pointer;   background-repeat: no-repeat; background-position: center center;   }
.ls-zt-slide .ls-prev{left: 0;  background-image: url("../images/gk-prev.png") !important;   }
.ls-zt-slide .ls-next{right: 0; background-image: url("../images/gk-next.png") !important;    }
.ls-zt-slide .ls-prev:hover,.ls-zt-slide .ls-next:hover{  opacity: 0.8;  }
.ls-zt-list{  height: 100%; overflow: hidden;}
.ls-zt-list li{ float: left; width: 355px; height: 160px; text-align: center;}
.ls-zt-list li a{display: block; overflow: hidden;  margin-right: 20px; height: 100%; }
.ls-zt-list li img{ width: 100%;  height: 100%; }
.ls-zt-list li .img-title{ display: none;}
@media (min-width: 1200px) and (max-width: 1399px) {
    .ls-leader-info{ width: 818px;}
    .ls-sz-con{ padding-right: 20px;}
    .ls-xxgk-left{ width: 780px;}
    .ls-zdxxk-link li{ width: 224px;}
    .ls-zt-slide{   height: 136px; }
    .ls-zt-list li{ width: 305px; height: 136px; }
}
@media (min-width: 992px) and (max-width:1199px) {
    .ls-leader-info{ width: 710px;}
    .ls-leader-list{ width: 278px;}
    .ls-sz-con{ padding-right: 20px; font-size: 16px;}
    .ls-xxgk-left{ width: 590px;}
    .ls-zdxxk-link li{ width: 182px;}
    .ls-zt-slide{   height: 151px; }
    .ls-zt-list li{ width: 336px; height: 151px; }

}
@media (max-width:991px) {
    .ls-row {margin-bottom: 20px;}
    .ls-xxgk-main{ padding: 0 10px;}
    .ls-ld-bg{ height: auto; margin-bottom: 0;}
    .ls-leader-info{ width: auto; float: none; min-height: auto; height: auto; border: none;}
    .ls-leader-list{  width: auto; float: none; height: auto; margin-top: 20px;}
    .ls-sz-con{ padding-right: 0; font-size: 16px;}
    .ls-leader-con li{ width:25%;}
    .ls-xxgk-left,.ls-xxgk-right{ width: auto; float: none; height: auto;  }
    .ls-xxgk-right{ margin-top: 20px;}
    .ls-xxgk-link li{  width: 236px;}
    .ls-zdxxk-link li{ width: 236px;}
    .ls-zt-slide{   height: 106px; }
    .ls-zt-list li{ width: 242px; height: 106px; }
}
@media (max-width:767px) {
    .ls-row {margin-bottom: 10px;}
    .ls-leader-pic{ width: auto; float: none; text-align: center;}
    .ls-public-list li{ padding-right: 100px;}
    .ls-sz-con{ margin:10px 0 0 0;}
    .ls-leader-con li{ height: 56px; line-height: 56px; width: 33.3%;}
    .ls-leader-con li a { font-size: 18px;}
    .ls-xxgk-link ul{ margin-right: -1%;}
    .ls-xxgk-link li{ width: 49%; margin-right: 1%;}
    .ls-xxgk-link li .img-title{ font-size: 16px;}
    .ls-zdxxk-link ul{ margin-right: -1%;}
    .ls-zdxxk-link li{ width: 49%; margin-right: 1%; margin-top: 10px;}
    .ls-zdxxk-link li a{ height: 50px; line-height: 50px; font-size: 16px;}

    .ls-zt-slide{  height: 160px;  }
    .ls-zt-list{ width: 335px; margin: 0 auto;}
    .ls-zt-list li{ width: 335px; height: 160px; }
    .ls-zt-list li a{ margin-right: 0;}

}
@media (max-width:354px) {
    .ls-zt-slide{ width: 300px;  height: 143px;  margin: 10px auto 0 auto; }
    .ls-zt-list{ width: 300px;}
    .ls-zt-list li{ width: 300px; height: 143px; }
}