*{margin:0px;padding:0px;list-style: none;font-family: "Microsoft Yahei";}
body{background-color: #080a3f;background-image: url(../images/body-bg.png);background-repeat: no-repeat;background-size: cover;background-position: center;overflow: hidden;}

header{background-image: url(../images/title-bg.png);background-repeat: no-repeat;height: 54px;background-position: center;padding: 25px 0px 0px;position: relative;z-index: 10;background-color: rgba(8,10,63);}
.header-left{width: 30%;height: 54px;position: absolute;left: 0;top: 25px;}
.header-left ul{padding: 0px 50px 0px 0px;height: 54px;}
.header-left ul li{color: #1ccbf7;float: left;width: 33.33333333%;text-align: center;font-size: 22px;line-height: 54px;cursor: pointer;}
.header-center{width: 788px;color: #fff;font-size: 40px;text-align: center;line-height: 43px;height: 114px;position: absolute;top: 8px;left: calc(50% - 394px);left: -webkit-calc(50% - 394px);left: -moz-calc(50% - 394px);background-image: url(../images/title-bottom-bg.png);background-repeat: no-repeat;background-position: center center;cursor: pointer;}
.header-right{width: 30%;height: 54px; position: absolute;right: 0px;top: 25px;line-height: 54px;}
.header-right .lb{color: #faee8c;font-size: 22px;float: left;margin-left: 50px;line-height: 54px;margin-right: 30px;}
.header-right .c{display: inline-block;background-image: url(../images/bk.png);width: 20px;height: 28px;text-align: center;line-height: 28px;color: #41cd83;font-size: 18px;font-weight: bold;float: left;margin-top: 13px;margin-right: 10px;}
.header-right .d{color: #faee8c;font-size: 22px;float: left;margin-left: 20px;}

.data-screen{display: none;position: absolute !important;width: 100%;left: 0px;top: 80px;bottom: 0px;}
.data-screen.data1{display: block;position: relative;z-index: 10;}

.data-left{width: 30%;position: absolute;left: 25px;top: 0px;bottom: 0px;}
.data-center{width: calc(40% - 50px);width: -webkit-calc(40% - 50px);width: -moz-calc(40% - 50px);position: absolute;left: calc(30% + 25px);left: -webkit-calc(30% + 25px);left: -moz-calc(30% + 25px);height: 100%;}
.data-right{width: 30%;position: absolute;right: 25px;top: 0px;bottom: 0px;}

.data-box{background-image: url(../images/data-box-bg.png);background-repeat: no-repeat;background-size: 100% 100%;margin: 20px 0;position: relative;background-color: rgba(8,10,63,.4);height: calc(33.333333% - 25px);height: -webkit-calc(33.333333% - 25px);height: -moz-calc(33.333333% - 25px);}
.data-box .data-box-title{color: #1ccbf7;font-size: 20px;line-height: 40px;padding: 0px 20px;}
.data-box .data-box-tab{position: absolute;right: 10px;border: 1px solid #009eba;top: 32px;color: #fff;height: 30px;line-height: 30px;font-size: 16px;text-align: center;z-index: 10;cursor: pointer;}
.data-box .data-box-tab span{width: 60px;display: inline-block;border-left: 1px solid #009eba;float: left;}
.data-box .data-box-tab span.active{background: #009eba;border-left: none;}
.data-box .data-content{position: absolute;width: 100%;top: 40px;bottom: 0px;}

.center-top-data{background-image: url(../images/data-center-bg.png);height: 140px;background-position: center;background-repeat: no-repeat;background-size: cover;}
.center-top-data ul{height: 100%;}
.center-top-data ul li{width: 33.333333333%;float: left;height: 100%;}
.center-top-data ul li .icon{width: 40%;height: 100%;float: left;}
.center-top-data ul li .icon img{float: right;margin-top: 38px;}
.center-top-data ul li .da{width: 60%;height: 100%;float: left;}
.center-top-data ul li .tx{display: block;color: #009db9;font-size: 20px;font-weight: 400;text-align: center;margin-top: 35px;overflow: hidden;white-space: nowrap;}
.center-top-data ul li .ct{display: block;color: #06f2fc;text-align: center;font-size: 25px;margin-top: 5px;}
.center-top-data ul li.shu{background-image: url(../images/shu.png);background-repeat: no-repeat;background-position: 0px center;}

.center-bottom-data{background: rgba(0,112,107,.2);border: 2px solid #162ac0;position: absolute;width: calc(100% - 30px);left: 15px;box-sizing: border-box;bottom: 15px;background-color: rgba(8,10,63,.4);height: calc(33.3333333% - 45px);height: -webkit-calc(33.3333333% - 45px);height: -moz-calc(33.3333333% - 45px);}
.center-bottom-data .h{height: 30px;overflow: hidden;margin-top: 15px;}
.center-bottom-data .h li{color: #1ccbf7;width: 25%;text-align: center;float: left;line-height: 30px;font-size: 18px;}
.center-bottom-data .b{height: 30px;overflow: hidden;margin-top: 8px;}
.center-bottom-data .b li{color: #06f2fc;font-size: 16px;width: 25%;float: left;text-align: center;}

.data-content .gf-left{width: 45%;float: left;height: 100%;overflow: hidden;}
.data-content .gf-left .gf-l-t{background: #062857;width: 80%;margin: 10px auto;height: calc(50% - 20px);height: -webkit-calc(50% - 20px);height: -moz-calc(50% - 20px);}
.data-content .gf-left .gf-l-b{background: #062857;width: 80%;margin: 15px auto 0;height: calc(50% - 20px);height: -webkit-calc(50% - 20px);height: -moz-calc(50% - 20px);}
.data-content .gf-left .t{display: block;color: #1ccbf7;text-align: center;padding-top: 20px;font-size: 16px;}
.data-content .gf-left .c{display: block;text-align: center;color: #dfd246;font-size: 22px;margin-top: 15px;}

.data-content .gf-right{width: 55%;float: left;}
.data-content .gf-right .mini{width: 10% !important;}
.data-content .gf-right .th{padding-right: 20px;height: 20px;overflow: hidden;}
.data-content .gf-right .th li{color: #3f8fe0;float: left;width: 30%;height: 20px;font-size: 15px;text-align: center;line-height: 20px;}
.data-content .gf-right .tr{height: 20px;margin-top: 10px;overflow: hidden;padding-right: 20px;}
.data-content .gf-right .tr li{color: #1ccbf7;float: left;width: 30%;height: 20px;font-size: 15px;text-align: center;line-height: 20px;}
.data-content .gf-right .tr .xh{background: #dfd246;text-align: center;color: #001b29;width: 18px;display: inline-block;height: 18px;font-size: 12px;line-height: 20px;}

.data-content .gz{height: 30px;overflow: hidden;padding-right: 30px;}
.data-content .gz:nth-child(1){margin-top: 15px;}
.data-content .gz .mini{width: 10%;}
.data-content .gz li{color: #1ccbf7;width: 30%;line-height: 30px;float: left;text-align: center;height: 30px;}
.data-content .gz li.g{color: #00e837;text-align: right;}
.data-content .gz li.le{text-align: left;}
.data-content .gz .point{display: inline-block;width: 10px;height: 10px;background: #1ccbf7;border-radius: 10px;}
.data-content .gz .point.cur{background: #ffb95c;}
.data-content .gz .point.r{background: #f71818;}

.data-content .dt-box{width: calc(50% - 30px);height: calc(50% - 20px);height: -webkit-calc(50% - 20px);height: -moz-calc(50% - 20px);float: left;margin-left: 20px;margin-top: 5px;margin-bottom:10px;background-image: url(../images/gjdt-bg.png);background-repeat: no-repeat;background-size: 100% 100%;position: relative;}
.data-content .dt-box img{position: absolute;top: calc(50% - 22.5px);left: 20px;top: -webkit-calc(50% - 22.5px);top: -moz-calc(50% - 22.5px);}
.data-content .dt-box.r img{right: 20px;left: auto;}
.data-content .dt-box .td-c{float: left;width: 80px;padding-left: 100px;}
.data-content .dt-box.r .td-c{float:right;padding-left: 0;padding-right: 100px;}
.data-content .dt-box .lb{color: #1ccbf7;display: block;padding-top: 20px;text-align: center;}
.data-content .dt-box .lb.y{color: #ffb95c;}
.data-content .dt-box .lb.g{color: #00e837;}
.data-content .dt-box .lb.r{color: #f71818;}
.data-content .mid-total{position: absolute;width: 80px;height: 80px;background-image: url(../images/yuan.png);background-size: 100%;color: #21d5bd;text-align: center;line-height: 80px;font-size: 30px;left: calc(50% - 40px);top: calc(50% - 40px);left: -webkit-calc(50% - 40px);top: -webkit-calc(50% - 40px);left: -moz-calc(50% - 40px);top: -moz-calc(50% - 40px);}
.data-content .dt-box .ct{display: block;text-align: center;color: #21d5bd;font-size: 26px;margin-top: 10px;}
.data-content .navigate{position: absolute;right: 20px;top: 0px;}
.data-content .navigate ul li{float: left;border: 1px solid #3f8fe0;width: 16px;height: 16px;color: #3f8fe0;font-size: 12px;text-align: center;line-height: 16px;box-sizing: border-box;cursor: pointer;margin: 0px 3px;}
.data-content .navigate ul li.cur{background: #3f8fe0;color: #fff;}
.data-content .navigate li.more{border: 0px;}
.data-content .img-box{position: absolute;left: 10px;bottom: 10px;right: 10px;top: 30px;overflow: hidden;}
.data-content .img-box img{display: block;width: 100%;}

.data2 .echart-top{margin-top: 80px;height: 300px;}
.data2 .echart-top .echart-box{width: calc(33.333333% - 66.66666666px);height: 100%;float: left;margin-left: 50px;position: relative;box-sizing: border-box;border: 3px solid;}
.data2 .echart-top .echart-box.b1{border-image: linear-gradient(#00fffc,#4277ff) 30 30;}
.data2 .echart-top .echart-box.b2{border-image: linear-gradient(#fdff4c,#ff4242) 30 30;}
.data2 .echart-top .echart-box.b3{border-image: linear-gradient(#e396ff,#3520ff) 80 10;}
.data2 .echart-top .echart-box .ct-top{height: 80px;padding: 0px 40px;}
.data2 .echart-top .echart-box .ct-top img{margin-top: 16px;float: left;}
.data2 .echart-top .echart-box .ct-top .t{color: #009db9;float: left;font-size: 24px;line-height: 95px;display: inline-block;margin-left: 20px;font-weight: 1;}
.data2 .echart-top .echart-box .ct-top .c{color: #06f2fc;float: right;font-size: 28px;line-height: 95px;}
.data2 .echart-top .ct-box{position: absolute;width: 100%;bottom: 0px;top: 80px;}
.data2 .echart-btm{border: 3px solid #098bad;width: calc(100% - 100px);width: -webkit-calc(100% - 100px);width: -moz-calc(100% - 100px);margin: 40px auto;box-sizing: border-box;height: calc(100% - 450px);height: -webkit-calc(100% - 450px);height: -moz-calc(100% - 450px);}

.data3 .d-left{width: 20%;position: absolute;left: 50px;top: 50px;bottom: 0px;}
.data3 .d-left .d-l-box{width: 80%;height: calc(20% - 25px);border: 2px solid #162ac0;margin-bottom: 20px;height: -webkit-calc(20% - 25px);height: -moz-calc(20% - 25px);}
.data3 .d-left .d-l-box .t{color: #fff;text-align: center;font-size: 22px; margin-top: 20px;}
.data3 .d-left .d-l-box .c{text-align: center;color: #5cdd3e;font-size: 24px;margin-top: 25px;}
.data3 .d-left .d-l-box .c span{color: #fff;padding-left: 5px;}

.data3 .d-right{width: 30%;border: 2px solid #162ac0;box-sizing: border-box;position: absolute;right: 50px;top: 50px;bottom: 30px;}
.data3 .d-right .d-r-title{color: #1ccbf7;font-size: 22px;padding: 20px 50px;}

.data3 .d-center{width: calc(50% - 100px);width: -webkit-calc(50% - 100px);width: -moz-calc(50% - 100px);position: absolute;left: calc(20% + 50px);top: 50px;bottom: 30px;left: -webkit-calc(20% + 50px);left: -moz-calc(20% + 50px);}
.data3 .d-center .echart-group{height: 33.33333%;}
.data3 .d-center .echart-group .echart-box{width: 50%;height: 100%;float: left;overflow: hidden;}

.data4 .sb-top{width: calc(100% - 160px);width: -webkit-calc(100% - 160px);width: -moz-calc(100% - 160px);margin: 80px 80px 0;box-sizing: border-box;border: 2px solid #1ccbf7;border-bottom: 0px none;}
.data4 .sb-top ul.th{height: 65px;}
.data4 .sb-top ul.th li{line-height: 65px;}
.data4 .sb-top ul{height: 80px;border-bottom: 2px solid #1ccbf7;}
.data4 .sb-top ul li{color: #fff;font-size: 20px;text-align: center;width: 16.66666666666%;float: left;line-height: 80px;height: 100%;}
.data4 .sb-top .g{font-size: 16px;color: #00ff1e;}
.data4 .sb-top .g span{width: 15px;height: 15px;background: #00ff1e;display: inline-block;border-radius: 15px;position: relative;top: 2px;margin-right: 5px;}
.data4 .sb-bottom{width: calc(100% - 160px);box-sizing: border-box;width: -webkit-calc(100% - 160px);width: -moz-calc(100% - 160px);position: absolute;left: 80px;top: 415px;bottom: 20px;}
.data4 .sb-bottom .s-b-l{height: 100%;box-sizing: border-box;border: 2px solid #1ccbf7;width: calc(50% - 10px);float: left;position: relative;width: -webkit-calc(50% - 10px);width: -moz-calc(50% - 10px);}
.data4 .sb-bottom .s-b-l-l{width: 180px;position: relative;height: 100%;float: left;}
.data4 .sb-bottom .s-b-r{height: 100%;box-sizing: border-box;border: 2px solid #1ccbf7;width: calc(50% - 10px);float: right;position: relative;width: -webkit-calc(50% - 10px);width: -moz-calc(50% - 10px);}
.data4 .sb-bottom .s-b-l-r{width: calc(100% - 180px);float: left;height: 100%;overflow: hidden;}
.data4 .sb-bottom .s-b-l-r > div{overflow: hidden;height: calc(100% - 70px);height: -webkit-calc(100% - 70px);height: -moz-calc(100% - 70px);width: calc(100% - 70px);width: -webkit-calc(100% - 70px);width: -moz-calc(100% - 70px);margin: 35px;}
.data4 .sb-bottom .s-b-l-r img{height: 100%;}
.data4 .sb-bottom .th{height: 35px;position: absolute;width: 100%;top: 10px;background: #0b0d45;}
.data4 .sb-bottom ul li{color: #1ccbf7;font-size: 16px;float: left;width: 50%;text-align: center;line-height: 40px;}
.data4 .sb-bottom .tr{position: absolute;width: 100%;top: 50px;bottom: 0px;overflow: auto;}
.data4 .sb-bottom .g{color: #00ff1e;}
.data4 .sb-bottom .s-b-r-l{width: 180px;height: 100%;float: left;}
.data4 .sb-bottom .s-b-r-l .t{color: #1ccbf7;font-size: 22px;text-align: center;padding-top: 20px;padding-bottom: 30px;}
.data4 .sb-bottom .s-b-r-l .m{color: #1ccbf7;text-align: center;line-height: 35px;font-size: 16px;position: relative;}
.data4 .sb-bottom .s-b-r-l .m span{display: inline-block;border: 8px solid #1ccbf7;border-top: 8px solid transparent;border-right: 8px solid transparent;border-bottom: 8px solid transparent;position: relative;top: 4px;left: -5px;}
.data4 .sb-bottom .s-b-r-r{width: calc(100% - 180px);width: -webkit-calc(100% - 180px);width: -moz-calc(100% - 180px);float: left;height: 100%;}
.data4 .sb-bottom .s-b-r-r > div{width: calc(50% - 30px);width: -webkit-calc(50% - 30px);width: -moz-calc(50% - 30px);float: left;margin-left: 20px;overflow: hidden;height: calc(50% - 30px);margin-top: 20px;height: -webkit-calc(50% - 30px);height: -moz-calc(50% - 30px);}
.data4 .sb-bottom .s-b-r-r img{height: 100%;}

.ps__thumb-y {background-color: #1487d0 !important;}
.iframe{position: fixed;border: 0px;width: 100%;height: 100%;top: 0px;z-index: 1;left: 0;overflow: hidden;}