:root {

  --head: 4.062vw;

  --color: #fdfd15;

}



.head1 {

  padding: 0 4.166vw;

  /* position: absolute; */
  position: fixed;

  left: 0;

  top: 0;

  z-index: 50;

  width: 100%;

  height: var(--head);

  background: #FDFAF6;

  transition: all ease 0.6s;

}



.isback .head1 {

  transform: translateY(-100%);

}



.C-wrap {

  width: 83.333vw;

  max-width: 100%;

  margin: 0 auto;

}



#app {

  background: #f3eee7;

  overflow-x: clip;

}



.head1 .menu .link {

  margin-right: 1.041vw;

  color: #2c241e;

}



.head1 .menu .link span {

  position: relative;

  display: inline-block;

  padding-bottom: 0.208vw;

  letter-spacing: 0.052vw;

}



.head1 .menu .link span::after {

  content: "";

  position: absolute;

  left: 0;

  bottom: 0;

  width: 0;

  height: 0.052vw;

  background: currentColor;

  transition: width .45s ease;

}



.head1 .menu .link:hover span::after,

.head1 .menu .link.on span::after {

  width: 100%;

}



.head1 .logo {

  width: 5.989vw;

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

}



.head-right {

  gap: 0.625vw;

}



.head-right .C-btn {

  padding: 0.416vw 1.25vw;

}



.C-btn {

  position: relative;

  display: inline-flex;

  align-items: center;

  gap: 0.625vw;

  line-height: 1;

  padding: 0.833vw 2.083vw;

  overflow: hidden;

  cursor: pointer;

  vertical-align: middle;

}



.C-btn .t {

  position: relative;

  z-index: 2;

  letter-spacing: 0.052vw;

  white-space: nowrap;

  text-transform: uppercase;

  transition: color .45s ease;

}



.C-btn .jt {

  position: relative;

  z-index: 2;

  width: 1.25vw;

  height: 1.25vw;

  background-color: currentColor;

  -webkit-mask: url(/img/home/btn-jt.svg) no-repeat center / contain;

  mask: url(/img/home/btn-jt.svg) no-repeat center / contain;

  transition: transform .45s ease;

}



.C-btn:hover .jt {

  transform: translateX(0.208vw);

}



.C-btn .bg {

  position: absolute;

  left: 50%;

  bottom: 0;

  z-index: 1;

  width: 0.729vw;

  height: 0.729vw;

  border-radius: 50%;

  transform: translate(-50%, 50%) scale(0);

  transition: transform .6s cubic-bezier(.4, 0, .2, 1);

}



.C-btn:hover .bg {

  transform: translate(-50%, 50%) scale(20);

}



.C-btn1 {

  border: 0.052vw solid #2c241e;

  color: #2c241e;

}



.C-btn1 .bg {

  background: #000;

}



.C-btn1:hover {

  color: #faf9f6;

}



.C-btn1.on-dark {

  border-color: #faf9f6;

  color: #faf9f6;

}



.C-btn2 {

  background: #2c241e;

  color: #faf9f6;

}



.C-btn2 .bg {

  background: #faf9f6;

}



.C-btn2:hover {

  color: #2c241e;

}



.C-title .cap {

  color: #8c8273;

  letter-spacing: 0.208vw;

  text-transform: uppercase;

  margin-bottom: 0.833vw;

}



.C-title .tit {

  color: #1a1a1a;

}



.home1 {

  position: relative;

  height: 300vh;

  background: #f3eee7;

}



.h1-pin {

  position: sticky;

  top: 0;

  height: 100vh;

  overflow: hidden;

  background: #f3eee7;

}



.h1-media {

  position: absolute;

  inset: 0;

  z-index: 2;

  transform: translateY(5%);

  clip-path: polygon(45% 36%, 55% 36%, 55% 64%, 45% 64%);

  will-change: clip-path;

}



.h1-media .bg {

  width: 100%;

  height: 100%;

  transform: scale(0.25);

}



.h1-media .bg img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}



.h1-intro {

  position: absolute;

  inset: 0;

  z-index: 3;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

}



.h1-gap {

  width: 10.833vw;

  height: 28%;

  margin: 2.291vw 0 4.583vw;

}



.h1-outline {

  position: absolute;

  top: 3.958vw;

  left: 0;

  width: 100%;

  pointer-events: none;

}



.h1-title {

  position: relative;

  z-index: 2;

  color: #433e37;

  letter-spacing: 0.729vw;

  margin-top: 11.458vw;

  text-align: center;

}



