:root {
  --head: 4.062vw;
  --color: #F6CD9F;
  --main2: #bd8f5b;
  --dark: #19171a;
}

body {
  background: #19171a;
  color: #fff;
}

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

.stage {
  position: relative;
  width: 100%;
}

.home1 {
  position: relative;
  overflow: hidden;
  height: 56.25vw;
}

.home2 {
  position: relative;
  overflow: hidden;
  height: 56.25vw;
}

.home3 {
  position: relative;
  overflow: hidden;
  height: 56.25vw;
}

.home4 {
  position: relative;
  overflow: hidden;
  height: 56.25vw;
}

.home5 {
  position: relative;
}

.home6 {
  position: relative;
  overflow: hidden;
  padding: 6.25vw 8.333vw 13.541vw;
}

.home7 {
  position: relative;
  padding: 8.333vw 0;
}

.home1 .stage,
.home2 .stage,
.home3 .stage,
.home4 .stage,
.home6 .stage {
  height: 100%;
}

.gradText {
  background-image: linear-gradient(160deg, #f6cd9f 13%, #c0a07c 36%, #e2c7a9 58%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

.C-btn1 {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 2.916vw;
  padding: 0 1.666vw;
  border-radius: 13.437vw;
  border: 0.026vw solid rgba(246, 205, 159, 0.5);
  color: #f6cd9f;
  background: transparent;
  overflow: hidden;
  transition: background 0.45s ease, border-color 0.45s ease, letter-spacing 0.45s ease;
}

.C-btn1 span {
  position: relative;
  z-index: 2;
}

.C-btn1 .light {
  position: absolute;
  left: 50%;
  bottom: -0.312vw;
  width: 6.25vw;
  transform: translateX(-50%);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.45s ease;
  z-index: 1;
}

.C-btn1::before {
  content: "";
  position: absolute;
  top: 0;
  left: -140%;
  width: 60%;
  height: 100%;
  background: linear-gradient(100deg, transparent, rgba(246, 205, 159, 0.45), transparent);
  transform: skewX(-20deg);
  z-index: 1;
}

.C-btn1:hover {
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(246, 205, 159, 0.4);
}

.C-btn1:hover .light {
  opacity: 1;
}

.C-btn1:hover::before {
  animation: btnShine 0.85s ease;
}

.C-btn2 {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 2.916vw;
  padding: 0 1.666vw;
  border-radius: 13.437vw;
  background: #f6cd9f;
  color: #2e3033;
  overflow: hidden;
  transition: background 0.45s ease, transform 0.45s ease, box-shadow 0.45s ease;
}

.C-btn2 span {
  position: relative;
  z-index: 3;
}

.C-btn2 .light {
  position: absolute;
  left: 50%;
  bottom: -0.312vw;
  width: 6.25vw;
  transform: translateX(-50%);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.45s ease;
  z-index: 1;
}

.C-btn2::before {
  content: "";
  position: absolute;
  top: 0;
  left: -140%;
  width: 55%;
  height: 100%;
  background: linear-gradient(100deg, transparent, rgba(255, 255, 255, 0.6), transparent);
  transform: skewX(-20deg);
  z-index: 2;
}

.C-btn2:hover {
  background: #e3af74;
  box-shadow: 0 0.52vw 1.458vw rgba(246, 205, 159, 0.25);
}

.C-btn2:hover .light {
  opacity: 1;
}

.C-btn2:hover::before {
  animation: btnShine 0.85s ease;
}

@keyframes btnShine {
  0% {
    left: -140%;
  }

  100% {
    left: 140%;
  }
}

.C-title .tit {
  line-height: 1.2;
}

.C-title .desc {
  margin-top: 1.25vw;
  color: #fff;
  line-height: 1.5;
}

.C-title.tac .desc {
  margin-left: auto;
  margin-right: auto;
}

.head1 {
  position: fixed;
  left: 50%;
  margin-left: -41.666vw;
  top: 1.666vw;
  z-index: 50;
  width: 83.333vw;
  height: var(--head);
  transform: translateY(-200%);
  padding: 0 2.5vw;
  border-radius: 0.625vw;
  background: rgba(31, 33, 36, 0.1);
  backdrop-filter: blur(0.625vw);
  -webkit-backdrop-filter: blur(0.625vw);
  transition: transform 0.6s ease, background 0.4s ease;
}

.head1.show {
  transform: translateY(0%);
}

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

.scroll .head1 {
  background: rgba(31, 33, 36, 0.55);
}

.head1 .logo {
  width: 5.416vw;
}

.head1 .nav {
  gap: 3.125vw;
}

.head1 .nav .link {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 4.062vw;
  color: #f6cd9f;
}

.head1 .nav .link span {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 2.5vw;
  padding: 0 1.666vw;
  border-radius: 13.437vw;
  border: 0.026vw solid transparent;
  background: transparent;
  transition: all 0.35s ease;
}

.head1 .nav .link.on span,
.head1 .nav .link:hover span {
  background: rgba(255, 255, 255, 0.1);
  border-color: #f6cd9f;
  border-color: rgba(207,193,177,0.2);
}

.head1 .nav .link .line {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  opacity: 0;
  transform: scaleX(0.6);
  transition: opacity 0.35s ease, transform 0.35s ease;
}

.head1 .nav .link.on .line,
.head1 .nav .link:hover .line {
  opacity: 1;
  transform: scaleX(1);
}

.head1 .right {
  gap: 1.041vw;
}

.head1 .head-btn {
  height: 2.5vw;
  padding: 0 1.25vw;
}

.head1 .navbar-toggle {
  display: none;
}

.home1 .bg {
  position: absolute;
  inset: 0;
}

.home1 .bg::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background: linear-gradient(180deg, rgba(25, 23, 26, 0.20) 0%, rgba(25, 23, 26, 0.00) 20%, rgba(25, 23, 26, 0.20) 90%, #19171A 100%);
}

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

.home1 .con {
  position: absolute;
  left: 8.333vw;
  bottom: 11.875vw;
  width: 36.458vw;
  z-index: 2;
}

.home1 .con .tit {
  line-height: 1.2;
}

.home1 .con .desc {
  margin-top: 1.25vw;
  color: #fff;
}

.home1 .con .C-btn1 {
  margin-top: 2.5vw;
}

.home2 .bg {
  position: absolute;
  left: 0;
  top: -1.614vw;
  width: 100%;
  height: 50vw;
}

.home2 .bg .pic-bg {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: opacity 1.4s ease;
}

.home2.show .bg .pic-bg {
  opacity: 0.6;
}

.home2 .bg .mask {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, #19171a 10%, rgba(25, 23, 26, 0.4) 80%, #19171a 98%);
}

.home2 .t1 {
  position: absolute;
  left: 22.447vw;
  top: 22.916vw;
  width: 55.104vw;
  line-height: 1.2;
}

.home2 .t1 .ch {
  color: rgba(246, 205, 159, 0.3);
}

.home3 .C-title {
  position: absolute;
  left: 8.333vw;
  top: 6.25vw;
  width: 35vw;
}

.home3 .home3-pic {
  position: absolute;
  left: 0;
  top: 17.604vw;
  width: 38.802vw;
  height: 39.27vw;
}

.home3 .home3-pic img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.home3 .h3cards {
  position: absolute;
  left: 54.687vw;
  top: 18.75vw;
  width: 29.166vw;
  height: 15.989vw;
}

.home3 .h3card {
  position: absolute;
  left: 0;
  top: 0;
  width: 29.166vw;
  height: 15.989vw;
  border-radius: 0.625vw;
  background: rgba(255, 255, 255, 0.02);
  border: 0.052vw solid rgba(246, 205, 159, 0);
  overflow: hidden;
  will-change: transform, opacity;
  transition: border-color 0.4s ease;
}

.home3 .h3card.act {
  border-color: rgba(255, 255, 255, 0.1);
}

.home3 .h3card .glow {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  pointer-events: none;
  transition: opacity 1s ease;
}

.home3 .h3card.act .glow {
  opacity: 1;
}

.home3 .h3card .in {
  position: relative;
  z-index: 2;
  padding: 2.5vw;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.home3 .h3card .top {
  align-items: flex-start;
}

.home3 .h3card .tag {
  display: inline-block;
  padding: 0.208vw 0.833vw;
  border-radius: 13.437vw;
  background: rgba(255, 255, 255, 0.1);
  color: #f6cd9f;
}

.home3 .h3card .l .tit {
  margin-top: 0.416vw;
  width: 14.895vw;
  color: #fff;
  line-height: 1.5;
}

.home3 .h3card .ico {
  width: 2.5vw;
  flex-shrink: 0;
}

.home3 .h3card .desc {
  margin-top: auto;
  width: 22.395vw;
  color: rgba(255, 255, 255, 0.85);
  line-height: 1.5;
}

.home4 .bg {
  position: absolute;
  inset: 0;
}

.home4 .bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: bottom;
}

.home4 .bg .mask {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, #19171a 0%, rgba(25, 23, 26, 0) 14%, rgba(25, 23, 26, 0) 80%, #19171a 94%);
}

.home4 .points {
  position: absolute;
  inset: 0;
  z-index: 3;
  pointer-events: none;
}

.home4 .h4point {
  position: absolute;
  pointer-events: auto;
  display: inline-flex;
  align-items: center;
  gap: 0.416vw;
  padding: 0.625vw 1.666vw 0.625vw 1.25vw;
  border-radius: 6.666vw;
  border: 0.052vw solid #f6cd9f;
  background: linear-gradient(180deg, rgba(246, 205, 159, 0.2), rgba(246, 205, 159, 0.1));
  backdrop-filter: blur(0.416vw);
  -webkit-backdrop-filter: blur(0.416vw);
  color: #f6cd9f;
  cursor: pointer;
  transition: transform 0.35s ease, background 0.35s ease, color 0.35s ease;
}

.home4 .h4point .ico {
  width: 1.25vw;
  height: 1.25vw;
  display: flex;
}

.home4 .h4point .ico img {
  width: 100%;
  transition: all ease .6s;
}

.home4 .h4point:hover {
  transform: translateY(-0.156vw);
}

.home4 .h4point.on {
  background: #f6cd9f;
  border-color: #f6cd9f;
  color: #2e3033;
}

.home4 .h4point.on .ico img {
  filter: brightness(0) opacity(0.85);
}

.home4 .h4cons {
  position: absolute;
  left: 8.333vw;
  top: 10.833vw;
  width: 36.458vw;
  z-index: 2;
}

.home4 .h4con {
  display: none;
}

.home4 .h4con.on {
  display: block;
}

.home4 .bullets {
  margin-top: 2.083vw;
}

.home4 .bullet {
  align-items: center;
  gap: 0.833vw;
  padding: 0.104vw 0;
}

.home4 .bullet i {
  width: 0.416vw;
  height: 0.416vw;
  background: #f6cd9f;
  flex-shrink: 0;
}

.home4 .bullet span {
  color: rgba(255, 255, 255, 0.6);
  line-height: 2;
  flex: 1;
}

.home4 .bullet span b {
  color: #fff;
}

.home4 .h4con .C-btn1 {
  margin-top: 2.083vw;
}

.home4 .h4video {
  position: absolute;
  left: 0;
  /* top: 20.208vw; */
  top: calc(100% + 2.0833vw);
  width: 18.333vw;
  height: 14.375vw;
  padding: 0.807vw;
  border-radius: 0.833vw;
  background: rgba(255, 255, 255, 0.05);
  border: 0.026vw solid rgba(246, 205, 159, 0.4);
  backdrop-filter: blur(0.416vw);
  -webkit-backdrop-filter: blur(0.416vw);
  cursor: pointer;
  z-index: 2;
}

.home4 .h4video .pic {
  width: 16.666vw;
  height: 9.375vw;
  border-radius: 0.625vw;
  overflow: hidden;
}

.home4 .h4video .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s ease;
}

.home4 .h4video:hover .pic img {
  transform: scale(1.05);
}

.home4 .h4video .bar {
  margin-top: 0.833vw;
  gap: 0.833vw;
}

.home4 .h4video .bar .play {
  width: 2.5vw;
  flex-shrink: 0;
}

.home4 .h4video .bar p {
  color: #bd8f5b;
}

.home4 .h4bar {
  position: absolute;
  left: 8.333vw;
  top: 49.791vw;
  width: 83.333vw;
  gap: 2.083vw;
  z-index: 2;
  display: none;
}

.home4 .h4bar i {
  position: relative;
  flex: 1;
  height: 0.208vw;
  background: rgba(255, 255, 255, 0.1);
  overflow: hidden;
}

.home4 .h4bar i::after {
  content: "";
  position: absolute;
  inset: 0;
  background: #f6cd9f;
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 0.55s cubic-bezier(0.4, 0, 0.2, 1);
}

.home4 .h4bar i.on::after {
  transform: scaleX(1);
}

.home5 .C-title {
  margin-top: 6.25vw;
  width: 100%;
}

.home5 .h5list {
  margin: 2.916vw auto 0;
  gap: 2.5vw;
  z-index: 3;
}

.home5 .h5item {
  position: relative;
  width: 20.833vw;
  height: 9.322vw;
  padding: 1.666vw 2.5vw;
  border-radius: 0.625vw;
  background: rgba(255, 255, 255, 0.02);
  overflow: hidden;
}

.home5 .h5item:first-child {
  border: 0.052vw solid rgba(255, 255, 255, 0.1);
}

.home5 .h5item .glow {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  opacity: 0;
  transition: all ease .6s;
}

.home5 .h5item:hover .glow {
  opacity: 1;
}

.home5 .h5item .lab {
  position: relative;
  color: #fff;
  line-height: 1.5;
}

.home5 .h5item .num {
  position: relative;
  margin-top: 0.416vw;
  color: #ebc398;
  line-height: 1.2;
}

.home5 .earth-box {
  position: relative;
  width: 52.395vw;
  height: 52.395vw;
  margin: 0 auto 0;
  cursor: grab;
  margin-top: -2.395vw;
}

.home5 .earth-box.dragging {
  cursor: grabbing;
}

.home5 .h5earth {
  width: 52.395vw;
  height: 52.395vw;
}

.home5 .h5earth .ring {
  position: absolute;
  inset: 0;
}

.home5 .h5earth #earthCanvas {
  position: absolute;
  left: 5.364vw;
  top: 5.364vw;
  width: 41.666vw;
  height: 41.666vw;
  opacity: 0.6;
}

