@charset "utf-8";
/* CSS Document */
/*头部*/
.ls-special-header{  background: url(../images-gksx/gkxs-bannerbg.png) no-repeat  bottom center #0030d2; height: 600px;}
.ls-special-header .img-title{ display: none;}
.ls-special-logo{ padding:26px 0 0 0;}
.ls-special-logo img{  width: 370px; max-width: 100%; height: auto;}
.ls-special-banner{ text-align: center; padding:50px 0 60px 0;}
.ls-special-banner img{  max-width: 100%; height: auto;}
.ls-special-font{ max-width: 1060px; margin-left: 25px; font-size: 18px; line-height: 34px; color: #fff; text-indent: 2em;}
/*主体*/
.ls-special-row{ margin-top: 20px;}
.ls-special-title{ text-align: center;  background: url(../images-gksx/title-bg.png) no-repeat bottom center; height: 42px; }
.ls-bm-list{ margin-top: 30px;}
.ls-bm-list ul{ margin-right: -20px;}
.ls-bm-list li{ float: left; width:264px; margin: 0 20px 20px 0;}
.ls-bm-list li a{ display: block; font-size: 19px; padding: 0 5px;  text-align: center; height: 80px; line-height: 80px; box-sizing: border-box;border: 1px solid rgba(224, 242, 255, 1);border-radius: 4px; background: linear-gradient(90.00deg, rgba(241, 249, 255, 1),rgba(241, 249, 255, 0) 100%); white-space: nowrap; overflow: hidden;  text-overflow: ellipsis;}
.ls-bm-list li a:hover{  border-color: #b7dffc; color:#1051b9; }
/*县市区*/
.ls-xq-bg{background: url(../images-gksx/xsq-bg.png) no-repeat bottom center; height: 800px; }
.ls-xq-box{ position: relative;}
.ls-xq-tab{ margin-top: 100px;}
.ls-xq-tab li{ width: 185px; margin-bottom: 50px;}
.ls-xq-tab li.num1,.ls-xq-tab li.num5{ margin-left: 64px;}
.ls-xq-tab li.num2,.ls-xq-tab li.num4{ margin-left: 32px;}
.ls-xq-tab li.num7,.ls-xq-tab li.num8{ margin-left: 30px;}
.ls-xq-tab li a{  display: block; text-align: center; font-size: 20px; color: #fff; font-weight: bold; height: 58px; line-height: 58px; box-sizing: border-box;border: 2px solid rgba(255, 255, 255, 0.2);border-radius: 36px;background: linear-gradient(270.00deg, rgba(16, 98, 236, 1),rgba(36, 153, 249, 1) 100%);}
.ls-xq-tab li.active a{border: 2px solid rgba(255, 255, 255, 0.2);border-radius: 36px;background: linear-gradient(270.00deg, rgba(36, 153, 249, 1),rgba(69, 189, 249, 1) 100%); color: #FFF400;  font-size: 22px;}
.ls-xq-tab .tabr{ position: absolute; width: 215px; right: 80px; top:120px; }
.ls-xq-tab{ float: left; margin-left: 76px; width: 245px;}
.ls-xq-cotent{ float: left; width: 520px; height: 656px; margin-left: 100px; padding-top: 50px;}
/*管理区*/
.ls-glq-list{ margin-top: 30px;}
.ls-glq-list ul{ margin-right: -20px;}
.ls-glq-list li{ float: left; width:453px; margin: 0 20px 20px 0;}
.ls-glq-list li a{ display: block; font-size: 19px; padding: 0 5px;  text-align: center; height: 80px; line-height: 80px; box-sizing: border-box;border: 1px solid rgba(224, 242, 255, 1);border-radius: 4px; background: linear-gradient(90.00deg, rgba(241, 249, 255, 1),rgba(241, 249, 255, 0) 100%); white-space: nowrap; overflow: hidden;  text-overflow: ellipsis;}
.ls-glq-list li a:hover{  border-color: #b7dffc; color:#1051b9; }
@media screen and (min-width: 1200px) and (max-width: 1399px) {
    .ls-special-font{ max-width:1000px; }
    .ls-bm-list li{ width:224px;}
    .ls-xq-tab{ margin-left:0;}
    .ls-xq-tab .tabr{ right: 0;}
    .ls-glq-list li{ width:386px;}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ls-special-banner{ padding: 40px 0;}
    .ls-special-font{ margin-left: 0; max-width:900px;}
    .ls-bm-list li{ width:233px;}
    .ls-xq-tab{ margin-left:0;}
    .ls-xq-tab .tabr{ right: 0;}
    .ls-xq-cotent{ margin-left: 10px;}
    .ls-glq-list li{ width:317px;}
}
@media(max-width:991px){
    .ls-special-header{ height: auto; padding-bottom: 30px;}
    .ls-special-logo{ padding-left: 10px;}
    .ls-special-banner{ padding: 40px 0;}
    .ls-special-font{ margin-left: 0; max-width:100%; padding: 0 10px;}
    .ls-special-row{ padding: 0 10px;}
    .ls-xq-bg{ height: auto; background: #D5EAFF; padding-bottom: 20px;}
    .ls-xq-tab{ width: auto; float: none; margin:20px 0 0 0; }
    .ls-xq-tab ul{ display: inline; }
    .ls-xq-tab .tabr{ position: static; width: auto;}
    .ls-xq-tab li{  float: left; width: 31.3%;  margin: 0 1% 15px 1% !important;}
    .ls-xq-cotent{ margin: 0 auto;  padding-top: 10px;  height: auto;  float: none;}
    .ls-xq-cotent img{ max-width: 100%;}
    .ls-bm-list li{ width:236px;}
    .ls-glq-list li{ width:236px;}
    .ls-bm-list li a,.ls-glq-list li a{ height: 60px; line-height: 60px; font-size: 18px;}

}
@media(max-width:767px){
    .ls-special-header{  padding-bottom: 20px;}
    .ls-special-banner{ padding: 20px 0;}
    .ls-special-font{ font-size: 16px; margin: 0 10px; padding: 10px; line-height: 1.8; background: #0157ff;}
    .ls-xq-tab li{ margin-bottom: 10px;}
    .ls-xq-tab li a{ font-size: 18px; height: 50px; line-height: 50px; border-radius: 16px;}
    .ls-xq-tab li.active a{ font-size: 20px; }
    .ls-bm-list ul{ margin-right: -2%;}
    .ls-bm-list li{ width:48%; margin-right: 2%; margin-bottom: 10px;}
    .ls-glq-list ul{ margin-right:0;}
    .ls-glq-list li{ width:auto; float: none; margin-right: 0;margin-bottom: 10px; }
    .ls-bm-list li a,.ls-glq-list li a{ height: 52px; line-height: 52px; font-size: 16px;}
    .ls-xq-cotent{ width: auto; }

}