#item-0 {
  left: 0;
  top: 70vw;
  width: 25vw;
  height: 15vw;
  background-image: url('/assets/img/hang_ye_ying_yong/zhi_neng_zhi_zao/di.png');
  background-size: 100% 100%;
}

@media (min-width: 1200px) {
  #item-0 {
    left: 0;
    top: 389px;
    width: 250px;
    height: 105px;
    background-image: url('/assets/img/hang_ye_ying_yong/zhi_neng_zhi_zao/di.png');
    background-size: cover;
  }
}

#item-1 {
  left: 0;
  top: 5vw;
  width: 30vw;
  height: 18vw;
  background-image: url('/assets/img/hang_ye_ying_yong/zhi_neng_zhi_zao/di.png');
  background-size: 100% 100%;
}

@media (min-width: 1200px) {
  #item-1 {
    left: 0;
    top: -35px;
    width: 250px;
    height: 105px;
    background-image: url('/assets/img/hang_ye_ying_yong/zhi_neng_zhi_zao/di.png');
    background-size: cover;
  }
}

#item-4 {
  left: 50vw;
  top: 5vw;
  width: 26vw;
  height: 18vw;
  background-image: url('/assets/img/hang_ye_ying_yong/zhi_neng_zhi_zao/di.png');
  background-size: 100% 100%;
}

@media (min-width: 1200px) {
  #item-4 {
    left: 710px;
    top: -35px;
    width: 250px;
    height: 105px;
    background-image: url('/assets/img/hang_ye_ying_yong/zhi_neng_zhi_zao/di.png');
    background-size: cover;
  }
}

#item-7 {
  left: 33vw;
  top: 94vw;
  width: 36vw;
  height: 15vw;
  background-image: url('/assets/img/hang_ye_ying_yong/zhi_neng_zhi_zao/di.png');
  background-size: cover;
}

@media (min-width: 1200px) {
  #item-7 {
    left: 933px;
    top: 526px;
    width: 267px;
    height: 113px;
    background-image: url('/assets/img/hang_ye_ying_yong/zhi_neng_zhi_zao/di.png');
    background-size: cover;
  }
}

#item-2 {
  left: 31vw;
  top: 5vw;
  height: 18vw;
  width: 18vw;
  background-image: url('/assets/img/hang_ye_ying_yong/zhi_neng_zhi_zao/di2.png');
  background-size: 100% 100%;
}

@media (min-width: 1200px) {
  #item-2 {
    left: 418px;
    top: -35px;
    width: 180px;
    height: 105px;
    background-image: url('/assets/img/hang_ye_ying_yong/zhi_neng_zhi_zao/di2.png');
    background-size: 100% 100%;
  }
}

#item-3 {
  top: 5vw;
  left: 77vw;
  width: 21vw;
  height: 18vw;
  background-image: url('/assets/img/hang_ye_ying_yong/zhi_neng_zhi_zao/di2.png');
  background-size: 100% 100%;
}

@media (min-width: 1200px) {
  #item-3 {
    left: 990px;
    top: -35px;
    width: 210px;
    height: 105px;
    background-image: url('/assets/img/hang_ye_ying_yong/zhi_neng_zhi_zao/di2.png');
    background-size: 100% 100%;
  }
}

#item-5 {
  top: 94vw;
  left: auto;
  right: 1vw;
  width: 20vw;
  height: 15vw;
}

@media (min-width: 1200px) {
  #item-5 {
    top: 213px;
    left: auto;
    right: 0;
    width: 180px;
    height: 105px;
    background-image: url('/assets/img/hang_ye_ying_yong/zhi_neng_zhi_zao/di2.png');
    background-size: 100% 100%;
  }
}

#item-6 {
  right: 5vw;
  top: 77vw;
  width: 25vw;
  height: 15vw;
  background-image: url('/assets/img/hang_ye_ying_yong/zhi_neng_zhi_zao/di2.png');
  background-size: 100% 100%;
}

@media (min-width: 1200px) {
  #item-6 {
    right: 0;
    top: 381px;
    width: 180px;
    height: 105px;
    background-image: url('/assets/img/hang_ye_ying_yong/zhi_neng_zhi_zao/di2.png');
    background-size: 100% 100%;
  }
}