.home5 .h5points {
  position: absolute;
  inset: 0;
  z-index: 1;
}

.home5 .h5point {
  position: absolute;
  left: 0;
  top: 0;
  display: inline-flex;
  align-items: center;
  gap: 0.52vw;
  height: 2.916vw;
  padding: 0 1.666vw;
  border-radius: 13.437vw;
  background: rgba(255, 255, 255, 0.05);
  border: 0.026vw solid rgba(255, 255, 255, 0.4);
  backdrop-filter: blur(0.416vw);
  -webkit-backdrop-filter: blur(0.416vw);
  color: #fff;
  cursor: pointer;
  overflow: hidden;
  transform: translate(-50%, -50%);
  transition: opacity 0.4s ease, color 0.35s ease, border-color 0.35s ease, background 0.35s ease;
  will-change: left, top, opacity;
}

.home5 .h5point.back {
  opacity: 0;
  pointer-events: none;
}

.home5 .h5point .ico {
  position: relative;
  width: 1.25vw;
  height: 1.25vw;
  flex-shrink: 0;
}

.home5 .h5point .ico img {
  position: absolute;
  inset: 0;
  width: 100%;
  transition: opacity 0.35s ease;
}

.home5 .h5point .ico .i2 {
  opacity: 0;
}

.home5 .h5point:hover .ico .i1,
.home5 .h5point.on .ico .i1 {
  opacity: 0;
}

