:root {
  --primary-color: #2a8bbf;
}
.pc {
  display: block;
}
.mb {
  display: none;
}
.indgw-cont {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 100%;
}
img {
  max-width: 100%;
}

.indgw-map {
  position: relative;
}
.indgw-map svg {
  position: absolute;
  top: 0;
  width: 100%;
  left: 0;
}
.indgw-map svg .line {
  fill: none;
  stroke: var(--primary-color);
  stroke-miterlimit: 10;
  stroke-width: 1px;
}

.cls-50 {
  stroke-dasharray: 50;
  animation: cls-50-k 3s linear infinite;
}
.cls-50b {
  stroke-dasharray: 50;
  stroke-dashoffset: -50;
  animation: cls-50b-k 3s 1s linear infinite;
}
.cls-100 {
  stroke-dasharray: 100;
  animation: cls-100-k 1.5s linear infinite;
}
.cls-100b {
  stroke-dasharray: 100;
  animation: cls-100-k 1.2s 0.5s linear infinite;
}
.cls-200 {
  stroke-dasharray: 100;
  stroke-dashoffset: -100;
  animation: cls-200-k 1.5s 0.3s linear infinite;
}
.cls-200b {
  stroke-dasharray: 100;
  animation: cls-200b-k 1.45s linear infinite;
}
.cls-400 {
  stroke-dasharray: 400;
  stroke-dashoffset: -400;
  animation: cls-400-k 4.5s 2s linear infinite;
}
.cls-400b {
  stroke-dasharray: 600;
  animation: cls-400b-k 4.6s linear infinite;
}
.cls-400c {
  stroke-dasharray: 400;
  stroke-dashoffset: -400;
  animation: cls-400-k 4.2s 2.5s linear infinite;
}
.cls-800 {
  stroke-dasharray: 1200;
  animation: cls-800-k 6s linear infinite;
}
.cls-800b {
  stroke-dasharray: 1200;
  animation: cls-800b-k 6.5s linear infinite;
}
.cls-3200 {
  stroke-dasharray: 2400;
  animation: cls-3200-k 8s linear infinite;
}
.cls-3200b {
  stroke-dasharray: 1600;
  animation: cls-3200b-k 6s linear infinite;
}
@keyframes cls-50-k {
  from {
    stroke-dashoffset: -100;
  }
  to {
    stroke-dashoffset: 100;
  }
}
@keyframes cls-50b-k {
  from {
    stroke-dashoffset: -50;
  }
  to {
    stroke-dashoffset: 150;
  }
}
@keyframes cls-100-k {
  from {
    stroke-dashoffset: -100;
  }
  to {
    stroke-dashoffset: 100;
  }
}
@keyframes cls-200-k {
  from {
    stroke-dashoffset: -100;
  }
  to {
    stroke-dashoffset: 100;
  }
}
@keyframes cls-200b-k {
  from {
    stroke-dashoffset: 100;
  }
  to {
    stroke-dashoffset: -300;
  }
}
@keyframes cls-400-k {
  from {
    stroke-dashoffset: -400;
  }
  to {
    stroke-dashoffset: 400;
  }
}
@keyframes cls-400b-k {
  from {
    stroke-dashoffset: -200;
  }
  to {
    stroke-dashoffset: 1000;
  }
}
@keyframes cls-800-k {
  0% {
    stroke-dashoffset: 0;
  }
  100% {
    stroke-dashoffset: 2400;
  }
}
@keyframes cls-800b-k {
  0% {
    stroke-dashoffset: 600;
  }
  100% {
    stroke-dashoffset: 3000;
  }
}
@keyframes cls-3200-k {
  0% {
    stroke-dashoffset: -2400;
  }
  100% {
    stroke-dashoffset: 2400;
  }
}
@keyframes cls-3200b-k {
  0% {
    stroke-dashoffset: 600;
  }
  100% {
    stroke-dashoffset: 3800;
  }
}

.show-icon .line {
  position: absolute;
  width: 20px;
  height: 20px;
}
.show-icon .line::before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  background:url(../images/square.png) center no-repeat;
}
.show-icon .line .text {
  position: absolute;
  line-height: 1;
  height: 20px;
  white-space: nowrap;
  left: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.7);
}

