:root {
  --head: 6.562vw;
  --color: #e4b967;
}

.why-page {
  background: #f5f3ef;
}

.f_94 {
  font-size: 4.895vw;
}

.f_174 {
  font-size: 9.062vw;
}

.ff1 {
  font-family: "Playfair Display", serif;
}

.ff2 {
  font-family: "Inter", sans-serif;
}

.ff2-b {
  font-family: "Inter", sans-serif;
  font-weight: 700;
}

.ff3 {
  font-family: "Nunito", sans-serif;
}

.ff4 {
  font-family: "Source Sans 3", sans-serif;
}

.head1 {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 50;
  width: 100%;
  height: var(--head);
  padding: 0 6.25vw;
  transition: all ease 0.6s;
  background: rgba(0, 0, 0, 0.2);
}

.scroll .head1 {
  background: rgba(8, 19, 32, 0.9);
}

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

.head1 .logo {
  width: 10.677vw;
}

.head1 .menu {
  gap: 4.166vw;
  color: #f5f3ef;
}

.head1 .menu .link a {
  position: relative;
}

.head1 .menu .link.on a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -0.208vw;
  width: 100%;
  height: 0.104vw;
  background: var(--color);
}

.head1 .right {
  gap: 1.25vw;
  color: #f5f3ef;
}

.head1 .right .lang {
  cursor: pointer;
}

.head1 .right .head-icon {
  width: 0.885vw;
  cursor: pointer;
}

.C-btn {
  display: inline-block;
  width: 18.125vw;
  padding: 0.625vw;
  border: 0.052vw solid var(--color);
  text-decoration: none;
  transition: all ease 0.4s;
}

.C-btn .btn-inner {
  border: 0.052vw solid var(--color);
  height: 3.854vw;
  padding: 0 1.197vw;
  position: relative;
  transition: all ease 0.4s;
}

.C-btn .btn-inner .btn-icon-left {
  width: 2.604vw;
  transition: all ease 3s;
}

.C-btn .btn-inner .btn-text {
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.052vw;
  text-align: center;
  flex: 1;
}

.C-btn .btn-inner .btn-icon-right {
  width: 1.875vw;
}

.C-btn:hover .btn-icon-left {
  transform: rotate(-90deg);
}

.C-btn:hover .btn-icon-right {
  animation: btn-icon-ani 1s ease;
}

.C-btn.theme2 {
  width: 15.885vw;
  border: 0.052vw solid #E27D4A;
}

.C-btn.theme2 .btn-inner {
  border: 0.052vw solid #E27D4A;
  height: 3.333vw;
}

.C-btn.theme2 .btn-inner .btn-icon-left {
  width: 2.187vw;
}

.C-btn.theme2 .btn-inner .btn-text {
  color: #A18558;
}

.C-btn .btn-inner .btn-icon-right {
  width: 1.666vw;
}

@keyframes btn-icon-ani {
  0% {
    transform: translateX(0);
  }

  50% {
    transform: translateX(20%);
  }

  100% {
    transform: translateX(0);
  }

}

.foot-wrap {
  background: #081320;
  padding: 4.479vw 8.333vw 0;
}

.foot1 {
  padding-bottom: 8.75vw;
}

.foot1 .foot-logo {
  width: 19.166vw;
}

.foot1 .foot-logo img {
  width: 100%;
}

.foot1 .shares {
  gap: 1.979vw;
  margin-top: 2.5vw;
}

.foot1 .shares .share-item {
  width: 2.5vw;
  height: 2.5vw;
  border-radius: 100%;
  border: 0.052vw solid #fff;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.foot1 .shares .share-item:hover {
  background: var(--color);
  border: 0.052vw solid var(--color);
}

.foot1 .shares .share-item img {
  width: auto;
  height: 1.25vw;
}

.foot1 .foot-link {
  gap: 3.541vw;
  color: #fff;
  margin-bottom: 2.5vw;
}

.foot1 .foot-link .link-item {
  cursor: pointer;
  transition: all ease 0.3s;
}

.foot1 .foot-link .link-item.on {
  opacity: 1;
  font-weight: 500;
}

.foot1 .foot-link .link-item:not(.on) {
  color: rgba(255, 255, 255, 0.6);
  font-weight: 400;
}

.foot1 .foot-link .link-item:hover {
  color: var(--color);
}

.foot1 .foot-info {
  color: #fff;
  display: none;
}

.foot1 .foot-info.on {
  display: block;
}

.foot1 .foot-info .info-group {
  margin-bottom: 1.25vw;
}

.foot1 .foot-info .info-group:last-child {
  margin-bottom: 0;
}

.foot1 .foot-info .info-label {
  margin-bottom: 0.416vw;
}

.foot1 .foot-info .info-value {
  text-transform: uppercase;
}

.foot1 .foot-info .info-addr {
  text-transform: capitalize;
}