.home5 .h5point:hover .ico .i2,
.home5 .h5point.on .ico .i2 {
  opacity: 1;
}

.home5 .h5point .light {
  position: absolute;
  left: 1.458vw;
  top: 1.718vw;
  width: 6.25vw;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}

.home5 .h5point:hover,
.home5 .h5point.on {
  color: #f6cd9f;
  border-color: rgba(246, 205, 159, 0.4);
}

.home5 .h5point.on .light {
  opacity: 1;
}

.home5 .h5detail {
  position: absolute;
  width: 18.333vw;
  padding: 0.833vw;
  border-radius: 0.833vw;
  background: rgba(255, 255, 255, 0.05);
  border: 0.026vw solid rgba(255, 255, 255, 0.4);
  backdrop-filter: blur(0.833vw);
  -webkit-backdrop-filter: blur(0.833vw);
  opacity: 0;
  visibility: hidden;
  transform: translateY(0.625vw);
  pointer-events: none;
  transition: opacity 0.4s ease,transform 0.4s ease;
  z-index: 5;
}

.home5 .h5detail.act {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  pointer-events: auto;
}

.home5 .h5detail .pic {
  width: 16.666vw;
  height: 8.333vw;
  border-radius: 0.416vw;
  overflow: hidden;
}

.home5 .h5detail .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.home5 .h5detail .txt {
  padding: 0.833vw 0 0;
}

