:root {
  --head: 5.7292vw;
  --color: #968573;
}

.head1 {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 50;
  width: 100%;
  padding: 0 2.083vw;
  height: 5.7292vw;
  transition: transform ease 1s, top ease 1s, background ease 0.6s;
}

.isback .head1 {
  transform: translateY(-160%);
}

.scroll .head1 {
  /* mix-blend-mode: difference; */
  height: 4.1667vw;
  background: #fff;
  transition: transform ease 1s, top ease 1s, background ease 1s 1s;
}

.scroll .head1 .logo {
  width: 12.5vw;
}

/* .blackHead .head1 {
  mix-blend-mode: difference;
} */

.head1 .logo,
.head1 .navbar-toggle,
.head1 .C-link {
  opacity: 0;
}

.head1 .logo {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 15.8333vw;
  transform: translateX(-50%);
  margin-top: -0.8333vw;
  transition: all ease 1s;
}

.head1 .logo img {
  transition: all ease 1s;
}

.head1 .navbar-toggle {
  position: relative;
  z-index: 55;
  display: block;
  width: 1.666vw;
  height: 1.666vw;
  margin: 0;
  padding: 0.312vw 0;
  cursor: pointer;
}

.head1 .navbar-toggle span {
  display: block;
  width: 1.666vw;
  height: 0.104vw;
  margin: 0.26vw 0;
  background: linear-gradient(to left, #fff, rgba(0, 0, 0, 0));
  transition: 0.4s;
}

.blackHead .head1 .navbar-toggle span {
  background: linear-gradient(to left, #000, rgba(0, 0, 0, 0));
}

.blackHead .head1 .logo {
  filter: brightness(0);
}

.blackHead .C-link {
  color: #000;
  transition: all ease 1s;
}

.scroll .head1 .navbar-toggle span {
  background: linear-gradient(to left, #000, rgba(0, 0, 0, 0));
}

.scroll .head1 .logo {
  filter: brightness(0);
}

.scroll .C-link {
  color: #000;
}

.C-link {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  padding: 0.52vw;
  color: #fff;
  line-height: 1.4;
}

/* .C-link i {
  display: block;
  width: 100%;
  height: 0.208vw;
  margin-top: 0.208vw;
  background: currentColor;
} */

.C-tag {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  padding: 0.625vw;
  color: #fff;
  line-height: 1.4;
}

.C-tag i {
  /* display: block;
  width: 100%;
  height: 0.208vw;
  margin-top: 0.208vw;
  background: currentColor; */
}

.sideMenu {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 60;
  width: 100%;
  height: 100%;
  pointer-events: none;
  visibility: hidden;
}

.sideMenu.open {
  pointer-events: auto;
  visibility: visible;
}

.sideMenu-mask {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.45);
  opacity: 0;
  transition: opacity 0.45s ease;
}

.sideMenu.open .sideMenu-mask {
  opacity: 1;
}

.sideMenu-panel {
  position: absolute;
  left: 0;
  top: 0;
  width: 19.791vw;
  height: 100%;
  padding: 4.166vw 2.5vw 3.125vw;
  background: #111;
  color: #fff;
  transform: translateX(-100%);
  transition: transform 0.55s cubic-bezier(0.22, 1, 0.36, 1);
  overflow-y: auto;
}

.sideMenu.open .sideMenu-panel {
  transform: translateX(0);
}

.sideMenu-close {
  position: absolute;
  right: 1.458vw;
  top: 1.458vw;
  width: 1.458vw;
  height: 1.458vw;
  cursor: pointer;
}

.sideMenu-close:before,
.sideMenu-close:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0.677vw;
  width: 100%;
  height: 0.104vw;
  background: #fff;
}

.sideMenu-close:before {
  transform: rotate(45deg);
}

.sideMenu-close:after {
  transform: rotate(-45deg);
}

.sideMenu-list .link {
  margin-bottom: 1.458vw;
}

.sideMenu-list .link>a {
  color: #fff;
  font-weight: 300;
}

.sideMenu-list .sub {
  margin-top: 0.833vw;
  padding-left: 0.625vw;
}

.sideMenu-list .sub li {
  margin-bottom: 0.625vw;
}

.sideMenu-list .sub a {
  color: rgba(255, 255, 255, 0.55);
  font-weight: 300;
}

.C-wrap {
  width: 95.833vw;
  margin: 0 auto;
}

.pageLoading {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999;
  width: 100%;
  height: 100%;
  background: #242321;
}

.pageLoading .inner {
  opacity: 0;
}

.pageLoading .logo {
  width: 11.458vw;
  margin: 0 auto;
  animation: loadBreath 2s ease-in-out infinite;
}

@keyframes loadBreath {

  0%,
  100% {
    opacity: 1;
  }

  50% {
    opacity: 0.5;
  }
}

.pageLoading .bar {
  width: 12.5vw;
  height: 0.104vw;
  margin: 2.083vw auto 0;
  border-radius: 5.156vw;
  background: rgba(255, 255, 255, 0.15);
  overflow: hidden;
}

.pageLoading .fill {
  display: block;
  width: 0;
  height: 100%;
  border-radius: 5.156vw;
  background: var(--color);
}

.pageLoading .num {
  margin-top: 0.937vw;
  color: rgba(255, 255, 255, 0.6);
  letter-spacing: 0.104vw;
}

.sticky-sec {
  position: sticky;
  top: 0;
  z-index: 1;
  background: #fff;
}

.C-video {
  position: relative;
  z-index: 2;
  width: 100%;
  overflow: hidden;
}

.C-video .bg {
  width: 100%;
  height: auto;
  background: #000;
}

.C-video .bg video {
  width: 100%;
  height: 100%;
}

.C-video .intr {
  position: absolute;
  left: 2.083vw;
  bottom: 2.083vw;
  z-index: 2;
  width: 55.885vw;
  color: #fff;
}

.C-video .intr .k1 {
  font-size: 5vw;
  line-height: 1.2;
}

.C-video .intr .t2 {
  margin-top: 0.416vw;
  font-weight: 300;
  line-height: 1.5;
}

.home1 {
  position: relative;
  width: 100%;
  height: 200vh;
  background: #000;
}

.home1 .list {
  width: 100%;
  height: 100vh;
  position: sticky;
  left: 0;
  top: 0;
}

.home1 .item {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.home1 .item .content {
  width: 100%;
  height: 100%;
}

.home1 .bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  clip-path: inset(0 100% 0 0);
  transition: all ease-out 1s 1s;
}

.home1 .item.on .bg {
  clip-path: inset(0 0% 0 0);
  transition: all ease-out 1s;
}

.home1 .bg video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.home1 .mask {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  width: 100%;
  height: 10.416vw;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0) 100%);
  pointer-events: none;
}