.show-icon .line.xyt {
  left: 11.88%;
  top: 35.12%;
}
.show-icon .line.xyt .text {
  left: -5px;
  transform: translateX(-100%);
  top: 0;
}
.show-icon .line.shs {
  left: 11.94%;
  top: 38.74%;
}
.show-icon .line.shs .text {
  left: -5px;
  transform: translateX(-100%);
  top: 0;
}
.show-icon .line.lsj {
  left: 12.85%;
  top: 41.55%;
}
.show-icon .line.lsj .city-mes {
  position: absolute;
  right: 10px;
  top: 20px;
  padding-top: 40px;
  border-right: 1px solid var(--primary-color);
}
.show-icon .line.lsj .city-mes ul {
  margin: 0;
  margin-bottom: -8px;
  padding: 0;
  list-style: none;
}
.show-icon .line.lsj .city-mes li {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.7);
}
.show-icon .line.lsj .city-mes li:not(:last-child) {
  margin-bottom: 17px;
}
.show-icon .line.lsj .city-mes .graph {
  display: flex;
  align-items: center;
}
.show-icon .line.lsj .city-mes .city {
  white-space: nowrap;
}
.show-icon .line.lsj .city-mes .triangle {
  width: 0;
  height: 0;
  border: 8px transparent solid;
  border-right-color: var(--primary-color);
}
.show-icon .line.lsj .city-mes .linee {
  width: 54px;
  height: 1px;
  background-color: var(--primary-color);
}