.foot2 {
  padding-bottom: 2.5vw;
  gap: 2.5vw;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.075vw;
}

.foot2 a {
  color: #fff;
}

.foot2 a:hover {
  color: var(--color);
}

.foot3-line {
  width: 100%;
  height: 0.052vw;
  background: rgba(255, 255, 255, 0.2);
}

.foot4 {
  padding: 2.5vw 0;
  color: #fff;
}

.foot4 .foot4-right {
  gap: 0.625vw;
}

.foot4 .foot4-right a {
  color: #fff;
}

.foot4 .foot4-right a:hover {
  color: var(--color);
}











.C-banner {
  position: relative;
  width: 100%;
  height: 57.395vw;
  overflow: hidden;
}

.C-banner .banner-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

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

.C-banner .banner-mask {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 50%;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
}

.C-banner .banner-title {
  position: absolute;
  left: 6.718vw;
  bottom: 7.5vw;
  width: 50.833vw;
  line-height: 1;
  letter-spacing: -0.123vw;
}

.C-banner .banner-title .t1 {
  color: #fff;
}

.C-banner .banner-title .t2 {
  color: #a18558;
}

.why2 {
  position: relative;
  padding: 15.52vw 0 10.416vw;
  overflow: hidden;
}

.why2 .why2-video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}

.why2 .why2-list {
  position: relative;
  z-index: 1;
}

.why2 .why2-item {
  margin-bottom: 14.583vw;
}

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

.why2 .why2-item .txt {
  width: 32.552vw;
}

.why2 .why2-item .txt .icon {
  width: 4.687vw;
  margin-bottom: 1.25vw;
}

.why2 .why2-item .txt .icon img {
  width: 100%;
}

.why2 .why2-item .txt .tit {
  color: #a18558;
  text-transform: capitalize;
  margin-bottom: 1.25vw;
}

.why2 .why2-item .txt .desc {
  color: #666;
  line-height: 1.5;
}

.why2 .why2-item .img {
  border-radius: 50%;
  overflow: hidden;
}

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

.why2 .why2-item .content-wrap {
  gap: 3.75vw;
}

.why2 .why2-item.left-text {
  padding-left: 8.333vw;
}

.why2 .why2-item.left-text .content-wrap {
  width: 58.541vw;
}

.why2 .why2-item.left-text .img {
  width: 22.239vw;
  height: 22.239vw;
  flex-shrink: 0;
}

.why2 .why2-item.right-text {
  padding-left: 29.479vw;
}

.why2 .why2-item.right-text .content-wrap {
  width: 58.645vw;
}

.why2 .why2-item.right-text .img {
  width: 21.614vw;
  height: 21.614vw;
  flex-shrink: 0;
}

.why2 .why2-item.item3 {
  padding-left: 11.406vw;
}

.why2 .why2-item.item3 .content-wrap {
  width: 58.541vw;
}

.why2 .why2-item.right-text-lg {
  padding-left: 25.156vw;
}

.why2 .why2-item.right-text-lg .content-wrap {
  width: 60.572vw;
}

.why2 .why2-item.right-text-lg .img {
  width: 24.27vw;
  height: 24.27vw;
  flex-shrink: 0;
}

.why2 .why2-item.left-text-lg {
  padding-left: 8.333vw;
}

.why2 .why2-item.left-text-lg .content-wrap {
  width: 63.958vw;
}

.why2 .why2-item.left-text-lg .img {
  width: 27.656vw;
  height: 27.656vw;
  flex-shrink: 0;
}

.C-contact {
  position: relative;
  width: 100%;
  min-height: 33.541vw;
  background: #081320;
  overflow: hidden;
}

.C-contact::before {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, 0);
  width: 67.5vw;
  height: 0.052vw;
  background: #E4B967;
}

.C-contact .bg-text {
  position: absolute;
  left: 0;
  top: 7.343vw;
  transform: translateY(-50%);
  color: rgba(255, 255, 255, 0.06);
  white-space: nowrap;
  line-height: 7.812vw;
  letter-spacing: 0.01vw;
}

.C-contact .why3-left {
  position: absolute;
  left: 10vw;
  top: -0.156vw;
  width: 7.291vw;
  bottom: 6.77vw;
}

.C-contact .why3-left img {
  width: 100%;
}

.C-contact .why3-right {
  position: absolute;
  right: 10vw;
  top: -0.156vw;
  width: 5.729vw;
  bottom: 6.77vw;
}

.C-contact .why3-right img {
  width: 100%;
}

.C-contact .center-content {
  position: relative;
  margin: 0 auto;
  padding-top: 8.02vw;
  padding-bottom: 4.166vw;
  text-align: center;
  width: 61.041vw;
}

.C-contact .center-content .main-title {
  color: #fff;
  text-transform: uppercase;
  line-height: 1.5;
  margin-bottom: 2.083vw;
}