.home1 .k1 {
  position: absolute;
  left: 50%;
  bottom: 4.531vw;
  z-index: 3;
  width: 100%;
  color: #fff;
  font-size: 5vw;
  font-weight: 300;
  line-height: 1.2;
  text-align: center;
  transform: translate(-50%, 100%);
  opacity: 0;
  transition: all ease 0.6s;
}

.home1 .item .k1 {
  transform: translate(-50%, 100%);
  opacity: 0;
}

.home1 .item.on .k1 {
  transform: translate(-50%, 0%);
  opacity: 1;
  transition: all ease 1s .6s;
}

.home1 .swiper-pagination {
  bottom: 1.458vw;
}

.home2 {
  padding: 7.291vw 0 6.666vw;
}

.home2 .k1 {
  margin-bottom: 1.25vw;
  font-size: 5vw;
  line-height: 1.2;
}

.home2 .list {
  gap: 0.416vw;
}

.home2 .item {
  width: 23.645vw;
}

.home2 .item .bg {
  width: 100%;
  height: 25vw;
}

.home2 .item .t1 {
  margin-top: 0.625vw;
  color: #4d4d4d;
  font-weight: 300;
  line-height: 1.5;
}

.home4 {
  padding: 10.364vw 0 6.354vw;
  overflow: hidden;
}

.home4 .swiper {
  margin-left: 2.083vw;
}

.home4 .swiper-slide {
  width: 63.906vw;
  height: 33.906vw;
}

.home4 .item {
  position: relative;
  width: 100%;
  height: 100%;
}

.home4 .item .bg {
  width: 100%;
  height: 100%;
}

.home4 .item .info {
  position: absolute;
  left: 0;
  bottom: 2.083vw;
  z-index: 2;
  width: 100%;
  padding: 0 2.395vw;
  color: #fff;
}

.home4 .item .info .t1 {
  font-weight: 300;
  line-height: 1.5;
}

.home4 .progress {
  width: 95.833vw;
  height: 0.104vw;
  margin: 4.062vw auto 0;
  background: rgba(0, 0, 0, 0.12);
  overflow: hidden;
}

.home4 .progress .bar {
  display: block;
  width: 0;
  height: 100%;
  background: #000;
  transition: all ease .6s;
}

