#bg_0 {
  width: 100%;
  position: static;
  display: block;
}

@media (min-width: 1200px) {
  #bg_0 {
    width: 600px;
    margin-left: -300px;
    margin-top: -266px;
    position: absolute;
    left: 50%;
    top: 50%;
  }
}

#bg_1 {
  position: static;
  top: 0;
  left: 0;
  width: 100%;
  display: block;
}

@media (min-width: 1200px) {
  #bg_1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 550px;
  }
}

#bg_2 {
  position: static;
  top: 0;
  right: 0;
  width: 100%;
  display: block;
}

@media (min-width: 1200px) {
  #bg_2 {
    position: absolute;
    top: 0;
    right: 0;
    width: 550px;
  }
}

#bg_3 {
  position: absolute;
  top: 0;
  right: 0;
  width: 550px;
}

@media (min-width: 1200px) {
  #bg_3 {
    position: absolute;
    top: 0;
    right: 0;
    width: 550px;
  }
}

#bg_4 {
  width: 100%;
  display: block;
}

@media (min-width: 1200px) {
  #bg_4 {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 550px;
  }
}

#bg_5 {
  position: static;
  width: 80%;
  display: inline-flex;
  margin-top: 12vw;
}

@media (min-width: 1200px) {
  #bg_5 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 550px;
  }
}

#item_0 {
  left: 0;
  top: 2vw;
}

@media (min-width: 1200px) {
  #item_0 {
    left: 250px;
    top: -100px;
  }
}

#item_1 {
  left: 0;
  top: 20vw;
}

@media (min-width: 1200px) {
  #item_1 {
    left: 78px;
    top: 20px;
  }
}

#item_2 {
  right: 0;
  top: 146vw;
}

@media (min-width: 1200px) {
  #item_2 {
    left: 880px;
    top: -100px;
    pointer-events: none;
  }
}

#item_3 {
  left: 0;
  top: 82vw;
}

@media (min-width: 1200px) {
  #item_3 {
    left: 500px;
    top: 135px;
  }
}

#item_4 {
  left: auto;
  top: 57vw;
  right: 0px;
}

@media (min-width: 1200px) {
  #item_4 {
    left: 120px;
    top: 370px;
  }
}

#item_5 {
  right: 0;
  top: 82vw;
}

@media (min-width: 1200px) {
  #item_5 {
    left: 930px;
    top: 340px;
  }
}

#item_6 {
  left: 0;
  top: 146vw;
}

@media (min-width: 1200px) {
  #item_6 {
    left: 930px;
    top: 471px;
  }
}

#item_7 {
  left: 0;
  top: 338vw;
  width: 35vw;
}

@media (min-width: 1200px) {
  #item_7 {
    left: 920px;
    top: 670px;
    width: 180px;
  }
}

#item_8 {
  right: 0;
  top: 415vw;
}

@media (min-width: 1200px) {
  #item_8 {
    left: 950px;
    top: 1100px;
  }
}

#item_9 {
  left: 0;
  top: 415vw;
}

@media (min-width: 1200px) {
  #item_9 {
    left: 530px;
    top: 1017px;
  }
}

#item_10 {
  left: 0;
  top: 250vw;
  padding: 0 10px;
}

@media (min-width: 1200px) {
  #item_10 {
    left: 60px;
    top: 700px;
    padding: 0 10px;
  }
}

#item_11 {
  right: 0;
  top: 313vw;
}

@media (min-width: 1200px) {
  #item_11 {
    left: 120px;
    top: 1235px;
  }
}

#line_0 {
  top: 32vw;
  left: 60vw;
  width: 0;
  transform: rotate(-90deg);
  transform-origin: left;
}

#line_-1 {
  top: 8vw;
  right: 40vw;
  width: 0;
  transform-origin: right;
}

@media (min-width: 1200px) {
  #line_0 {
    top: 96px;
    left: 340px;
    width: 0;
    transform: rotate(-90deg);
    transform-origin: left;
  }
}

#line_1 {
  top: 133vw;
  right: 39vw;
  width: 0;
  transform: rotate(-90deg);
  transform-origin: right;
}