.h1-bottom .b1 {

  color: #000;

  letter-spacing: 0.937vw;

  margin-bottom: 1.458vw;

}



.h1-bottom .b2 {

  color: #000;

  letter-spacing: 0.729vw;

  line-height: 1.6;

}



.h1-arrow {

  display: block;

  width: 1.25vw;

  height: 1.25vw;

  margin: 1.875vw auto 0;

  animation: h1Arrow 1.8s ease infinite;

}



.h1-arrow img {

  width: 1.25vw;

  height: 1.25vw;

}



@keyframes h1Arrow {



  0%,

  100% {

    transform: translateY(0);

  }



  50% {

    transform: translateY(0.416vw);

  }

}



.h1-swiper {

  position: absolute;

  inset: 0;

  z-index: 5;

  opacity: 0;

}



.s-home1,

.s-home1 .swiper-slide {

  height: 100%;

}



.s-home1 .bg {

  width: 100%;

  height: 100%;

}



.s-home1 .bg img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}



.h1-pagination {

  position: absolute;

  left: 50%;

  bottom: 2.916vw;

  z-index: 5;

  display: flex;

  gap: 0.833vw;

  width: auto;

  transform: translateX(-50%);

}



.h1-pagination .swiper-pagination-bullet {

  width: 4.166vw;

  height: 0.104vw;

  margin: 0;

  border-radius: 0;

  background: rgba(255, 255, 255, .3);

  opacity: 1;

  position: relative;

  overflow: hidden;

}



.h1-pagination .swiper-pagination-bullet::after {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  height: 100%;

  width: 0;

  background: #fff;

}



.h1-pagination .swiper-pagination-bullet-active::after {

  width: 100%;

  transition: width 5s linear;

}



.home2 {

  background: #f3eee7;

  padding: 6.25vw 0;

}



.h2-box .t1 {

  color: #433e37;

  letter-spacing: 0.052vw;

  margin-bottom: 0.833vw;

}



.h2-box .t2 {

  color: #433e37;

  letter-spacing: 0.052vw;

  margin-bottom: 0.833vw;

}



.h2-box .t3 p {

  color: #000;

  line-height: 1.7;

}



.home3 {

  width: 83.333vw;

  margin: 0 auto;

  height: 46.875vw;

  background: #000;

  position: relative;

}



.s-home3,

.s-home3 .swiper-slide {

  height: 100%;

}



.v-item {

  position: relative;

  width: 100%;

  height: 100%;

  overflow: hidden;

}



.v-item video {

  position: absolute;

  inset: 0;

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.v-item .bgkk {

  position: absolute;

  inset: 0;

  width: 100%;

  height: 100%;

  object-fit: cover;

}



.v-item .poster {

  position: absolute;

  inset: 0;

  z-index: 2;

  transition: opacity .6s ease;

}



.v-item.playing .poster {

  opacity: 0;

}



.v-item .box {

  position: absolute;

  left: 6.25vw;

  bottom: 7.916vw;

  z-index: 3;

}



.v-item .intr {

  mix-blend-mode: difference;

  color: #fdfaf6;

}



.v-item .intr .t1 {

  letter-spacing: -0.052vw;

  margin-bottom: 1.666vw;

  font-weight: 400;

}



.v-item .intr .t1 span {

  letter-spacing: 0.052vw;

  margin-left: 0.416vw;

}



.v-item .intr .t2 {

  color: #c6b9a6;

  letter-spacing: 0.052vw;

  margin-bottom: 1.666vw;

}



.h3-prev,

.h3-next {

  position: absolute;

  top: 50%;

  z-index: 6;

  width: 2.5vw;

  margin-top: -1.25vw;

  transition: all .4s ease;

}



.h3-prev {

  left: 2.083vw;

}



.h3-next {

  right: 2.083vw;

}



.h3-prev img,

.h3-next img {

  width: 100%;

}



.h3-pagination {

  position: absolute;

  bottom: 3.645vw !important;

  z-index: 6;

}



.h3-pagination .swiper-pagination-bullet {

  width: 4.166vw;

  height: 0.052vw;

  --swiper-pagination-bullet-horizontal-gap: 0.416vw;

  border-radius: 0;

  background: rgba(255, 255, 255, .3);

  opacity: 1;

  position: relative;

}



.h3-pagination .swiper-pagination-bullet::after {

  content: '';

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background: #fff;

  transform: scaleX(0);

  transform-origin: left;

}



.h3-pagination .swiper-pagination-bullet-active::after {

  transform: scaleX(1);

  transition: all linear 6s;

}



.home4 {

  background: #f3eee7;

  padding: 4.583vw 0 6.51vw;

}



.h4-box .item {

  text-align: center;

  padding: 0 1.562vw;

}



.h4-box .item .cn {

  color: #4A3F35;

  line-height: 1.3;

}



.h4-box .item .en {

  color: #4A3F35;

  letter-spacing: 0.052vw;

  text-transform: capitalize;

  margin: 0.625vw 0;

}



.h4-box .line {

  width: 0.052vw;

  height: 2.187vw;

  background: #d2cabd;

}



.home5 {

  background: #f3eee7;

  padding: 0 12.187vw 7.812vw 0;

}



.home5 .zuo {

  width: 57.291vw;

  overflow: hidden;

  justify-content: flex-end;

}



.h5-swiper {

  width: 40.625vw;

}



.s-home5 {

  overflow: visible;

}



.s-home5 .swiper-slide {

  width: 100%;

  background: #fff;

  transition: all ease .6s !important;

}



.s-home5 .swiper-slide:hover {

  border-radius: 1.041vw;

}



.s-home5 .swiper-slide-active {}



.h5-card {

  width: 100%;

  height: 53.125vw;

  overflow: hidden;

  border-radius: 0;

  transition: all .6s ease;

  opacity: 0.3 !important;

}



.s-home5 .swiper-slide-active .h5-card {

  opacity: 1 !important;

}



.h5-card img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  transition: transform .8s ease;

}