.C-contact .center-content .sub-title {
  color: #fff;
  letter-spacing: 0.01vw;
  margin-bottom: 3.437vw;
}

.contact-form {
  width: 100%;
  margin-bottom: 2.604vw;
  padding: 3.02vw 2.604vw;
  text-align: left;
  background: #f5f5f5;
}

.contact-form .form-row {
  display: flex;
  flex-wrap: wrap;
  gap: 1.354vw;
  margin-bottom: 0.312vw;
}

.contact-form .form-row:last-child {
  margin-bottom: 0;
}

.contact-form .form-group {
  width: calc(33.3% - 2.708vw);
  flex-shrink: 0;
}

.contact-form .form-group-full {
  width: 100%;
}

.contact-form .form-label {
  display: block;
  color: #000;
  margin-bottom: 0.625vw;
  line-height: 1.041vw;
}

.contact-form .form-input {
  width: 100%;
  height: 2.916vw;
  background: #f5f3ef;
  border: 0.052vw solid #d9d9d9;
  border-radius: 0.416vw;
  padding: 0 0.833vw;
  color: #333;
  outline: none;
  transition: border-color ease 0.3s;
}

.contact-form .form-input:focus {
  border-color: var(--color);
}

.contact-form .form-input.error {
  border-color: #e74c3c;
}

.contact-form .form-textarea {
  width: 100%;
  height: 4.479vw;
  background: #f5f3ef;
  border: 0.052vw solid #d9d9d9;
  border-radius: 0.416vw;
  padding: 0.833vw;
  color: #333;
  outline: none;
  resize: none;
  transition: border-color ease 0.3s;
}

.contact-form .form-textarea:focus {
  border-color: var(--color);
}

.contact-form .form-error {
  display: block;
  color: #e74c3c;
  margin-top: 0.312vw;
  min-height: 0.937vw;
  line-height: 0.937vw;
}

.bgs2 {
  position: relative;
  background: #f5f3ef;
  padding: 12.656vw 8.333vw 5.312vw;
}

.bgs2-inner {
  gap: 4.479vw;
}

.bgs2-photo {
  width: 28.385vw;
  height: 38.593vw;
  flex-shrink: 0;
  overflow: hidden;
}

.bgs2-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.bgs2-lantern {
  width: 5.156vw;
  flex-shrink: 0;
}

.bgs2-lantern img {
  width: 100%;
}

.bgs2-info {
  flex: 1;
}

.bgs2-title {
  color: #a18558;
  text-transform: capitalize;
  margin-bottom: 2.5vw;
}

.bgs2-desc {
  color: #666;
  line-height: 1.458vw;
}

.bgs3 {
  position: relative;
  width: 100%;
  height: 56.25vw;
  overflow: hidden;
}

.bgs3-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #f5f3ef;
}

.bgs3-side-img {
  position: absolute;
  top: 0;
  width: 17.187vw;
  height: 100%;
  overflow: hidden;
}

.bgs3-side-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.8;
}

.bgs3-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0 3.75vw;
}

.bgs3-right-layout .bgs3-content {
  padding: 0 5.937vw 0 7.343vw;
  justify-content: space-between;
}

.bgs3-left-layout .bgs3-content {
  padding: 0 5.937vw 0 3.75vw;
  justify-content: space-between;
}

.bgs3-text {
  width: 33.281vw;
  flex-shrink: 0;
}

.bgs3-text-wide {
  width: 37.343vw;
}

.bgs3-title {
  color: #a18558;
  text-transform: capitalize;
  margin-bottom: 2.5vw;
  line-height: 1.3;
}

.bgs3-desc {
  color: #666;
  line-height: 1.458vw;
}

.bgs3-img-wrap {
  position: relative;
  flex-shrink: 0;
}

.bgs3-img-heng {
  width: 45.26vw;
  height: 30.937vw;
}

.bgs3-img-shanxing {
  width: 51.354vw;
  height: 27.604vw;
}

.bgs3-img-sibianxing {
  width: 47.291vw;
  height: 30.052vw;
}

.bgs3-img-wrap .bgs3-shape {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
}

.bgs3-img-wrap .bgs3-photo {
  position: absolute;
  z-index: 1;
  object-fit: cover;
}

.bgs3-img-heng .bgs3-photo {
  top: 1.562vw;
  left: 1.562vw;
  width: 42.291vw;
  height: 27.968vw;
  mask: url('/img/bgs/C-mask-heng.png') no-repeat center/100% 100%;
}

.bgs3-img-shanxing .bgs3-photo {
  top: 1.77vw;
  left: 2.239vw;
  width: 46.666vw;
  height: 23.645vw;
  mask: url('/img/bgs/C-mask-shanxing.png') no-repeat center/100% 100%;
}

.bgs3-img-sibianxing .bgs3-photo {
  top: 1.51vw;
  left: 1.822vw;
  width: 43.854vw;
  height: 27.239vw;
  mask: url('/img/bgs/C-mask-sibianxing.png') no-repeat center/100% 100%;
}

