@charset "utf-8";
/* CSS Document */
body{overflow-x: hidden}
.ls-data-banner{height: 240px; background: url("../images-new/sjfb-banner.png") center no-repeat; background-size: 100% 100%;}
.ls-data-banner ul{ text-align: center; margin-top: 82px;}
.ls-data-banner .img_title{ display: none;}
.ls-data-tab{ margin-top: 20px; height: 89px;}
.ls-data-tab ul li{ width: 33.33%; float:left; text-align: center; height: 89px; line-height: 86px; }
.ls-data-tab ul li a{font-size: 24px; color:rgba(0,0,0,0.6);display: block;}
.ls-data-tab ul li a .icon{width: 32px; height: 86px; display: inline-block;vertical-align: top; margin-right: 8px; }
.ls-data-tab ul li a .tit{ line-height: 86px; display: inline-block; vertical-align: top;}
.ls-data-tab ul li a.m1 .icon{ background: url("../images-new/fb1.png") center no-repeat;}
.ls-data-tab ul li a.m2 .icon{ background: url("../images-new/fb2.png") center no-repeat;}
.ls-data-tab ul li a.m3 .icon{ background: url("../images-new/fb3.png") center no-repeat;}
.ls-data-tab ul li.active a.m1 .icon{ background: url("../images-new/fb01.png") center no-repeat;}
.ls-data-tab ul li.active a.m2 .icon{ background: url("../images-new/fb02.png") center no-repeat;}
.ls-data-tab ul li.active a.m3 .icon{ background: url("../images-new/fb03.png") center no-repeat;}
.ls-data-tab ul li.active a{ color:#1C4DA3; height: 87px; border-bottom: 2px solid #1C4DA3;}
.ls-data-cont{height: 500px;box-shadow: inset 0px 12px 11px 0px rgba(185, 198, 223, 0.3); background: rgba(250, 252, 255, 1); margin-bottom: 32px;}
.ls-data-select { padding: 32px 0 0 364px; position: relative; z-index: 1;}
.ls-data-select ul li {float: left; height: 36px; line-height: 36px; font-size: 16px; padding-left: 12px;}
.ls-data-select ul li.tit {width: 73px; text-align: left; white-space: nowrap; overflow: hidden;}
.ls-data-select ul li.text {width: 24px; text-align: center;}
.ls-data-select ul li.sel {width: 120px; font-size: 0; line-height: 0;}
.ls-data-select ul li.sel select {width: 100%; height: 36px; line-height: 32px; padding: 0 11px;border:1px solid rgba(0,0,0,0.1); background: #fff; color: #666; vertical-align: middle; font-size: 16px; border-radius: 4px; transition: 0.4s all;}
.ls-data-select ul li.sel select:focus{border-color: #0081d8; box-shadow: 0 0 8px rgba(0, 129, 216, 0.65)
}
.ls-data-select .quary,.ls-data-select .file{  height: 36px; padding: 0 20px; align-items: center;color: rgba(0,0,0,0.8); background: #fff; border:1px solid rgba(0,0,0,0.25); vertical-align: top; border-radius: 4px; transition: 0.4s all;}
.ls-data-select .quary:hover,.ls-data-select .file:hover,.ls-data-select .quary:focus,.ls-data-select .file:focus{background: #0081d8; color: #fff; border-color: #0081d8;}
.ls-data-select .file{margin-left: 0;}
.ls-data-chart{height: 436px; width: 100%; top: -30px; position: relative; z-index: 0; overflow: hidden;}
.ls-data-chart .statistic-chart{height: 100%; width: 100%; overflow: hidden;}

.ls-databox{width: 684px; height: 350px;}
.ls-server-title li{float: left; margin-right: 30px; position: relative;}
.ls-server-title li a,.ls-server-title li .title{display: block; line-height: 32px; font-size: 24px; position: relative; z-index: 1;}
.ls-server-title li:after{position: absolute; display: block; content: ""; width: 0; height: 6px; background: linear-gradient(270.00deg, rgba(255, 195, 0, 0),rgba(255, 195, 0, 1) 100%); left: 0; bottom:0px; transition: 0.4s all; z-index: 0;}
.ls-server-title li a:hover,.ls-server-title li.active a,.ls-server-title li.active .title{  color: #1C4DA3;}
.ls-server-title li.active:after{width: 100%;}
.ls-more{ padding-right: 13px; background: url("../images-new/icon_add.png") right center no-repeat; background-size: auto 7px; line-height: 30px; display: block; font-size: 16px; color: #666666;}
.ls-more:hover{ color: #1C4DA3;}
.ls-databox .ls-public-list{margin-top: 10px;}
.ls-databox .ls-public-list li{ height: 48px; line-height: 44px;padding-right: 110px;}
@media (min-width: 1391px) and (max-width:1580px) {
    .ls-data-select{ padding-left: 315px;}
    .ls-databox{width: 584px;}
}
@media (min-width: 1181px) and (max-width:1390px) {
    .ls-data-select{ padding-left: 211px;}
    .ls-databox{width: 486px;}
}
@media (min-width: 768px) and (max-width:1180px) {
    .ls-data-select { padding: 20px 0 0 79px; }
    .ls-databox{width: auto;float: none; height: auto; padding: 10px;}
    .ls-databox .ls-public-list li{ height: 38px; line-height: 34px;}
    .ls-data-cont{ height: auto; margin-bottom: 20px;padding: 0 20px 20px;}
    .ls-data-chart{height: 336px;top:0;}
}
@media (max-width:767px) {
    .ls-data-tab{ margin-top: 0px;}
    .ls-data-select { padding: 10px 0 0; }
    .ls-databox{width: auto;float: none; height: auto; padding: 10px;}
    .ls-databox .ls-public-list li{ height: 32px; line-height: 28px;padding-right: 90px;}
    .ls-data-banner{ height: auto;}
    .ls-data-banner ul{ margin: 40px 0px;}
    .ls-data-banner ul img{ max-width: 90%;}
    .ls-data-select ul li{ margin-bottom: 10px;}
    .ls-data-cont{ height: auto; margin-bottom: 10px;padding: 0 10px;}
    .ls-data-chart{ overflow: hidden; overflow-x: auto; height: 336px;top:0px;}
    .ls-data-chart .statistic-chart{min-width: 800px;}
    .ls-data-select ul li.sel select,.ls-data-select ul li{ font-size: 14px;}
}