#item-8 {
  left: 0px;
  top: 88vw;
  width: 25vw;
  height: 15vw;
  background-image: url('/assets/img/hang_ye_ying_yong/zhi_neng_zhi_zao/di2.png');
  background-size: 100% 100%;
}

@media (min-width: 1200px) {
  #item-8 {
    left: 0px;
    top: 532px;
    width: 180px;
    height: 105px;
    background-image: url('/assets/img/hang_ye_ying_yong/zhi_neng_zhi_zao/di2.png');
    background-size: 100% 100%;
  }
}

#item-9 {
  left: 32vw;
  top: 115vw;
  background-image: url('/assets/img/hang_ye_ying_yong/zhi_neng_zhi_zao/di2.png');
  background-size: 100% 100%;
}

@media (min-width: 1200px) {
  #item-9 {
    left: 0;
    top: 743px;
    width: 180px;
    height: 105px;
    background-image: url('/assets/img/hang_ye_ying_yong/zhi_neng_zhi_zao/di2.png');
    background-size: 100% 100%;
  }
}

#item-10 {
  left: 0;
  top: 115vw;
  width: 25vw;
  height: 15vw;
  background-image: url('/assets/img/hang_ye_ying_yong/zhi_neng_zhi_zao/di2.png');
  background-size: 100% 100%;
}

@media (min-width: 1200px) {
  #item-10 {
    left: 0;
    top: 890px;
    width: 180px;
    height: 105px;
    background-image: url('/assets/img/hang_ye_ying_yong/zhi_neng_zhi_zao/di2.png');
    background-size: 100% 100%;
  }
}

#item-11 {
  left: 0;
  top: 195vw;
  background-image: url('/assets/img/hang_ye_ying_yong/zhi_neng_zhi_zao/di2.png');
  background-size: 100% 100%;
}

@media (min-width: 1200px) {
  #item-11 {
    left: 0;
    bottom: 50px;
    width: 180px;
    top: auto;
    height: 105px;
    background-image: url('/assets/img/hang_ye_ying_yong/zhi_neng_zhi_zao/di2.png');
    background-size: 100% 100%;
  }
}

#item-14 {
  left: 64vw;
  top: 115vw;
  background-image: url('/assets/img/hang_ye_ying_yong/zhi_neng_zhi_zao/di2.png');
  background-size: 100% 100%;
}

@media (min-width: 1200px) {
  #item-14 {
    right: 0;
    top: 800px;
    width: 180px;
    left: auto;
    height: 105px;
    background-image: url('/assets/img/hang_ye_ying_yong/zhi_neng_zhi_zao/di2.png');
    background-size: 100% 100%;
  }
}

#item-12 {
  left: 28vw;
  top: 195vw;
  background-image: url('/assets/img/hang_ye_ying_yong/zhi_neng_zhi_zao/di.png');
  background-size: 100% 100%;
}

@media (min-width: 1200px) {
  #item-12 {
    right: 0;
    left: auto;
    top: auto;
    bottom: 20px;
    width: 250px;
    height: 105px;
    background-image: url('/assets/img/hang_ye_ying_yong/zhi_neng_zhi_zao/di.png');
    background-size: 100% 100%;
  }
}

#item-13 {
  right: 3vw;
  top: 195vw;
  width: 40vw;
  background-image: url('/assets/img/hang_ye_ying_yong/zhi_neng_zhi_zao/di.png');
  background-size: 100% 100%;
}

@media (min-width: 1200px) {
  #item-13 {
    right: 0;
    top: 920px;
    width: 245px;
    height: 105px;
    background-image: url('/assets/img/hang_ye_ying_yong/zhi_neng_zhi_zao/di.png');
    background-size: 100% 100%;
  }
}

#bg-1 {
  width: 20px;
  margin-left: 108px;
  margin-top: 50px;
  margin-bottom: 50px;
  display: inline-block;
}

#line-0 {
  top: 54vw;
  right: 85vw;
  width: 0;
}

@media (min-width: 1200px) {
  #line-0 {
    top: 186px;
    right: 931px;
    width: 1px;
    transform: rotate(0);
    transform-origin: left;
  }
}

#line-1 {
  top: 42vw;
  right: 45vw;
  width: 0;
}