.bgs4 {
  background: #f5f3ef;
}

.bgs4-inner {
  padding: 2.5vw 8.333vw 7.708vw;
}

.bgs4-title {
  color: #a18558;
  text-transform: capitalize;
  margin-bottom: 2.5vw;
}

.bgs4-list {
  gap: 3.333vw;
}

.bgs4-people {
  text-align: center;
}

.people-photo {
  width: 100%;
  height: 18.125vw;
  overflow: hidden;
  margin-bottom: 0.625vw;
}

.people-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
}

.people-info {
  text-align: left;
}

.people-meta {
  margin-bottom: 1.25vw;
}

.people-role {
  color: #e27d4a;
  margin-bottom: 0.625vw;
  line-height: 1.458vw;
}

.people-name {
  color: #000;
  margin-bottom: 0.625vw;
  line-height: 1;
}

.people-email {
  gap: 0.416vw;
  justify-content: center;
}

.people-email img {
  width: 0.833vw;
  height: 0.833vw;
}

.people-email span {
  color: #756e62;
}

.people-desc {
  color: #666;
  line-height: 1.458vw;
}

.bgs5 {
  position: relative;
  width: 100%;
  height: 40.416vw;
  overflow: hidden;
}

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

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

.bgs5-mask {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
}

.bgs5-deco {
  position: absolute;
  left: 12.708vw;
  top: 0;
  height: 100%;
}

.bgs5-line {
  width: 0.052vw;
  height: 100%;
  background: #f5f3ef;
}

.bgs5-dot {
  position: absolute;
  left: -0.208vw;
  top: 12.135vw;
  width: 0.468vw;
  height: 3.541vw;
  background: #e4b967;
}

.bgs5-content {
  position: absolute;
  left: 18.125vw;
  top: 12.395vw;
}

.bgs5-title {
  color: #f5f3ef;
  text-transform: capitalize;
  margin-bottom: 4.843vw;
}

.bgs5-logos {
  gap: 2.5vw;
}

.bgs5-logo-item {
  height: 5.625vw;
  overflow: hidden;
}

.bgs5-logo-item img {
  height: 100%;
  width: auto;
}

.sv2 {
  position: relative;
  width: 100%;
  /* height: 100vh; */
  overflow: hidden;
}

.sv2-wrap {
  position: relative;
  width: 100%;
  height: 100%;
}

.sv2-item {
  /* position: absolute;
  left: 0;
  top: 0; */
  position: relative;
  width: 100%;
  height: 100vh;
  /* opacity: 0;
  pointer-events: none; */
}

.sv2-item.on {
  opacity: 1;
  pointer-events: auto;
}

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

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

.sv2-main-title {
  position: absolute;
  left: 50%;
  top: 7.916vw;
  transform: translateX(-50%);
  color: #a18558;
  text-transform: capitalize;
  text-align: center;
  white-space: nowrap;
}

.sv2-deco {
  position: absolute;
  left: 6.25vw;
  top: 4.322vw;
  width: 11.51vw;
}

.sv2-deco img {
  width: 100%;
}

.sv2-deco-b {
  left: 17.395vw;
  top: 26.041vw;
  width: 12.76vw;
}

.sv2-deco-r {
  left: auto;
  right: 6.25vw;
  top: 15.52vw;
  width: 13.541vw;
}

.sv2-content {
  position: absolute;
  left: 14.895vw;
  top: 13.802vw;
  gap: 3.541vw;
}

.sv2-item2 .sv2-content {
  left: 27.395vw;
  top: 16.354vw;
}

.sv2-item3 .sv2-content {
  left: 14.895vw;
  top: 21.041vw;
}

.sv2-item3 .sv2-deco {
  top: 17.812vw;
}

.sv2-item4 .sv2-content {
  left: 27.291vw;
  top: 16.51vw;
}

.sv2-item5 .sv2-deco {
  left: 6.145vw;
  top: 6.614vw;
  width: 14.375vw;
}

.sv2-item5 .sv2-content {
  left: 14.791vw;
  top: 16.718vw;
}

.sv2-item6 .sv2-deco-b {
  left: 14.895vw;
  bottom: 4.635vw;
  width: 14.531vw;
}

.sv2-item6 .sv2-content {
  left: 24.062vw;
  top: 20.156vw;
}

.sv2-item4 .sv2-deco-b {
  left: 15.937vw;
  width: 16.666vw;
}

.sv2-img-wrap {
  position: relative;
  flex-shrink: 0;
}

.sv2-img-shu {
  width: 22.968vw;
  height: 28.645vw;
}

.sv2-img-heng {
  width: 29.427vw;
  height: 20.104vw;
}

.sv2-img-wrap .sv2-shape {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
}

.sv2-img-wrap .sv2-photo {
  position: absolute;
  z-index: 1;
  object-fit: cover;
}