.show-icon .line.lsj .text {
  left: -5px;
  transform: translateX(-100%);
  top: 0;
}
.show-icon .line.df {
  left: 15.63%;
  top: 38.2%;
}
.show-icon .line.df .text {
  top: -4px;
  transform: translateX(-50%) translateY(-100%);
}
.show-icon .line.dls {
  left: 18.61%;
  top: 42.36%;
}
.show-icon .line.dls .text {
  top: 24px;
  transform: translateX(-50%);
}
.show-icon .line.zjg {
  left: 20.9%;
  top: 37.35%;
}
.show-icon .line.zjg .text {
  top: -4px;
  transform: translateX(-50%) translateY(-100%);
}
.show-icon .line.dld {
  left: 23.19%;
  top: 33.65%;
}
.show-icon .line.dld .text {
  left: 25px;
}
.show-icon .line.nwka {
  left: 24.58%;
  top: 37.27%;
}
.show-icon .line.nwka .text {
  left: 25px;
}
.show-icon .line.sbe {
  left: 23.82%;
  top: 40.21%;
}
.show-icon .line.sbe .text {
  left: 25px;
}
.show-icon .line.ytld {
  left: 21.81%;
  top: 43.03%;
}
.show-icon .line.ytld .text {
  left: 25px;
}
.show-icon .line.mam {
  left: 23.26%;
  top: 45.98%;
}
.show-icon .line.mam .text {
  top: 4px;
  transform: translateX(-50%) translateY(100%);
}
.show-icon .line.zl {
  left: 26.67%;
  top: 79.49%;
}
.show-icon .line.zl .text {
  left: -6px;
  transform: translateX(-100%);
}
.show-icon .line.sbl {
  left: 32.71%;
  top: 74.8%;
}
.show-icon .line.sbl .text {
  left: 25px;
}
.show-icon .line.dbl {
  left: 43.4%;
  top: 28.95%;
}
.show-icon .line.dbl .text {
  left: -5px;
  transform: translateX(-100%);
}
.show-icon .line.ld {
  left: 45.49%;
  top: 29.76%;
}
.show-icon .line.ld .text {
  top: -4px;
  transform: translateX(-50%) translateY(-100%);
}
.show-icon .line.bl {
  left: 46.04%;
  top: 33.51%;
}
.show-icon .line.bl .text {
  left: -10px;
  transform: translateX(-100%);
}
.show-icon .line.mdl {
  left: 44.51%;
  top: 37.67%;
}
.show-icon .line.mdl .text {
  top: 4px;
  transform: translateX(-50%) translateY(100%);
}
.show-icon .line.sdgem {
  left: 49.24%;
  top: 23.86%;
}
.show-icon .line.sdgem .text {
  left: 25px;
}
.show-icon .line.amstl {
  left: 47.43%;
  top: 29.89%;
}
.show-icon .line.amstl .text {
  left: 23px;
  top: -20px;
}
.show-icon .line.flkf {
  left: 48.96%;
  top: 31.23%;
}
.show-icon .line.flkf .text {
  left: 25px;
}
.show-icon .line.tllf {
  left: 55.76%;
  top: 43.03%;
}
.show-icon .line.tllf .text {
  top: -3px;
  transform: translateX(-50%) translateY(-100%);
}
.show-icon .line.yhnsb {
  left: 53.82%;
  top: 77.61%;
}
.show-icon .line.yhnsb .text {
  top: -3px;
  transform: translateX(-50%) translateY(-100%);
}
.show-icon .line.db {
  left: 60.35%;
  top: 49.06%;
}
.show-icon .line.db .text {
  top: -3px;
  transform: translateX(-50%) translateY(-100%);
}
.show-icon .line.mm {
  left: 66.39%;
  top: 50.13%;
}
.show-icon .line.mm .text {
  left: -10px;
  transform: translateX(-100%);
}
.show-icon .line.dl {
  left: 67.22%;
  top: 45.98%;
}
.show-icon .line.dl .text {
  top: -3px;
  transform: translateX(-50%) translateY(-100%);
}
.show-icon .line.jn {
  left: 68.75%;
  top: 52.28%;
}
.show-icon .line.jn .text {
  top: -3px;
  transform: translateX(-50%) translateY(-100%);
}
.show-icon .line.bjle {
  left: 67.29%;
  top: 53.35%;
}
.show-icon .line.bjle .text {
  top: 3px;
  transform: translateX(-50%) translateY(100%);
}
.show-icon .line.xjp {
  left: 73.54%;
  top: 58.98%;
}
.show-icon .line.xjp .text {
  left: -10px;
  transform: translateX(-100%);
}
.show-icon .line.sz {
  left: 76.74%;
  top: 48.26%;
}
.show-icon .line.sz .text {
  left: -3px;
  transform: translateX(-100%);
  top: -10px;
}
.show-icon .line.xg {
  left: 77.01%;
  top: 50.94%;
}
.show-icon .line.xg .text {
  left: -3px;
  transform: translateX(-100%);
}
.show-icon .line.hzms {
  left: 75.35%;
  top: 56.03%;
}
.show-icon .line.hzms .text {
  left: 25px;
}
.show-icon .line.bj {
  left: 77.15%;
  top: 39.68%;
}
.show-icon .line.bj .text {
  top: -3px;
  transform: translateX(-50%) translateY(-100%);
}
.show-icon .line.sh {
  left: 78.82%;
  top: 45.04%;
}
.show-icon .line.sh .text {
  left: 25px;
}
.show-icon .line.tb {
  left: 79.83%;
  top: 48.39%;
}
.show-icon .line.tb .text {
  top: 3px;
  transform: translateX(-50%) translateY(100%);
}
.show-icon .line.se {
  left: 81.32%;
  top: 41.29%;
}
.show-icon .line.se .text {
  top: -3px;
  transform: translateX(-50%) translateY(-100%);
}
.show-icon .line.dj {
  left: 84.24%;
  top: 42.09%;
}
.show-icon .line.dj .text {
  top: 3px;
  transform: translateX(-50%) translateY(100%);
}
.show-icon .line.xn {
  left: 87.01%;
  top: 82.04%;
}
.show-icon .line.xn .text {
  top: -3px;
  transform: translateX(-50%) translateY(-100%);
}
.show-icon .line.shslsj {
  left: 90.14%;
  top: 51.88%;
}
.show-icon .line.shslsj .text {
  display: block;
  color: #000;
  left: 25px;
}

.show-icon .line.shslsj::before {
  background-image: url(./triangle-icon.png);
}

.show-icon .line.shslsj .text p {
  margin: 0 0 10px 0;
}

.show-icon .line.mlxy {
  left: 73.54%;
  top: 58.98%;
}
.show-icon .line.mlxy .text {
  left: -10px;
  transform: translateX(-100%);
}

.show-icon .line.md {
  left: 87.01%;
  top: 82.04%;
}
.show-icon .line.md .text {
  top: -3px;
  transform: translateX(-50%) translateY(-100%);
}

.show-icon .line.ydnxy {
  /* left: 79.97%;
  top: 64.84%; */
  left: 80%;
  top: 65.01%;
}
.show-icon .line.ydnxy .text {
  left: -10px;
  transform: translateX(-100%);
}

.show-icon .line.tg {
  left: 87.01%;
  top: 82.04%;
}
.show-icon .line.tg .text {
  left: -10px;
  transform: translateX(-100%);
}

.show-icon .line.flb {
  left: 87.01%;
  top: 82.04%;
}
.show-icon .line.flb .text {
  left: 25px;
}



@media only screen and (max-width:560px){
.show-icon .line .text{ font-size:7px;}

}