.main_v2 .page_bg {
  position: fixed;
  inset: 0;
  z-index: -1;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  pointer-events: none;
  background: transparent;
  opacity: 0.6;
}

.main_v2 .page_bg .page_bg__canvas {
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.main_v2 .ip3con .part3_1 {
  width: 100%;
  background: rgba(247, 247, 247, 0.4352941176);
  position: relative;
}

.main_v2 .ip3con .part3_1 .bg {
  height: 10.52rem;
  mix-blend-mode: multiply;
}

.main_v2 .ip3con .part3_1 .bg video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  mix-blend-mode: multiply;
}

.main_v2 .ip3con .part3_1 .cont {
  position: absolute;
  inset: 0;
  padding: 1.2rem 0.25rem 1rem;
}

.main_v2 .ip3con .part3_1 .cont .top {
  text-align: center;
}

.main_v2 .ip3con .part3_1 .cont .top .p {
  color: var(--vi);
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 0.2rem;
}

.main_v2 .ip3con .part3_1 .cont .top .tit {
  color: #606060;
  line-height: 1.1;
  font-weight: 500;
}

.main_v2 .ip3con .part3_1 .cont .tags {
  position: absolute;
  bottom: 1.4rem;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  gap: 0.8rem;
}

.main_v2 .ip3con .part3_1 .cont .tags .tag {
  color: #606060;
  text-align: center;
  font-weight: 500;
  line-height: 2.75;
  cursor: pointer;
}

.main_v2 .ip3con .part3_out {
  position: relative;
  overflow: visible;
}

.main_v2 .ip3con .part3_out .itxt {
  position: sticky;
  top: 0;
  z-index: 11;
  width: 100%;
  height: 100vh;
  background-color: transparent;
  padding: 0.8rem 1.6rem;
}

.main_v2 .ip3con .part3_out .itxt.c-fff .tit {
  color: #FFF;
}

.main_v2 .ip3con .part3_out .itxt.c-fff .t1 {
  color: rgb(255, 255, 255);
}

.main_v2 .ip3con .part3_out .itxt.c-fff .p1 {
  color: #FFF;
}

.main_v2 .ip3con .part3_out .itxt .p {
  color: var(--vi);
  font-weight: 600;
  line-height: 1.33;
  margin-bottom: 0.2rem;
  text-transform: uppercase;
}

.main_v2 .ip3con .part3_out .itxt .tit {
  margin-bottom: 0.6rem;
  color: #606060;
}

.main_v2 .ip3con .part3_out .itxt .color-tit {
  --color-tit-solid: #FFF;
  --color-tit-gradient: linear-gradient(105deg, #FFF 0%, #FFF 58%, #007CC7 66%, #00A3FF 75%, #5ED0FF 84%, #BFEAFF 89%, #D9F5FF 91%, #BFEAFF 93%, #5ED0FF 96%, #00A3FF 100%);
}

.main_v2 .ip3con .part3_out .itxt .t1 {
  color: #FFFFFF;
}

.main_v2 .ip3con .part3_out .itxt .p1 {
  color: #606060;
  font-weight: 400;
  line-height: 1.55;
  width: 5.3rem;
}

.main_v2 .ip3con .part3_out .itxt .p1 p {
  margin-bottom: 0.14rem;
}

.main_v2 .ip3con .part3_out .bg {
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: linear-gradient(180deg, rgba(247, 247, 247, 0.4352941176) 0%, #F8F5F1 10%, #F7EEE2 20%, #F2E2CE 30%, #E8D2B5 40%, #D8BD96 50%, #C3A374 60%, #A4835A 68%, #7A5C3E 76%, #503A28 84%, #281D15 92%, #000 100%);
}

.main_v2 .ip3con .part3_out .ip3con {
  background-color: transparent;
  mix-blend-mode: lighten;
}

.main_v2 .ip3con .part3_out .ip3con::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 30vh;
  width: 100%;
  z-index: 2;
  background: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0) 100%);
}

.main_v2 .ip3con .part3_out .ip3con #idCanvas.hero3d__sticky {
  position: relative;
}

.main_v2 .mouse-field-light::before,
.main_v2 .mouse-field-light::after {
  display: none;
}

.main_v2 .part4_v2 {
  height: 100vh;
  width: 100%;
  background: #000;
  position: relative;
  z-index: 40;
}

/* .main_v2 .part4_v2::before{content: "";position: absolute;bottom: 99%;left: 0;width: 100%;height: 30vh;background: linear-gradient(to top,#000000,transparent);} */
.main_v2 .part4_v2 .info_box {
  position: absolute;
  inset: 0;
  text-align: center;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.main_v2 .part4_v2 .info_box .subtit {
  color: var(--vi);
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.016rem;
  text-transform: uppercase;
  margin-bottom: 0.2rem;
}

.main_v2 .part4_v2 .info_box .tit {
  font-weight: 500;
  line-height: 1.1;
  /*background: linear-gradient(90deg, #666 0%, #D9D9D9 100%);*/
  /*background-clip: text;*/
  /*-webkit-background-clip: text;*/
  /*-webkit-text-fill-color: transparent;*/
  color: #ffffff;
  margin-bottom: 0.5rem;
}

.main_v2 .part4_v2 .info_box .more {
  cursor: pointer;
  margin: 0 auto;
  border-color: #ffffff;
  color: #ffffff;
}

.main_v2 .part4_v2 .info_box .more:hover {
  border-color: var(--vi);
  color: #fff;
}

.main_v2 .part4_v2 .kuai {
  pointer-events: none;
  background-color: #2D353F09;
  z-index: 2;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  --gap: 0.42rem;
  width: 5.2rem;
  height: 5.2rem;
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap);
  --clip-inset: 50%;
  clip-path: inset(var(--clip-inset) round 16px);
}

