/*页面字体，背景和框线颜色等样式*/
*,
ul,
li,
p,
div,
span {
  margin: 0;
  padding: 0;
}

body {
  font-family: 'Microsoft Himalaya';
}

ul {
  list-style: none;
}

.clear {
  clear: both;
}

.l_left {
  float: left;
}

.r_right {
  float: right;
}

* {
  font-size: 100%;
}

.index_nav ul li {
  font-size: 1em;
  color: #fff;
  opacity: 0.8;
  padding-top: 8px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 5px;
  cursor: pointer;
  text-shadow: 0 6px 8px #00225b;
}

.index_nav ul .l_left {
  margin-left: 3%;
}

.index_nav ul .r_right {
  margin-right: 3%;
}

.index_nav ul li:hover {
  opacity: 1;
}

html {
  min-width: 1440px;
  min-height: 700px;
}

body {
  width: 100%;
  height: 100%;
  font-size: 100%;
  overflow: auto;
}

.data_bodey {
  width: 100%;
  height: 100%;
  background-image: url('../img/bg01.png');
  background-size: 100% 100%;
  position: absolute;
  background-size: cover;
}

.index_tabs {
  width: 100%;
  height: 88%;
  margin-top: 0.5%;
  position: absolute;
}

.dataAll {
  width: 100%;
  height: 33%;
  background-color: rgba(2, 8, 23, 0.1);
  float: left;
  border-radius: 10px;
}

.dataAllNo01 {
  width: 100%;
  height: 100%;
  background-color: rgba(2, 8, 23, 0.1);
  float: left;
  border-radius: 10px;
}

.dataAllNo02 {
  width: 100%;
  height: 100%;
  background-color: rgba(2, 8, 23, 0.1);
  float: left;
  border-radius: 10px;
}

.dataAll01 {
  width: 100%;
  height: 66%;
  background-color: rgba(2, 8, 23, 0.1);
  float: left;
  border-radius: 10px;
  margin-left: 10px;
}

.dataAllBorder01 {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  border: 1px #065e60 solid;
  padding: 1px;
  box-sizing: border-box;
}

.dataAllBorder02 {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border: 2px solid #065e60;
  border-radius: 10px;
}

.nav_active {
  border-bottom: 4px solid #4b8df8;
  box-sizing: border-box;
}

.map_title_box {
  height: 11%;
  width: 100%;
  top: 0px;
  left: 0px;
  background-color: rgba(17, 25, 69, 0.1);
  border-radius: 11px 11px 0px 0px;
  position: relative;
}

.map_title_innerbox {
  position: absolute;
  width: 100%;
}

.map_title {
  width: 358px;
  background-image: url('../img/first_title.png');
  background-repeat: no-repeat;
  margin: auto;
  height: 28px;
  text-align: center;
  color: white;
  font-size: 14px;
  font-family: 'Microsoft YaHei';
  font-weight: bold;
}

.map {
  width: 100%;
  height: 95%;
  background-repeat: no-repeat;
  background-position-x: -300px;
  background-position-y: -200px;
  border-radius: 0px 0px 8px 8px;
  position: relative;
  overflow: hidden;
  cursor: move;
}

.map_select {
  position: fixed;
  top: 120px;
  right: 24%;
  box-shadow: -10px 0px 15px #034c6a inset, 0px -10px 15px #034c6a inset, 10px 0px 15px #034c6a inset,
    0px 10px 15px #034c6a inset;
  border: 1px solid #034c6a;
  width: 160px;
  height: 145px;
  border-radius: 5px;
  background-color: #08183223;
}

.map_select p {
  padding: 8px 15px;
  color: #ffffff;
  font-size: 14px;
}

.map_select p input[type='checkbox'] {
  width: 15px;
  height: 15px;
  position: relative;
  top: 3px;
  margin-right: 10px;
}