@charset "utf-8";
/* CSS Document */
.map_china{
    opacity:0.5;
  -webkit-filter: grayscale(100%) brightness(500%);
  /* Chrome, Safari, Opera */
  filter: grayscale(100%) brightness(500%);
}
.content_map{
  position:relative;
}
.point,.point::before,.point::after{
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  content: '';
}
.point::before {
  animation: scale 2s infinite;
}
.point::after {
  animation: scale2 2s infinite;
}
@keyframes scale {
  0% {
    transform: scale(1);
    opacity:.9;
  }
  100% {
    transform: scale(5);
    opacity: 0;
  }
}
@keyframes scale2 {
  0% {
    transform: scale(1);
    opacity:.9;
  }
  100% {
    transform: scale(10);
    opacity:0;
  }
}
.point,.point::before,.point::after{
  background-color: rgba(0, 102, 204, .9);
}
.point2,.point2::before,.point2::after{
  background-color: rgba(0, 221, 254, .9);
}
.point3,.point3::before,.point3::after{
  background-color: rgba(229, 176, 0, .9);
}
.point4,.point4::before,.point4::after{
  background-color: rgba(135, 229, 8, .9);
}
.content_map img {
  width:100%;
  height:100%;
}
.point_text {
  position:absolute;
  display:inline-block;
  color:#fff;
  padding-top:2.75vh;
  width:4em;
  text-align:center;
  font-size:0.725vw;
  line-height:1em;
  text-shadow:0 1px 0 rgba(0,0,0,0.75);
  margin-left:-1.5em;
}