﻿html {
  width: 100vw;
  height: 100vh;
}
html body {
  width: 100vw;
  height: 100vh;
  position: relative;
  background: url(/site/keping/content/images/bg-body.png) no-repeat center;
  background-size: 100%;
  overflow: hidden;
}
html body .header {
  width: 100vw;
  height: 7.5925925926vh;
  position: relative;
  background: url(/site/keping/content/images/bg-head.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 9;
}
html body .header .title {
  font-family: var(--YSFont);
  font-weight: 400;
  font-size: 4.0740740741vh;
  color: #FFFFFF;
  line-height: 7.5925925926vh;
  background: linear-gradient(0deg, #5AC7FF 0%, #E4F6FF 62.451171875%, #E4F6FF 100%, #FFFFFF 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding: 0 2.4074074074vh;
}
html body .header .nav {
  position: absolute;
  left: 28.6458333333vw;
  bottom: 0;
}
html body .header .nav ul {
  display: flex;
  align-items: center;
}
html body .header .nav ul li {
  width: 17.5925925926vh;
  height: 5.5555555556vh;
  background: url(/site/keping/content/images/Defaultbutton.png) no-repeat center;
  background-size: 100% 100%;
  margin-left: 1.6666666667vh;
}
html body .header .nav ul li.active {
  background: url(/site/keping/content/images/activebutton.png) no-repeat center;
  background-size: 100% 100%;
}
html body .header .nav ul li button {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
html body .header .nav ul li button span {
  font-family: var(--YSFont);
  font-weight: 400;
  font-size: 2.037037037vh;
  color: #FFFFFF;
}
html body .header .header_right {
  position: absolute;
  right: 0.5208333333vw;
  top: 1.25vw;
}
html body .header .header_right a {
  margin-left: 0.5208333333vw;
}
html body .header .header_right a img {
  width: 3.8888888889vh;
  height: 3.8888888889vh;
}
html body .main {
  width: 100vw;
  height: 100vh;
  position: absolute;
  left: 0;
  top: 0;
}
html body .main #myiframe {
  height: 100%;
  width: 100%;
}

.min-title {
  width: 100%;
  height: 4.4444444444vh;
  line-height: 4.4444444444vh;
  padding-left: 3.125vw;
  font-family: var(--YSFont);
  font-weight: 400;
  font-size: 2.037037037vh;
  color: #FFFFFF;
}
.min-title::after {
  content: "";
  position: absolute;
  width: 450px;
  height: 100%;
  left: 0;
  top: 0;
  background: url(/site/keping/content/images/mintitle.png) no-repeat center;
  background-size: 100% 100%;
  z-index: -1;
}

.module {
  flex: 1;
  height: 0;
}
.module .tab_list {
  justify-content: center;
  margin-top: 0.8333333333vw;
}
.module .tab_list .tab {
  font-family: var(--YSFont);
  font-weight: 400;
  font-size: 0.8333333333vw;
  color: rgb(255, 255, 255);
  background: url(/site/keping/content/images/tab_bg.png) no-repeat;
  background-size: 100% 100%;
  width: 7.8645833333vw;
  height: 1.5625vw;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  margin-right: 0.8854166667vw;
}
.module .tab_list .tab:last-child {
  margin-right: 0vw;
}
.module .tab_list .tab.active {
  color: rgb(4, 228, 255);
  background: url(/site/keping/content/images/tab_bg_active.png) no-repeat;
  background-size: 100% 100%;
}
.module .Thead {
  display: flex;
  border-top: 1px solid rgba(18, 202, 238, 0.5);
  border-bottom: 1px solid rgba(18, 202, 238, 0.5);
  margin-top: 0.5208333333vw;
  background-color: rgb(35, 119, 169);
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.07) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.07) 50%, rgba(255, 255, 255, 0.07) 75%, transparent 75%, transparent);
  background-size: 0.3125vw 0.3125vw;
}
.module .Thead .th {
  flex: 1;
  color: #FFFFFF;
  text-align: center;
  font-size: 0.7291666667vw;
  font-weight: 600;
  line-height: 1.5625vw;
  border-left: 1px solid rgba(18, 202, 238, 0.5);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.module .Thead .th:last-child {
  border-right: 1px solid rgba(18, 202, 238, 0.5);
}
.module .Tbody {
  display: flex;
  flex-direction: column;
  margin-bottom: 0.5208333333vw;
  flex: 1;
  height: 0;
  overflow: auto;
}
.module .Tbody::-webkit-scrollbar {
  width: 0;
}
.module .Tbody .tr {
  display: flex;
}
.module .Tbody .tr .td {
  flex: 1;
  line-height: 1.5625vw;
  color: #FFFFFF;
  text-align: center;
  font-size: 0.625vw;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-left: 1px solid rgba(18, 202, 238, 0.5);
  border-bottom: 1px solid rgba(18, 202, 238, 0.5);
}
.module .Tbody .tr .td:last-child {
  border-right: 1px solid rgba(18, 202, 238, 0.5);
}

*::-webkit-scrollbar {
  height: 4px;
  width: 4px;
  border-radius: 2px;
  background: rgba(255, 255, 255, 0);
}

*::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background: rgba(255, 255, 255, 0);
}

*::-webkit-scrollbar-track {
  border-radius: 2px;
  background: rgba(255, 255, 255, 0);
}

*:hover::-webkit-scrollbar {
  background: rgba(255, 255, 255, 0.1);
}
*:hover::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.3);
}
*:hover::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.1);
}

@keyframes rotate {
  0% {
    transform: rotateX(-60deg) rotateZ(0) rotateY(0deg);
  }
  100% {
    transform: rotateX(-60deg) rotateZ(360deg) rotateY(0);
  }
}
@keyframes rotate1 {
  0% {
    transform: rotateX(-60deg) rotateZ(0) rotateY(0deg);
  }
  100% {
    transform: rotateX(-60deg) rotateZ(-360deg) rotateY(0);
  }
}
@keyframes rotate2 {
  0% {
    transform: rotateX(-60deg) rotateZ(0) rotateY(0deg);
  }
  100% {
    transform: rotateX(-60deg) rotateZ(360deg) rotateY(0);
  }
}
.svg_cont svg {
  height: 100%;
  width: 100%;
}
.svg_cont svg foreignObject {
  height: 100%;
  width: 100%;
}
.svg_cont svg foreignObject .map {
  height: 100%;
  width: 100%;
}
.svg_cont svg foreignObject .map .area#svg_cont3 {
  height: 100%;
  width: 100%;
}
.svg_cont svg foreignObject .map .area#svg_cont3 .item {
  width: 15.1041666667vw;
  height: 3.125vw;
  background: url(/site/keping/content/images/page2-mapIcon1.png) center no-repeat;
  background-size: 100% 100%;
  color: #FFFFFF;
  text-align: center;
  line-height: 1.5625vw;
  cursor: pointer;
  white-space: nowrap;
}
.svg_cont svg foreignObject .map .area#svg_cont3 .item:hover, .svg_cont svg foreignObject .map .area#svg_cont3 .item.active {
  background: url(/site/keping/content/images/page2-mapIcon.png) center no-repeat;
  background-size: 100% 100%;
}


.map .area#svg_cont3 .item {
    width: 15.1041666667vw;
    height: 3.125vw;
    background: url(/site/keping/content/images/page2-mapIcon1.png) center no-repeat;
    background-size: 100% 100%;
    color: #FFFFFF;
    text-align: center;
    line-height: 1.5625vw;
    cursor: pointer;
    white-space: nowrap;
}