@media (min-width: 1200px) {
  #line-1 {
    top: 120px;
    left: 680px;
    width: 1px;
    transform: rotate(-90deg);
    transform-origin: left;
  }
}

#line-2 {
  top: 42vw;
  right: 20vw;
  width: 0;
}

@media (min-width: 1200px) {
  #line-2 {
    top: 100px;
    right: 304px;
    width: 0;
    transform-origin: right;
  }
}

#line-3 {
  top: 42vw;
  left: 45vw;
  width: 0;
  transform: rotate(-90deg);
  transform-origin: left;
}

@media (min-width: 1200px) {
  #line-3 {
    top: 60px;
    left: 680px;
    width: 0;
    transform: rotate(180deg);
    transform-origin: left;
  }
}

#line-4 {
  top: 50vw;
  left: 75vw;
  width: 0px;
}

@media (min-width: 1200px) {
  #line-4 {
    top: 200px;
    left: 810px;
    width: 0px;
  }
}

#line-5 {
  top: 50vw;
  left: 90vw;
  width: 0;
  transform: rotate(-90deg);
  transform-origin: left;
}

@media (min-width: 1200px) {
  #line-5 {
    top: 200px;
    left: 1080px;
    width: 0;
    transform: rotate(-90deg);
    transform-origin: left;
  }
}

#line-6 {
  top: 64vw;
  left: 82vw;
  width: 0;
  transform: rotate(90deg);
  transform-origin: left;
}

@media (min-width: 1200px) {
  #line-6 {
    top: 305px;
    left: 915px;
    width: 0px;
    transform: rotate(90deg);
    transform-origin: left;
  }
}

#line-7 {
  top: 58vw;
  left: 88vw;
  width: 0;
}

@media (min-width: 1200px) {
  #line-7 {
    top: 271px;
    left: 950px;
    width: 0;
  }
}

#line-8 {
  top: 430px;
  left: 915px;
  width: 0;
  display: none;
}

@media (min-width: 1200px) {
  #line-8 {
    top: 430px;
    left: 915px;
    width: 0;
    display: block;
  }
}

#line-9 {
  top: 54vw;
  left: 5vw;
  width: 0px;
  transform: rotate(90deg);
  transform-origin: left;
}

@media (min-width: 1200px) {
  #line-9 {
    top: 190px;
    left: 165px;
    width: 0px;
    transform: rotate(90deg);
    transform-origin: left;
  }
}

#line-10 {
  top: 73vw;
  left: 66vw;
  width: 0;
  transform: rotate(90deg);
  transform-origin: left;
}

@media (min-width: 1200px) {
  #line-10 {
    top: 400px;
    left: 760px;
    width: 0px;
    transform: rotate(90deg);
    transform-origin: left;
  }
}

#line-11 {
  top: 580px;
  left: 760px;
  width: 0;
  display: none;
}

@media (min-width: 1200px) {
  #line-11 {
    top: 580px;
    left: 760px;
    width: 0;
    display: block;
  }
}

#line-12 {
  top: 59vw;
  left: 55vw;
  width: 0px;
  transform: rotate(90deg);
  transform-origin: left;
}

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

#line-13 {
  top: 90vw;
  right: 45vw;
  width: 0;
}

@media (min-width: 1200px) {
  #line-13 {
    top: 580px;
    left: 660px;
    width: 0;
    transform: rotate(180deg);
    transform-origin: left;
  }
}

#line-14 {
  top: 164vw;
  right: 72vw;
  width: 0;
}

@media (min-width: 1200px) {
  #line-14 {
    top: 870px;
    right: 810px;
    width: 0;
  }
}

#line-15 {
  top: 154vw;
  left: 42vw;
  width: 0;
  transform: rotate(-90deg);
  transform-origin: left;
}

@media (min-width: 1200px) {
  #line-15 {
    top: 800px;
    right: 710px;
    width: 0;
    transform: none;
    left: auto;
  }
}

#line-16 {
  display: none;
}

@media (min-width: 1200px) {
  #line-16 {
    top: 940px;
    right: 913px;
    width: 0;
    display: block;
  }
}

#line-17 {
  top: 164vw;
  right: 95vw;
  width: 0;
  transform: rotate(90deg);
  transform-origin: right;
}