.home5 .h5detail .txt .tit {
  color: #f6cd9f;
}

.home5 .h5detail .txt .desc {
  margin-top: 0.625vw;
  color: rgba(255, 255, 255, 0.6);
  line-height: 1.5;
}

.home6 .zuo {
  width: 40.104vw;
  z-index: 2;
}

.home6 .zuo .C-title .desc {
  margin-top: 1.25vw;
  line-height: 1.5;
}

.home6 .zuo .C-btn1 {
  margin-top: 2.5vw;
}

.home6 .h6grid {
  width: 50vw;
  gap: 5.104vw 0.833vw;
  z-index: 2;
  margin-top: 6.25vw;
}

.home6 .h6grid .item {
  padding: 0 1.25vw;
  border-left: 0.078vw solid #f6cd9f;
}

.home6 .h6grid .item .lab {
  color: #fff;
  line-height: 1.5;
}

.home6 .h6grid .item .num {
  margin-top: 1.25vw;
  line-height: 1.2;
}

.home6 .h6pic {
  position: absolute;
  right: 0;
  top: 3.229vw;
  width: 42.552vw;
  height: 49.947vw;
}

.home6 .h6pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 30%);
  mask-image: linear-gradient(90deg, transparent 0%, #000 30%);
}

.home7 .h7bg {
  position: absolute;
  right: 0;
  top: -15.885vw;
  width: 30.208vw;
  pointer-events: none;
}

