.about-global .main-href {
  margin-top: 40px;
}

.about-global .main-href a {
  display: inline-block;
  padding: 15px 30px;
  font-family: var(--font-family);
  background: var(--color-primary);
  border: 1px solid var(--color-primary);
  color: #fff;
  font-size: 15px;
  letter-spacing: 1px;
  border-radius: var(--button-radius);
}

.about-global .main-href a:hover {
  background: none;
  color: var(--color-primary);
}

.about-global .main-href a i {
  margin-left: 10px;
  font-size: 12px;
}

.about-global {
  background: #121416;
  padding: 100px 0;
}

.about-global .title h1,
.about-global .title p,
.about-global .title h3 {
  color: #fff;
}

.about-global .title {
  width: 95%;
  margin: 0 auto;
  text-align: center;
}

.about-global .title b {
  display: none;
  margin-bottom: 8px;
  font-weight: 600;
  color: var(--color-primary);
  font-size: 17px;
  font-family: var(--font-family);
  letter-spacing: 0;
}

.about-global .title p {
  margin-top: 20px;
}

.about-mcon {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 60px;
}

.about-maps {
  position: relative;
  width: 75.8%;
}

.about-maps img {
  width: 100%;
}

.about-num {
  position: relative;
  width: 24.2%;
  margin-top: 42px;
  padding-left: 10px;
}

.about-num h3 {
  position: relative;
  z-index: 1;
  margin-top: 30px;
  font-size: 30px;
  color: #fff;
  line-height: 46px;
  letter-spacing: 1px;
}

.about-num p {
  color: #fff;
  position: relative;
  z-index: 1;
  margin-top: 20px;
  font-size: 14px;
  line-height: 26px;
}

.about-num .main-href {
  margin-top: 40px;
  text-align: left;
}

.about-num::before {
  content: "";
  position: absolute;
  left: 10px;
  top: 0;
  font-size: 166px;
  color: #121416;
  text-shadow: -1px -1px 0 #565757, 1px -1px 0 #565757, -1px 1px 0 #565757,
    1px 1px 0 #565757;
  z-index: 0;
  font-family: var(--font-family);
  line-height: 124px;
}

.about-maps div {
  width: 14px;
  height: 14px;
  background: #212121;
  border: 4px solid var(--color-primary);
  border-radius: 50%;
  animation: scale2 2s linear infinite;
}

.about-maps div.dian01 {
  position: absolute;
  left: 13.4%;
  top: 21.3%;
}

.about-maps div.dian02 {
  position: absolute;
  left: 14.7%;
  top: 37.5%;
}

.about-maps div.dian03 {
  position: absolute;
  left: 30.9%;
  top: 66.6%;
}

.about-maps div.dian04 {
  position: absolute;
  left: 28.6%;
  top: 78.8%;
}

.about-maps div.dian05 {
  position: absolute;
  left: 44.3%;
  top: 38.2%;
}

.about-maps div.dian06 {
  position: absolute;
  left: 47.2%;
  top: 32%;
}

.about-maps div.dian07 {
  position: absolute;
  left: 49.2%;
  top: 29.1%;
}

.about-maps div.dian08 {
  position: absolute;
  left: 52.4%;
  top: 79.6%;
}

.about-maps div.dian09 {
  position: absolute;
  left: 55.1%;
  top: 31.4%;
}

.about-maps div.dian10 {
  position: absolute;
  left: 54.3%;
  top: 40.4%;
}

.about-maps div.dian11 {
  position: absolute;
  left: 53.7%;
  top: 45.8%;
}

.about-maps div.dian12 {
  position: absolute;
  left: 67.6%;
  top: 26.4%;
}

.about-maps div.dian13 {
  position: absolute;
  left: 72.6%;
  top: 13.2%;
}

.about-maps div.dian14 {
  position: absolute;
  left: 79.1%;
  top: 33.4%;
}

.about-maps div.dian15 {
  position: absolute;
  left: 87.2%;
  top: 38.8%;
}

.about-maps div.dian16 {
  position: absolute;
  left: 76.8%;
  top: 45.8%;
}

.about-maps div.dian17 {
  position: absolute;
  left: 79.1%;
  top: 47.8%;
}

.about-maps div.dian18 {
  position: absolute;
  left: 77.5%;
  top: 57.1%;
}

.about-maps div.dian19 {
  position: absolute;
  left: 79.1%;
  top: 59.8%;
}

.about-maps div.dian20 {
  position: absolute;
  left: 84.9%;
  top: 76.3%;
}

@media screen and (max-width: 1580px) {
  .about-global .title h3 {
    font-size: 34px;
  }

  .about-get p {
    font-size: 28px;
  }

  .about-num {
    width: 26%;
  }

  .about-maps {
    width: 74%;
  }

  .about-num h3 {
    font-size: 27px;
  }
}

@media screen and (max-width: 1400px) {
  .about-maps {
    height: 100%;
  }

  .about-num::before {
    font-size: 130px;
  }

  .about-global .title h1,
  .about-global .title h1 a,
  .about-global .title h3,
  .about-global .title h3 a {
    font-size: 32px;
  }
}

@media screen and (max-width: 1280px) {
  .about-global > div {
    padding: 60px 0;
  }

  .about-global .main-href a {
    padding: 15px 26px;
  }

  .about-num {
    margin-top: 0;
  }
}

@media screen and (max-width: 991px) {
  .about-global .main-href a {
    font-size: 14px;
  }

  .about-global .title h1,
  .about-global .title h1 a,
  .about-global .title h3,
  .about-global .title h3 a {
    font-size: 30px;
  }

  .about-global p {
    font-size: 15px;
  }

  .about-maps,
  .about-num {
    width: 100%;
    text-align: center;
  }

  .about-num {
    margin-top: 20px;
  }

  .about-num::before {
    left: calc(50% + 25px);
    transform: translateX(-50%);
  }

  .about-num .main-href {
    text-align: center;
  }
}