@media (min-width: 1200px) {
  #line-17 {
    top: 870px;
    right: 910px;
    width: 0;
    transform: rotate(-90deg);
    transform-origin: right;
  }
}

#line-18 {
  top: 175vw;
  left: 42vw;
  width: 0;
  transform: rotate(90deg);
  transform-origin: left;
}

@media (min-width: 1200px) {
  #line-18 {
    top: 1000px;
    left: 530px;
    width: 0;
    transform: rotate(90deg);
    transform-origin: left;
  }
}

#line-19 {
  top: 42vw;
  right: 71vw;
  width: 0;
}

@media (min-width: 1200px) {
  #line-19 {
    top: 120px;
    right: 800px;
    width: 0;
  }
}

#line-23 {
  top: 200vw;
  right: 68vw;
  width: 0px;
}

@media (min-width: 1200px) {
  #line-23 {
    top: 1091px;
    right: 780px;
    width: 0px;
  }
}

#line-20 {
  top: 42vw;
  left: 19vw;
  width: 0px;
  transform: rotate(-90deg);
  transform-origin: left;
}

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

#line-21 {
  top: 174vw;
  left: 32vw;
  width: 0px;
  transform: rotate(90deg);
  transform-origin: left;
}

@media (min-width: 1200px) {
  #line-21 {
    top: 940px;
    left: 420px;
    width: 0px;
    transform: rotate(90deg);
    transform-origin: left;
  }
}

#line-27 {
  left: 79vw;
  top: 167vw;
  width: 0px;
  transform: rotate(-90deg);
  transform-origin: left;
}

@media (min-width: 1200px) {
  #line-27 {
    left: 847px;
    top: 920px;
    width: 0px;
    transform: rotate(-90deg);
    transform-origin: left;
  }
}

#line-22 {
  top: 42vw;
  right: 35vw;
  width: 0;
  transform: rotate(90deg);
  transform-origin: right;
}

@media (min-width: 1200px) {
  #line-22 {
    top: 100px;
    right: 374px;
    width: 0;
    transform: rotate(90deg);
    transform-origin: right;
  }
}

#line-24 {
  top: 200vw;
  left: 42vw;
  width: 0;
  display: none;
}

@media (min-width: 1200px) {
  #line-24 {
    top: 1130px;
    display: block;
    left: 530px;
    width: 0;
  }
}

#line-25 {
  top: 167vw;
  width: 0px;
  left: 64vw;
}

@media (min-width: 1200px) {
  #line-25 {
    top: 920px;
    left: 747px;
    width: 0px;
  }
}

#line-26 {
  width: 0px;
  top: 173vw;
  left: 45vw;
}

@media (min-width: 1200px) {
  #line-26 {
    width: 0px;
    top: 970px;
    left: 540px;
  }
}

@media (min-width: 1200px) {
  .hang_ye_ying_yong_btn_hang_ye_ying_yong:hover #item-1-txt {
    white-space: inherit;
    text-align: left;
    top: -2.2rem;
    right: 1.5rem;


  }

  .hang_ye_ying_yong_btn_hang_ye_ying_yong:hover #item-2-txt {
    white-space: inherit;
    text-align: left;
    top: -2.2rem;
    right: 1.5rem;
  }

}




@media (min-width: 1200px) {}

#item-3:hover #item-3-txt {
  white-space: inherit;
  text-align: left;
  top: -2.2rem;
  right: 1.5rem;
}

@media (max-width: 1200px) {
  #item-3-txt {
    top: -2em;
  }
}

@media (max-width: 577px) {
  #item-3-txt {
    font-size: 0.45rem;
  }
}


#app {
  margin-top: 0;
  padding-bottom: 30vw;
}

#app {
  margin-top: 0;
  padding-bottom: 35vw;
}

@media (min-width: 1200px) {
  #app {
    margin-top: 80px;
    padding-bottom: 100px;
  }
}

#point-0 {
  left: calc(5vw - 5px);
  top: calc(72vw - 3px);
}

@media (min-width: 1200px) {
  #point-0 {
    left: 160px;
    top: 390px;
  }
}

#point-1 {
  left: calc(19vw - 5px);
  top: calc(22vw - 5px);
}

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

