.wrap-s {                                                                                                                   width: 86vw;
      max-width: 1440px;
      margin: 0 auto;
      position: relative;
      z-index: 3;
  }

  .inner-s8 {
    background-color: #f9f9f9;
    position: relative;
    overflow: hidden;
    height: max(680px, 8.5rem);
  }
  .inner-head{
      position:absolute;
      top:10%;
      left:50%;
      transform:translateX(-50%);
      opacity:1;
      width:86vw;
      max-width:1440px;
      margin:0 auto;
      text-align:left;
      box-sizing:border-box;
      z-index:2;
  }
  .inner-s8 .map-box {
    width: 5794px;
    height: 2862px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    transition: transform 0.5s cubic-bezier(0.5, 0, 0, 1);
  }
  .inner-s8 .map-box img.bg {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.2;
  }
  .inner-s8 .dot {
    position: absolute;
    width: 0;
    height: 0;
    cursor: pointer;
  }
    .inner-s8 .dot:before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      transform: translate(-50%, -50%);
      width: 0.38rem;
      height: 0.38rem;
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      background-image: url("../../images/19/image-19929a7f8a37fed2ad0a8686.png");
      animation: o-map 2s linear infinite;
    }
    .inner-s8 .dot span {
      font-size: max(16px, 0.22rem);
      color: rgb(0 170 255);
      font-family: 'AlibabaPuHuiTi-3-85-Bold';
      text-transform: uppercase;
      white-space: normal;
      max-width: calc(50vw - 40px);
      overflow-wrap: anywhere;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      display: none;
    }
  .inner-s8 .dot.right span {
    left: 0.36rem;
  }
  .inner-s8 .dot.left span {
    right: calc(100% + 0.36rem);
  }
    .inner-s8 .dot.active:before {
      background-image: url("../../images/ea/image-ea83f6640954925bf5b3e680.png");
      animation: none;
    }
  .inner-s8 .dot.active span {
    display: block;
  }
    .inner-s8 .items {
      width: 100%;
      position: absolute;
      bottom: 0;
      left: 0;
      padding: 0;
      z-index: 3;
      background: #000;
    }
    .inner-s8 .items > div {
        height: 0.7rem;
      }

    .inner-s8 .items .swiper,
    .inner-s8 .items .swiper-wrapper {
        height: 100%;
      }
  .inner-s8 .item:first-child{width: 1.2rem;}
  .inner-s8 .item {
    width: .9rem;
    padding:0 .1rem ;
    height: auto;
    margin-right: 10px;
  }
  .inner-s8 .item.active .box{background:rgb(0, 170, 255);color: #fff;}
  .inner-s8 .item.active .tit{color: #000;text-align: center}
  .inner-s8 .item:last-of-type {
    margin-right: 0;
  }
    .inner-s8 .item .box {
        position: relative;
        height: 100%;
        padding: 0;
        border-radius: 0;
        background-color: transparent;
        overflow: hidden;
        cursor: pointer;
        display: flex;
        justify-content: center;
        align-items: center;
    }
  .inner-s8 .item:nth-child(2){width: 1rem}
  .inner-s8 .item:nth-child(2) .box{width: 100%;}


    .inner-s8 .item .tit {
      font-size: max(14px, 0.18rem);
      text-align: center;
      color: #fff;
      font-family: 'AlibabaPuHuiTi-3-85-Bold';
    }
  .inner-s8 .item p {
    font-size: max(13px, 0.16rem);
    color: #192232;
    font-family: 'AlibabaPuHuiTi-3-45-Light';

  }
  .inner-s8 .item .link {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    grid-gap: 0.2rem;
    height: max(30px, 0.4rem);
    background-color: #2184c7;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.5s cubic-bezier(0.5, 0, 0, 1);
  }

  .inner-s8 .item.active {
    padding-top: 0;
  }
  .inner-s8 .item.active .link {
    opacity: 1;
    pointer-events: auto;
  }
  .inner-s8 .buttons {
    position: absolute;
    margin-bottom: 20px;
    padding-right: 75px;
    bottom: 100%;
    left: 0;
    width: 100%;
  }
  .inner-s8 .buttons .wrap-s {
    display: flex;
    justify-content: flex-end;
    grid-gap: 10px;
  }
  .inner-s8 .button {
    width: max(40px, 0.6rem);
    height: max(20px, 0.3rem);
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 28px;
    cursor: pointer;
  }
  .inner-s8 .prev {
    background-image: url("../../images/5d/image-5d85aff97c300511a545ca0e.png");
  }
  .inner-s8 .next {
    background-image: url("../../images/26/image-2654ca279b3d1e145564950a.png");
  }



  @media (max-width: 1440px) {
      .inner-head{
          max-width:1120px;
      }
  }

  @media (max-width: 1280px) {
      .inner-head{
          max-width:960px;
      }
  }

  @media (max-width: 1024px) {
      .inner-head{
          max-width:none;
          width:100%;
          padding:0 40px;
      }
  }

  @media (max-width: 769px) {
      .inner-head{
          left:0;
          transform:none;
          max-width:none;
          width:100%;
          padding:0 15px;
      }
  }
  /*# sourceMappingURL=bundle.css.map */