.map-bg[data-v-6573ffe5] {
  position: relative;
  height: 565px;
}

.map-outer[data-v-6573ffe5] {
  /*min-width: 1000px;*/
  max-width: 1200px;
  margin: 0 auto;
}

.map-container[data-v-6573ffe5] {
  width: 100%;
}

.map-container img[data-v-6573ffe5] {
  margin-top:-50px;
  margin-left:52px;
}

.map-bg .count-container[data-v-6573ffe5] {
  position: absolute;
  top: 20%;
  left: 0;
  right: 0;
  text-align: center;
  color: #fff;
}

.map-bg .data-container[data-v-6573ffe5] {
  padding: 22px 10px;
  display: inline-block;
  vertical-align: top;
  width: 280px;
  box-sizing: border-box;
  background: rgba(0, 0, 0, .3);
  text-align: center;
  color: #fff;
  -webkit-transform: perspective(1px) translateZ(0);
          transform: perspective(1px) translateZ(0);
  transition-duration: 0.5s;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}

.map-bg .data-container[data-v-6573ffe5]:hover {
  border: 1px solid #2d90e6;
  box-shadow: 0 10px 15px rgba(0, 0, 0, .2);
  -webkit-transform: translateY(-5px);
      -ms-transform: translateY(-5px);
          transform: translateY(-5px);
}

.map-bg .data-container+.data-container[data-v-6573ffe5] {
  margin-left: 15px;
}

.map-bg .data-container div span[data-v-6573ffe5] {
  font-size: 16px;
}

.map-bg .data-container .testSome[data-v-6573ffe5] {
  padding: 10px;
}

.map-bg .data-container .testSome span[data-v-6573ffe5] {
  font-size: 42px;
}
.map-container[data-v-6573ffe5] {
  position: relative;
}

.dot-container-small[data-v-6573ffe5] {
  width: 40px;
  height: 40px;
}

.dot-container-middle[data-v-6573ffe5] {width: 80px;height: 80px}