.h5-card:hover {

  border-radius: 1.041vw;

}



.h5-card:hover img {

  transform: scale(1.05);

}



.home5 .you {

  width: 20.781vw;

}



.home5 .you .t1 {

  color: #938f83;

  letter-spacing: 0.208vw;

  text-transform: uppercase;

  margin-bottom: 1.25vw;

}



.home5 .you .t2 {

  display: flex;

  align-items: flex-end;

  gap: 0.833vw;

  margin-bottom: 1.875vw;

}



.home5 .you .t2 .logo {

  display: block;

  width: 7.031vw;

}



.home5 .you .t2 span {

  color: #000;

  line-height: 1;

}



.home5 .you .t3 {

  color: #2c241e;

  letter-spacing: 0.052vw;

  margin-bottom: 1.458vw;

}



.home5 .you .t4 {

  color: #2c241e;

  letter-spacing: 0.052vw;

  line-height: 1.6;

  margin-bottom: 2.083vw;

}



.home6 {

  background: #f3eee7;

  padding: 0 0 6.25vw;

  overflow: hidden;

}



.h6-head {

  margin-bottom: 3.125vw;

}



.h6-head .cap {

  color: #8c8273;

  letter-spacing: 0.208vw;

  margin-bottom: 0;

}



.h6-head .tit {

  color: #1a1a1a;

  margin-bottom: 1.25vw;

  line-height: 1;

}



.h6-head .desc {

  color: #000;

}



.h6-main {

  position: relative;

  cursor: grab;

  user-select: none;

}



.h6-main.grabbing {

  cursor: grabbing;

}



.h6-track {

  flex-wrap: nowrap;

  gap: 0.833vw;

  width: max-content;

  padding: 0 4.166vw;

  will-change: transform;

}



.h6-item {

  position: relative;

  flex: 0 0 auto;

  width: 17.5vw;

  height: 26.25vw;

  overflow: hidden;

  transition: width .65s cubic-bezier(.4, 0, .2, 1);

  user-select: none;

}



.h6-item .bg {

  position: absolute;

  inset: 0;

}



.h6-item .bg img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  transition: transform .8s ease;

  will-change: transform;

}



.h6-item .info {

  position: absolute;

  left: 50%;

  bottom: 50%;

  transform: translate(-50%, 50%);

  width: max-content;

  max-width: 100%;

  z-index: 2;

  padding: 3.437vw 1.562vw;

  transition: all ease .6s;

}



.h6-item .info h3 {

  color: #fff;

  font-weight: 400;

  text-shadow: 0 0.104vw 0.416vw rgba(0, 0, 0, .45);

}



.h6-item:hover {

  width: 29.166vw;

}



.h6-item:hover .info {

  left: 0;

  bottom: 0;

  transform: translate(0, 0);

}



.h6-bar {

  position: relative;

  width: 46.666vw;

  height: 0.052vw;

  margin: 2.916vw auto;

  background: rgba(0, 0, 0, .12);

}



