* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
@font-face {
  font-family: electronicFont;
  src: url(../font/DS-DIGIT.TTF);
}
li {
  list-style: none;
}
body {
  width: 100%;
  height: 100%;
}
.idata-box {
  position: absolute;
  background: url(../images/background.jpg) no-repeat #000;
  background-size: cover;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
header {
  position: relative;
  height: 8%;
  background: url(../images/head_bg.png) no-repeat top center;
  background-size: 100% 100%;
  text-align: center;
}
header h1 {
  color: #0efcff;
  text-align: center;
  line-height: 5rem;
}
header .menu {
  position: absolute;
  top: 0.3125rem;
  right: 1.25rem;
}
header .menu ul {
  font-size: 0;
}
header .menu li {
  display: inline-block;
  position: relative;
  margin: 5px 5px;
}
header .menu li::before {
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  width: 5px;
  height: 5px;
  border-top: 1px solid #02a6b5;
  border-left: 1px solid #02a6b5;
}
header .menu li::after {
  position: absolute;
  top: 0;
  right: 0;
  content: '';
  width: 5px;
  height: 5px;
  border-top: 1px solid #02a6b5;
  border-right: 1px solid #02a6b5;
}
header .menu li:hover::before {
  border-color: #f4e925;
  opacity: 1;
}
header .menu li:hover::after {
  border-color: #f4e925;
  opacity: 1;
}
header .menu li a {
  position: relative;
  display: block;
  font-size: 0.8125rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.7);
  line-height: 1.25rem;
  padding: 0 10px;
  text-decoration: none;
}
header .menu li a::before {
  position: absolute;
  bottom: 0;
  left: 0;
  content: '';
  width: 5px;
  height: 5px;
  border-bottom: 1px solid #02a6b5;
  border-left: 1px solid #02a6b5;
}
header .menu li a::after {
  position: absolute;
  bottom: 0;
  right: 0;
  content: '';
  width: 5px;
  height: 5px;
  border-bottom: 1px solid #02a6b5;
  border-right: 1px solid #02a6b5;
}
header .menu li a:hover {
  color: #f4e925;
}
header .menu li a:hover::before {
  border-color: #f4e925;
  opacity: 1;
}
header .menu li a:hover::after {
  border-color: #f4e925;
  opacity: 1;
}
header .showTime {
  position: absolute;
  top: 0.675rem;
  left: 1.875rem;
  color: rgba(255, 255, 255, 0.7);
  font-family: electronicFont;
  font-weight: bold;
  font-size: 1.125rem;
}
.idata-content {
  position: absolute;
  width: 100%;
  height: 92%;
}
.idata-lmr-l {
  float: left;
  position: relative;
  width: 22%;
  height: 100%;
  padding: 0.625rem 0.625rem;
}
.idata-lmr-m {
  float: left;
  position: relative;
  width: 56%;
  height: 100%;
}
.idata-lmr-m .idata-lmr-m-top {
  position: relative;
  width: 100%;
  height: 16%;
  background: rgba(101, 132, 226, 0.1);
  padding: 0.625rem 0.1875rem;
}
.idata-lmr-m .idata-lmr-m-bottom {
  position: relative;
  width: 100%;
  height: 84%;
}
.idata-lmr-r {
  float: left;
  position: relative;
  width: 22%;
  height: 100%;
  padding: 0.625rem 0.625rem;
}
.idata-lr-l {
  float: left;
  position: relative;
  width: 25%;
  height: 100%;
  padding: 0.625rem 0.625rem;
}
.idata-lr-r {
  float: left;
  position: relative;
  width: 75%;
  height: 100%;
  padding: 0.625rem 0.625rem;
}
.idata-lr-r .idata-lr-r-t {
  position: relative;
  width: 100%;
  height: 15%;
  background: rgba(101, 132, 226, 0.1);
  padding: 0.625rem 0.1875rem;
}
.idata-lr-r .idata-lr-r-b {
  position: relative;
  width: 100%;
  height: 85%;
}
.idata-tmb-t {
  float: left;
  position: relative;
  width: 100%;
  height: 45%;
  padding: 0.625rem 0.625rem;
}
.idata-tmb-t .idata-tmb-t-l {
  float: left;
  position: relative;
  width: 18%;
  height: 100%;
}
.idata-tmb-t .idata-tmb-t-l .idata-tmb-t-l-t {
  position: relative;
  width: 100%;
  height: 48%;
  margin-bottom: 20px;
}
.idata-tmb-t .idata-tmb-t-l .idata-tmb-t-l-b {
  position: relative;
  width: 100%;
  height: 48%;
}
.idata-tmb-t .idata-tmb-t-m {
  float: left;
  position: relative;
  width: 64%;
  height: 100%;
}
.idata-tmb-t .idata-tmb-t-m .idata-tmb-t-m-t {
  position: relative;
  width: 100%;
  height: 50%;
}
.idata-tmb-t .idata-tmb-t-m .idata-tmb-t-m-b {
  position: relative;
  width: 100%;
  height: 50%;
}
.idata-tmb-t .idata-tmb-t-r {
  float: left;
  position: relative;
  width: 18%;
  height: 100%;
}
.idata-tmb-t .idata-tmb-t-r .idata-tmb-t-r-t {
  position: relative;
  width: 100%;
  height: 48%;
  margin-bottom: 20px;
}
.idata-tmb-t .idata-tmb-t-r .idata-tmb-t-r-b {
  position: relative;
  width: 100%;
  height: 48%;
}
.idata-tmb-m {
  float: left;
  position: relative;
  width: 100%;
  height: 10%;
  padding: 0.625rem 0.625rem;
}
.idata-tmb-b {
  float: left;
  position: relative;
  width: 100%;
  height: 45%;
  padding: 0.625rem 0.625rem;
}
.idata-tmb-b .idata-tmb-b-box {
  float: left;
  position: relative;
  height: 100%;
}
.idata-tb-t {
  float: left;
  position: relative;
  width: 100%;
  height: 30%;
  padding: 0.625rem 0.625rem;
}
.idata-tb-t .idata-tb-t-l {
  float: left;
  position: relative;
  width: 18%;
  height: 100%;
}
.idata-tb-t .idata-tb-t-m {
  float: left;
  position: relative;
  width: 64%;
  height: 100%;
}
.idata-tb-t .idata-tb-t-r {
  float: left;
  position: relative;
  width: 18%;
  height: 100%;
}
.idata-tb-b {
  float: left;
  position: relative;
  width: 100%;
  height: 35%;
  padding: 0.625rem 0.625rem;
}
.idata-tb-b .idata-tb-b-l {
  float: left;
  position: relative;
  width: 30%;
  height: 100%;
}
.idata-tb-b .idata-tb-b-m {
  float: left;
  position: relative;
  width: 40%;
  height: 100%;
}
.idata-tb-b .idata-tb-b-r {
  float: left;
  position: relative;
  width: 30%;
  height: 100%;
}
.idata-tb-b .idata-tb-l {
  float: left;
  position: relative;
  width: 30%;
  height: 100%;
}
.idata-tb-b .idata-tb-l .idata-tb-l-t {
  float: left;
  position: relative;
  width: 100%;
  height: 60%;
}
.idata-tb-b .idata-tb-l .idata-tb-l-b {
  float: left;
  position: relative;
  width: 100%;
  height: 40%;
}
.idata-tb-b .idata-tb-r {
  float: left;
  position: relative;
  width: 70%;
  height: 100%;
}
.idata-tb-b .idata-tb-r .idata-tb-r-t {
  float: left;
  position: relative;
  width: 100%;
  height: 50%;
}
.idata-tb-b .idata-tb-r .idata-tb-r-t .idata-tb-r-t-l {
  float: left;
  position: relative;
  width: 50%;
  height: 100%;
}
.idata-tb-b .idata-tb-r .idata-tb-r-t .idata-tb-r-t-r {
  float: left;
  position: relative;
  width: 50%;
  height: 100%;
}
.idata-tb-b .idata-tb-r .idata-tb-r-b {
  float: left;
  position: relative;
  width: 100%;
  height: 50%;
}
.idata-tb-b .idata-tb-r .idata-tb-r-b .idata-tb-r-b-l {
  float: left;
  position: relative;
  width: 50%;
  height: 100%;
}
.idata-tb-b .idata-tb-r .idata-tb-r-b .idata-tb-r-b-r {
  float: left;
  position: relative;
  width: 50%;
  height: 100%;
}
.panel2 {
  position: relative;
  background: url(../images/box5.png);
  background-size: 100% 100%;
  padding: 0.625rem 0.625rem;
  margin-bottom: 0.9375rem;
}
.panel2 .panel-title {
  height: 2rem;
  text-align: center;
  color: #fff;
  font-size: 0.9375rem;
  font-weight: 400;
}
.panel2 .panel-content {
  height: 90%;
  width: 100%;
  margin: 0 auto;
}
.panel {
  position: relative;
  border: 2px solid rgba(25, 186, 139, 0.17);
  background: rgba(255, 255, 255, 0.04) url(../images/linebox.png);
  padding: 0.625rem 0.625rem;
  margin-bottom: 0.9375rem;
  height: 100%;
}
.panel::before {
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  width: 10px;
  height: 10px;
  border-top: 2px solid #02a6b5;
  border-left: 2px solid #02a6b5;
  border-radius: 20%;
}
.panel::after {
  position: absolute;
  top: 0;
  right: 0;
  content: '';
  width: 10px;
  height: 10px;
  border-top: 2px solid #02a6b5;
  border-right: 2px solid #02a6b5;
  border-radius: 20%;
}
.panel .panel-footer {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0.625rem;
}
.panel .panel-footer::before {
  position: absolute;
  bottom: 0;
  left: 0;
  content: '';
  width: 10px;
  height: 10px;
  border-bottom: 2px solid #02a6b5;
  border-left: 2px solid #02a6b5;
  border-radius: 20%;
}
.panel .panel-footer::after {
  position: absolute;
  bottom: 0;
  right: 0;
  content: '';
  width: 10px;
  height: 10px;
  border-bottom: 2px solid #02a6b5;
  border-right: 2px solid #02a6b5;
  border-radius: 20%;
}
.panel .panel-title {
  height: 1.375rem;
  line-height: 1.375rem;
  text-align: center;
  color: #0efcff;
  font-size: 0.9375rem;
  font-weight: 400;
}
.panel .panel-content {
  height: calc(100% - 1.5rem);
  width: 100%;
}
.num-hd {
  position: relative;
  border: 1px solid rgba(25, 186, 139, 0.17);
}
.num-hd::before {
  content: '';
  position: absolute;
  width: 30px;
  height: 10px;
  border-top: 2px solid #02a6b5;
  border-left: 2px solid #02a6b5;
  top: 0;
  left: 0;
}
.num-hd::after {
  content: '';
  position: absolute;
  width: 30px;
  height: 10px;
  border-bottom: 2px solid #02a6b5;
  border-right: 2px solid #02a6b5;
  right: 0;
  bottom: 0;
}
.num-hd ul {
  display: flex;
}
.num-hd ul li {
  position: relative;
  flex: 1;
  text-align: center;
  height: 6.25rem;
  line-height: 4rem;
  font-size: 4rem;
  color: #ffeb7b;
  padding: 1.25rem;
  font-family: electronicFont;
  font-weight: bold;
}
.num-bd ul {
  display: flex;
}
.num-bd ul li {
  flex: 1;
  height: 2rem;
  line-height: 2rem;
  text-align: center;
  font-size: 1.125rem;
  color: rgba(255, 255, 255, 0.7);
  padding-top: 0.125rem;
}
.num-list {
  float: left;
  position: relative;
  width: 100%;
  height: 50%;
  margin: 0.8% auto;
  margin-top: 4.4%;
}
.num-list .num-list-title-left {
  float: left;
  position: relative;
  width: 20%;
  height: 100%;
  font-size: 2rem;
  font-weight: bold;
  color: #0efcff;
  line-height: 5rem;
  text-align: right;
}
.num-list .num-list-middle {
  position: relative;
  float: left;
  height: 90%;
  width: 70%;
}
.num-list .num-list-middle .num-list-middle-item {
  position: relative;
  float: left;
  height: 90%;
  width: 12%;
  margin-left: 4%;
  font-size: 3rem;
  font-weight: bold;
  color: #0efcff;
  line-height: 5rem;
}
.num-list .num-list-middle .num-list-middle-item img {
  position: absolute;
  width: 100%;
  height: 100%;
}
.num-list .num-list-middle .num-list-middle-item p {
  text-align: center;
}
.num-list .num-list-title-right {
  position: relative;
  float: left;
  width: 10%;
  height: 100%;
  font-size: 2rem;
  font-weight: bold;
  color: #0efcff;
  line-height: 5rem;
  text-align: left;
}
.map {
  position: relative;
  width: 100%;
  height: 100%;
}
.map .chart {
  position: relative;
  top: 0;
  left: 0;
  z-index: 5;
  height: 100%;
  width: 100%;
}
.map .map1,
.map .map2,
.map .map3 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50%;
  height: 63%;
  background: url(../images/map.png) no-repeat;
  background-size: 100% 100%;
  opacity: 0.3;
}
.map .map2 {
  width: 50%;
  height: 50%;
  background-image: url(../images/lbx.png);
  opacity: 0.6;
  animation: rotate 15s linear infinite;
  z-index: 2;
}
.map .map3 {
  width: 50%;
  height: 50%;
  background-image: url(../images/jt.png);
  animation: rotate1 10s linear infinite;
}
@keyframes rotate {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
@keyframes rotate1 {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(-360deg);
  }
}
.tableList {
  font-size: 0.8vw;
  line-height: 1.6vw;
  height: 1.6vw;
  color: #cccccc;
}
.tableList .listItem {
  float: left;
  width: 40%;
  height: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.commonTable {
  width: 100%;
  height: 95%;
  margin: 1.875rem auto;
  border-collapse: collapse;
  color: #ffffff;
  border-right: 1px solid #0e94ea;
}
.commonTable tbody tr td {
  height: 30px;
  line-height: 30px;
  border-bottom: 1px solid #0e94ea;
  border-top: 1px solid #0e94ea;
  border-left: 1px solid #0e94ea;
  text-align: center;
  font-size: 14px;
  padding: 2px;
  color: #f2f2f2;
}
.commonTable thead tr td {
  height: 35px;
  line-height: 35px;
  border-bottom: 1px solid #0e94ea;
  border-top: 1px solid #0e94ea;
  border-left: 1px solid #0e94ea;
  text-align: center;
  background-color: rgba(14, 148, 234, 0.4);
  color: #00b3ac;
  font-weight: bold;
}
.commonTable tbody tr:hover {
  color: #ffffff;
  background-color: rgba(14, 148, 234, 0.4);
  cursor: pointer;
}
.mb {
  margin-bottom: 0.625rem;
}
.mt {
  margin-top: 0.625rem;
}
.ml {
  margin-left: 0.625rem;
}
.mr {
  margin-right: 0.625rem;
}
.ml-r {
  margin-left: 0.625rem;
  margin-right: 0.625rem;
}
.mt-b {
  margin-top: 0.625rem;
  margin-bottom: 0.625rem;
}
.hbox {
  float: left;
  position: relative;
  height: 100%;
  width: 48%;
  text-align: center;
  border: 2px solid rgba(25, 186, 139, 0.17);
}
.hbox img {
  position: relative;
  width: 100%;
  height: 100%;
}
.hbox .hboxTitle {
  position: absolute;
  font-size: 0.75vw;
  color: #0efcff;
  left: 0.625rem;
  top: 0.3125rem;
}
.hbox .hboxNum {
  position: absolute;
  width: 100%;
  font-size: 1.4375rem;
  font-weight: bold;
  color: white;
  text-align: center;
  letter-spacing: 0.2vw;
  bottom: 0.9375rem;
}
.box {
  float: left;
  text-align: center;
}
.box .boxTitle {
  margin-top: 0.625rem;
  margin-bottom: 0.625rem;
  text-align: center;
  color: #fff;
  font-size: 0.8125rem;
  font-weight: 400;
}
.box .boxNum {
  line-height: 1.125rem;
  text-align: center;
  color: #fff;
  font-size: 0.9375rem;
  font-weight: 400;
}
.idata-bg1 {
  background: #e74b4b;
}
.idata-bg2 {
  background: #3e89e4;
}
.idata-bg3 {
  background: #5bb15b;
}
.idata-bg4 {
  background: #00b6e9;
}
.idata-bg5 {
  background: #ff8d03;
}
.idata-bg6 {
  background: #776cb8;
}
.idata-bg7 {
  background: #d53c77;
}
.idata-bg8 {
  background: #ff6384;
}
.idata-bg9 {
  background: #03a9f4;
}
.idata-bg10 {
  background: #ffce56;
}
.idata-tab {
  float: left;
  position: relative;
  height: 100%;
  width: 100%;
}
.idata-tab .idata-tab-title {
  display: flex;
  border-bottom: 2px solid #0066cc;
  height: 3.75rem;
  line-height: 3.125rem;
}
.idata-tab .idata-tab-title li {
  text-align: center;
  font-weight: 600;
  flex: 1 1 1px;
  cursor: pointer;
  margin-top: 0.625rem;
  color: rgba(255, 255, 255, 0.7);
}
.idata-tab .idata-tab-title .active {
  color: #fff;
  background-color: #0066cc;
}
.idata-tab .idata-tab-content {
  height: calc(100% - 3.75rem);
}
.idata-tab .idata-tab-content .tabContent {
  display: none;
  background-color: #fff;
}