.sv2-img-shu .sv2-photo {
  top: 0.937vw;
  left: 0.937vw;
  width: 21.145vw;
  height: 26.822vw;
  mask: url('/img/bgs/C-mask-shu.png') no-repeat center/100% 100%;
}

.sv2-img-heng .sv2-photo {
  top: 0.989vw;
  left: 0.989vw;
  width: 27.5vw;
  height: 18.177vw;
  mask: url('/img/bgs/C-mask-heng.png') no-repeat center/100% 100%;
}

.sv2-text {
  width: 30.989vw;
  flex-shrink: 0;
}

.sv2-item2 .sv2-text,
.sv2-item3 .sv2-text,
.sv2-item4 .sv2-text,
.sv2-item5 .sv2-text {
  width: 33.385vw;
}

.sv2-item6 .sv2-text {
  width: 36.614vw;
}

.sv2-icon {
  width: 6.77vw;
  margin-bottom: 1.041vw;
}

.sv2-icon img {
  width: 100%;
}

.sv2-title {
  color: #a18558;
  text-transform: capitalize;
  margin-bottom: 2.5vw;
}

.sv2-desc {
  color: #666;
  line-height: 1.458vw;
}

.sv2-desc p {
  margin-bottom: 0;
}

.C-bolang {
  position: relative;
}

.C-bolang img {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}

.C-title {
  text-align: center;
}

.C-title .title {
  color: #a18558;
  text-transform: capitalize;
  line-height: 1.3;
  margin-bottom: 1.25vw;
}

.C-title .desc {
  color: #666;
  line-height: 1.458vw;
}

.controls {
  gap: 1.25vw;
}

.controls .page-num {
  letter-spacing: 0.052vw;
}

.controls .page-num .cur {
  color: #e27d4a;
}

.sbtn1 {
  width: 1.875vw;
  height: 1.562vw;
  cursor: pointer;
  transition: opacity ease 0.3s;
}

.sbtn1:hover {
  opacity: 0.7;
}

.sbtn1 img {
  width: 100%;
  height: 100%;
}

.dn2 {
  position: relative;
  background: #f5f3ef;
  padding: 0 6.77vw;
  height: 67.864vw;
}

.dn2 .C-title {
  position: absolute;
  left: 6.77vw;
  top: 17.291vw;
  width: 27.708vw;
  text-align: left;
}

.dn2 .C-title .title {
  margin-bottom: 2.395vw;
}

.dn2 .C-title .desc {
  line-height: 1.458vw;
}

.dn2-map {
  position: absolute;
  right: 6.302vw;
  top: 10.052vw;
  width: 53.802vw;
  height: 52.604vw;
}

.dn2-map img {
  width: 100%;
  height: 100%;
}

.dn2-map path[data-name] {
  cursor: pointer;
  transition: opacity 0.3s ease;
}

.dn2-map path[data-name]:hover {
  opacity: 0.8;
}

.dn2-info {
  position: absolute;
  width: 25.208vw;
  transition: left 0.4s ease, top 0.4s ease;
  pointer-events: none;
  z-index: 10;
}

.dn2-info-card {
  background: #fff;
  border-radius: 0.625vw;
  padding: 1.041vw;
  gap: 0.833vw;
}

.dn2-info-pic {
  width: 10.625vw;
  height: 6.718vw;
  flex-shrink: 0;
  position: relative;
}

.dn2-info-pic .pic-frame {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.dn2-info-pic .pic-frame img {
  width: 100%;
  height: 100%;
}

.dn2-info-pic .pic-img {
  position: absolute;
  left: 0.52vw;
  top: 0.312vw;
  width: 9.583vw;
  height: 6.041vw;
  z-index: 1;
}

.dn2-info-pic .pic-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  mask: url(/img/bgs/C-mask-heng.png) no-repeat center / 100% 100%;
}

.dn2-info-text {
  flex: 1;
}

.dn2-info-text .name {
  color: #a18558;
  text-transform: capitalize;
  line-height: 1.5;
  margin-bottom: 0.208vw;
}

.dn2-info-text .info-desc {
  color: #666;
  line-height: 1.5;
}

.dn2-info-icon {
  position: absolute;
  right: 50%;
  transform: translateX(50%);
  bottom: -2.135vw;
  width: 2.656vw;
}

.dn2-info-icon img {
  width: 100%;
}

.dn3 {
  background: #f5f3ef;
  padding: 1.979vw 8.333vw 4.687vw;
}

.dn3 .C-title {
  margin-bottom: 3.802vw;
  max-width: 73.75vw;
  margin-left: auto;
  margin-right: auto;
}

.dn3 .C-title .desc {
  max-width: 62.604vw;
  margin: 0 auto;
}

.dn3-body {
  gap: 4.479vw;
}