.h6-bar-in {

  position: absolute;

  left: 0;

  top: 0;

  height: 100%;

  width: 1.666vw;

  background: #433E37;

}



.home7 {

  background: #f3eee7;

  padding: 0 6.25vw 5.468vw;

}



.h7-box {

  align-items: flex-start;

}



.h7-left {

  width: 17.968vw;

  flex: 0 0 auto;

}



.h7-left .C-title .cap {

  letter-spacing: 0.104vw;

  margin-bottom: 0.833vw;

}



.h7-left .C-title .tit {

  margin-bottom: 1.666vw;

}



.h7-left .desc {

  color: #000;

  line-height: 1.7;

  margin-bottom: 2.5vw;

}



.h7-list {

  flex-wrap: nowrap;

  gap: 1.406vw;

}



.h7-item {

  width: 20.833vw;

  cursor: pointer;

}



.h7-item .bg {

  width: 100%;

  height: 26.302vw;

  overflow: hidden;

  border-radius: 0;

  transition: border-radius .5s ease;

}



.h7-item .bg img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  transition: all ease 1s;

}



.h7-item .info {

  margin-top: 0.833vw;

  color: #2c241e;

  position: relative;

}



.h7-item .info .t1 {

  margin-bottom: 0.208vw;

  transition: all .5s ease;

}



.h7-item .info .t2 {

  transition: all .5s ease;

}



.h7-item .info .t3 {

  opacity: 0;

  overflow: hidden;

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  transition: all .5s ease;

}



.h7-item:hover .bg {

  border-radius: 1.041vw;

}



.h7-item:hover .bg img {

  filter: none;

  transform: scale(1.04);

}



.h7-item:hover .info .t1 {

  opacity: 0;

}



.h7-item:hover .info .t2 {

  opacity: 0;

}



.h7-item:hover .info .t3 {

  opacity: 1;

}



.home8 {

  background: #f3eee7;

}



.h8-banner {

  width: 100%;

  height: 33.281vw;

  overflow: hidden;

}



.h8-banner .bg {

  width: 100%;

  height: 100%;

  clip-path: inset(0 0 0 100%);

}



.h8-banner .bg img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}



.h8-foot {

  padding: 3.333vw 0 8.333vw;

  align-items: flex-start;

}



.h8-foot .C-title .cap {

  margin-bottom: 0;

}



.h8-txt {

  width: 20.052vw;

}



.h8-txt .t1 {

  color: #1a1a1a;

  margin-bottom: 0.625vw;

}



.h8-txt .t2 {

  color: #5b5a57;

  line-height: 1.6;

}



.home9 {

  background: #fdfaf6;

  padding: 8.125vw 0 5.989vw;

  overflow: hidden;

}



.h9-head {

  margin-bottom: 8.02vw;

}



.h9-head .C-title {

  display: inline-block;

}



.h9-head .C-title .cap {

  margin-bottom: 0.52vw;

}



.h9-head .C-title .tit {

  margin-bottom: 1.666vw;

}



.h9-head .desc {

  color: #000;

  line-height: 1.7;

}



.h9-main {

  position: relative;

}



.h9-line {

  position: absolute;

  left: 0;

  right: 0;

  top: 54%;

  height: 0.052vw;

  background: #8C8273;

  z-index: 1;

}



.h9-track {

  flex-wrap: nowrap;

  gap: 4.166vw;

  width: max-content;

  padding: 0 8.333vw;

  will-change: transform;

  user-select: none;

}



.h9-item {

  position: relative;

  z-index: 2;

  flex: 0 0 auto;

  width: 13.854vw;

}



.h9-item .num {

  display: block;

  color: #c6b9a6;

  margin-bottom: 0.416vw;

}



.h9-item .en {

  display: block;

  color: #8c8273;

  letter-spacing: 0.104vw;

  text-transform: uppercase;

  margin-bottom: 0.416vw;

}



.h9-item .cn {

  color: #1a1a1a;

  margin-bottom: 2.083vw;

}



.h9-item .dot {

  display: block;

  width: 0.937vw;

  height: 0.937vw;

  margin-bottom: 1.562vw;

  border-radius: 50%;

  background: #8c8273;

}



.h9-item .txt {

  color: #5b5a57;

  line-height: 1.7;

}



.h9-btn {

  margin-top: 8.541vw;

}



.home-why {

  background: #fdfaf6;

  padding: 5.208vw 0 6.25vw;

  overflow: hidden;

}



.hw-main {

  align-items: stretch;

  border-top: 0.052vw solid #d8cfc2;

  border-bottom: 0.052vw solid #d8cfc2;

}



