.master-map {
  width: 1183px;
  height: 659px;
  margin: 50px auto;
  position: relative;
  background: url('../imgs/map/bg.png') no-repeat center center;
  /* background-size: contain; */
  overflow: hidden;
}

@media (max-width:1200px) {
  .master-map {
    display: none;
  }
}

.master-map h2 {
  color: #fff;
  font-size: 30px;
  writing-mode: tb-rl;
  letter-spacing: 5px;
  position: absolute;
  left: 50px;
  top: 50px;
}

.map-box {
  width: 800px;
  height: 576px;
  /* background-color: #999; */
  margin: 42px auto;
}

.map-cont {
  width: 576px;
  height: 576px;
  border: 1px solid #979797;
  border-radius: 50%;
  margin: 0 auto;
  position: relative;
}

.map-cont p {
  color: #fff;
  font-size: 16px;
}

.map-cont .map-box-m img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  width: 128px;
  height: 128px;
  object-fit: cover;
}

.map-box-l {
  width: 224px;
  height: 100%;
  /* background: url('/../imgs/map/l-9.png') no-repeat 0 0; */
  background-size: contain;
  position: absolute;
  left: 0;
  top: 0;
}

.l-bg1 {
  background: url('../imgs/map/l-1.png') no-repeat 0 0;
}

.l-bg2 {
  background: url('../imgs/map/l-2.png') no-repeat 0 0;
}

.l-bg3 {
  background: url('../imgs/map/l-3.png') no-repeat 0 0;
}

.l-bg4 {
  background: url('../imgs/map/l-4.png') no-repeat 0 0;
}

.l-bg5 {
  background: url('../imgs/map/l-5.png') no-repeat 0 0;
}

.l-bg6 {
  background: url('../imgs/map/l-6.png') no-repeat 0 0;
}

.l-bg7 {
  background: url('../imgs/map/l-7.png') no-repeat 0 0;
}

.l-bg8 {
  background: url('../imgs/map/l-8.png') no-repeat 0 0;
}

.l-bg9 {
  background: url('../imgs/map/l-9.png') no-repeat 0 0;
}


.map-box-l-same {
  width: 130px;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.map-box-l-same img {
  width: 55px;
  height: 55px;
  border: 4px solid #DEAC5A;
  box-sizing: content-box;
  border-radius: 50%;
}

.map-box-l-1 {
  left: -100px;
  top: 50%;
  transform: translateY(-50%);
}

.map-box-l-2 {
  left: -80px;
  top: 180px;
}

.map-box-l-3 {
  left: -80px;
  bottom: 180px;
}

.map-box-l-4 {
  left: -60px;
  top: 106px;
}

.map-box-l-5 {
  left: -60px;
  bottom: 106px;
}

.map-box-l-6 {
  left: -15px;
  top: 44px;
}

.map-box-l-7 {
  left: -8px;
  bottom: 55px;
}

.map-box-l-8 {
  left: 48px;
  top: 0px;
}

.map-box-l-9 {
  left: 48px;
  bottom: 10px;
}

.map-box-r {
  width: 224px;
  height: 100%;
  /* background: url('/../imgs/map/r-11.png') no-repeat top right; */
  background-size: contain;
  position: absolute;
  right: 0;
  top: 0;
}

.r-bg1 {
  background: url('../imgs/map/r-1.png') no-repeat top right;
}

.r-bg2 {
  background: url('../imgs/map/r-2.png') no-repeat top right;
}

.r-bg3 {
  background: url('../imgs/map/r-3.png') no-repeat top right;
}

.r-bg4 {
  background: url('../imgs/map/r-4.png') no-repeat top right;
}

.r-bg5 {
  background: url('../imgs/map/r-5.png') no-repeat top right;
}

.r-bg6 {
  background: url('../imgs/map/r-6.png') no-repeat top right;
}

.r-bg7 {
  background: url('../imgs/map/r-7.png') no-repeat top right;
}

.r-bg8 {
  background: url('../imgs/map/r-8.png') no-repeat top right;
}

.r-bg9 {
  background: url('../imgs/map/r-9.png') no-repeat top right;
}

.r-bg10 {
  background: url('../imgs/map/r-10.png') no-repeat top right;
}

.r-bg11 {
  background: url('../imgs/map/r-11.png') no-repeat top right;
}


.map-box-r-same {
  width: 130px;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.map-box-r-same img {
  width: 55px;
  height: 55px;
  border: 4px solid #B14940;
  box-sizing: content-box;
  border-radius: 50%;
  object-fit: cover;
}

.isds {
  cursor: pointer;
}


.map-box-r-1 {
  right: -100px;
  top: 50%;
  transform: translateY(-50%);
}

.map-box-r-2 {
  right: -85px;
  top: 180px;
}

.map-box-r-3 {
  right: -85px;
  bottom: 180px;
}

.map-box-r-4 {
  right: -60px;
  top: 106px;
}

.map-box-r-5 {
  right: -60px;
  bottom: 106px;
}

.map-box-r-6 {
  right: -15px;
  top: 44px;
}

.map-box-r-7 {
  right: -15px;
  bottom: 50px;
}

.map-box-r-8 {
  right: 39px;
  top: -2px;
}

.map-box-r-9 {
  right: 38px;
  bottom: 4px;
}

.map-box-r-10 {
  right: 103px;
  top: -43px;
}

.map-box-r-11 {
  right: 90px;
  bottom: -40px;
}