.dn3-swiper-wrap {
  position: relative;
  flex-shrink: 0;
  overflow: hidden;
  height: 42.187vw;
  margin-left: -1.25vw;
}

.dn3-swiper-wrap.theme1 {
  width: 40.312vw;
}

.dn3-swiper-wrap.theme2 {
  width: 26.666vw;
}

.dn3-swiper-wrap .swiper {
  width: 100%;
  height: 100%;
  perspective: 62.5vw;
}

.dn3-swiper-wrap .swiper-wrapper {
  transform-style: preserve-3d;
}

.dn3-swiper-wrap .swiper-slide {
  width: 13.02vw;
  height: 100%;
  overflow: hidden;
  position: relative;
  transform: translate3d(0vw, 0vw, -5.208vw) rotateY(10deg);
  transition: all ease 1s;
  opacity: 0;
}

.dn3-swiper-wrap .swiper-slide-active {
  transform: translate3d(0vw, 0vw, -5.208vw) rotateY(-10deg);
}

.dn3-swiper-wrap .swiper-slide-active,
.dn3-swiper-wrap .swiper-slide-next {
  opacity: 1;
}

.dn3-swiper-wrap.theme1 .swiper-slide-prev {
  opacity: 1;
}

.dn3-swiper-wrap .swiper-slide .slide-img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.dn3-swiper-wrap .swiper-slide .slide-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.dn3-swiper-wrap .swiper-slide .slide-label {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 13.02vw;
  height: 7.968vw;
}

.dn3-swiper-wrap .swiper-slide .slide-label .label-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.dn3-swiper-wrap .swiper-slide .slide-label .label-bg img {
  width: 100%;
  height: 100%;
}

.dn3-swiper-wrap .swiper-slide .slide-label .label-name {
  position: relative;
  z-index: 2;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 0.104vw;
  padding-top: 3.02vw;
}

.dn3-right {
  flex: 1;
  position: relative;
}

.dn3-right .slide-text {
  display: none;
}

.dn3-right .slide-text.on {
  display: block;
}

.dn3-right .slide-text .text-title {
  color: #a18558;
  text-transform: capitalize;
  line-height: 1.3;
  margin-bottom: 2.5vw;
}

.dn3-right .slide-text .text-desc {
  color: #666;
  line-height: 1.458vw;
}

.dn3-right .controls {
  margin-top: 3.541vw;
}

.dn4 {
  background: #f5f3ef;
  padding: 2.812vw 8.333vw 5.416vw;
}

.dn4 .C-title {
  max-width: 44.791vw;
  margin: 0 auto 1.145vw;
}

.dn4-swiper-wrap {
  position: relative;
  overflow: hidden;
}

.dn4-swiper-wrap .swiper {
  padding: 2.5vw 0;
}

.dn4-swiper-wrap .swiper-slide {
  width: 19.531vw;
  height: 33.177vw;
  position: relative;
  background: #fff;
}

.dn4-swiper-wrap .swiper-slide .inner {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 0.416vw;
  overflow: hidden;
  box-shadow: 0 0 0.885vw rgba(0, 0, 0, 0.15);
}

.dn4-swiper-wrap .swiper-slide .slide-photo {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.dn4-swiper-wrap .swiper-slide .slide-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.dn4-swiper-wrap .swiper-slide .slide-photo::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  transition: opacity ease 0.4s;
}

.dn4-swiper-wrap .swiper-slide .slide-bar {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0.52vw;
  background: #e27d4a;
  z-index: 3;
}

.dn4-swiper-wrap .swiper-slide .slide-caption {
  position: absolute;
  left: 0;
  bottom: 0.52vw;
  width: 100%;
  height: 19.843vw;
  background: #fff;
  z-index: 2;
  padding: 1.666vw 1.875vw;
  transform: translateY(100%);
  transition: transform ease 0.5s;
}

.dn4-swiper-wrap .swiper-slide .slide-caption .cap-title {
  color: #a18558;
  text-transform: capitalize;
  line-height: 1.5;
  margin-bottom: 1.25vw;
}

.dn4-swiper-wrap .swiper-slide .slide-caption .cap-desc {
  color: #666;
  line-height: 1.6;
}

.dn4-swiper-wrap .swiper-slide .slide-icon {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 50%);
  width: 4.479vw;
  height: 4.479vw;
  z-index: 4;
  opacity: 0;
  transition: opacity ease 0.4s;
}

.dn4-swiper-wrap .swiper-slide .slide-icon img {
  width: 100%;
  height: 100%;
}

.dn4-swiper-wrap .swiper-slide:hover .slide-photo::after {
  opacity: 0;
}

.dn4-swiper-wrap .swiper-slide:hover .slide-caption {
  transform: translateY(0);
}

.dn4-swiper-wrap .swiper-slide:hover .slide-icon {
  opacity: 1;
}

.ff5 {
  font-family: "Gentium Plus", serif;
}

.home {
  background: #f5f3ef;
}