.hw-item {

  flex: 1;

  display: flex;

  flex-direction: column;

  padding: 2.916vw 2.5vw;

}



.hw-item + .hw-item {

  border-left: 0.052vw solid #d8cfc2;

}



.hw-item .cap {

  color: #8c8273;

  letter-spacing: 0.156vw;

  text-transform: uppercase;

  margin-bottom: 1.458vw;

}



.hw-item .tit {

  color: #1a1a1a;

  line-height: 1.3;

  margin-bottom: 1.041vw;

}



.hw-item .sub {

  color: #433e37;

  letter-spacing: 0.052vw;

  margin-bottom: 1.562vw;

}



.hw-item .txt {

  color: #5b5a57;

  line-height: 1.9;

  margin-bottom: 2.083vw;

}



.hw-item .txt p {

  margin-bottom: 1.041vw;

}



.hw-item .txt p:last-child {

  margin-bottom: 0;

}



.hw-item .mk {

  display: block;

  width: 2.083vw;

  height: 0.104vw;

  margin-top: auto;

  background: #433e37;

}



.home10 {

  background: #f3eee7;

  padding: 7.291vw 0;

}



.h10-box {

  color: #2c241e;

  line-height: 1.7;

}



.foot-w {

  background: #2c241e;

  color: #fff;

  padding: 0 6.666vw;

}



.foot1 {

  align-items: flex-start;

  padding: 4.166vw 0 8.541vw;

}



.foot-l {

  width: 26.041vw;

}
/* .foot-l img {
  width: 16.6667vw;
  margin-bottom: 1.562vw;
} */
.foot-l .footer-img {
  width: 16.6667vw;
  margin-bottom: 1.562vw;
}

.foot-logo {

  width: 14.01vw;

  margin-bottom: 1.562vw;

}



.foot-addr {

  gap: 0.416vw;

  flex-wrap: nowrap;

}



.foot-addr .ico {

  width: 1.562vw;

  flex: 0 0 auto;

}



.foot-addr p {

  color: #fff;

  line-height: 1.5;

}



.foot-nav {

  gap: 4.166vw;

  flex-wrap: nowrap;

}



.foot-nav .col h4 {

  color: #d5b9a7;

  letter-spacing: 0.156vw;

  margin-bottom: 1.145vw;

}



.foot-nav .list {

  list-style: none;

}



.foot-nav .list li {

  list-style: none;

  margin-bottom: 0.833vw;

}



.foot-nav .list a {

  color: #fff;

  letter-spacing: 0.052vw;

}



.foot-nav .list a span {

  position: relative;

  display: inline-block;

}



.foot-nav .list a span::after {

  content: "";

  position: absolute;

  left: 0;

  bottom: -0.156vw;

  width: 0;

  height: 0.052vw;

  background: #fff;

  transition: width .45s ease;

}



.foot-nav .list a:hover span::after {

  width: 100%;

}



.contact .shares {

  gap: 0.416vw;

  margin-top: 1.25vw;

}



.share-ev {

  position: relative;

  width: 2.291vw;

  height: 2.291vw;

}



.share-ev .ico,

.share-ev img {

  width: 2.291vw;

  height: 2.291vw;

}



.share-ev.wechat .qr {

  position: absolute;

  left: 50%;

  bottom: calc(100% + 0.625vw);

  width: 6.25vw;

  height: 6.25vw;

  padding: 0.312vw;

  background: #fff;

  border-radius: 1.041vw;

  opacity: 0;

  visibility: hidden;

  transform: translateX(-50%) scale(.85);

  transform-origin: bottom center;

  transition: all .4s ease;

}



.share-ev.wechat .qr img {

  width: 100%;

  height: 100%;

}



.share-ev.wechat:hover .qr {

  opacity: 1;

  visibility: visible;

  transform: translateX(-50%) scale(1);

}



.foot2 {

  padding: 0 0 3.854vw;

}



.foot2 .line {

  display: block;

  width: 100%;

  height: 0.052vw;

  margin-bottom: 0.989vw;

  background: #D9DFE1;

}



.foot2 p {

  color: #fff;

  letter-spacing: 0.052vw;

}



.split-up,

.up-item {

  will-change: transform, opacity;

}



.h10-box .char {

  display: inline-block;

  color: #c4c4c4;

  transition: color .55s ease;

}



.h10-box .char.on {

  opacity: 1;

}



.h10-box .char.dark {

  color: #2c241e;

}



.home6 .h6-item .bg {

  transition: transform .7s ease;

}