.home6 {
  height: 100vh;
  overflow: hidden;
}

.home6 .zuo {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  width: 73.208vw;
}

.home6 .zuo .swiper-slide {
  width: 24.531vw;
  cursor: pointer;
}

.home6 .zuo .swiper-slide.is-active {
  opacity: 0;
  transition: all ease .3s .6s;
}

.home6 .zuo .bg {
  width: 100%;
  height: 17.447vw;
}

.home6 .zuo .t1 {
  margin-top: 0.729vw;
  line-height: 1.4;
}

.home6 .zuo .t2 {
  margin-top: 0.833vw;
  color: #999;
  font-weight: 300;
  line-height: 1.4;
}

.home6 .you {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
  width: 49.375vw;
  /* height: 47.916vw; */
  height: 45.916vw;
}

.home6 .you .content {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  clip-path: inset(0 100% 0 0);
  transition: clip-path 1s ease;
}

.home6 .you .content.shown {
  clip-path: inset(0 0 0 0);
}

.home6 .you .content.on {
  z-index: 2;
}

.home6 .you .content .bg {
  width: 100%;
  height: 100%;
}

.home6 .you .content .info {
  position: absolute;
  left: 0;
  bottom: 2.083vw;
  z-index: 2;
  width: 100%;
  padding: 0 2.395vw;
  color: #fff;
}

.home6 .you .content .info .t1 {
  font-weight: 300;
  line-height: 1.5;
}

.home8 {
  padding: 6.25vw 2.083vw 11.458vw;
  background: #fff;
  position: relative;
  z-index: 2;
}

.home8 .cols {}

.home8 .col {
  width: 44.791vw;
}

.home8 .col.you {
  padding-top: 12.552vw;
}

.home8 .item {
  margin-bottom: 9.218vw;
}

.home8 .item:last-child {
  margin-bottom: 0;
}

.home8 .item .bg {
  width: 100%;
  height: 35.416vw;
}

.home8 .item .intr {
  margin-top: 1.25vw;
}

.home8 .col.you .item .intr {
  margin-top: 0;
  margin-bottom: 1.25vw;
}

.home8 .item .t1 {
  line-height: 1.4;
}

.home8 .item .t2 {
  margin-top: 0.625vw;
  font-weight: 300;
  line-height: 1.5;
}

.home10 {
  padding: 5.729vw 0 0 2.083vw;
  overflow: hidden;
  position: relative;
  z-index: 2;
  background: #fff;
}

.home10 .main {
  padding: 0 0 6.77vw;
  overflow: hidden;
}

.home10 .track {
  display: flex;
  align-items: flex-start;
  gap: 0.833vw;
  width: max-content;
  cursor: grab;
  user-select: none;
  will-change: transform;
}

.home10 .track.is-dragging {
  cursor: grabbing;
}

.home10 .item {
  position: relative;
  flex-shrink: 0;
  width: 25.104vw;
  height: 47.916vw;
  z-index: 1;
}

.home10 .item .bg {
  width: 25.104vw;
  height: 32.656vw;
  overflow: hidden;
  transform-origin: left top;
  will-change: transform;
  pointer-events: none;
}

.home10 .item .t1 {
  position: absolute;
  left: 0;
  top: 33.489vw;
  width: 100%;
  line-height: 1.4;
  font-size: 1.25vw;
  pointer-events: none;
}

footer {
  position: relative;
  z-index: 3;
  background: #000;
  color: #fff;
  padding: 4.947vw 6.25vw 3.125vw;
}

.foot1 {}

.foot1 .nav-list {
  gap: 1.458vw;
  margin-bottom: 2.916vw;
}

.foot1 .nav-list a {
  color: #fff;
  font-weight: 300;
  line-height: 1.5;
}

.foot3 .shares {
  gap: 0.833vw;
  margin-top: 2.083vw;
}

.foot3 .shares .icon {
  width: 1.25vw;
  height: 1.25vw;
}

.foot1 .you {
  width: 36.041vw;
  font-weight: 300;
  line-height: 1.5;
}

.foot1 .you p {
  margin-bottom: 1.25vw;
}

.foot1 .you p:last-child {
  margin-bottom: 0;
}

.foot2 {
  padding: 3.125vw 0 0;
  font-weight: 300;
}

.foot2 a {
  color: #fff;
  margin-left: 2.083vw;
}

.foot2 a:first-child {
  margin-left: 0;
}

.enter-hide {
  opacity: 0;
}

.pj1 {
  position: relative;
  height: 52.083vw;
}