.home .home1 {
  position: relative;
  width: 100%;
  height: 57.083vw;
  overflow: hidden;
}

.home .home1-video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

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

.home .home1-mask {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 50%;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
}

.home .home1-title {
  position: absolute;
  left: 6.718vw;
  bottom: 7.5vw;
  width: 50.833vw;
  line-height: 1;
  letter-spacing: -0.123vw;
}

.home .home1-title .t1 {
  color: #fff;
}

.home .home1-title .t2 {
  color: #a18558;
}

.home .home1-card {
  position: absolute;
  right: 6.51vw;
  top: 11.406vw;
  width: 27.5vw;
  padding: 1.666vw;
  background: rgba(255, 255, 255, 0.23);
  border-radius: 0.937vw;
  backdrop-filter: blur(0.312vw);
}

.home .home1-card .card-text {
  color: #fff;
  line-height: 1.6;
  margin-bottom: 2.5vw;
}

.home .home1-card .card-arrow-btn {
  width: 2.5vw;
  height: 2.5vw;
}

.home .home1-card .card-arrow-btn img {
  width: 100%;
  height: 100%;
}

.home2 {
  position: relative;
  padding: 8.593vw 0 0;
  overflow: hidden;
}

.home2-top {
  text-align: center;
  padding: 0 8.333vw;
}

.home2-title {
  line-height: 1;
  letter-spacing: -0.123vw;
  margin-bottom: 2.5vw;
}

.home2-title .t1 {
  color: #a18558;
}

.home2-title .t2 {
  color: #dcb368;
}

.home2-desc {
  max-width: 48.437vw;
  margin: 0 auto 4.166vw;
  color: #666;
  line-height: 1.458vw;
}

.home2-stats {
  gap: 8.385vw;
  margin-bottom: 5.208vw;
}

.home2-stats .stat-item {
  text-align: center;
}

.home2-stats .stat-num {
  color: #181a1b;
  line-height: 1;
  margin-bottom: 1.25vw;
}

.home2-stats .stat-label {
  color: #a18558;
  text-transform: uppercase;
  line-height: 1;
}

.home2-deco {
  width: 100%;
  text-align: center;
}

.home2-deco img {
  width: 100%;
  display: block;
}

.home3 {
  padding: 6.718vw 7.708vw 4.479vw;
}

.home3 .C-title {
  max-width: 44.791vw;
  margin: 0 auto 4.479vw;
}

.home3-list {
  gap: 2.395vw;
  margin-bottom: 4.479vw;
}

.home3-item {
  text-align: center;
}

.home3-item .item-photo {
  width: 100%;
  height: 30.52vw;
  overflow: hidden;
  margin-bottom: 1.875vw;
}

.home3-item .item-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.home3-item .item-title {
  color: #a18558;
  text-transform: uppercase;
  margin-bottom: 1.041vw;
}

.home3-item .item-desc {
  color: #666;
  line-height: 1.458vw;
}

.home4 {
  padding: 3.697vw 3.697vw 4.479vw;
}

.home4 .C-title {
  max-width: 52.916vw;
  margin: 0 auto 4.479vw;
}

.home4-list {
  display: flex;
  gap: 1.666vw;
  margin-bottom: 4.479vw;
}

.home4-item {
  flex: 1;
  display: flex;
  gap: 1.458vw;
  align-items: flex-start;
}

.home4-item .item-icon {
  width: 5.312vw;
  flex-shrink: 0;
}

.home4-item .item-icon img {
  width: 100%;
}

.home4-item .item-content {
  flex: 1;
}

.home4-item .item-title {
  color: #000;
  text-transform: capitalize;
  line-height: 1.2;
  margin-bottom: 1.041vw;
}

.home4-item .item-desc {
  color: #666;
  line-height: 1.6;
}

.home5 {
  padding: 6.354vw 0 4.479vw;
}

.home5 .C-title {
  max-width: 44.791vw;
  margin: 0 auto 4.479vw;
}

.home5-slides {
  display: flex;
  gap: 0.572vw;
  height: 37.708vw;
  overflow: hidden;
  perspective: 62.5vw;
  transform-style: preserve-3d;
}

.home5-slide {
  position: relative;
  flex: 1;
  overflow: hidden;
  cursor: pointer;
  transition: all ease 0.6s;
  transform: translate3d(0vw, 0vw, -0.625vw) rotateY(6deg);
}

.home5-slide:nth-child(2n) {
  transform: translate3d(0vw, 0vw, -0.625vw) rotateY(-6deg);
}

.home5-slide.on {
  flex: 3;
  transform: translate3d(0vw, 0vw, -0.625vw) rotateY(0deg);
}

.home5-slide .slide-img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

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

.home5-slide .slide-label {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 8.281vw;
  transition: opacity ease 0.4s;
}

.home5-slide.on .label-name {
  opacity: 0;
  pointer-events: none;
}

