@charset "utf-8";
/* CSS Document */
html,
body {
  margin: 0;
  padding: 0;
}
.page_pc {
  width: 100%;
  max-width: 1920px;
  min-width: 1200px;
  margin: 0 auto;
  position: relative;
  font-family: "Microsoft YaHei", Arial, sans-serif;
  font-size: 14px;
  line-height: 24px;
  color: #333;
  overflow: hidden;
}
.page_pc img {
  display: block;
  max-width: 100%;
}
.page_pc .map {
  position: relative;
}
.page_pc .rel {
  position: relative;
}
.page_pc .v01 {
  width: 123px;
  position: absolute;
  left: 50%;
  top: 170px;
  transform: translateX(-50%);
  cursor: pointer;
}
.page_pc .p_kv {
  position: relative;
  overflow: hidden;
}
.page_pc .p_kv .kv_img {
  position: relative;
  width: 1920px;
  left: 50%;
  margin-left: -960px;
}
.page_pc .icon01 {
  position: absolute;
  width: 10%;
  left: 10%;
  top: 0;
  z-index: 5;
}
.page_pc .centBox {
  position: relative;
  /* padding-bottom: 120px; */
  /* background-color: ; */
}
.page_pc .navBox {
  width: 100vw;
  position: absolute;

  top: -5vw;
  z-index: 99;
}
.page_pc .navBox.active {
  position: fixed;
  top: 0;
}
.page_pc .navUl {
  position: absolute;
  left: 50%;
  top: 4.5vw;
  transform: translateX(-50%);
  width: 89.4%;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
}
.page_pc .navUl li {
  width: 16.85%;
  cursor: pointer;
}
.page_pc .navUl li .b {
  display: none;
}
.page_pc .navUl li:nth-child(1n):hover .n {
  display: none;
}
.page_pc .navUl li:nth-child(1n):hover .b {
  display: block;
}
.page_pc .navUl li:nth-child(1n).active .n {
  display: none;
}
.page_pc .navUl li:nth-child(1n).active .b {
  display: block;
}
.page_pc .rel .btnBox {
  position: absolute;
  width: 8.07291667%;
  cursor: pointer;
}
.page_pc .rel .btn01 {
  left: 53.33333333%;
  top: 36.50793651%;
  height: 6.78210678%;
}
.page_pc .rel .btn02 {
  left: 53.33333333%;
  top: 86.14718615%;
  height: 6.78210678%;
}
.page_pc .rel .btn03 {
  left: 50.20833333%;
  top: 61.6%;
  height: 18.8%;
}
.page_pc .rel .btnBox02 {
  position: absolute;
  top: 83.90022676%;
  width: 7.29166667%;
  height: 9.75056689%;
  cursor: pointer;
}
.page_pc .rel .btn04 {
  top: 52%;
  left: 26.2%;
}
.page_pc .rel .btn05 {
  top: 52%;
  left: 46.2%;
}
.page_pc .rel .btn06 {
  top: 52%;
  left: 66.4%;
}
.page_pc .rel .btn07 {
  top: 52%;
  left: 76.427%;
}
.page_pc .rel .btn08 {
  left: 81.92708333%;
}
.video_container{
  position: absolute;
  width: 88.2vw;
  height: 50.78vw;
  left: 5.5vw;
  top: 82.5%;
}

.video{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  /* left: 10vw;
  top: 86%; */
}

.n,.b{width: 64%;}

.position_common{width: 100vw;height: 1vw;background-color: #F40;}
.position_1{top: 10%;}
.position_2{top: 30%;}
.position_3{top: 60%;}
.position_4{top: 70%;}

.video_icon{position: absolute;width: 6vw;height: 6vw;left: 45%;top: 43%;}

.hide{display: none;}

@media screen and (max-width: 1200px) {
  .page_pc .centBox .navBox {
    width: 1200px;left: 0;
  }
  .page_pc .centBox .navBox li {
    width: 195px;
  }
}