.dot-position-1[data-v-6573ffe5] {position: absolute;top:39.6%;left:37%;color:#4da1ff;}
.dot-position-2[data-v-6573ffe5] {position: absolute;top: 54.7%;left: 37.5%}
.dot-position-3[data-v-6573ffe5] {position: absolute;top: 49%;left: 45.5%;color:#4da1ff;}
.dot-position-4[data-v-6573ffe5] {position: absolute;top: 37%;left: 46.6%;}
.dot-position-5[data-v-6573ffe5] {position: absolute;top: 56.5%;left: 59.5%;color:#4da1ff;}
.dot-position-6[data-v-6573ffe5] {position: absolute;top: 61.8%;left: 57.3%;}
.dot-position-7[data-v-6573ffe5] {position: absolute;top: 68.8%;left: 67.3%;color:#4da1ff;}
.dot-position-8[data-v-6573ffe5] {position: absolute;top: 72.5%;left: 69.4%;}
.dot-position-9[data-v-6573ffe5] {position: absolute;top: 65%;left: 72%;color:#4da1ff;}
.dot-position-10[data-v-6573ffe5] {position: absolute;top: 52.6%;left: 72%;}
.dot-position-11[data-v-6573ffe5] {position: absolute;top: 44%;left: 74%;color:#4da1ff;}
.dot-position-12[data-v-6573ffe5] {position: absolute;top: 41%;left: 69%;}
.dot-position-13[data-v-6573ffe5] {position: absolute;top: 23%;left: 70%;color:#4da1ff;}
.dot-position-14[data-v-6573ffe5] {position: absolute;top: 9%;left: 77%;}



.map-dot-small[data-v-6573ffe5], .map-dot-middle[data-v-6573ffe5], .map-dot-large[data-v-6573ffe5] {border-radius:50%;background:#fc5d7b;position: absolute;left:0;right:0;top:0;bottom:0;margin:auto;}
.dot-position-odd .map-dot-small,.dot-position-odd .map-dot-middle,.dot-position-odd .map-dot-large{background:#4da1ff;}
.map-dot-small[data-v-6573ffe5] {
  width: 8px;
  height: 8px;
}

.map-dot-middle[data-v-6573ffe5] {
  width: 11px;
  height: 11px;
}

.map-dot-large[data-v-6573ffe5] {
  width: 20px;
  height: 20px;
}

@-webkit-keyframes ripple {
0% {
    opacity: 0.5;
    -webkit-transform: scale(0.1, 0.1);
            transform: scale(0.1, 0.1);
}
5% {
    opacity: 1;
}
100% {
    -webkit-transform: scale(1.0);
            transform: scale(1.0);
}
}

@keyframes ripple {
0% {
    opacity: 0.5;
    -webkit-transform: scale(0.1, 0.1);
            transform: scale(0.1, 0.1);
}
5% {
    opacity: 1;
}
100% {
    -webkit-transform: scale(1.0);
            transform: scale(1.0);
}
}

.map-circle-first[data-v-6573ffe5], .map-circle-second[data-v-6573ffe5], .map-circle-third[data-v-6573ffe5] {
  width: 100%;
  height: 100%;
}

.map-circle-first[data-v-6573ffe5]::after, .map-circle-second[data-v-6573ffe5]::after, .map-circle-third[data-v-6573ffe5]::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 50%;
  border: 2px solid #fc5d7b;
  opacity: 0;
}
.dot-position-odd .map-circle-first::after,.dot-position-odd .map-circle-second::after,.dot-position-odd .map-circle-third::after{ border: 2px solid #4da1ff;}

.map-circle-first[data-v-6573ffe5]::after {
  -webkit-animation: ripple 3.5s ease-out 225ms infinite;
          animation: ripple 3.5s ease-out 225ms infinite;
}

.map-circle-second[data-v-6573ffe5]::after {
  -webkit-animation: ripple 3.5s ease-out .9s infinite;
          animation: ripple 3.5s ease-out .9s infinite;
}

.map-circle-third[data-v-6573ffe5]::after {
  -webkit-animation: ripple 3.5s ease-out 1.8s infinite;
          animation: ripple 3.5s ease-out 1.8s infinite;
}


.product-container[data-v-1ca012bc] {
  /*width: 1200px;*/
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
}

.product-container-size[data-v-1ca012bc] {
  height: 786px;
}

.product-container h2[data-v-1ca012bc], .product-container h4[data-v-1ca012bc], .map-title h2[data-v-1ca012bc], .map-title h4[data-v-1ca012bc] {
  font-weight: 100;
}

.product-container h2[data-v-1ca012bc] {
  font-size: 32px;
  color: #0a0a0a;
  padding: 128px 0 34px 0;
  letter-spacing: 2px;
}

.product-container h4[data-v-1ca012bc] {
  font-size: 16px;
  color: #8d8d8d;
}

.cases-font[data-v-1ca012bc] {
  text-align: left;
  padding: 34px 0 100px 0;
  border-top: 1px solid #cdcdcd;
}

.cases-img-box[data-v-1ca012bc] {
  padding: 36px 0 40px 0;
}

.cases-img-box img[data-v-1ca012bc] {
  width: 100%;
}

.cases-container[data-v-1ca012bc] {
  font-weight: bold;
}

.cases-container+.cases-container[data-v-1ca012bc] {
  margin-top: 26px;
}

.cases-box[data-v-1ca012bc] {
  display: inline-block;
  box-sizing: border-box;
}

.cases-box li[data-v-1ca012bc] {
  display: inline-block;
  font-weight: 100;
}

.cases-box li+li[data-v-1ca012bc] {
  margin-left: 36px;
}

.case-padding-container[data-v-1ca012bc] {
  padding-bottom: 56px;
  right: 230px;
  bottom: 10px;
}



.join-container[data-v-469c273c] {
  /*margin-top: 56px;*/
  padding: 65px 0;
  text-align: center;
  background: #1085d7\9\0;
  background-image: linear-gradient(to right, #23a9fc, #0c59cc);
  position: relative;
}
.join-box[data-v-469c273c] {
  /*width: 1000px;*/
  margin: 0 auto;
  position: relative;
}
.join-container h2[data-v-469c273c] {
  font-size: 32px;
  font-weight: 100;
  color: #fff;
  padding-bottom: 32px;
  letter-spacing: 1px;
}
.btn-signup a[data-v-469c273c], .banner-content a[data-v-469c273c], .banner-btn[data-v-469c273c] {
  font-size: 15px;
  padding: 14px 40px;
  display: inline-block;
  background: rgba(255, 255, 255, .04);
  border: 1px solid currentColor;
  color: #fff;
}
.btn-signup a+a[data-v-469c273c] {
  margin-left: 28px;
}
.star-position-1[data-v-469c273c] {
  position: absolute;
  right: 27%;
  top: -14%;
}
.star-position-2[data-v-469c273c] {
  position: absolute;
  left: 26%;
  top: 50%;
}
.star-position-3[data-v-469c273c] {
  position: absolute;
  left: 41.7%;
  top: -21%;
}
.star-position-4[data-v-469c273c] {
  position: absolute;
  top: 38%;
  right: 24%;
}

.star-deco-big[data-v-469c273c]::before, .star-deco-big[data-v-469c273c]::after {
  content: "";
  display: inline-block;
  background: #fff;
  width: 1px;
  height: 15px;
  box-shadow: 0px 0px 3px rgba(255, 255, 255, .7);
  -webkit-animation: shining 3.3s ease-out 225ms infinite;
          animation: shining 3.3s ease-out 225ms infinite;
}
.star-deco-little[data-v-469c273c]::before, .star-deco-little[data-v-469c273c]::after {
  content: "";
  display: inline-block;
  background: #fff;
  width: 1px;
  height: 11px;
  box-shadow: 0px 0px 3px rgba(255, 255, 255, .7);
  -webkit-animation: shining 3.5s ease-out 375ms infinite;
          animation: shining 3.5s ease-out 375ms infinite;
}
.star-deco-trans[data-v-469c273c]::before, .star-deco-trans[data-v-469c273c]::after {
  content: "";
  display: inline-block;
  background: rgba(255, 255, 255, 1);
  width: 1px;
  height: 11px;
  box-shadow: 0px 0px 3px rgba(255, 255, 255, .7);
  -webkit-animation: shining 3s ease-out 425ms infinite;
          animation: shining 3s ease-out 425ms infinite;
}
.star-deco-big[data-v-469c273c]::after, .star-deco-little[data-v-469c273c]::after, .star-deco-trans[data-v-469c273c]::after {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
@-webkit-keyframes shining {
0% {
    opacity: 0.3;
}
50% {
    opacity: 1;
}
100% {
    opacity: 0.2;
}
}
@keyframes shining {
0% {
    opacity: 0.3;
}
50% {
    opacity: 1;
}
100% {
    opacity: 0.2;
}
}
.lines-left[data-v-469c273c] {
  position: absolute;
  left: 0;
  top: 30%;
}
.lines-right[data-v-469c273c] {
  position: absolute;
  right: 0;
  top: 35%;
}

.notice-bg[data-v-4a5d88f8] {
  background: url(/static/images/notice_background.ab40bbe.jpg)center center no-repeat;
  background-size: cover;
  text-align: center;
  position: relative;
}
.close[data-v-4a5d88f8] {
  font-size: 27px;
  font-weight: 100;
  display: block;
  position: absolute;
  right: 5px;
  top: 0;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  cursor: pointer;
  color: #325aa1;
}
.otherTip[data-v-4a5d88f8] {
  background: #f5f6b4;
}