.home5-slide .slide-label .label-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url('/img/dn/dn3-i1.svg') no-repeat center/100% 100%;
}

.home5-slide.on .slide-label .label-bg {
  background: url('/img/dn/dn3-i2.png') no-repeat center/100% 100%;
}

.home5-slide .slide-label .label-bg img {
  width: 100%;
  height: 100%;
}

.home5-slide .slide-label .label-name {
  position: relative;
  z-index: 2;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 0.104vw;
  padding-top: 3.541vw;
}

.home5-slide .slide-info {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 0 2.239vw 1.354vw;
  opacity: 0;
  transition: opacity ease 0.4s;
  pointer-events: none;
}

.home5-slide.on .slide-info {
  opacity: 1;
  transition: opacity ease 0.4s .2s;
}

.home5-slide .slide-info .info-name {
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.104vw;
  text-align: center;
  margin-bottom: 0.625vw;
}

.home5-slide .slide-info .info-desc {
  color: #fff;
  line-height: 1.458vw;
  text-align: center;
}

.home5-btn {
  margin-top: 4.479vw;
}

.home6 {
  padding: 6.145vw 7.447vw 10.416vw;
}

.home6-inner {
  gap: 4.479vw;
}

.home6-photo {
  width: 40.312vw;
  height: 47.812vw;
  overflow: hidden;
}

.home6-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.home6-right {
  flex: 1;
}

.home6-title-wrap {
  margin-bottom: 4.479vw;
}

.home6-title-wrap .title {
  color: #a18558;
  text-transform: capitalize;
  margin-bottom: 1.25vw;
}

.home6-title-wrap .desc {
  color: #666;
  line-height: 1.458vw;
}

.home6-list {
  display: flex;
  flex-wrap: wrap;
  gap: 2.5vw;
  margin-bottom: 4.479vw;
}

.home6-item {
  width: calc(33.33% - 1.666vw);
  text-align: center;
}

.home6-item .item-icon {
  height: 5.208vw;
  margin-bottom: 1.25vw;
  display: flex;
  align-items: center;
  justify-content: center;
}

.home6-item .item-icon img {
  max-height: 100%;
  max-width: 100%;
}

.home6-item .item-name {
  color: #a18558;
  text-align: center;
}

.home7 {
  position: relative;
  width: 100%;
  min-height: 49.583vw;
  overflow: hidden;
}

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

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

.home7-inner {
  position: relative;
  display: flex;
  align-items: flex-start;
  padding: 10vw 8.333vw 6.25vw;
  gap: 4.843vw;
}

.home7-left {
  width: 38.177vw;
  flex-shrink: 0;
  padding-top: 3.593vw;
}

.home7-title {
  color: #a18558;
  text-transform: capitalize;
  margin-bottom: 2.5vw;
}

.home7-desc {
  color: #666;
  line-height: 1.458vw;
}

.home7-right {
  flex: 1;
}

.hform-row {
  display: flex;
  gap: 0.625vw;
  margin-bottom: 0.677vw;
}

.hform-group {
  flex: 1;
}

.hform-group-full {
  width: 100%;
}

.hform-label {
  display: block;
  color: rgba(161, 133, 88, 0.9);
  margin-bottom: 0.52vw;
  line-height: 1.5;
}

.hform-input {
  width: 100%;
  height: 3.229vw;
  background: #fff;
  border: 0.052vw solid rgba(114, 113, 113, 0.39);
  border-radius: 0.208vw;
  padding: 0 0.625vw;
  color: rgba(161, 133, 88, 0.9);
  outline: none;
  transition: border-color ease 0.3s;
  text-transform: capitalize;
}

.hform-input::placeholder {
  color: rgba(168, 168, 168, 0.9);
}

.hform-input:focus {
  border-color: #a18558;
}

.hform-input.error {
  border-color: #c50000;
}

.hform-input.filled {
  color: rgba(161, 133, 88, 0.9);
}

.hform-textarea {
  width: 100%;
  height: 4.843vw;
  background: #fff;
  border: 0.052vw solid rgba(114, 113, 113, 0.39);
  border-radius: 0.208vw;
  padding: 0.625vw;
  color: rgba(161, 133, 88, 0.9);
  outline: none;
  resize: none;
  transition: border-color ease 0.3s;
  text-transform: capitalize;
}

.hform-textarea::placeholder {
  color: rgba(168, 168, 168, 0.9);
}

.hform-textarea:focus {
  border-color: #a18558;
}

.hform-textarea.error {
  border-color: #c50000;
}

.hform-error {
  display: block;
  color: rgba(197, 0, 0, 0.6);
  margin-top: 0.312vw;
  min-height: 1.041vw;
  line-height: 1.041vw;
}

.home7-submit {
  margin-top: 0.104vw;
  background: none;
  cursor: pointer;
  padding: 0.625vw;
  border: 0.052vw solid #e27d4a;
}