.main_v2 .part4_v2 .kuai.is-intro-active {
  z-index: 4;
}

.main_v2 .part4_v2 .kuai .item {
  width: calc((100% - var(--gap) * 2) / 3);
  height: calc((100% - var(--gap) * 2) / 3);
  border-radius: 0.04rem;
  /* background: rgba(45, 53, 63, 0.33); */
  background: rgba(45, 53, 63, 0.33);
  position: relative;
  overflow: visible;
}

.main_v2 .part4_v2 .kuai .item.center {
  background-color: transparent;
}

.main_v2 .part4_v2 .kuai .item .item_vi {
  position: absolute;
  z-index: 2;
  width: 2%;
  height: 2%;
  background: var(--vi);
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transform-origin: center center;
  border-radius: 0.04rem;
  overflow: hidden;
}

.main_v2 .part4_v2 .kuai .item .pic {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateZ(0) translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0.16rem;
  max-width: 100vw;
  max-height: 100vh;
  z-index: 2;
}

.main_v2 .part4_v2 .kuai .item .pic img,
.main_v2 .part4_v2 .kuai .item .pic video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  z-index: 2;
  position: relative;
  transition: all 0.5s;
}

.main_v2 .part4_v2 .kuai .item .pic video.is-ended {
  opacity: 0 !important;
  visibility: hidden;
}

.main_v2 .part4_v2 .cont {
  pointer-events: none;
  position: absolute;
  inset: 0;
  opacity: 0;
  z-index: 3;
}

.main_v2 .part4_v2 .cont .videos {
  position: absolute;
  inset: 0;
}

.main_v2 .part4_v2 .cont .videos video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: all 0.5s;
}

.main_v2 .part4_v2 .cont .videos video.active {
  opacity: 1;
}

.main_v2 .part4_v2 .cont .info {
  position: absolute;
  inset: 0;
  z-index: 2;
  padding: 0.9rem 1.6rem;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  isolation: isolate;
}

.main_v2 .part4_v2 .cont .info::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(236, 236, 236, 0.00) 0%, #ECECEC 66.83%, #ECECEC 100%);
  transform: scaleY(0);
  transform-origin: 50% 100%;
  transition: transform 0.9s cubic-bezier(0.22, 1, 0.36, 1);
  will-change: transform;
}

.main_v2 .part4_v2 .cont.is-content-visible .info::before {
  transform: scaleY(0.6);
}

.main_v2 .part4_v2 .cont .info .desc,
.main_v2 .part4_v2 .cont .info .list {
  position: relative;
  z-index: 1;
}

.main_v2 .part4_v2 .cont .info .desc {
  width: 7.12rem;
  display: grid;
}

.main_v2 .part4_v2 .cont .info .desc .txtx {
  grid-area: 1 / 1;
  opacity: 0;
  pointer-events: none;
}

.main_v2 .part4_v2 .cont .info .desc .txtx.on {
  opacity: 1;
  pointer-events: auto;
}

.main_v2 .part4_v2 .cont .info .desc .tit {
  margin-bottom: 0.24rem;
  color: #606060;
  font-weight: 500;
  line-height: 1.1;
}

.main_v2 .part4_v2 .cont .info .desc .txt {
  color: #606060;
  font-weight: 400;
  line-height: 1.5;
}

.main_v2 .part4_v2 .cont .info .desc .txtx.on .txt {
  animation: part4-desc-fade-in 0.5s ease-out both;
}
.main_v2 .part4_v2 .cont .info .desc .txtx.on .more {
  animation: part4-desc-fade-in 0.5s ease-out both;
}

.main_v2 .part4_v2 .cont .info .desc .txtx .more{border:1px solid #606060;color: #606060;margin-top:0.4rem;}
.main_v2 .part4_v2 .cont .info .desc .txtx .more:hover{border-color:transparent;color:#fff;}


@keyframes part4-desc-fade-in {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.main_v2 .part4_v2 .cont .info .list {
  display: flex;
  gap: 0.1rem;
}

.main_v2 .part4_v2 .cont .info .list .item {
  cursor: pointer;
  border-radius: 0.04rem;
  background: rgba(255, 255, 255, 0.46);
  padding: 0.16rem 0.24rem 0.17rem 0.18rem;
  display: flex;
  align-items: center;
  gap: 0.12rem;
  position: relative;
  overflow: hidden;
}

.main_v2 .part4_v2 .cont .info .list .item::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 2px;
  border-radius: 0.04rem;
  background: var(--vi);
  transition: all 0.5s;
}

.main_v2 .part4_v2 .cont .info .list .item .icon {
  width: 0.37rem;
  height: 0.37rem;
}

.main_v2 .part4_v2 .cont .info .list .item .tit {
  width: 1.7rem;
  color: #606060;
  font-weight: 600;
  line-height: 1.28;
  transition: all 0.5s;
}

.main_v2 .part4_v2 .cont .info .list .item:hover .tit {
  color: var(--vi);
}

.main_v2 .part4_v2 .cont .info .list .item.active::before {
  width: 100%;
}

.main_v2 .part4_v2 .cont .info .list .item.active .tit {
  color: var(--vi);
}

@media (prefers-reduced-motion: reduce) {
  .main_v2 .part4_v2 .cont .info::before {
    transition: none;
  }

  .main_v2 .part4_v2 .cont .info .desc .txtx.on .txt {
    animation: none;
  }
}