@media (min-width: 1200px) {
  #line_1 {
    top: 180px;
    left: 975px;
    width: 0;
    transform: rotate(-90deg);
    transform-origin: left;
  }
}

#line_2 {
  top: 47vw;
  left: 32vw;
  width: 0;
  transform: rotate(-90deg);
  transform-origin: left;
}

@media (min-width: 1200px) {
  #line_2 {
    top: 205px;
    left: 140px;
    width: 0px;
    transform: rotate(-90deg);
    transform-origin: left;
  }
}

#line_3 {
  top: 119vw;
  width: 0;
  right: 56vw;
}

@media (min-width: 1200px) {
  #line_3 {
    top: 190px;
    width: 0;
    right: 350px;
  }
}

#line_4 {
  top: 64vw;
  left: 37vw;
  width: 0;
}

@media (min-width: 1200px) {
  #line_4 {
    top: 280px;
    left: 205px;
    width: 0;
    transform: rotate(90deg);
    transform-origin: left;
  }
}

#line_5 {
  top: 103vw;
  right: 34vw;
  width: 0;
  transform: rotate(90deg);
  transform-origin: right;
}

@media (min-width: 1200px) {
  #line_5 {
    top: 140px;
    left: 1020px;
    width: 0;
    transform: rotate(90deg);
    transform-origin: left;
  }
}

#line_6 {
  top: 140vw;
  left: 33vw;
  width: 0;
  transform: rotate(90deg);
  transform-origin: left;
}

@media (min-width: 1200px) {
  #line_6 {
    top: 290px;
    left: 815px;
    width: 0;
    transform: rotate(90deg);
    transform-origin: left;
  }
}

#line_7 {
  top: 153vw;
  right: 67vw;
  width: 0;
}

@media (min-width: 1200px) {
  #line_7 {
    top: 500px;
    left: 816px;
    width: 0;
  }
}

#line_8 {
  top: 370vw;
  left: 66vw;
  width: 0;
  transform: rotate(-90deg);
  transform-origin: left;
}

@media (min-width: 1200px) {
  #line_8 {
    top: 880px;
    left: 1010px;
    width: 0;
    transform: rotate(-90deg);
    transform-origin: left;
  }
}

#line_9 {
  top: 401vw;
  right: 42vw;
  width: 0;
  transform: rotate(-90deg);
  transform-origin: right;
}

@media (min-width: 1400px) {
  #line_9 {
    top: 1050px;
    left: 970px;
    width: 0;
    transform: rotate(0deg);
  }
}

#line_10 {
  top: 422vw;
  left: 58vw;
  width: 0;
}

@media (min-width: 1200px) {
  #line_10 {
    top: 1050px;
    left: 1030px;
    width: 0;
    transform: rotate(90deg);
    transform-origin: left;
  }
}

@media (max-width: 1200px) {
  #line_11 {
    top: 396vw;
    left: 35vw;
    width: 0;
    transform: rotate(90deg);
    transform-origin: left;
  }
}

@media (min-width: 1200px) {
  #line_11 {
    width: 0;
    top: 1030px;
    right: 316px;
  }
}

#line_12 {
  top: 281vw;
  left: 33vw;
  width: 0;
  transform: rotate(-90deg);
  transform-origin: left;
}

@media (min-width: 1200px) {
  #line_12 {
    top: 950px;
    left: 155px;
    width: 0;
    transform: rotate(-90deg);
    transform-origin: left;
  }
}

#line_13 {
  top: 298vw;
  left: 40vw;
  width: 0;
  transform: rotate(90deg);
  transform-origin: left;
}

@media (min-width: 1200px) {
  #line_13 {
    top: 1060px;
    left: 220px;
    width: 0;
    transform: rotate(90deg);
    transform-origin: left;
  }
}

.top_p {
  text-shadow: none;
}

#point-0 {
  top: calc(8vw - 5px);
  left: calc(25vw - 6px);
}

@media (min-width: 768px) {
  #point-0 {
    top: -5px;
    left: 335px;
  }
}

#point-1 {
  left: calc(25vw - 6px);
  top: calc(28vw - 5px);
}

@media (min-width: 1200px) {
  #point-1 {
    left: 135px;
    top: 116px;
  }
}