.pj1 .inner {
  position: absolute;
  left: 2.083vw;
  top: 8.854vw;
  width: 95.833vw;
  height: 36.979vw;
  overflow: hidden;
}

.pj1 .bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.pj1 .bg video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.pj1 .mask {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 38.49%, rgba(0, 0, 0, 0.6) 98.18%);
  pointer-events: none;
}

.pj1 .intr {
  position: absolute;
  left: 2.083vw;
  right: 2.083vw;
  bottom: 2.083vw;
  z-index: 2;
  color: #fff;
}

.pj1 .intr .k1 {
  line-height: 1.5;
}

.pj1 .intr .t2 {
  margin-top: 0.052vw;
  line-height: 1.5;
}

.pj-case {
  background: #fff;
}

.pj2 {
  position: relative;
  height: 47.916vw;
  overflow: hidden;
}

.pj2 .bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.pj2 .bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.pj2 .mask {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 38.49%, rgba(0, 0, 0, 0.2) 98.18%);
  pointer-events: none;
}

.pj2 .intr {
  position: absolute;
  left: 4.166vw;
  bottom: 4.166vw;
  z-index: 2;
  width: 78.072vw;
  color: #fff;
}

.pj2 .intr .k1 {
  line-height: 1.2;
}

.pj2 .intr .t2 {
  margin-top: 0.416vw;
  max-width: 75vw;
  line-height: 1.5;
}

.pj3 {
  padding: 6.25vw 2.083vw 6.25vw;
  background: #fff;
}

.pj3 .pics {
  justify-content: space-between;
}

.pj3 .pics .item {
  height: 27.083vw;
  overflow: hidden;
}

.pj3 .pics .item:first-child {
  width: 39.583vw;
}

.pj3 .pics .item:last-child {
  width: 54.166vw;
}

.pj3 .pics .item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.pj3 .info {
  gap: 1.3542vw;
  margin-top: 2.083vw;
  justify-content: space-between;
}

.pj3 .info .k1 {
  flex: 1;
  min-width: 0;
  flex-shrink: 0;
  color: #000;
  line-height: 1;
  text-align: right;
}

.pj3 .info .t2 {
  width: 54.166vw;
  color: #000;
  line-height: 1.5;
}

.pj4 {
  gap: 4.166vw;
  align-items: flex-end;
  padding: 0 2.083vw;
  background: #fff;
}

.pj4 .bg {
  width: 47.916vw;
  height: 47.916vw;
  flex-shrink: 0;
  overflow: hidden;
}

.pj4 .bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.pj4 .intr {
  width: 41.666vw;
  color: #000;
}

.pj4 .intr .k1 {
  line-height: 1.5;
}

.pj4 .intr .t2 {
  margin-top: 1.25vw;
  line-height: 1.5;
}

.pj5 {
  padding: 6.25vw 0;
  background: #fff;
}

.pj5 .main {
  width: 54.166vw;
  margin: 0 auto;
}

.pj5 .bg {
  width: 100%;
  overflow: hidden;
}

.pj5 .bg img {
  width: 100%;
  height: auto;
  display: block;
}

.pj5 .intr {
  margin-top: 2.083vw;
  color: #000;
}

.pj5 .intr .k1 {
  line-height: 1.5;
}

.pj5 .intr .t2 {
  margin-top: 1.25vw;
  line-height: 1.5;
}

.legal1 {
  padding: 12.5vw 0 5.208vw;
  background: #0a0a0a;
  color: #fff;
}

.legal1 .k1 {
  line-height: 1.2;
}

.legal2 {
  padding: 5.208vw 0 7.291vw;
  background: #fff;
  color: #000;
}

.privacy-section {
  margin-bottom: 2.5vw;
}

.privacy-section:last-child {
  margin-bottom: 0;
}

.privacy-section__title {
  position: relative;
  padding-left: 0.833vw;
  margin-bottom: 0.833vw;
  line-height: 1.4;
}

.privacy-section__title::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.156vw;
  bottom: 0.156vw;
  width: 0.208vw;
  background: var(--color);
}

.privacy-section__text {
  font-weight: 300;
  opacity: 0.7;
  line-height: 1.8;
}

.privacy-section__text+.privacy-section__text {
  margin-top: 0.833vw;
}


/* 
*======================================================media=======
*/
@media screen and (min-aspect-ratio: 16/9) {
  .home4 {
    padding: 6.364vw 0 6.354vw;
  }

  .home6 .you {
    height: 40.916vw;
  }
}