@charset "utf-8";
*{padding: 0;margin: 0;}
html { min-height: 100%; background-size: 100% 100%;}
body { background: none; overflow-x: hidden;}
.mt20{margin-top: 20px;}
.mr20{margin-right: 20px;}
.mb20{margin-bottom: 20px;}
.ml20{margin-left: 20px;}
.clearfix:after,.clearfix:before {content: '';display: block;clear: both;}
.big_data {position: relative; min-height: 480px;padding:0 30px 30px; margin: 0 auto;background: url(/globalImg/bigdata_bg.png) no-repeat center top #08355b;background-size: 100% 100%;}
/* .big_data_bg{background: url(/globalImg/bigdata.gif) no-repeat center top ;} */
.big_data_title{font-size: 32px;color: #edfeff;font-weight: bolder;text-align: center;height: 94px;margin-bottom: 20px;padding-top: 15px; background: url(../globalImg/bigdata_tit.png) no-repeat center;}

.module-left{width: calc(25% - 20px);float: left;height: 310px;}
.module-mid{width: 50%;float: left;}
.module-right{width: calc(25% - 20px);float: right;}
.module-box{position: relative; border:1px solid #2597cf;  background: rgb(7 90 133 / 44%);}
.subbox,.floatbox{display: none;}

.module-title{height: 48px;line-height: 48px;padding-left: 48px; display: flex;align-items: center;color: #fff;font-weight: bold;font-size: 18px;background: url(/globalImg/bigdata_stit.png)no-repeat;}
.module-title img{margin-right: 10px;}
.module-list{margin: 0 10px 10px;}
.module-list ul li{height: 36px;line-height: 36px;padding:0 4px;margin-top: 6px;}
.module-list ul li a{display: block; color: #CDE0FE;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;font-size: 15px; }
.module-list ul li span{display: inline-block; width: 24px;height: 24px;line-height: 24px;text-align: center;color: #fff; background: #34919f;font-size: 14px;margin-right: 8px;border-radius: 4px;}
.module-list ul li:nth-child(-n+3) span{background: #ffa436;}
.visit-box ul{margin-right: -20px;}
.visit-box ul li{position: relative; width: calc(33.3% - 20px);height: 200px;border-radius: 8px;text-align: center; color: #fff; margin-right: 20px;float: left;font-size: 22px;font-weight: normal;}
.visit-box .item{ text-align: center;margin: 0 auto; padding: 55px 40px 70px;}
.num_item_bg{position: absolute;top: 0;left: 0;height: 100%;width: 100%;background:url(/globalImg/dataimg.png)no-repeat  top center;animation: 5s opacity2 0s infinite; -webkit-animation: 5s opacity2 0s infinite;-moz-animation: 5s opacity2 0s infinite;}
@keyframes opacity2{
            0%{opacity:.5}
            50%{opacity:1;}
            100%{opacity:.5;}
        }
        @-webkit-keyframes opacity2{
             0%{opacity:.5}
            50%{opacity:1;}
            100%{opacity:.5;}
        }
        @-moz-keyframes opacity2{
             0%{opacity:.5}
            50%{opacity:1;}
            100%{opacity:.5;}
        }
.visit-box .item span{font-size:26px;font-weight: bold;display: block; margin-bottom: 70px;text-shadow: 0 0 5px #0fdce0;}
.visit-box .item .text{text-align: center;font-size: 18px;}
.data_w50{width:calc(50% - 13px);float: left;margin-top: 20px;}
.data_w50:nth-child(2){float: right;}

.yhxwfx{height: 419px;}
.module-list{position: relative;}
.module-list .hd{position: absolute; top: -40px;right: 0;}
.module-list .hd ul{ width: 330px;margin: 0 auto;height: 40px;}
.module-list .hd li{width: 80px;height: 36px;border-radius: 4px;color: #fff;text-align: center;cursor: pointer;float: left;margin: 0 10px;}
.module-list .hd li.on{background-color:#2196F3;}
.module-list .bd{margin: 0 auto;width: 640px;}
.xwechartbox{display: none;width:280px;height:280px}

.wntj .module-list ul li{background: none;position: relative;text-indent:16px;}
.wntj .module-list ul li::before{position:absolute ; content: '';display: block;width: 4px;height: 4px;background: #1DE3C6;top: 16px;border-radius: 100%;}

.module-wid{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;}
.module-wid .module-box{width: calc(20% - 40px);color: #CDE0FE;font-size: 14px;float: left;overflow: hidden;}
.module-wid .module-box:last-child{margin-right: 0;}
.module-wid .module-box .module-num{display: flex;justify-content: space-between;}
.module-box .num-box{float: left;text-align: center;margin: 0.6vw;}
.module-box .num-box span{ display: block; margin-bottom: 8px;color: #1D92D7;}
.module-box .num-box b{font-size: 1.2vw;}
.module-box .num-box em{font-style: normal;}
.green-box b{color: #65ffb1;}
.orange-box b{color: #f1aa58;}
.blue-box b{color: #26e9e4;}
.red-box b{color: #ff5943;}
.blue-box b{color: #26e9e4;}
.purple-box b{color:#8596ff}
.number-text {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin: 20px 0 0;
}
.number-text span {
    border: 1px solid #57617e;
    color: #7c9dfd;
    font-family: 'LCD';
    font-size: 2vw;
    padding: 3px;
}

#tou #ce{display: none;}

@media screen and (max-width:1400px){
    body{font-size: 14px;}
    .big_data{padding: 0;}
    .visit-box{margin-bottom: 0;}
    .visit-box .item{padding: 15px;height: 84px;}
    .visit-box ul li{font-size: 16px;height: 120px;}
    .visit-box .item img{width: 48px;}
    .visit-box .item span{font-size: 24px;}
    .module-box .num-box b{font-size: 18px}
}
@media screen and (max-width:1200px){
    .module-left,.module-mid,.module-right{
        width: 100%;
        float: none;
        overflow: hidden;
    }
    .module-right{
        margin:14px 0 0 0;
    }
    .module-wid .module-box{
        width: calc(50% - 40px);
        margin-bottom: 14px;
    }
}
@media screen and (max-width:460px){
    body {
        width: 100%!important;
        min-width: 100%!important;
    }
    .big_data{
        background-size: auto 18%;
    }
    .big_data_title{
        font-size: 20px;
        height: 34px;
        line-height: 34px;
        margin-bottom: 20px;
    }
    .module-wid .module-box{
        width: 100%;
    }
    .visit-box{
        display: none;
    }
    
    .visit-box ul li{
        width: 100%;
    }
    .module-list .bd{
        width: 100%;
        height: 50%;
    }
    .xwechartbox{
        width: 100%!important;
        height: 40vh!important;
    }
}