#point-2 {
  top: calc(22vw - 5px);
  left: calc(45vw - 5px);
}

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

#point-3 {
  top: calc(22vw - 5px);
  right: calc(35vw - 7px);
}

@media (min-width: 1200px) {
  #point-3 {
    top: 62px;
    right: 368px;
  }
}

#point-4 {
  left: calc(90vw - 5px);
  top: calc(22vw - 5px);
}

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

#point-5 {
  left: calc(97vw - 5px);
  top: calc(96vw - 5px);
}

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 1200px) {
  #point-11 {
    top: 1087px;
    left: 175px;
  }
}

#point-12 {
  top: calc(197vw - 5px);
  left: calc(42vw - 5px);
}

@media (min-width: 1200px) {
  #point-12 {
    top: 1125px;
    right: 245px;
    left: auto;
  }
}

#point-13 {
  top: calc(197vw - 5px);
  left: calc(80vw - 5px);
}

@media (min-width: 1200px) {
  #point-13 {
    top: 966px;
    left: 949px;
  }
}

#point-14 {
  left: calc(79vw - 5px);
  top: calc(129vw - 5px);
}

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

#line-28 {
  top: 850px;
  left: 847px;
  width: 0px;
  display: none;
}

@media (min-width: 1200px) {
  #line-28 {
    top: 850px;
    left: 847px;
    width: 0px;
    display: block;
  }
}

#bg-0 {
  display: inline-block;
  margin-top: 20vw;
  width: 90%;
}

@media (min-width: 1200px) {
  #bg-0 {
    width: 860px;
    display: inline-block;
    margin-top: 60px;
  }
}

#top_txt {
  align-items: center;
  left: 1rem;
  top: 3rem;
  bottom: 1rem;
  text-align: left !important;
  color: white;
}

.txt_title {
  color: white !important;
}

.top_p {
  color: white;
  padding-left: 0;
}

@media (max-width: 500px) {
  #center_menu_txt {
    font-size: 1rem;
  }
}

@media (max-width: 1199px) {
  .fang_an_body_hang_ye_ying_yong {
    color: #000000;
    display: inherit;
    margin-top: 0.2rem;
    margin-bottom: 1rem;
  }
}

@media (max-width: 1199px) {
  .fang_an_body_hang_ye_ying_yong>div {
    display: inline-block;
    width: calc(50% - 44px);
    text-align: center;
  }
}

@media (max-width: 1199px) {
  #item-1-txt {
    top: -2em;
    font-size: calc(0.4rem + 0.8vw);
  }
}

@media (max-width: 575px) {
  #item-1-txt {
    top: -2em;
    font-size: calc(0.5rem);
  }
}

@media (max-width: 1199px) {
  #item-2-txt {
    top: -2em;
    font-size: calc(0.4rem + 0.8vw);
  }
}

@media (max-width: 577px) {
  #item-2-txt {
    top: -2em;
    font-size: calc(0.5rem);
  }
}

@media (max-width: 1199px) {
  #item-4-txt {
    font-size: calc(0.4rem + 0.8vw);
  }
}

@media (max-width: 1199px) {
  .hang_ye_ying_yong_btn_hang_ye_ying_yong .hang_ye_ying_yong_btn_title_hang_ye_ying_yong {
    font-size: calc(0.4rem + 0.8vw);
  }
}

@media (max-width: 577px) {
  #item_9_txt {
    font-size: calc(0.45rem);
    word-break: keep-all;
    /*white-space: nowrap;*/
  }



}

#line-29 {
  display: block;
  left: 97vw;
  top: 58vw;
  width: 0;
  transform: rotate(90deg);
  transform-origin: left;
}

@media (min-width: 1200px) {
  #line-29 {
    display: none;
  }
}

@media (min-width: 1200px) {
  #line-30 {
    display: none;
  }

  .hang_ye_ying_yong_btn_hang_ye_ying_yong:hover #item_9_txt {
   white-space: inherit;
    text-align: left;
    top: -2.2rem;
    right: 1.5rem;
  }
}

#line-30 {
  width: 0;
  left: 80vw;
  top: 173vw;
  transform: rotate(90deg);
  transform-origin: left;
}