#point-2 {
  top: calc(152vw - 5px);
  right: calc(25vw - 5px);
}

@media (min-width: 1200px) {
  #point-2 {
    top: -5px;
    left: 970px;
  }
}

#point-3 {
  top: calc(97vw - 10px);
  left: calc( 12vw - 6px);
}

@media (min-width: 1200px) {
  #point-3 {
    top: 185px;
    right: 515px;
    left: auto;
  }
}

#point-4 {
  right: calc(25vw - 6px);
  top: calc(64vw - 5px);
}

@media (min-width: 1200px) {
  #point-4 {
    left: 200px;
    top: 384px;
  }
}

#point-5 {
  right: calc(25vw - 6px);
  top: calc(89vw - 5px);
}

@media (min-width: 1200px) {
  #point-5 {
    left: 1015px;
    top: 349px;
  }
}

#point-6 {
  left: calc(25vw - 5px);
  top: calc(153vw - 5px);
}

@media (min-width: 1200px) {
  #point-6 {
    left: 925px;
    top: 495px;
  }
}

#point-7 {
  left: calc(25vw - 5px);
  top: calc(257vw - 5px);
}

@media (min-width: 1200px) {
  #point-7 {
    top: 795px;
    left: 150px;
  }
}

#point-8 {
  top: calc(320vw - 5px);
  right: calc(25vw - 5px);
}

@media (min-width: 1200px) {
  #point-8 {
    top: 1245px;
    left: 215px;
  }
}

#point-9 {
  top: calc(422vw - 5px);
  left: calc(25vw - 5px);
}

@media (min-width: 1200px) {
  #point-9 {
    top: 1025px;
    right: 487px;
    left: auto;
  }
}

#point-10 {
  top: calc(345vw - 5px);
  left: calc(35vw - 5px);
}

@media (min-width: 1200px) {
  #point-10 {
    top: 765px;
    left: 1005px;
  }
}

#point-11 {
  right: calc(25vw - 5px);
  top: calc(422vw - 5px);
}

@media (min-width: 1200px) {
  #point-11 {
    left: 1025px;
    top: 1110px;
    right: auto;
  }
}

@media (min-width: 1200px) {
  .line_hang_ye_ying_yong {
    transition: width 0.8s linear;
    -moz-transition: width 0.8s linear;
    -webkit-transition: width 0.8s linear;
    -o-transition: width .8s linear;
    font-size: 0;
  }
}

@media (max-width: 1200px) {
  .line_hang_ye_ying_yong {
    transition: width 0.8s linear;
    -moz-transition: width 0.8s linear;
    -webkit-transition: width 0.8s linear;
    -o-transition: width .8s linear;
    font-size: 0;
  }
}

@media (max-width: 1200px) {
  .line_hang_ye_ying_yong.fast {
    transition: width 0.4s linear;
    -moz-transition: width 0.4s linear;
    -webkit-transition: width 0.4s linear;
    -o-transition: width 0.4s linear;
    font-size: 0;
  }
}

#line_-2 {
  top: 28vw;
  right: 68vw;
  width: 0;
}

#line_-4 {
  top: 152vw;
  left: 61vw;
  width: 0;
}

#line_-5 {
  top: 89vw;
  left: 66vw;
  width: 0;
}

#line_-6 {
  top: 257vw;
  right: 67vw;
  width: 0;
}

#line_-7 {
  top: 320vw;
  left: 40vw;
  width: 0;
}

#line_-8 {
  top: 345vw;
  right: 34vw;
  width: 0;
  transform-origin: left;
}

#line_-9 {
  top: 422vw;
  right: 65vw;
  width: 0;
}

#bg_4_container {
  padding-bottom: 10vw;
  padding-top: 30vw;
}

@media (max-width: 1200px) {
  #top_txt {
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 30%;
    top: 10%;
    right: 0;
    bottom: 50%;
  }
}

@media (max-width: 1199px) {
  #yidongchafang {
    white-space: nowrap !important;
    right: auto;
  }
}

@media (max-width: 577px) {
  #item_9_txt {
    font-size: 0.7rem;
  }
}