.home7 .C-title {
  width: 100%;
}

.home7 .C-title .tit {
  line-height: 1.2;
}

.home7 .C-title .desc {
  width: 31.979vw;
  margin-left: auto;
  margin-right: auto;
}

.home7 .h7btns {
  width: 100%;
  gap: 1.875vw;
  margin-top: 1.666vw;
}

.foot {
  position: relative;
  height: 33.333vw;
  overflow: hidden;
}

.foot .foot-bg {
  position: absolute;
  left: -2.083vw;
  top: 4.479vw;
  width: 40.104vw;
  opacity: 0.8;
  pointer-events: none;
}

.foot .foot-in {
  position: relative;
  z-index: 2;
  height: 33.333vw;
}

.foot .foot-brand {
  padding-top: 2.812vw;
  color: #f6cd9f;
  line-height: 1.5;
}

.foot .foot1 {
  margin-top: 2.604vw;
  align-items: center;
}

.foot .foot-nav {
  gap: 3.125vw;
}

.foot .foot-nav a {
  color: #f6cd9f;
}

.foot .foot-nav a:hover {
  text-decoration: underline;
}

.foot .share-list {
  gap: 1.25vw;
}

.foot .share-list .share {
  width: 2.5vw;
  height: 2.5vw;
  border-radius: 100%;
  background: rgba(255, 255, 255, 0.10);
  transition: all ease .6s;
}

.foot .share-list .share img {
  width: 1.354vw;
  transition: all ease .6s;
}

.foot .share-list .share:hover {
  background: #f6cd9f;
}

.foot .share-list .share:hover img {
  filter: brightness(0);
}

.foot .foot-line {
  height: 0.052vw;
  margin-top: 1.51vw;
  background: rgba(255, 255, 255, 0.1);
}

.foot .foot-info {
  margin-top: 2.187vw;
  display: flex;
  flex-direction: column;
  gap: 0.625vw;
}

.foot .foot-info .lab {
  color: rgba(255, 255, 255, 0.6);
}

.foot .foot-info .mail {
  color: #f6cd9f;
  text-decoration: underline;
}

.foot .foot-bottom {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 2.812vw;
}

.foot .foot-bottom .foot-line {
  margin-top: 0;
}

.foot .foot2 {
  margin-top: 1.25vw;
  align-items: center;
  color: rgba(255, 255, 255, 0.6);
}

.foot .foot2 .copy {
  gap: 3.125vw;
}

.foot .foot2 .links a {
  color: rgba(255, 255, 255, 0.6);
}

.foot .foot2 .links a:hover {
  text-decoration: underline;
}

.foot .foot2 .links i {
  margin: 0 0.625vw;
  font-style: normal;
}

.foot .goTop {
  gap: 0.416vw;
  color: #f6cd9f;
  cursor: pointer;
}

.foot .goTop img {
  width: 0.416vw;
}