:root {
  --head: 6.458vw;
  --color: #FABF00;
}

.co-m {
  color: var(--color);
}

.head-zhanwei {
  height: var(--head);
}

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

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

.head1-inner {
  width: 89.635vw;
  height: 100%;
  margin: 0 auto;
}

.head1 .logo {
  width: 6.531vw;
}

.head1 .menu {
  gap: 2.385vw;
  height: 100%;
}

.head1 .menu .link {
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  border-bottom: 0.104vw solid transparent;
}

.head1 .menu .link>a {
  color: #fff;
  padding: 0;
}

.head1 .menu .link.on>a {
  color: var(--color);
}

.head1 .menu .link>a:hover {
  color: var(--color);
}

.head1 .menu .link.on {
  border-bottom: 0.104vw solid var(--color);
}

.head1 .menu .link:hover {
  border-bottom: 0.104vw solid var(--color);
}

.head1 .right {
  margin-left: 2.083vw;
  gap: 1.041vw;
  flex-wrap: nowrap;
}

.head1 .lang-wrap {
  position: relative;
}

.head1 .lang {
  gap: 0.312vw;
  color: #fff;
  flex-wrap: nowrap;
  white-space: nowrap;
  cursor: pointer;
}

.head1 .lang .lang-icon {
  width: .875vw;
  height: .875vw;
}

.head1 .lang-dropdown {
  position: absolute;
  top: 100%;
  left: 50%;
  /* right: 0; */
  min-width: 6.77vw;
  background: rgba(250, 191, 0, 0.9);
  border-radius: 0.312vw;
  padding: 0.312vw 0;
  opacity: 0;
  visibility: hidden;
  transform: translate(-50%, 0.416vw);
  transition: all ease 0.3s;
  z-index: 200;
  margin-top: 0.416vw;
}

.head1 .lang-wrap:hover .lang-dropdown {
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, 0);
}

.head1 .lang-item {
  display: block;
  padding: 0.416vw 0.937vw;
  /* color: rgba(255, 255, 255, 0.7); */
  color: #000;
  white-space: nowrap;
  transition: all ease 0.2s;
}

.head1 .lang-item:hover,
.head1 .lang-item.active {
  /* color: #fff; */
  color: #000;
  background: rgba(255, 255, 255, 0.1);
}


.head1-dropdown {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 100%;
  width: 77.604vw;
  background: rgba(250, 191, 0, 0.9);
  padding: 2.447vw 7.291vw 8.489vw;
  opacity: 0;
  visibility: hidden;
  transition: all ease 0.3s;
  z-index: 100;
}

.head1 .menu .link:hover .head1-dropdown {
  opacity: 1;
  visibility: visible;
}

.head1-dropdown-inner {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 5.208vw;
}

.head1-dropdown-left {
  width: 24.843vw;
}

.head1-dropdown-left h3 {
  color: #000;
  line-height: 1.3;
  margin-bottom: 0.52vw;
}

.head1-dropdown-left p {
  color: #000;
  line-height: 1.7;
}

.head1-dropdown-right {
  gap: 2.916vw;
  flex-wrap: nowrap;
}

.head1-dropdown-right .ul {
  width: 19.375vw;
}

.head1-dropdown-link {
  display: block;
  padding: 0.364vw 0 0.156vw;
  border-bottom: 0.052vw solid rgba(0, 0, 0, 0.15);
  /* color: rgba(0, 0, 0, 0.4); */
  color: #000;
  line-height: 1.7;
  transition: all ease 0.3s;
}

.head1-dropdown-link.active,
.head1-dropdown-link:hover {
  color: #000;
  border-bottom: 0.104vw solid #000;
  font-weight: 500;
  text-decoration: auto;
}

.head1-dropdown-link-item {
  display: block;
  padding: 0.364vw 0 0.156vw;
  border-bottom: 0.052vw solid rgba(0, 0, 0, 0.15);
  color: rgba(0, 0, 0, 0.4);
  line-height: 1.7;
  transition: all ease 0.3s;
  margin-left: 1.0417vw;
}

.head1-dropdown-link-item:hover {
  color: #000;
  border-bottom: 0.104vw solid #000;
  font-weight: 500;
  text-decoration: auto;
}

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

.C-btn1 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.52vw;
  background: #FABF00;
  border-radius: 52.083vw;
  color: #231815;
  cursor: pointer;
  transition: all ease 0.3s;
  text-decoration: none;
}

.C-btn1:hover {
  background: #fff;
}

.C-btn1.size1 {
  padding: 0.937vw 2.187vw;
}

.C-btn1.size2 {
  padding: 1.041vw 2.708vw;
}

.C-btn1 .btn-icon {
  width: 1.25vw;
  height: 1.25vw;
}

.C-pages {
  display: flex;
  align-items: center;
  gap: 1.875vw;
  justify-content: center;
}

.C-pages .page-btn {
  width: 2.083vw;
  height: 2.083vw;
  border-radius: 100%;
  background: var(--color);
  cursor: pointer;
  transition: all ease 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
}

.C-pages .page-btn:hover {
  opacity: 0.7;
}

.C-pages .page-btn.disabled {
  cursor: not-allowed;
}

.C-pages .page-btn img {
  width: 0.364vw;
}

.C-pages .page-nums {
  display: flex;
  align-items: center;
  gap: 1.875vw;
}

.C-pages .page-num {
  width: 2.083vw;
  height: 2.083vw;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  line-height: 1.406vw;
  color: rgba(0, 0, 0, 0.6);
  cursor: pointer;
  transition: all ease 0.3s;
  text-decoration: none;
}

.C-pages .page-num:hover {
  background: rgba(251, 207, 63, 0.3);
}

.C-pages .page-num.on {
  background: #FBCF3F;
  color: #231815;
}

.C-pages .page-dots {
  color: rgba(0, 0, 0, 0.6);
  line-height: 1.406vw;
}

.icon-gotop {
  position: fixed;
  right: 3.125vw;
  bottom: 3.125vw;
  width: 3.125vw;
  height: 3.125vw;
  cursor: pointer;
  z-index: 40;
  transition: all ease 0.3s;
}

.icon-gotop:hover {
  transform: translateY(-0.156vw);
}

.icon-gotop img {
  width: 100%;
  height: 100%;
}

footer {
  position: relative;
  overflow: hidden;
  z-index: 5;
}

.foot-bg {
  width: 93.02vw;
  margin: 0 auto;
  padding: 4.687vw 13.125vw 3.125vw;
}

.foot-bg .bg-wrap {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: calc(100% - 3.541vw - 3.541vw);
  height: calc(100% - 1.406vw);
  z-index: 1;
  background: #151515;
  border-radius: 2.395vw;
  margin: 1.406vw 3.541vw 0;
}

.foot-bg:hover .bg-wrap {
  border-radius: 0;
  margin: 0;
  width: 100%;
  height: 100%;
}

.foot1 {
  padding-bottom: 2.604vw;
  position: relative;
  z-index: 2;
}

.foot-nav {
  gap: 8.385vw;
}

.foot-nav dl {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 10.416vw;
}

.foot-nav dt {
  color: #fff;
  line-height: 1.041vw;
  margin-bottom: 1.51vw;
}

.foot-nav dd {
  margin: 0;
  padding: 0;
}

.foot-nav dd a {
  color: #fff;
  line-height: 1.041vw;
  display: block;
  margin-top: 0.937vw;
}

.foot-nav dd a:hover {
  color: var(--color);
}

.foot-nav-single dd {
  margin-top: 0;
}

.foot-nav-single dd a {
  margin-top: 1.041vw;
}

.foot-nav-single dd:first-child a {
  margin-top: 0;
}

.foot-contact {
  width: auto;
}

.foot-contact p {
  color: #fff;
  line-height: 1.041vw;
}

.foot-phone {
  margin-top: 1.041vw;
  margin-bottom: 1.25vw;
  font-family: "Mulish", sans-serif;
}

.foot2 {
  padding-top: 2.604vw;
  align-items: flex-end;
  position: relative;
  z-index: 2;
}

.foot2-left {
  width: 28.854vw;
}

.foot-friend {
  color: #fff;
  line-height: 1.041vw;
  gap: 0;
  display: flex;
  align-items: flex-start;
  margin-bottom: 0.833vw;
}

.foot-friend .item {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.foot-friend a {
  color: #fff;
}

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

.foot-copy {
  color: #fff;
  opacity: 0.3;
  line-height: 1.25vw;
}

.foot2-right {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 1.458vw;
}

.foot-social {
  gap: 0.416vw;
  align-items: flex-end;
}

.foot-social .group {
  gap: 0.416vw;
}

.social-item {
  width: 2.187vw;
  height: 2.187vw;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all ease 0.3s;
  position: relative;
}

.social-item:hover {
  background: var(--color);
}

.social-item img {
  width: 100%;
}

.social-item .social-qr {
  position: absolute;
  left: 50%;
  bottom: calc(100% + 0.625vw);
  width: 7.812vw;
  padding: 0.416vw;
  background: #fff;
  border-radius: 0.416vw;
  box-shadow: 0 0.208vw 0.833vw rgba(0, 0, 0, 0.16);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translate(-50%, 0.521vw);
  transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease;
  z-index: 10;
}

.social-item .social-qr::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -0.312vw;
  width: 0.625vw;
  height: 0.625vw;
  background: #fff;
  transform: translateX(-50%) rotate(45deg);
  box-shadow: 0.156vw 0.156vw 0.312vw rgba(0, 0, 0, 0.06);
}

.social-item .social-qr img {
  width: 100%;
  display: block;
  border-radius: 0.208vw;
}

.social-item.has-qrcode:hover .social-qr {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translate(-50%, 0);
}

.foot-links {
  gap: 3.645vw;
  flex-wrap: nowrap;
}

.foot-links a {
  color: #fff;
  line-height: 1.041vw;
  white-space: nowrap;
}

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



.news1 {
  padding-top: 5.052vw;
  padding-bottom: 6.25vw;
}

.news1 .C-wrap {
  position: relative;
}

.news1 .pic-box {
  width: 30.885vw;
  height: 21.197vw;
  border-radius: 1.041vw;
  overflow: hidden;
}

.news1 .pic-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.news1 .info {
  width: 33.437vw;
}

.news1 .info .tit {
  line-height: 1.2;
  color: #000;
}

.news1 .info .desc {
  margin-top: 1.041vw;
  line-height: 1.5;
  color: #5b5b5b;
}

.news1 .info .C-btn1 {
  margin-top: 7.135vw;
}

.news2 {
  position: relative;
  padding-bottom: 5.208vw;
}

.news2 .bg-circle {
  position: absolute;
  left: 6.614vw;
  top: 24.322vw;
  width: 62.031vw;
  height: 49.791vw;
  pointer-events: none;
  z-index: 0;
  background: radial-gradient(circle, rgba(250, 191, 0, 0.25) 0%, rgba(250, 191, 0, 0.08) 40%, transparent 70%);
  border-radius: 50%;
  background: linear-gradient(180deg, rgba(252, 214, 105, 0.50) 0%, rgba(252, 214, 105, 0.00) 100%);
  filter: blur(13.02vw);
  animation: breathGlow 4s ease-in-out infinite;
}

@keyframes breathGlow {

  0%,
  100% {
    opacity: 0.8;
    transform: scale(1);
  }

  50% {
    opacity: 1;
    transform: scale(1.08);
  }
}

.news2 .C-wrap {
  position: relative;
  z-index: 1;
}

.news2-tabs {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4.583vw;
}

.news2-tabs .tab {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.52vw;
  width: 5.989vw;
  text-transform: none;
  color: #666;
  cursor: pointer;
  transition: all ease 0.3s;
  text-decoration: none;
  border-radius: 52.083vw;
}

.news2-tabs .tab.on {
  background: #FABF00;
  color: #fff;
  width: 8.333vw;
  padding: 0.625vw 0.52vw;
}

.news2-search {
  position: relative;
  display: flex;
  align-items: center;
  width: 31.302vw;
  height: 2.812vw;
  background: #fff;
  border-radius: 52.083vw;
  box-shadow: 0.26vw 0.208vw 1.401vw 0 #f4f0e5;
}

.news2-search-input {
  flex: 1;
  width: 100%;
  height: 100%;
  padding: 0 3.333vw 0 1.667vw;
  border: none;
  outline: none;
  background: transparent;
  border-radius: 52.083vw;
  color: #333;
  font-family: inherit;
  font-weight: 400;
  line-height: 1.406vw;
  box-shadow: 5px 4px 26.9px 0 #F4F0E5;
}

.news2-search-input::placeholder {
  color: #666;
}

.news2-search-input::-webkit-search-cancel-button {
  display: none;
}

.news2-search-icon {
  position: absolute;
  right: 0.572vw;
  top: 50%;
  transform: translateY(-50%);
  width: 1.667vw;
  height: 1.667vw;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity ease 0.3s;
}

.news2-search-icon:hover {
  opacity: 0.85;
}

.news2-search-icon svg {
  width: 100%;
  height: 100%;
  display: block;
}

.news2-search-hint {
  margin-top: 1.562vw;
  color: #666;
  line-height: 1.6;
}

.news2-search-clear {
  margin-left: 1.042vw;
  color: #fabf00;
  text-decoration: underline;
  transition: opacity ease 0.3s;
}

.news2-search-clear:hover {
  opacity: 0.85;
}

.news2 .news-list {
  margin-top: 3.854vw;
  gap: 2.604vw 4.166vw;
}

.news-item {
  background: rgba(255, 255, 255, 0.55);
  backdrop-filter: blur(0.937vw);
  border-radius: 1.041vw;
  overflow: hidden;
  box-shadow: 0vw 0.208vw 1.041vw -0.104vw rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.093vw;
  cursor: pointer;
  transition: all ease 0.3s;
  text-decoration: none;
  color: inherit;
}

.news-item:hover {
  box-shadow: 0vw 0.416vw 1.562vw -0.104vw rgba(0, 0, 0, 0.15);
}

.news-item .item-pic {
  width: 100%;
  height: 15.625vw;
  overflow: hidden;
  border-radius: 1.041vw 1.041vw 0 0;
}

.news-item .item-pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all ease 0.6s;
}

.news-item:hover .item-pic img {
  transform: scale(1.05);
}

.news-item .item-info {
  width: 24.947vw;
  padding-bottom: 1.302vw;
}

.news-item .item-info .item-tit {
  color: #000;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}

.news-item .item-info .item-desc {
  margin-top: 0.52vw;
  line-height: 1.7;
  color: #666;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}

.news-item .item-info .item-bot {
  margin-top: 0.52vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.news-item .item-info .item-date {
  line-height: 1.406vw;
  color: #707070;
}

.news-item .item-info .item-more {
  display: flex;
  align-items: center;
  gap: 0.208vw;
  color: #231815;
  line-height: 1.406vw;
}

.news-item .item-info .item-more img {
  width: 0.781vw;
  height: 0.729vw;
}

.news2 .C-pages {
  margin-top: 4.635vw;
}

.news5 {
  padding-top: 7.291vw;
  padding-bottom: 5.208vw;
}

.news5 .C-wrap {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.news5 .news5-left {
  width: 43.281vw;
}

.news5 .news5-title {
  line-height: 2.812vw;
  color: #000;
}

.news5 .news5-date {
  margin-top: 2.083vw;
  line-height: 1.354vw;
  color: #666;
}

.news5 .news5-body {
  margin-top: 1.354vw;
}

.news5 .news5-body .art-img {
  width: 100%;
  border-radius: 0.104vw;
  overflow: hidden;
  margin: 1.562vw 0;
}

.news5 .news5-body .art-img img {
  width: 100%;
  display: block;
}

.news5 .news5-body .art-text {
  line-height: 1.562vw;
  color: #666;
}

.news5 .news5-body .art-text p {
  margin-bottom: 0;
}

.news5 .news5-body .art-text .art-bold {
  font-weight: bold;
  color: #333;
}

.news5 .news5-nav {
  margin-top: 3.125vw;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.news5 .news5-nav .nav-links {
  width: 24.114vw;
  display: flex;
  flex-direction: column;
  gap: 0.625vw;
}

.news5 .news5-nav .nav-links a {
  display: block;
  line-height: 1.25vw;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #231815;
  transition: all ease 0.3s;
}

.news5 .news5-nav .nav-links a:hover {
  color: #FABF00;
}

.news5 .news5-nav .nav-back {
  display: flex;
  align-items: center;
  gap: 0.364vw;
  color: #231815;
  transition: all ease 0.3s;
}

.news5 .news5-nav .nav-back:hover {
  color: #FABF00;
}

.news5 .news5-nav .nav-back img {
  width: 1.562vw;
  height: 1.562vw;
}

.news5 .news5-right {
  width: 20.104vw;
}

.news5 .share-bar {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 1.25vw;
  padding-bottom: 0.208vw;
  border-bottom: 0.208vw solid #eee;
}

.news5 .share-bar .share-item {
  cursor: pointer;
  transition: all ease 0.3s;
}

.news5 .share-bar .share-item img {
  width: 0.937vw;
  height: 0.937vw;
}

.news5 .other-news {
  margin-top: 0.781vw;
}

.news5 .other-news .other-title {
  line-height: 1.666vw;
  color: #363940;
  margin-bottom: 0.833vw;
}

.news5 .other-news .other-list {
  display: flex;
  flex-direction: column;
  gap: 2.083vw;
}

.news5 .other-news .other-item {
  display: flex;
  gap: 0.572vw;
  align-items: flex-start;
  cursor: pointer;
  text-decoration: none;
  color: inherit;
  transition: all ease 0.3s;
}

.news5 .other-news .other-item:hover {
  opacity: 0.85;
}

.news5 .other-news .other-item .other-pic {
  width: 5.416vw;
  height: 5.416vw;
  border-radius: 0.104vw;
  overflow: hidden;
  flex-shrink: 0;
  box-shadow: 0.208vw 0.208vw 0.104vw 0vw rgba(0, 0, 0, 0.1);
}

.news5 .other-news .other-item .other-pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.news5 .other-news .other-item .other-info {
  flex: 1;
  min-width: 0;
}

.news5 .other-news .other-item .other-tit {
  line-height: 1.406vw;
  color: #000;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.news5 .other-news .other-item .other-desc {
  margin-top: 0.208vw;
  line-height: 1.145vw;
  color: #5b5b5b;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 12.968vw;
}

.news5 .other-news .other-item .other-date {
  margin-top: 0.208vw;
  line-height: 1.406vw;
  color: #707070;
}

.down1 {
  position: relative;
  width: 100%;
  height: 27.031vw;
  overflow: hidden;
}

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

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

.down1-mask {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  z-index: 1;
}

.down1-content {
  position: relative;
  z-index: 2;
  height: 100%;
  gap: 1.25vw;
}

.down1-content h1 {
  color: #fff;
}

.down1-tag {
  gap: 0.416vw;
  padding: 0 0.937vw;
  height: 1.77vw;
  border-radius: 520.781vw;
  background: rgba(250, 191, 0, 0.1);
  border: 0.052vw solid rgba(250, 191, 0, 0.3);
}

.down1-tag span {
  color: #fff;
  letter-spacing: 0.062vw;
  text-transform: uppercase;
}

.down1-tag .tag-icon {
  width: 0.729vw;
  height: 0.729vw;
}

.down2 {
  position: relative;
  padding: 3.072vw 0 6.25vw;
  overflow: hidden;
}

.down2-glow {
  position: absolute;
  right: 0;
  top: 0;
  width: 53.802vw;
  pointer-events: none;
  z-index: 0;
}

.down2-list {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 2.083vw;
  width: 60vw;
  margin: 0 auto;
}

.down2-group {
  display: flex;
  flex-direction: column;
  gap: 1.041vw;
}

.down2-term {
  border-bottom: 0.052vw solid #454545;
  padding-bottom: 0.885vw;
}

.down2-term h2 {
  color: #FABF00;
  line-height: 1;
}

.down2-items {
  gap: 1.302vw 5.208vw;
  padding: 0 1.458vw 0 0;
}

.down2-item {
  padding: 0;
  text-decoration: none;
  color: inherit;
  transition: all ease 0.3s;
  align-items: flex-start;
}

.down2-item:hover {
  color: #FABF00;
}

.down2-item .item-left {
  gap: 0.625vw;
  flex: 1;
  min-width: 0;
}

.down2-item .item-icon {
  width: 1.562vw;
}

.down2-item .item-left span {
  line-height: 1.562vw;
  color: #231815;
  flex: 1;
  min-width: 0;
  transition: all ease .3s;
}

/* .down2-item .item-left:hover span {
  color: #FABF00;
} */

.down2-item .item-right {
  gap: 0.416vw;
  flex-shrink: 0;
  margin-left: 1.041vw;
  position: relative;
}

.down2-item .item-right span {
  line-height: 1.406vw;
  color: #231815;
  transition: color ease .3s;
}

.down2-item .dl-icon {
  width: 1.25vw;
  height: 1.25vw;
  transition: opacity .35s ease, transform .35s ease;
}

.down2-item .dl-icon:nth-of-type(2) {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
  pointer-events: none;
}

.down2-item .item-right:hover .dl-icon:nth-of-type(1) {
  opacity: 0;
}

.down2-item .item-right:hover .dl-icon:nth-of-type(2) {
  opacity: 1;
  transform: translateY(-50%);
}

.down2-item .item-right:hover span {
  color: #FABF00;
}

.home1 {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

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

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

.home1-mask {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  z-index: 1;
}

.home1-content {
  position: relative;
  z-index: 2;
  height: 100%;
  gap: 1.562vw;
}

.home1-content h1 {
  color: #fff;
  line-height: 1.2;
  width: 65%;
}

.home1-content .sub {
  color: #fff;
  line-height: 1.2;
}

.home1-content .sub span {
  color: #FABF00;
}

.home1-btns {
  gap: 1.354vw;
}

.C-btn1.theme3 {
  background: transparent;
  border: 0.052vw solid #fff;
  color: #fff;
}

.C-btn1.theme3 .btn-icon {
  filter: brightness(0) invert(1);
}

.C-btn1.theme3:hover {
  background: #fff;
  color: #231815;
}

.C-btn1.theme3:hover .btn-icon {
  filter: brightness(1) invert(0);
}

.C-btn1.theme4 {
  background: #fff;
  color: #231815;
}

.C-btn1.theme4:hover {
  background: #231815;
  color: #fff;
}

.C-btn1.theme4:hover .btn-icon {
  filter: brightness(0) invert(1);
}

.C-btn1.theme5 {
  background: #231815;
  color: #fff;
}

.C-btn1.theme5 .btn-icon {
  filter: brightness(0) invert(1);
}

.C-btn1.theme5:hover {
  background: #FABF00;
  color: #231815;
}

.C-btn1.theme5:hover .btn-icon {
  filter: brightness(1) invert(0);
}

.home2 {
  position: relative;
  padding-top: 6.666vw;
  overflow: hidden;
  height: 50.364vw;
}

.home2-title {
  text-align: center;
  line-height: 1.2;
  color: #231815;
}

.home2-title span {
  color: #FABF00;
}

.home2-tabs {
  margin-top: 2.083vw;
  width: 55.437vw;
  margin-left: auto;
  margin-right: auto;
}

.home2-tabs-bg {
  width: 100%;
}

.home2-tabs-bg img {
  width: 100%;
  height: 100%;
}

.home2-tabs-highlight {
  position: absolute;
  top: 100%;
  height: 0.104vw;
  width: 3.281vw;
  background: #FABF00;
  transition: left ease 0.4s;
}

.home2-tabs-list {
  position: relative;
  z-index: 1;
  height: 100%;
  padding: 0 1.041vw;
  position: relative;
  padding-bottom: 0.729vw;
}

.home2-tabs-list .tab {
  cursor: pointer;
  color: rgba(0, 0, 0, 0.6);
  transition: all ease 0.3s;
  white-space: nowrap;
  line-height: 1.302vw;
}

.home2-tabs-list .tab.on {
  color: #231815;
}

.home2-lower {
  position: relative;
  margin-top: 0;
  height: 39.062vw;
  cursor: none;
}

.home2-cursor {
  position: fixed;
  width: 7.187vw;
  height: 5.52vw;
  pointer-events: none;
  z-index: 20;
  display: none;
  transform: translate(-50%, -50%);
}

.home2-cursor img {
  width: 100%;
  height: 100%;
}

.home2-ellipse-wrap {
  position: absolute;
  left: 50%;
  top: 18.229vw;
  transform: translateX(-50%);
  width: 91.614vw;
  height: 43.333vw;
}

.home2-ellipse-bg {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 50%);
  width: 62.031vw;
  height: 49.791vw;
  background: linear-gradient(180deg, rgba(252, 214, 105, 0.50) 0%, rgba(252, 214, 105, 0.00) 100%);
  filter: blur(13.02vw);
  border-radius: 50%;
  pointer-events: none;
}

.home2-data {
  position: absolute;
  left: 50%;
  bottom: 5.208vw;
  transform: translateX(-50%);
  text-align: center;
  z-index: 4;
}

.home2-data .big-num {
  opacity: 0.1;
  color: #231815;
  letter-spacing: -0.104vw;
  font-size: 9.375vw;
  line-height: 0.4;
  font-family: "Poppins", sans-serif;
}

.home2-data .data-title {
  margin-top: 1.041vw;
  color: #231815;
  line-height: 1.2;
}

.home2-data .data-desc {
  margin-top: 0.416vw;
  color: #231815;
  line-height: 1.5;
}

.home2-data .C-btn1 {
  margin-top: 2.083vw;
}

.home2-carousel {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
}

.home2-carousel .carousel-item {
  position: absolute;
  border-radius: 0.208vw;
  overflow: hidden;
  transition: all ease 0.6s;
  will-change: transform;
}

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

.home2-line {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 0);
  width: 91.614vw;
}

.home2-line svg {
  width: 100%;
}

.home3 {
  position: relative;
  padding: 6.875vw 0 0 17.187vw;
  overflow: hidden;
  width: 100%;
}

.home3 .C-wrap {
  position: relative;
}

.home3-header {
  gap: 0.937vw;
  position: absolute;
  left: 0;
  top: 0;
  width: 40%;
}

.home3-header .en {
  color: #231815;
  text-transform: uppercase;
  /* font-family: "Poppins", sans-serif; */
  line-height: 1.2;
}

.home3-header .cn {
  color: #231815;
  line-height: 1.2;
}

.home3-header .cn span {
  color: #FABF00;
}

.home3-body {
  position: relative;
}

.home3-items {
  gap: 1.145vw;
  flex-shrink: 0;
}

.home3-item,
a.home3-item {
  width: 15.52vw;
  height: 15.52vw;
  border-radius: 0.625vw;
  overflow: hidden;
  position: relative;
  cursor: pointer;
  display: block;
  text-decoration: none;
  color: inherit;
}

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

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

.home3-item .item-bg::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  transition: all ease 0.3s;
  opacity: 0;
}

.home3-item:hover .item-bg::after {
  opacity: 1;
}

.home3-item .item-label {
  position: absolute;
  left: 1.927vw;
  top: 2.291vw;
  z-index: 2;
  gap: 1.25vw;
  flex-wrap: nowrap;
}

.home3-item .item-label .name {
  color: #fff;
  white-space: nowrap;
  line-height: 1.2;
}

.home3-item .item-label .icon {
  width: 0.416vw;
}

.home3-item2 {
  width: 15.52vw;
  height: 15.52vw;
  border-radius: 0.625vw;
  background: #f3f3f3;
  cursor: pointer;
  position: relative;
  display: block;
  text-decoration: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.home3-item2:hover {
  background: #eaeaea;
}

.home3-item2 .item2-text {
  color: #000;
  margin-bottom: 0.52vw;
}

.home3-item2 .item2-icon {
  width: 2.343vw;
}

.home3-bigpic {
  width: 49.27vw;
  height: 32.187vw;
  border-radius: 0.625vw;
  overflow: hidden;
  position: absolute;
  right: 0;
  bottom: 0;
  mask: url('/wp-content/themes/zhunshida-custom/img/home/home3-mask.svg') no-repeat;
  mask-size: 100% 100%;
  pointer-events: none;
}

.home3-bigpic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all ease 0.6s;
  display: block;
}

.home3-bigpic img.enter {
  animation: picPPT 1s ease forwards;
}

@keyframes picPPT {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.05);
  }

  100% {
    transform: scale(1);
  }
}

.home4 {
  position: relative;
  padding: 9.791vw 5.208vw 8.02vw;
}

.home4-header {
  gap: 1.041vw;
}

.home4-header .en {
  color: #231815;
  text-transform: uppercase;
  font-family: "Poppins", sans-serif;
  line-height: 1.2;
}

.home4-header .cn {
  color: #000;
  line-height: 1.2;
}

.home4-header .cn span {
  color: #FABF00;
}

.home4-glow {
  position: absolute;
  right: 0;
  top: 1.041vw;
  width: 41.145vw;
  pointer-events: none;
  z-index: 0;
}

.home4-glow img {
  width: 100%;
}

.home4-grid {
  margin-top: 4.166vw;
  position: relative;
  z-index: 1;
  gap: 0.729vw;
}

.home4-item:nth-child(1) {
  width: 33.541vw;
}

.home4-item:nth-child(2) {
  width: calc(100% - 33.541vw - 0.729vw);
}

.home4-item:nth-child(3) {
  width: calc(100% - 33.541vw - 0.729vw);
}

.home4-item:nth-child(4) {
  width: 33.541vw;
}

.home4-item {
  height: 18.125vw;
  position: relative;
  border-radius: 1.041vw;
  overflow: hidden;
  cursor: pointer;
  transition: all ease 0.5s;
}

.home4-item-link {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 2;
  text-decoration: none;
  color: inherit;
}

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

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

.home4-item .item-bg::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.25);
  transition: all ease 0.3s;
}

.home4-item .item-info {
  position: absolute;
  left: 1.927vw;
  bottom: 2.083vw;
  max-width: 27.52vw;
  z-index: 2;
  opacity: 0;
  transition: all ease 0.4s;
}

.home4-item.on .item-info {
  opacity: 1;
}

.home4-item .item-info .info-title {
  color: #fff;
  line-height: 1.562vw;
}

.home4-item .item-info .info-desc {
  margin-top: 0.312vw;
  color: #fff;
  line-height: 1.562vw;
  opacity: 1;
  max-height: 3.125vw;
  transition: all ease 0.4s;
  /* overflow: hidden; */
}

.bg-render-ul {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.bg-render-ul img {
  position: absolute;
  opacity: 0;
  max-width: none;
  object-fit: cover;
  transition: all ease .8s;
}

.bg-render-ul img.on {
  opacity: 1;
  transition: all ease .8s .4s;
}

.home4-item:nth-child(1) .bg-render-ul img {
  transform-origin: top left;
  top: 0;
  left: 0;
}

.home4-item:nth-child(2) .bg-render-ul img {
  transform-origin: top right;
  top: 0;
  right: 0;
}

.home4-item:nth-child(3) .bg-render-ul img {
  transform-origin: bottom left;
  bottom: 0;
  left: 0;
}

.home4-item:nth-child(4) .bg-render-ul img {
  transform-origin: bottom right;
  bottom: 0;
  right: 0;
}

.home5 {
  position: relative;
  width: 100%;
  height: 63.072vw;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.88);
  backdrop-filter: blur(0.82vw);
}

.home5-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  mix-blend-mode: lighten;
}

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

.home5-light {
  position: absolute;
  left: -6.093vw;
  top: -1.77vw;
  width: 116.25vw;
  height: 69.739vw;
  mix-blend-mode: lighten;
  z-index: 1;
  pointer-events: none;
}

.home5-content {
  position: relative;
  z-index: 5;
}

.home5-header {
  padding-top: 7.343vw;
  padding-left: 16.614vw;
  gap: 1.041vw;
}

.home5-header .en {
  color: #fff;
  text-transform: uppercase;
  font-family: "Poppins", sans-serif;
  line-height: 1.2;
}

.home5-header .cn {
  color: #fff;
  line-height: 1.2;
}

.home5-header .cn span {
  color: #FABF00;
}

.home5-items {
  margin: 4.01vw 3.02vw 0 6.458vw;
  height: 33.593vw;
  position: relative;
}

.home5-item {
  position: absolute;
  width: 27.135vw;
  height: 8.02vw;
  border-radius: 1.25vw;
  overflow: hidden;
  cursor: pointer;
  transition: all ease 0.4s;
}

.home5-item:nth-child(1) {
  left: 0;
  top: 0;
}

.home5-item:nth-child(2) {
  right: 0;
  top: 7.135vw;
}

.home5-item:nth-child(3) {
  right: 8.854vw;
  bottom: 1.041vw;
}

.home5-item:nth-child(4) {
  left: 0;
  bottom: 0;
}

.home5-item::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(1.562vw);
  border-radius: 1.25vw;
  z-index: 0;
}

.home5-item .item-text {
  position: absolute;
  left: 1.927vw;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  width: 19.916vw;
}

.home5-item .item-text .item-title {
  color: #fff;
  line-height: 2;
  padding-bottom: 0.677vw;
}

.home5-item .item-text .item-desc {
  color: #fff;
  line-height: 1.8;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: all ease 0.4s;
}

.home5-item .item-icon {
  position: absolute;
  right: 1.614vw;
  top: 50%;
  transform: translateY(-50%) rotate(-135deg);
  width: 2.5vw;
  height: 2.5vw;
  z-index: 1;
  transition: all ease 0.3s;
}

.home5-item:hover {
  height: 15.458vw;
}

.home5-item:hover .item-desc {
  max-height: 9.25vw;
  opacity: 1;
}

.home5-item:hover .item-icon {
  transform: translateY(-50%) rotate(0deg);
}

.home5-btn {
  margin-top: 3.125vw;
  text-align: center;
}

.home6 {
  position: relative;
  width: 100%;
  height: 240vh;
  background: #ececec;
}

.home6 .pin {
  position: sticky;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

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

  will-change: transform;
  transform: translate3d(0vw, 100svh, 0vw) scale3d(2, 2, 1) rotateZ(-15deg);
  transform-style: preserve-3d;
}

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

.home6-content {
  position: relative;
  z-index: 1;
  height: 100%;
}

.home6-title {
  text-align: center;
  color: #231815;
  line-height: 1.2;
}

.home6-stats {
  margin-top: 3.072vw;
  width: 59.27vw;
  margin-left: auto;
  margin-right: auto;
  gap: 3.125vw 0;
}

.home6-stat {
  width: 30%;
  text-align: center;
}

.home6-stat .stat-num-wrap {
  line-height: 1;
}

.home6-stat .stat-num {
  color: #F9BE00;
  font-family: "Poppins", sans-serif;
  line-height: 1;
}

.home6-stat .stat-text {
  margin-top: 0.416vw;
  color: #231815;
  line-height: 1.562vw;
}

.home6-btn {
  margin-top: 4.166vw;
  text-align: center;
}

.home7 {
  position: relative;
  padding: 3.645vw 0 2.864vw;
}

.C-block1 {
  width: 69.843vw;
  height: 29.218vw;
  margin: 0 auto;
  border-radius: 1.041vw;
  overflow: hidden;
  position: relative;
}

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

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

.C-block1 .bg::after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%);
}

.C-block1 .info {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  z-index: 2;
  gap: 1.458vw;
  width: 34.27vw;
}

.C-block1 .info .info-title {
  color: #fff;
  line-height: 1.2;
}

.C-block1 .info .info-desc {
  color: #fff;
  margin-top: 0.52vw;
}

.C-block1 .report {
  position: absolute;
  right: 5.833vw;
  bottom: 4.166vw;
  width: 6.666vw;
  height: 9.062vw;
  border-radius: 0.208vw;
  overflow: hidden;
  backdrop-filter: blur(0.26vw);
  background: rgba(255, 255, 255, 0.43);
  box-shadow: 0vw 0.208vw 2.739vw 0vw rgba(0, 0, 0, 0.1);
  z-index: 3;
}

.C-block1 .report .report-text {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 1.041vw 0.625vw;
  width: 5.416vw;
  color: #fff;
  line-height: 1.7;
}

.C-block1 .report .report-bg {
  width: 9.375vw;
}

.home8 {
  padding: 3.385vw 0;
  text-align: center;
}

.home8-inner {
  gap: 2.239vw;
  width: 33.75vw;
  margin: 0 auto;
}

.home8-inner .tit {
  color: #000;
  line-height: 1.2;
}

.home8-inner .desc {
  color: #231815;
  margin-top: 0.625vw;
}

.btn-icon-white {
  filter: brightness(0) invert(1);
}

.home6-stat .stat-num,
.home6-stat .stat-plus {
  color: #F9BE00;
  font-family: "Poppins", sans-serif;
}

.home7-report .report-cover {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  left: 0;
  top: 0;
}

@keyframes home2Float {

  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-0.52vw);
  }
}

.juslink-page .yellow {
  color: #FABF00;
}

.juslink-page .white {
  color: #fff;
}

.juslink-page .gray {
  color: rgba(192, 192, 192, 0.25);
}

.juslink-page {
  background: #000;
}

.jl1-wrap {
  position: relative;
  height: 500vh;
}

.jl1-wrap .pin {
  position: sticky;
  left: 0;
  top: 0;
  z-index: 5;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

.jl1-wrap .test {
  position: fixed;
  left: 2%;
  top: 10%;
  z-index: 10;
  color: #f00;
  font-size: 2.0833333333vw;
  display: none;
}

.jl1-wrap .image-container {
  width: 96%;
  height: 100vh;
  position: absolute;
  right: 2%;
  top: 0;
  overflow: hidden;
  z-index: 1;
  pointer-events: none;
}

.jl1-wrap .image-container .fix {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
}

.jl1-wrap .image-container img {
  width: 100%;
  height: auto;
  display: none;
}

.jl1-wrap .image-container img.on {
  display: block;
}

.jl1-bg {
  width: 178.125vw;
  position: absolute;
  left: -30%;
  top: -42%;
  animation: home1bg1 30s ease infinite alternate;
}

@keyframes home1bg1 {
  20% {
    transform: translate(-20%, 5.208vw);
    filter: blur(0);
  }

  40% {
    transform: translate(-10%, 4.166vw) scale(1.4) rotate(-7deg);
    filter: blur(2.604vw);
  }

  60% {
    transform: translate(5%, -10%) scale(1.2) rotate(-24deg);
    filter: blur(0);
  }

  80% {
    transform: translate(-25%, 19.791vw) scale(1.6) rotate(7deg);
    filter: blur(2.604vw);
  }

  100% {
    transform: translate(-30%, 9.375vw) scale(1.2) rotate(-14deg);
    filter: blur(0);
  }
}

.jl1 {
  width: 100%;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
  width: 100%;
  height: 100vh;
}

.jl1-content {
  position: relative;
  z-index: 2;
  padding: 14.791vw 0 0 16.666vw;
  width: 44.791vw;
}

.jl1-content .icon {
  width: 7.812vw;
}

.jl1-content h1 {
  color: #fff;
  line-height: 1.2;
}

.jl1-desc {
  margin-top: 1.51vw;
  color: #fff;
  line-height: 1.7;
  width: 28.125vw;
}

.jl1-btns {
  margin-top: 2.083vw;
}

.jl2 {
  padding: 4.687vw 0 6.25vw;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
  width: 100%;
  height: 100vh;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  opacity: 0;
  pointer-events: none;
  transform: translateY(100%);
}

.jl2-text {
  width: 57.812vw;
  margin: 0 auto;
  color: #fff;
  line-height: 1.5;
}

.jl2-text .white {
  color: #fff;
}

.jl2-text .gray {
  color: rgba(192, 192, 192, 0.25);
}

.jl3 {
  position: relative;
  width: 100%;
  height: 59.739vw;
  overflow: hidden;

  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
  width: 100%;
  opacity: 0;
  pointer-events: none;
  transform: translateY(100%);
}

.jl3-guang {
  position: absolute;
  left: 50%;
  top: 9.218vw;
  transform: translateX(-50%);
  width: 46.302vw;
  height: 46.302vw;
  pointer-events: none;
  z-index: 0;
}

.jl3-guang img {
  width: 100%;
  height: 100%;
}

.jl3-list {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
}

.jl3-item {
  position: absolute;
  width: 19.114vw;
  height: 14.739vw;
  border-radius: 1.562vw;
  overflow: hidden;
  background: url('/wp-content/themes/zhunshida-custom/img/juslink/jl3-2.png') no-repeat center/cover;
  /* background: url('https://zsd.mfcool.com/wp-content/themes/zhunshida-custom/img/juslink/jl3-2.png') no-repeat center/cover; */
}

.jl3-item[data-pos="top-right"] {
  right: 15.729vw;
  top: 1.093vw;
}

.jl3-item[data-pos="left"] {
  left: 15.104vw;
  top: 15.208vw;
}

.jl3-item[data-pos="bottom-right"] {
  right: 21.093vw;
  top: 45vw;
}

.jl3-item .item-block {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 1.562vw;
}

.jl3-item .item-info {
  position: relative;
  z-index: 1;
  /* padding: 3.02vw 2.083vw 0 2.656vw; */
  padding: 3.02vw 2.083vw 3.3854vw 2.656vw;
}

.jl3-item .info-title {
  color: #f6f6f7;
  line-height: 1;
}

.jl3-item .info-sub {
  margin-top: 0.625vw;
  background: linear-gradient(to right, #fff6db, #fabf00);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  line-height: 1;
}

.jl3-item .info-desc {
  margin-top: 1.25vw;
  color: #fff;
  line-height: 1.4;
  width: 13.02vw;
}

.jl4 {
  position: relative;
  padding: 3.802vw 0 2.5vw;
  overflow: hidden;
}

.jl4-guang {
  position: absolute;
  left: -16.145vw;
  top: 18.385vw;
  width: 62.031vw;
  height: 49.791vw;
  pointer-events: none;
  z-index: 0;
}

.jl4-guang img {
  width: 100%;
  height: 100%;
}

.jl4-title {
  position: relative;
  z-index: 1;
  color: #fff;
  line-height: 1.5;
}

.jl4-title .gray {
  color: rgba(192, 192, 192, 0.25);
}

.jl4-video-wrap {
  position: relative;
  z-index: 1;
  width: 62.5vw;
  height: 32.708vw;
  margin: 2.5vw auto 0;
  border-radius: 1.25vw;
  overflow: hidden;
  cursor: pointer;
}

.jl4-video-wrap video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.jl4-play-btn {
  position: absolute;
  left: 1.51vw;
  bottom: 1.77vw;
  width: 4.27vw;
  height: 4.27vw;
  cursor: pointer;
  z-index: 3;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.jl4-video-wrap.paused .jl4-play-btn {
  opacity: 1;
}

.jl4-play-btn img {
  width: 100%;
  height: 100%;
}

.jl4-float-list {
  position: absolute;
  right: 1.51vw;
  bottom: 0.937vw;
  width: 17.239vw;
  height: 17.083vw;
  border-radius: 1.25vw;
  overflow: hidden;
  z-index: 2;
  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(1.562vw);
  padding: 1.562vw 1.25vw 0.937vw;
}

.jl4-swiper {
  width: 100%;
  height: 14.583vw;
}

.jl4-swiper .swiper-slide {
  height: auto;
  /* opacity: 0.2; */
  opacity: 1;
  transition: all ease .3s;
}

.jl4-swiper .swiper-slide-active {
  opacity: 1;
}

.float-slide {
  gap: 0.572vw;
  align-items: flex-start;
}

.float-avatar {
  width: 2.5vw;
  height: 2.5vw;
  flex-shrink: 0;
}

.float-text {
  flex: 1;
  color: #231815;
}

.float-text p:first-child {
  line-height: 1.7;
}

.float-time {
  margin-top: 0.312vw;
  opacity: 0.5;
  text-align: right;
  font-family: "Poppins", sans-serif;
}

.jl4-btn {
  position: relative;
  z-index: 1;
  margin-top: 2.5vw;
}

.jl5 {
  position: relative;
  padding: 4.114vw 0 5.208vw;
}

.jl5::after {
  content: '';
  position: absolute;
  right: -10.416vw;
  bottom: -15.625vw;
  width: 62.031vw;
  height: 49.791vw;
  background: linear-gradient(180deg, rgba(252, 214, 105, 0.50) 0%, rgba(252, 214, 105, 0.00) 100%);
  filter: blur(13.02vw);
  border-radius: 50%;
  pointer-events: none;
  z-index: 0;
}

.jl5-header {
  width: 37.291vw;
  margin: 0 auto;
  color: #fff;
  position: relative;
  z-index: 1;
}

.jl5-header .f_36 {
  line-height: 1.2;
}

.jl5-sub {
  margin-top: 0.989vw;
  line-height: 1.4;
}

.C-wawa {
  position: fixed;
  width: 8.541vw;
  z-index: 100;
  pointer-events: none;
  will-change: transform;
}

.C-wawa video {
  width: 100%;
}

.C-wawa-zhanwei {
  position: absolute;
  width: 8.541vw;
  height: 15.3125vw;
  z-index: 0;
}

.jl5 .C-wawa-zhanwei {
  position: absolute;
  left: 12.812vw;
  top: 8vw;
}

.jl5-list {
  margin-top: 3.333vw;
  gap: 1.562vw;
  justify-content: center;
  position: relative;
  z-index: 1;
}

.jl5-item {
  width: 20.833vw;
  height: 24.791vw;
  border-radius: 1.041vw;
  position: relative;
  overflow: hidden;
  background: rgba(217, 217, 217, 0.4);
  transition: all ease 0.4s;
  border: 0.052vw solid transparent;
}

.jl5-item::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: radial-gradient(53.79% 62.16% at 14% 91.18%, rgba(250, 191, 0, 0.40) 0%, rgba(250, 191, 0, 0.00) 100%), rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(0.416vw);
  opacity: 0;
  transition: all ease .6s;
}

.jl5-item.on::after {
  opacity: 1;
}

.jl5-item.on {
  border: 0.052vw solid #fcd669;
}

.jl5-item .item-top {
  padding: 2.343vw 1.979vw 0;
  position: relative;
  z-index: 2;
}

.jl5-item .item-top .f_24 {
  color: #fff;
  line-height: 1;
  padding: 0.52vw 0;
}

.jl5-item .item-checks {
  margin-top: 0.625vw;
  align-items: flex-start;
}

.jl5-item .li {
  display: flex;
  align-items: center;
}

.jl5-item .checks-text img {
  width: 1.041vw;
}

.jl5-item .checks-text p {
  padding-left: 0.572vw;
  color: #fff;
  line-height: 1.5;
  flex: 1;
  min-width: 0;
}

.jl5-item .item-pic {
  position: absolute;
  left: 1.979vw;
  top: 10.364vw;
  width: 15.937vw;
  height: 14.427vw;
  z-index: 2;
}

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

.jl6 {
  position: relative;
  padding: 7.968vw 0 0;
}

.jl6 .C-wrap {
  position: relative;
  z-index: 1;
}

.jl6-header {
  margin-bottom: 3.229vw;
}

.jl6-header .en {
  color: #FABF00;
  line-height: 1.2;
}

.jl6-header .cn {
  margin-top: 1.041vw;
  color: #fff;
  line-height: 1.2;
}

.jl6 .C-wawa-zhanwei {
  right: -2.604vw;
  top: 0;
}

.jl6-list {
  display: flex;
  flex-wrap: wrap;
  gap: 1.302vw 2.291vw;
}

.jl6-item {
  width: 20.625vw;
  /* height: 12.76vw; */
  border-radius: 1.041vw;
  padding: 1.197vw 1.145vw;
  overflow: hidden;
  border: 0.052vw solid rgba(250, 191, 0, 0.11);
  transition: all ease 0.4s;
  cursor: pointer;
}

.jl6-item::after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(88.43% 79.71% at 8.59% 100%, rgba(250, 191, 0, 0.40) 0%, rgba(250, 191, 0, 0.00) 100%), rgba(0, 0, 0, 0.20);
  backdrop-filter: blur(0.26vw);
  z-index: -1;
  opacity: 0;
  transition: all ease .6s;
}

.jl6-item.on::after {
  opacity: 1;
}

.jl6-item.on {
  border-color: #fabf00;
}

.jl6-item .item-num {
  color: #fff;
  line-height: 1.5;
  font-family: "Poppins", sans-serif;
  opacity: 0.4;
}

.jl6-item.on .item-num {
  opacity: 1;
}

.jl6-item .item-title {
  margin-top: 0.26vw;
  gap: 0.52vw;
}

.jl6-item .item-title .title-line {
  width: 0.052vw;
  height: 1.25vw;
  background: #FABF00;
  flex-shrink: 0;
}

.jl6-item .item-title p {
  color: #fff;
  line-height: 1.5;
}

.jl6-item .item-desc {
  margin-top: 0.833vw;
  color: #fff;
  opacity: 0.6;
  line-height: 1.7;
  /* overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis; */
}

.jl7 {
  position: relative;
  padding: 6.041vw 0 9.531vw;
  overflow: hidden;
}

.jl7-header .en {
  color: #FABF00;
  font-family: "Poppins", sans-serif;
  line-height: 1.2;
}

.jl7-header .cn {
  margin-top: 1.041vw;
  color: #fff;
  line-height: 1.2;
}

.jl7-body {
  margin-top: 4.375vw;
  align-items: flex-start;
}

.jl7-zuo {
  width: 26.25vw;
  display: flex;
  flex-direction: column;
  gap: 1.041vw;
  flex-shrink: 0;
}

.jl7-accordion-item {
  border-radius: 1.041vw;
  padding: 1.875vw 2.708vw;
  background: #f0f0f0;
  cursor: pointer;
  transition: all ease 0.4s;
  overflow: hidden;

  background: rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(0.416vw);
  border: 0.052vw solid #fcd669;
}

.jl7-accordion-item.on {}

.accordion-head {
  gap: 0.833vw;
}

.accordion-icon {
  width: 2.083vw;
  height: 2.083vw;
  transition: filter 0.3s ease;
  filter: brightness(0) invert(1);
}

.jl7-accordion-item.on .accordion-icon {}

.accordion-head p {
  /* color: #000; */
  color: #fff;
  white-space: nowrap;
}

.jl7-accordion-item.on .accordion-head p {
  color: #fff;
}

.accordion-body {
  overflow: hidden;
  opacity: 0;
  transition: max-height 0.5s linear, opacity 0.4s linear, margin 0.4s linear;
  margin-top: 0;
  display: none;
}

.jl7-accordion-item.on .accordion-body {
  opacity: 1;
  margin-top: 1.25vw;
}

.accordion-tags {
  gap: 0.625vw;
  margin-bottom: 0.625vw;
}

.accordion-tags .tag {
  padding: 0.364vw 0.677vw;
  background: #FABF00;
  color: #000;
  border-radius: 1.041vw;
  white-space: nowrap;
}

.accordion-checks {
  gap: 0.625vw;
  align-items: flex-start;
}

.accordion-checks .checks-text {
  padding-left: 0.572vw;
  color: #fff;
  line-height: 1.5;
}

.accordion-checks .checks-text .li {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.52vw;
}

.accordion-checks .checks-text .li p {
  flex: 1;
}

.accordion-checks .checks-text .li::before {
  content: '';
  display: block;
  width: 1.041vw;
  height: 1.041vw;
  background: url('/wp-content/themes/zhunshida-custom/img/juslink/jl7-i1.svg') no-repeat center/contain;
}


.jl7-you {
  flex: 1;
  position: relative;
  min-height: 26.927vw;
  margin-left: 5.208vw;
}

.jl7-you-item {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  opacity: 0;
  transition: opacity 0.5s ease;
  pointer-events: none;
}

.jl7-you-item.on {
  opacity: 1;
  pointer-events: auto;
  position: relative;
}

.jl7-you-item>img {
  width: 100%;
  mix-blend-mode: lighten;
}

.jl7 .C-wawa-zhanwei {
  right: 8%;
  bottom: -2.083vw;
  z-index: 1;
}

.jl8 {
  position: relative;
  padding: 0;
  color: #fff;
}

.jl8-guang {
  position: absolute;
  left: -13.541vw;
  top: -17.395vw;
  width: 62.031vw;
  height: 49.791vw;
  pointer-events: none;
  z-index: 0;
}

.jl8-guang img {
  width: 100%;
  height: 100%;
}

.jl8 .C-wrap {
  position: relative;
  z-index: 1;
}

.jl8-header {
  margin-bottom: 2.812vw;
}

.jl8-header .en {
  color: #FABF00;
  font-family: "Poppins", sans-serif;
  line-height: 1.2;
  text-transform: uppercase;
}

.jl8-header .cn {
  margin-top: 0.937vw;
  line-height: 1.2;
}

.jl8-sub {
  margin-top: 1.302vw;
  line-height: 1.5;
  width: 39.687vw;
}

.jl8-header .C-btn1 {
  margin-top: 1.666vw;
}

.C-btn1.size3 {
  padding: 0.416vw 1.041vw;
}

.jl8-swiper-wrap {
  margin-top: 1.666vw;
}

.jl8sw1 {
  overflow: hidden;
}

.jl8-slide {
  gap: 0;
  align-items: stretch;
}

.slide-zuo {
  flex: 1;
  min-width: 0;
  padding-right: 1.666vw;
  display: flex;
  flex-direction: column;
  gap: 2.5vw;
}

.slide-stat {
  position: relative;
  padding-left: 0.833vw;
}

.slide-stat .stat-line {
  position: absolute;
  left: 0;
  top: 0.26vw;
  width: 0.052vw;
  height: 1.25vw;
  background: #FABF00;
}

.slide-stat .stat-num {
  line-height: 1.1;
  font-family: "Poppins", sans-serif;
  letter-spacing: 0.01vw;
}

.slide-stat .stat-label {
  margin-top: 0.416vw;
  line-height: 1.5;
}

.slide-stat .stat-list {
  margin-top: 0.833vw;
  display: flex;
  flex-direction: column;
  gap: 0.625vw;
}

.slide-stat .stat-list p {
  line-height: 1.3;
}

.slide-you {
  width: 44.791vw;
  height: 26.0417vw;
  border-radius: 0.416vw;
  overflow: hidden;
  position: relative;
  min-height: 22.656vw;
}

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

.slide-you::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
}

.slide-you-text {
  position: absolute;
  left: 1.302vw;
  bottom: 3.125vw;
  line-height: 1.3;
  width: 23.958vw;
  color: #fff;
  z-index: 1;
}

.jl8-controls {
  margin-top: 1.25vw;
}

.jl8-indicator {
  flex: 1;
  max-width: 58.385vw;
}

.jl8sw2 .swiper-wrapper {
  border-top: 0.104vw solid rgba(255, 255, 255, 0.1);
}

.jl8sw2 .swiper-slide {
  width: auto;
  cursor: pointer;
  transition: opacity 0.3s ease;
  padding-top: 1.197vw;
  position: relative;
}

.jl8sw2 .swiper-slide::after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: -0.104vw;
  height: 0.104vw;
  width: 100%;
  background: #FABF00;
  opacity: 0;
}

.jl8sw2 .swiper-slide.on::after {
  opacity: 1;
}

.jl8sw2 .swiper-slide span {
  letter-spacing: 0.01vw;
  font-family: "Helvetica Neue", sans-serif;
  white-space: nowrap;
  opacity: 0.2;
}

.jl8sw2 .swiper-slide.on span {
  opacity: 0.5;
}

.jl8-nav {
  gap: 0.937vw;
  flex-shrink: 0;
  margin-left: 2.083vw;
}

.jl8-prev,
.jl8-next {
  width: 2.5vw;
  height: 2.5vw;
  cursor: pointer;
  transition: all ease 0.3s;
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.625vw;
  background: rgba(255, 255, 255, 0);
  border: 0.052vw solid #fff;
}

.jl8-prev img,
.jl8-next img {
  width: 100%;
  height: 100%;
  filter: brightness(0) invert(1);
}

.jl8-next img {
  transform: rotateY(180deg);
}

.jl8-prev:hover,
.jl8-next:hover {
  background: var(--color);
  border: 0.052vw solid var(--color);
}

.jl8 .slide-you .icon {
  position: absolute;
  width: 1.302vw;
  right: 1.302vw;
  top: 1.302vw;
}

.jl9 {
  padding: 10.416vw 0;
}

.about1 {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

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

.about1-bg video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.about1-mask {
  position: absolute;
  left: 0;
  bottom: -3.125vw;
  width: 100%;
  height: 41.562vw;
  background: linear-gradient(to top, #fff 22.632%, rgba(255, 255, 255, 0) 102.23%);
  z-index: 1;
}

.about1-play {
  position: absolute;
  /* right: 3vw;
  bottom: 3vw; */
  right: 13%;
  bottom: 20%;
  width: 6.25vw;
  height: 6.25vw;
  z-index: 5;
  cursor: pointer;
  transition: transform 0.35s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.35s ease;
}

.about1-play.hide {
  transform: scale(0);
  opacity: 0;
}

.about1-play img {
  width: 100%;
  height: 100%;
}

.about1-play img:nth-child(2) {
  display: none;
}

.about1-play.pause img:nth-child(1) {
  display: none;
}

.about1-play.pause img:nth-child(2) {
  display: block;
}

.about1-content {
  position: absolute;
  left: 16.666vw;
  bottom: 0;
  z-index: 3;
  width: 49.218vw;
  cursor: auto;
}

.about1-text {
  gap: 0.937vw;
}

.about1-text .en {
  color: #231815;
  line-height: 1.3;
}

.about1-text h1 {
  color: #231815;
  line-height: 1.2;
}

.about1-stats {
  margin-top: 2.916vw;
  width: 90%;
}

.about1-stat .stat-num {
  color: #231815;
  line-height: 1;
  font-family: "Poppins", sans-serif;
}

.about1-stat .stat-text {
  margin-top: 0.312vw;
  color: #231815;
  line-height: 1.5;
}

.about1-btns {
  margin-top: 2.5vw;
  margin-bottom: 3.541vw;
  gap: 1.354vw;
}

.about2 {
  position: relative;
  z-index: 2;
  padding-top: 6.77vw;
  padding-bottom: 6.25vw;
}

.about2-blur-bg {
  position: absolute;
  left: -16.145vw;
  bottom: -29.687vw;
  width: 62.031vw;
  height: 49.791vw;
  background: linear-gradient(180deg, rgba(252, 214, 105, 0.50) 0%, rgba(252, 214, 105, 0.00) 100%);
  filter: blur(13.02vw);
  border-radius: 50%;
  pointer-events: none;
  z-index: 0;
}

.about2-scrolltext {
  position: relative;
  z-index: 1;
  width: 69.895vw;
  max-width: 100%;
  margin: 0 auto;
  height: auto;
  overflow: visible;
}

.about2-scrolltext-inner {
  position: relative;
  width: 100%;
}

.about2-scrolltext .slu2-desc {
  max-width: 100%;
}

.about2-scrolltext-inner .scroll-line {
  color: #231815;
  line-height: 1.3;
  /* display: none; */
}

.about2-scrolltext-inner .scroll-line .yellow {
  color: #FABF00;
}

/* .about2-scrolltext-inner .scroll-line.on {
  display: block;
  animation: fadeIn 1s linear forwards;
} */

.about2-body {
  position: relative;
  z-index: 1;
  margin-top: 3.645vw;
  padding: 0 5.729vw 0 16.354vw;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.about2-zuo {
  width: 31.145vw;
  padding-top: 0;
}

.about2-zuo .zuo-en {
  color: #FABF00;
  text-transform: uppercase;
  font-family: "Poppins", sans-serif;
  line-height: 1.2;
}

.about2-zuo .zuo-title {
  margin-top: 0.937vw;
  color: #231815;
  line-height: 1.2;
}

.about2-zuo .zuo-title .yellow {
  color: #FABF00;
}

.about2-list {
  margin-top: 1.927vw;
  display: flex;
  flex-direction: column;
  gap: 1.927vw;
}

.about2-item {
  display: flex;
  align-items: flex-start;
  gap: 0.625vw;
}

.about2-item .item-line {
  width: 0.104vw;
  height: 2.239vw;
  margin-top: 0.26vw;
  flex-shrink: 0;
}

.about2-item .item-line.dark {
  background: #231815;
}

.about2-item .item-line.yellow-line {
  background: #FABF00;
}

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

.about2-item .item-title {
  color: #231815;
  line-height: 1.4;
}

.about2-item .item-title .yellow {
  color: #FABF00;
}

.about2-item .item-desc {
  margin-top: 0.104vw;
  color: #231815;
  line-height: 1.6;
}

.about2-you {
  display: flex;
  gap: 1.041vw;
  flex-shrink: 0;
}

.about2-card {
  width: 20.833vw;
  height: 24.791vw;
  position: relative;
  transition: all ease 0.5s;
}

.about2-card .card-img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 1.041vw;
  overflow: hidden;
  transition: filter ease 0.5s;
}

.about2-card .card-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.about2-card:not(.on) .card-img {
  filter: blur(2.604vw);
}

.about2-card.on .card-img {
  filter: blur(0);
}

.about2-card .card-info {
  position: absolute;
  left: 1.979vw;
  top: 3.229vw;
  bottom: 2.187vw;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  z-index: 2;
}

.about2-card .card-en-svg {
  width: 13.541vw;
}

.about2-card .card-en-svg img {
  width: 100%;
}

.about2-card .card-desc {
  color: #fff;
  line-height: 1.3;
  width: 16.041vw;
}

.about3 {
  position: relative;
  width: 100%;
  height: 56.25vw;
  overflow: hidden;
  background: #eaeaea;
  z-index: 1;
}

.about3-header {
  position: absolute;
  left: 16.666vw;
  top: 5.625vw;
  z-index: 10;
}

.about3-header .en {
  color: #FABF00;
  text-transform: uppercase;
  font-family: "Poppins", sans-serif;
  line-height: 1.2;
}

.about3-header .cn {
  margin-top: 0.937vw;
  color: #fff;
  line-height: 1.2;
}

.about3-swiper-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.yuanxing {
  width: 66.458vw;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}

.about3-swiper-bg .swiper {
  width: 100%;
  height: 100%;
}

.about3-swiper-bg .swiper-slide {
  position: relative;
  overflow: hidden;
}

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

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

.about3-mask-svg {
  position: absolute;
  left: 16.77vw;
  top: -5.104vw;
  width: 66.458vw;
  height: 66.458vw;
  z-index: 2;
  pointer-events: none;
}

.about3-mask-svg img {
  width: 100%;
  height: 100%;
}

.about3-content {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
}

.timeline-item {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  background: rgba(0, 0, 0, 0.5);
}

.timeline-item.on {
  opacity: 1;
  visibility: visible;
}

.about3-bigtext {
  position: absolute;
  left: 50%;
  top: 33%;
  transform: translate(-50%, -50%);
  font-family: "Inter", "Noto Sans SC", sans-serif;
  font-weight: 900;
  color: rgba(255, 255, 255, 0.1);
  white-space: nowrap;
  line-height: 1;
  pointer-events: none;
  font-size: 15.625vw;
  z-index: 4;
}

.about3-center {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  gap: 2.083vw;
  z-index: 6;
}

.about3-center .center-title {
  color: #fff;
  /* white-space: nowrap; */
  line-height: 1;
  text-align: center;
} 

.about3-center .center-sub {
  color: #fff;
  /* white-space: nowrap; */
  font-weight: 300;
  line-height: 1;
  text-align: center;
}

.about3-nav {
  gap: 1.77vw;
  position: relative;
  z-index: 10;
}

.about3-prev,
.about3-next {
  width: 2.5vw;
  height: 2.5vw;
  cursor: pointer;
  transition: all ease 0.3s;
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.625vw;
  background: var(--color);
}

.about3-prev:hover,
.about3-next:hover {
  opacity: 0.7;
}

.about3-prev img,
.about3-next img {
  width: 100%;
  height: 100%;
  filter: brightness(0) invert(1);
}

.about3-prev.swiper-button-disabled,
.about3-next.swiper-button-disabled {
  background: rgba(255, 255, 255, 1);
}

.about3-prev.swiper-button-disabled img,
.about3-next.swiper-button-disabled img {
  filter: brightness(1) invert(0);
}

.about3-next img {
  transform: rotateY(180deg);
}

.about3-years {
  position: absolute;
  left: 22.083vw;
  right: 16.666vw;
  bottom: 10.166vw;
  z-index: 10;
}

.about3-years .year-item {
  cursor: pointer;
  transition: all ease 0.3s;
}

.about3-years .year-item span {
  color: rgba(255, 255, 255, 0.5);
  font-weight: 300;
  font-family: "Inter", "Noto Sans SC", sans-serif;
  transition: all ease 0.3s;
}

.about3-years .year-item.on span {
  color: #fff;
  font-weight: 700;
}

.about3-years .year-line {
  width: 5.625vw;
  height: 0.052vw;
  background: #fff;
}

canvas {
  position: absolute;
}

.loading-txt {
  text-align: center;
  width: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
}

.loading-txt.is-hidden {
  display: none;
}

.slu3 .center-title {
  display: none;
}

.slu3 .about3-nav {
  display: none;
}


.about4 {
  position: relative;
  padding: 6.302vw 0 5.208vw;
  display: flex;
  align-items: flex-start;
  margin: 0 auto;
  padding-left: 16.666vw;
  padding-right: 0;
}

.about4-left {
  flex-shrink: 0;
  width: 9.114vw;
  padding-top: 5vw;
  padding-right: 0;
}

.about4-left .num {
  color: #231815;
  font-family: "Poppins", sans-serif;
  line-height: 1;
}

.about4-left .label {
  margin-top: 0.312vw;
  color: #231815;
  line-height: 1.5;
}

.about4-right {
  flex: 1;
  overflow: hidden;
}

.about4-swiper {
  width: 100%;
  overflow: visible;
}

.about4-swiper .swiper-slide {
  width: auto;
  height: 12.5vw;
}

.about4-swiper .swiper-slide img {
  width: auto;
  height: 100%;
  display: block;
}

.about4 .swiper-pagination {
  margin-top: 2.708vw;
  width: 100%;
  height: 0.104vw;
  background: rgba(35, 24, 21, 0.1);
  position: relative;
}

.about4 .swiper-pagination-progressbar-fill {
  background: #FABF00;
}

.about5 {
  position: relative;
  z-index: 2;
  padding: 0 16.666vw 7.916vw;
}

.about5-inner {
  width: 66.666vw;
  height: 28.125vw;
  border-radius: 1.041vw;
  overflow: hidden;
  position: relative;
}

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

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

.about5-info {
  position: absolute;
  left: 3.229vw;
  top: 6.25vw;
  z-index: 2;
  width: 21.718vw;
}

.about5-info .en {
  color: #FABF00;
  text-transform: uppercase;
  font-family: "Poppins", sans-serif;
  line-height: 1.2;
}

.about5-info .tit {
  margin-top: 1.041vw;
  color: #070707;
  line-height: 1.2;
}

.about5-info .desc {
  margin-top: 1.041vw;
  color: #070707;
  line-height: 1.3;
  width: 18.072vw;
}

.about5-info .C-btn1 {
  margin-top: 1.927vw;
}

.about6 {
  position: relative;
  padding: 6.458vw 0;
}

.about6-blur {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 62.031vw;
  height: 49.791vw;
  background: linear-gradient(180deg, rgba(252, 214, 105, 0.50) 0%, rgba(252, 214, 105, 0.00) 100%);
  filter: blur(13.02vw);
  border-radius: 50%;
  pointer-events: none;
}

.about6.theme2 .about6-blur {
  left: 50%;
  top: 170%;
  height: 26.041vw;
}

.about6-content {
  position: relative;
  z-index: 1;
  gap: 2.343vw;
}

.about6-text .t1 {
  color: #231815;
}

.about6-text .t2 {
  color: #231815;
  margin-top: 0.625vw;
}

.about6-btns {
  gap: 1.041vw;
}

.about7 {
  width: 100%;
  height: 45.885vw;
  margin: 0 0 6.302vw;
  position: relative;
  overflow: hidden;
}

.about7::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 2;
  background: rgba(0, 0, 0, 0.55);
}

.about7-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

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

.about7-content {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  width: 40.312vw;
  gap: 2.239vw;
}

.about7-text {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.677vw;
  width: 100%;
}

.about7-title {
  color: #fff;
  line-height: 1.2;
}

.about7-title span {
  color: #FABF00;
}

.about7-desc {
  color: #fff;
  line-height: 1.5;
}

.C-btn1.theme3-dark {
  background: transparent;
  border: 0.052vw solid #000;
  color: #000;
}

.C-btn1.theme3-dark:hover {
  background: #000;
  color: #fff;
}

.C-btn1.theme3-dark:hover .btn-icon {
  filter: brightness(0) invert(1);
}

.esg1 {
  position: relative;
  width: 100%;
  height: 50vw;
  overflow: hidden;
}

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

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

.esg1-mask {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.15);
  z-index: 1;
}

.esg1-content {
  position: relative;
  z-index: 2;
  height: 100%;
}

.esg1-content h1 {
  color: #fff;
  margin: 0.833vw 0;
}

.esg1-sub {
  color: #fff;
  text-align: center;
  max-width: 30.625vw;
  line-height: 1.7;
  margin-bottom: 1.25vw;
}

.esg2 {
  position: relative;
  padding: 3.333vw 0 3.854vw;
}

.esg2-glow {
  position: absolute;
  left: 0;
  top: -9.166vw;
  width: 55.729vw;
  pointer-events: none;
  z-index: 0;
}

.esg2-glow img {
  width: 100%;
}

.esg2-inner {
  position: relative;
  z-index: 1;
  gap: 3.125vw;
}

.esg-title {
  margin-bottom: 1.041vw;
}

.esg-title p {
  margin-bottom: 0.416vw;
}

.esg-title h2 {
  color: #231815;
}

.esg-title .esg-title-en {
  color: #FABF00;
  font-family: "Poppins", sans-serif;
  text-transform: uppercase;
  line-height: 1.2;
}

.esg-title .esg4-title-cn {
  color: #fff;
}

.esg4-card-title {
  color: #FABF00;
}

.esg4-card-num {
  color: #FABF00;
}

.esg2-zuo {
  flex: 1;
  max-width: 28.645vw;
}

.esg2-items {
  display: flex;
  flex-direction: column;
  gap: 2.083vw;
}

.esg2-item {
  padding: 0.833vw 1.822vw;
  border-radius: 1.041vw;
  background: rgba(255, 255, 255, 0.55);
  backdrop-filter: blur(0.937vw);
  box-shadow: 0 0.208vw 0.52vw rgba(0, 0, 0, 0.05);
}

.esg2-item h3 {
  color: #231815;
  margin-bottom: 0.52vw;
}

.esg2-item p {
  color: rgba(35, 24, 21, 0.9);
  line-height: 1.7;
  margin-bottom: 0.833vw;
}

.esg2-tag {
  gap: 0.52vw;
  padding: 0.468vw 1.093vw;
  background: #f8fafc;
  border-radius: 0.833vw;
  width: max-content;
  max-width: 100%;
}

.esg2-tag img {
  width: 0.937vw;
  height: 0.937vw;
}

.esg2-tag span {
  color: #FABF00;
  letter-spacing: -0.026vw;
  text-transform: uppercase;
}

.esg2-you {
  width: 33.854vw;
}

.esg2-img-wrap {
  position: relative;
  border-radius: 1.25vw;
  overflow: hidden;
  box-shadow: 0 0.208vw 0.52vw rgba(0, 0, 0, 0.25);
}

.esg2-img-wrap img {
  width: 100%;
}

.esg2-data {
  position: absolute;
  left: 2.187vw;
  right: 2.187vw;
  bottom: 2.864vw;
  padding: 1.51vw;
  border-radius: 1.666vw;
  backdrop-filter: blur(0.625vw);
  background: rgba(255, 255, 255, 0.1);
  border: 0.052vw solid rgba(255, 255, 255, 0.2);
  justify-content: center;
}

.esg2-data .data-item {
  gap: 0.312vw;
}

.esg2-data .data-item span:first-child {
  color: #fff;
}

.esg2-data .data-item span:last-child {
  color: rgba(255, 255, 255, 0.8);
  letter-spacing: 0.062vw;
  text-transform: uppercase;
}

.esg3 {
  position: relative;
  padding: 0 0 2.604vw;
}

.esg3-glow {
  position: absolute;
  right: -1.406vw;
  bottom: 5.208vw;
  width: 11.666vw;
  height: 11.666vw;
  background: rgba(250, 191, 0, 0.1);
  filter: blur(2.083vw);
  border-radius: 520.781vw;
  pointer-events: none;
}

.esg3-inner {
  position: relative;
  z-index: 1;
  gap: 3.125vw;
}

.esg3-zuo {
  width: 33.854vw;
}

.esg3-img-wrap {
  position: relative;
  border-radius: 1.25vw;
  overflow: hidden;
  box-shadow: 0 0.208vw 0.52vw rgba(0, 0, 0, 0.25);
}

.esg3-img-wrap img {
  width: 100%;
}

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

.esg3-data {
  position: absolute;
  left: 2.187vw;
  right: 2.187vw;
  bottom: 2.864vw;
  padding: 1.51vw;
  border-radius: 1.666vw;
  backdrop-filter: blur(0.625vw);
  background: rgba(255, 255, 255, 0.1);
  border: 0.052vw solid rgba(255, 255, 255, 0.2);
}

.esg3-data .data-item {
  gap: 0.312vw;
}

.esg3-data .data-item span:first-child {
  color: #fff;
}

.esg3-data .data-item span:last-child {
  color: rgba(255, 255, 255, 0.8);
  letter-spacing: 0.062vw;
  text-transform: uppercase;
}

.esg3-you {
  flex: 1;
  max-width: 30.156vw;
}

.esg3-list {
  display: flex;
  flex-direction: column;
  gap: 0.625vw;
}

.esg3-item {
  border-radius: 1.041vw;
  overflow: hidden;
  transition: all ease 0.3s;
  cursor: pointer;

  background: rgba(255, 255, 255, 0.55);
  box-shadow: 0 0.208vw 0.52vw 0 rgba(0, 0, 0, 0.05);
  backdrop-filter: blur(0.937vw);
  border: 0.052vw solid transparent;
  transition: all ease 0.3s;
  padding: 0.833vw 1.458vw;
}

.esg3-item .esg3-item-inner {}

.esg3-item.on {
  border-color: #fcd669;
  background: radial-gradient(140.73% 161.69% at 14% 91.18%, rgba(250, 191, 0, 0.10) 0%, rgba(250, 191, 0, 0.00) 100%), rgba(255, 255, 255, 0.12);
}

.esg3-item-inner {
  gap: 1.458vw;
}

.esg3-icon {
  width: 2.916vw;
  height: 2.916vw;
  min-width: 2.916vw;
  border-radius: 0.833vw;
  background: #fef7e3;
  transition: all ease .3s;
}

.esg3-item.on .esg3-icon {
  background: #fff;
}

.esg3-icon img {
  width: 1.093vw;
  height: 1.093vw;
}

.esg3-item-content {
  flex: 1;
  min-width: 0;
}

.esg3-item-content h4 {
  color: #0f172a;
  margin-bottom: 0.312vw;
}

.esg3-short {
  color: rgba(35, 24, 21, 0.9);
  line-height: 1.7;
  margin-bottom: 0.52vw;
}

.esg3-desc {
  color: rgba(35, 24, 21, 0.9);
  line-height: 1.7;
  margin-bottom: 0.625vw;
  display: none;
}

.esg3-tag {
  gap: 0.52vw;
  padding: 0.468vw 1.093vw;
  background: #f8fafc;
  border-radius: 0.833vw;
}

.esg3-tag img {
  width: 0.937vw;
  height: 0.937vw;
}

.esg3-tag span {
  color: #FABF00;
  letter-spacing: -0.026vw;
  text-transform: uppercase;
}


.esg4 {
  position: relative;
  padding: 0 0 3.333vw;
}

.esg4 .main {
  border-radius: 1.041vw;
  overflow: hidden;
  position: relative;
  margin: 0 auto;
}

.esg4-mask {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(0.625vw);
  border: 0.052vw solid rgba(255, 255, 255, 0.2);
}

.esg4-content {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  padding: 5.104vw 4.583vw;
}

.esg4-content .esg-title {
  margin-bottom: 1.406vw;
}

.esg4-cards {
  flex-wrap: wrap;
}

.esg4-card {
  width: 28.385vw;
  height: 23.4375vw;
  padding: 2.343vw 2.187vw 2.187vw;
  border-radius: 1.041vw;
  background: rgba(183, 183, 183, 0.56);
  backdrop-filter: blur(0.625vw);
}

.esg4-card h3 {
  margin-bottom: 1.041vw;
}

.esg4-card p {
  color: #fff;
  line-height: 1.7;
  margin-bottom: 1.354vw;
}

.esg4-card-data {
  padding-top: 1.354vw;
  border-top: 0.052vw solid rgba(255, 255, 255, 0.5);
}

.esg4-card-data span:last-child {
  color: rgba(255, 255, 255, 0.8);
  font-size: 0.625vw;
  /* letter-spacing: 0.052vw; */
  text-transform: uppercase;
}

.esg5 {
  position: relative;
  padding: 0 0 6.25vw;
}

.esg5-glow {
  position: absolute;
  left: -23.958vw;
  top: -1.875vw;
  width: 62.031vw;
  height: 25.729vw;
  background: radial-gradient(ellipse, rgba(250, 191, 0, 0.1) 0%, transparent 70%);
  pointer-events: none;
}

.esg5-inner {
  position: relative;
  z-index: 1;
}

.esg5-title {
  margin-bottom: 2.395vw;
}

.esg5-title p {
  margin-bottom: 0.416vw;
}

.esg5-title h2 {
  color: #231815;
  margin-bottom: 0.833vw;
}

.esg5-title p:last-of-type {
  color: #231815;
  line-height: 1.7;
}

.esg5-list {
  width: 53.958vw;
  gap: 3.125vw;
}

.esg5-item {
  flex: 1;
  max-width: 15.885vw;
}

.esg5-card {
  position: relative;
  border-radius: 1.041vw;
  overflow: hidden;
  height: 22.968vw;
  margin-bottom: 1.041vw;
}

.esg5-card-content {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 1.77vw 2.083vw;
  color: #fff;
  display: flex;
  flex-direction: column;
}

.esg5-card .icon {
  width: 2.239vw;
}

.esg5-card .text {
  margin-top: auto;
}

.esg5-card-content p {
  margin-bottom: 0.208vw;
}

.esg5-card-content p span {
  border-bottom: 0.104vw solid var(--color);
}

.esg5-card-content .f_12 {
  opacity: 0.8;
}

.esg5-item-bottom {
  gap: 3.229vw;
}

.esg5-item-bottom img {
  width: 1.822vw;
  height: 1.822vw;
}

.esg5-more {
  margin-bottom: 2.604vw;
}

.esg5-modal {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 99;
  visibility: hidden;
  pointer-events: none;
  opacity: 0;
  transition: all ease 0.3s;
}

.esg5-modal.act {
  visibility: visible;
  pointer-events: auto;
  opacity: 1;
}

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

.esg5-modal-box {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 35.572vw;
  max-width: 94vw;
  padding: 3.125vw 3.229vw 2.864vw;
  border-radius: 1.041vw;
  background: #fff;
  box-shadow: 0 0.208vw 1.041vw -0.104vw rgba(79, 70, 229, 0.08);
  overflow: visible;
}

.esg5-modal-glow {
  position: absolute;
  right: 0.075vw;
  top: 0.058vw;
  width: 15.833vw;
  height: 15.833vw;
  border-radius: 999vw;
  background: rgba(250, 191, 0, 0.05);
  filter: blur(2.083vw);
}

.esg5-modal-head {
  position: relative;
  z-index: 1;
  text-align: center;
  margin-bottom: 2.291vw;
}

.esg5-modal-head h3 {
  color: #231815;
  margin-bottom: 0.625vw;
}

.esg5-modal-head p {
  color: #231815;
  line-height: 1.5;
}

.esg5-modal-form {
  position: relative;
  z-index: 1;
}

.esg5-modal-phone-row {
  display: flex;
  gap: 0;
}

.esg5-modal-phone-row .esg5-modal-field {
  flex: 1;
}

/* .esg5-modal-field {
  margin-bottom: 1.145vw;
} */

.esg5-modal-field label {
  display: block;
  color: #231815;
  margin: 0.416vw 0;
  line-height: 1;
}

.esg5-modal-field label span {
  color: #E60000;
}

.esg5-modal-field input {
  width: 100%;
  height: 1.875vw;
  border: 1px solid rgba(0, 0, 0, 0.5);
  padding: 0 0.625vw;
  color: #231815;
}

.esg5-code-btn {
  width: 6.875vw;
  height: 1.875vw;
  border: 1px solid #FFC520;
  background: #FFC520;
  color: #fff;
  margin-top: 2.0833vw;
  letter-spacing: 0.052vw;
  flex-shrink: 0;
}

.esg5-code-btn.is-disabled,
.esg5-code-btn:disabled {
  opacity: 0.65;
  cursor: not-allowed;
}

/* Contact EN: phone country code + local number row */
.ct2-phone-intl-row {
  align-items: flex-end;
}

.ct2-phone-intl-row .esg5-modal-field {
  flex: 1;
  min-width: 0;
}

.ct2-phone-intl-row .esg5-code-btn.ct2-code-btn-intl {
  margin-top: 0;
  flex-shrink: 0;
  align-self: flex-end;
}

.ct2-phone-input-row {
  display: flex;
  align-items: stretch;
  gap: 0.416vw;
  width: 100%;
}

.ct2-phone-input-row input[type="tel"] {
  flex: 1;
  min-width: 0;
  height: 1.875vw;
  border: 1px solid rgba(0, 0, 0, 0.5);
  padding: 0 0.625vw;
  color: #231815;
}

.ct2-phone-dial {
  position: relative;
  flex-shrink: 0;
}

.ct2-phone-dial-toggle {
  display: flex;
  align-items: center;
  gap: 0.312vw;
  height: 1.875vw;
  min-width: 4.8vw;
  padding: 0 0.52vw;
  border: 1px solid rgba(0, 0, 0, 0.5);
  background: #fff;
  color: #231815;
  cursor: pointer;
}

.ct2-phone-dial-flag {
  display: none;
}

.ct2-phone-dial-code {
  font-size: 0.833vw;
  white-space: nowrap;
}

.ct2-phone-dial-arrow {
  width: 0;
  height: 0;
  margin-left: auto;
  border-left: 0.26vw solid transparent;
  border-right: 0.26vw solid transparent;
  border-top: 0.312vw solid #231815;
}

.ct2-phone-dial-menu {
  display: none;
  position: absolute;
  top: calc(100% + 0.208vw);
  left: 0;
  z-index: 30;
  width: 18vw;
  max-height: 14vw;
  overflow-y: auto;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.15);
  box-shadow: 0 0.416vw 1.04vw rgba(0, 0, 0, 0.12);
}

.ct2-phone-dial.open .ct2-phone-dial-menu {
  display: block;
}

.ct2-phone-dial-option {
  display: flex;
  align-items: center;
  gap: 0.416vw;
  width: 100%;
  padding: 0.416vw 0.625vw;
  border: 0;
  background: #fff;
  color: #231815;
  text-align: left;
  cursor: pointer;
}

.ct2-phone-dial-option:hover,
.ct2-phone-dial-option:focus {
  background: #fff8e6;
}

.ct2-phone-dial-name {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.esg5-modal .ct2-phone-dial-menu {
  top: auto;
  bottom: calc(100% + 0.208vw);
  max-height: 12vw;
}

.esg5-modal-check {
  display: flex;
  align-items: center;
  gap: 0.312vw;
  margin: 0.781vw 0 1.666vw;
  cursor: pointer;
}

.esg5-modal-check input {
  width: 0.885vw;
  height: 0.885vw;
  border: 1px solid rgba(0, 0, 0, 0.5);
}

.esg5-modal-check span {
  color: #231815;
  margin-left: 0.3em;
  line-height: 1.25;
}

.esg5-modal-check b {
  font-weight: 700;
}

.esg5-modal-check em {
  color: #E60000;
  font-style: normal;
}

.esg5-modal-check .required {
  color: #E60000;
}

.esg5-modal-submit {
  width: 100%;
  height: 3.072vw;
  border: 0;
  border-radius: 2.031vw;
  background: #231815;
  color: #fff;
}

.ct1 {
  position: relative;
  height: 30.52vw;
  overflow: hidden;
}

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

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

.ct1-mask {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  z-index: 1;
}

.ct1-content {
  position: relative;
  z-index: 2;
  height: 100%;
  gap: 1.25vw;
}

.ct1-content h1 {
  color: #fff;
}

.ct1-content h1 .yellow {
  color: #FABF00;
}

.ct1-sub {
  color: #fff;
  max-width: 30.625vw;
  text-align: center;
  line-height: 1.7;
}

.ct2 {
  position: relative;
  margin-top: -6.25vw;
}

.ct2-glow {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 62.031vw;
  pointer-events: none;
  z-index: 0;
}

.ct2-glow img {
  width: 100%;
}

.ct2-inner {
  position: relative;
  z-index: 1;
  gap: 2.083vw;
  align-items: stretch;
}

.ct2-zuo {
  width: 19.791vw;
  flex-shrink: 0;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 1.562vw;
}

.ct2-card {
  padding: 1.822vw;
  border-radius: 1.041vw;
  box-shadow: 0 0.208vw 1.041vw -0.104vw rgba(79, 70, 229, 0.08);
}

.ct2-hotline {
  background: #FABF00;
  min-height: 16.666vw;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.ct2-card-icon {
  width: 2.916vw;
}

.ct2-card-icon img {
  width: 100%;
}

.ct2-hotline h3 {
  color: #231815;
}

.ct2-hotline p {
  color: #231815;
}

.ct2-phone {
  color: #231815;
}

.ct2-feedback {
  background: #fff;
  position: relative;
  min-height: 17.187vw;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  margin-top: auto;
}

.ct2-feedback h3 {
  color: #231815;
}

.ct2-feedback p {
  color: #231815;
}

.ct2-feedback .C-wawa {
  z-index: 2;
  left: 5%;
  top: -18%;
  position: absolute;
}

.ct2-you {
  width: 38.854vw;
  background: #fff;
  border-radius: 1.041vw;
  box-shadow: 0 0.208vw 1.041vw -0.104vw rgba(79, 70, 229, 0.08);
  overflow: hidden;
  position: relative;
}

.ct2-guang1 {
  position: absolute;
  right: 0.104vw;
  top: 0.104vw;
  width: 11.666vw;
  height: 11.666vw;
  background: rgba(250, 191, 0, 0.05);
  border-radius: 520.781vw;
  filter: blur(2.083vw);
  pointer-events: none;
}

.ct2-form-wrap {
  padding: 2.552vw 3.645vw 2.552vw 3.645vw;
}

.ct2-form-wrap h2 {
  color: #231815;
  margin-bottom: 0.625vw;
}

.ct2-form-wrap>p {
  color: #231815;
  margin-bottom: 1.875vw;
}

.ct2-form-row {
  gap: 0.416vw 1.875vw;
}

.ct2-field {
  width: 14.166vw;
}

.ct2-field-full {
  width: 100%;
  max-width: 30.26vw;
}

.ct2-field label {
  display: block;
  color: #231815;
  margin-bottom: 0.416vw;
}

.ct2-field .required {
  color: #e00;
}

.ct2-field input,
.ct2-field select,
.ct2-field textarea {
  width: 100%;
  height: 1.875vw;
  border: 0.052vw solid rgba(0, 0, 0, 0.5);
  border-radius: 0.26vw;
  padding: 0 0.625vw;
  font-size: 0.833vw;
  color: #231815;
}

.ct2-field textarea {
  height: 5.104vw;
  padding: 0.625vw;
  resize: none;
}

.ct2-field select {
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: #fff;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path fill='none' stroke='%23231815' stroke-width='1.5' d='M1 1l5 5 5-5'/></svg>");
  background-repeat: no-repeat;
  background-position: right 0.625vw center;
  background-size: 0.625vw auto;
  padding-right: 1.875vw;
}

.ct2-field-hide {
  display: none !important;
}

.ct2-checkbox-wrap {
  max-width: none;
}

.ct2-field .ct2-checkbox {
  display: flex;
  gap: 0.625vw;
  cursor: pointer;
}

.ct2-checkbox-native {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  pointer-events: none;
}

.ct2-checkbox-fake {
  width: 0.885vw;
  height: 0.833vw;
  flex-shrink: 0;
  border: 0.052vw solid rgba(0, 0, 0, 0.5);
  border-radius: 0.104vw;
  position: relative;
  transition: all ease 0.2s;
}

.ct2-checkbox-fake::after {
  content: '';
  position: absolute;
  left: 0.26vw;
  top: 0.104vw;
  width: 0.208vw;
  height: 0.416vw;
  border: solid #231815;
  border-width: 0 0.104vw 0.104vw 0;
  transform: rotate(45deg) scale(0);
  transition: transform ease 0.2s;
}

.ct2-checkbox.on .ct2-checkbox-fake {
  background: #231815;
  border-color: #231815;
}

.ct2-checkbox.on .ct2-checkbox-fake::after {
  border-color: #fff;
  transform: rotate(45deg) scale(1);
}

.ct2-checkbox a {
  color: #231815;
}

.ct2-form .C-btn1 {
  margin-top: 1.145vw;
  width: 100%;
  outline: none;
  border: none;
}

.ct2-field-error input,
.ct2-field-error select,
.ct2-field-error textarea {
  border-color: #e00;
}

.ct3 {
  padding: 4.166vw 0 6.25vw;
}

.ct3-title {
  color: #0f172a;
  margin-bottom: 0.625vw;
}

.ct3-desc {
  color: #231815;
  margin-bottom: 2.968vw;
}

.ct3-tabs {
  gap: 0;
  background: rgba(241, 245, 249, 0.88);
  border-radius: 3.333vw;
  padding: 0.312vw;
  width: 24.531vw;
  margin: 0 auto 2.968vw;
  position: relative;
}

.ct3-tab {
  flex: 1;
  height: 3.75vw;
  border-radius: 3.333vw;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all ease 0.3s;
  color: rgba(35, 24, 21, 0.64);
  font-size: 1.666vw;
  font-weight: 700;
}

.ct3-tab.on {
  background: #FABF00;
  color: #fbfdff;
}

.ct3-region {
  margin-bottom: 1.041vw;
}

.ct3-region-head {
  cursor: pointer;
  padding: 1.041vw 0;
}

.ct3-region-head h4 {
  color: #231815;
}

.ct3-arrow {
  width: 2.291vw;
  height: 1.666vw;
  position: relative;
  transition: transform ease 0.3s;
}

.ct3-arrow::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0.52vw;
  height: 0.52vw;
  border-right: 0.104vw solid #231815;
  border-bottom: 0.104vw solid #231815;
  transform: translate(-50%, -60%) rotate(45deg);
}

.ct3-region.expanded .ct3-arrow::after {
  transform: translate(-50%, -40%) rotate(-135deg);
}

.ct3-region-line {
  height: 0.104vw;
  background: #d9d9d9;
}

.ct3-region.expanded .ct3-region-line {
  background: rgba(35, 24, 21, 0.1);
}

.ct3-region-body {
  display: none;
  padding: 1.041vw 0 1.666vw;
}

.ct3-region.expanded .ct3-region-body {
  display: block;
}

.ct3-content-hide {
  display: none;
}

.ct3-info-list {
  gap: 0.833vw;
}

.ct3-info-item {
  border: 0.052vw solid rgba(252, 214, 105, 0.5);
  border-radius: 1.093vw;
  padding: 2.083vw;
}

.ct3-info-item h5 {
  color: #231815;
  margin-bottom: 3.125vw;
}

.ct3-info-row {
  gap: 0.625vw;
  margin-bottom: 0.26vw;
}

.ct3-info-row:last-child {
  margin-bottom: 0;
}

.ct3-info-row img {
  width: 0.625vw;
  height: 0.625vw;
  flex-shrink: 0;
}

.ct3-info-row span {
  color: rgba(35, 24, 21, 0.9);
}

.ct3-info-row .yellow {
  color: #FABF00;
}

.ct4 {
  padding: 3.125vw 0 4.166vw;
  background: #fff;
}

.ct4-title {
  color: #231815;
  margin-bottom: 1.875vw;
}

.ct4-list {
  gap: 1.041vw;
}

.ct4-item {
  width: 22.656vw;
  height: 11.989vw;
  padding: 0.833vw 1.666vw;
  background: #fff;
  border: 0.052vw solid #e2e8f0;
  border-radius: 1.666vw;
  text-decoration: none;
  color: #231815;
  transition: all ease 0.3s;
}

.ct4-item:hover {
  background: #FABF00;
  border-color: #e2e8f0;
}

.ct4-item-active {
  background: #FABF00;
  border-color: #e2e8f0;
}

.ct4-item-left {
  gap: 1.041vw;
}

.ct4-icon {
  width: 2.552vw;
  height: 2.552vw;
  background: #f8fafc;
  border-radius: 0.833vw;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.ct4-icon img {
  width: 1.25vw;
  height: 1.25vw;
}

.ct4-item p:first-of-type {
  margin-bottom: 0.208vw;
}

.ct4-item p:last-of-type {
  color: rgba(35, 24, 21, 0.9);
}

.ct4-arrow {
  width: 0.937vw;
  height: 0.937vw;
  flex-shrink: 0;
}

.ct2-modal {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  visibility: hidden;
  pointer-events: none;
  opacity: 0;
  transition: all ease 0.3s;
}

.ct2-modal.act {
  visibility: visible;
  pointer-events: visible;
  opacity: 1;
}

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

.ct2-modal-box {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 26.666vw;
  padding: 4.166vw 2.083vw;
  background: #fff;
  border-radius: 1.041vw;
  box-shadow: 0 0.208vw 1.041vw -0.104vw rgba(79, 70, 229, 0.08);
  text-align: center;
  position: relative;
  overflow: hidden;
}

.ct2-modal-glow {
  position: absolute;
  right: 0.104vw;
  top: 0.104vw;
  width: 11.666vw;
  height: 11.666vw;
  background: rgba(250, 191, 0, 0.05);
  border-radius: 520.781vw;
  filter: blur(2.083vw);
}

.ct2-modal-icon {
  width: 13.333vw;
  height: 13.333vw;
  margin: 0 auto 1.25vw;
  display: block;
}

.ct2-modal-box h3 {
  color: #231815;
  margin-bottom: 1.25vw;
}

.ct2-modal-box p {
  color: rgba(0, 0, 0, 0.75);
}

.case1 {
  position: relative;
  height: 50vw;
  overflow: hidden;
}

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

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

.case1-mask {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.4) 6.81%, rgba(102, 102, 102, 0) 57.09%);
  z-index: 1;
}

.case1-content {
  position: relative;
  z-index: 2;
  height: 100%;
  display: flex;
  align-items: center;
}

.case1-inner {
  display: flex;
  flex-direction: column;
  gap: 2.5vw;
  max-width: 40.52vw;
  align-items: flex-start;
  margin-top: 5.208vw;
}

.case1-content .down1-tag {
  gap: 0.416vw;
  padding: 0 0.937vw;
  height: 1.77vw;
  border-radius: 520.781vw;
  background: rgba(250, 191, 0, 0.1);
  border: 0.052vw solid rgba(250, 191, 0, 0.3);
}

.case1-content .down1-tag span {
  color: #fff;
  letter-spacing: 0.062vw;
  text-transform: uppercase;
}

.case1-content .down1-tag .tag-icon {
  width: 0.729vw;
  height: 0.729vw;
}

.case1-title {
  color: #fbfdff;
  line-height: 1.5;
}

.case1-title .yellow {
  color: #FABF00;
}

.case1-sub {
  color: #fff;
  line-height: 1.7;
  max-width: 40.156vw;
}

.case2 {
  position: relative;
  padding: 3.385vw 0 6.25vw;
  overflow: hidden;
}

.case2-glow {
  position: absolute;
  right: 0;
  top: 0;
  width: 48.645vw;
  pointer-events: none;
}

.case2-glow img {
  width: 100%;
  height: auto;
}

.case2-glow2 {
  position: absolute;
  left: 0;
  top: 0;
  width: 56.458vw;
  pointer-events: none;
}

.case2-glow2 img {
  width: 100%;
  height: auto;
}

.case2-inner {
  position: relative;
  z-index: 1;
}

.case2-inner .esg-title {
  margin-bottom: 3.385vw;
}

.case2-list {
  gap: 2.395vw 2.031vw;
}

.case2-item {
  padding: 2.604vw 2.291vw;
  border-radius: 1.25vw;
  background: #fff;
  box-shadow: 0 0.208vw 0.52vw 0.104vw rgba(0, 0, 0, 0.05);
  backdrop-filter: blur(2.187vw);
  display: flex;
  flex-direction: column;
  gap: 1.041vw;
  min-height: 17.187vw;
}

.case2-icon {
  width: 3.645vw;
  height: 3.645vw;
  border-radius: 1.093vw;
  background: rgba(250, 191, 0, 0.1);
}

.case2-icon img {
  width: 1.666vw;
  height: 1.666vw;
}

.case2-item h3 {
  color: #231815;
}

.case2-item p {
  color: #231815;
  line-height: 1.7;
}

.case3 {
  padding: 3.385vw 0 3.645vw;
  background: #fff;
}

.case3-inner .esg-title {
  margin-bottom: 1.302vw;
  width: 28.583vw;
}

.case3-sub {
  color: #FABF00;
  margin-top: 0;
}

.case3-desc {
  /* width: 24.583vw; */
  color: #231815;
  line-height: 1.7;
}

.case3 .home4-grid {
  margin: 1.406vw 5.208vw 0;
  gap: 1.041vw;
}

.case3 .home4-item .item-info .info-desc {
  margin-top: 1.041vw;
}

.case3 .home4-item:nth-child(1) {
  width: 29.427vw;
}

.case3 .home4-item:nth-child(2) {
  width: calc(100% - 29.427vw - 1.041vw);
}

.case3 .home4-item:nth-child(3) {
  width: calc(100% - 46.354vw - 1.041vw);
}

.case3 .home4-item:nth-child(4) {
  width: 46.354vw;
}






.case4 {
  position: relative;
  padding: 6.77vw 0 6.25vw;
  overflow: hidden;
}

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

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

.case4-mask {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  z-index: 1;
}

.case4-inner {
  position: relative;
  z-index: 2;
}

.case4-inner .esg-title {
  margin-bottom: 2.708vw;
}

.case4-list {
  gap: 1.718vw 0.833vw;
}

.case4-item {
  padding: 3.281vw 2.291vw;
  border-radius: 1.25vw;
  background: rgba(255, 255, 255, 0.42);
  backdrop-filter: blur(2.187vw);
}

.case4-item h3 {
  color: #fff;
  margin-bottom: 0.625vw;
}

.case4-item p {
  color: #fff;
  line-height: 1.7;
}

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

.case5-inner {
  gap: 3.125vw;
  align-items: flex-start;
}

.case5-zuo {
  flex-shrink: 0;
}

.case5-sub {
  color: #231815;
  line-height: 1.7;
  margin-top: 1.041vw;
}

.case5-list {
  flex: 1;
  max-width: 100%;
  gap: 1.458vw;
  min-height: 29.635vw;
  flex-wrap: nowrap;
}

.case5-item {
  position: relative;
  border-radius: 1.041vw;
  overflow: hidden;
  flex-shrink: 0;
  width: 14.739vw;
  transition: width 1s ease;
  cursor: pointer;
}

.case5-list .case5-item.active {
  width: 30.52vw;
}

.case5-list .case5-item:not(.active) {
  width: 14.739vw;
}

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

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

.case5-overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.1);
  transition: background 0.4s ease;
}

.case5-content {
  position: relative;
  z-index: 2;
  height: 100%;
  padding: 2.916vw 1.51vw 2.916vw 1.51vw;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 29.635vw;
}

.case5-content h3 {
  color: #fff;
  margin-bottom: 0;
}

.case5-detail {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 0.729vw;
  opacity: 0;
}

.case5-item.active .case5-detail {
  opacity: 1;
  transition: all ease .3s .3s;
}

.case5-detail-item {
  gap: 0.52vw;
  align-items: flex-start;
}

.case5-detail-item img {
  width: 1.458vw;
  height: 1.458vw;
  flex-shrink: 0;
}

.case5-detail-item span {
  width: 14.541vw;
  color: #fff;
  line-height: 1.7;
}

.slu1 {
  position: relative;
  height: 50vw;
  overflow: hidden;
}

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

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

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

.slu1-content {
  position: relative;
  z-index: 2;
  height: 100%;
  justify-content: center;
  align-items: flex-start;
}

.slu1-title {
  color: #fff;
  margin: 0.416vw 0 1.25vw;
}

.slu1-title .yellow {
  color: #FABF00;
}

.slu1-sub {
  color: #fff;
  max-width: 19.895vw;
  line-height: 1.7;
  margin-bottom: 2.5vw;
}

.slu2 {
  position: relative;
  overflow: hidden;
  padding: 7.708vw 0;
}

.slu2-content {
  position: relative;
  z-index: 2;
  height: 100%;
  gap: 1.197vw;
}

.slu2-title {
  color: #FABF00;
}

.slu2-desc {
  color: #231815;
  text-align: center;
  max-width: 69.895vw;
  line-height: 2.0;
  font-weight: 600;
}

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

.slu2 .about6-blur {
  left: 50%;
  top: 110%;
}

.slu4 {
  padding: 3.385vw 0 8.958vw;
  background: #fff;
}

.slu4-inner {
  display: flex;
  flex-direction: column;
  gap: 1.041vw;
}

.slu4-desc {
  color: #231815;
  line-height: 1.7;
}

.slu4-scroll-wrap {
  overflow-x: auto;
  overflow-y: hidden;
  width: 95%;
  margin: 0 auto;
}

.slu4-list {
  gap: 1.458vw;
  min-height: 29.635vw;
  flex-wrap: nowrap;
  padding-bottom: 1.666vw;
  user-select: none;
}

.slu4-scroll-wrap::-webkit-scrollbar {
  width: 0.52vw;
  height: 0.52vw;
}

.slu4-scroll-wrap::-webkit-scrollbar-thumb {
  background: var(--color);
  border-radius: 1.041vw;
}

.slu4-scroll-wrap::-webkit-scrollbar-track {
  background: rgba(35, 24, 21, 0.1);
  border-radius: 1.041vw;
}

.slu4-item {
  position: relative;
  border-radius: 1.041vw;
  overflow: hidden;
  flex-shrink: 0;
  width: 14.739vw;
  transition: width 1s ease;
  cursor: pointer;
}

.slu4-list .slu4-item.active {
  width: 30.52vw;
}

.slu4-list .slu4-item:not(.active) {
  width: 14.739vw;
}

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

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

.slu4-overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  /* background: rgba(0, 0, 0, 0.2); */
}

.slu4-content {
  position: relative;
  z-index: 2;
  height: 100%;
  padding: 2.604vw 0.781vw;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 29.635vw;
  transition: all ease .3s;
}

.slu4-item.active .slu4-content {
  padding: 2.604vw 1.822vw;
}

.slu4-content h3 {
  color: #fff;
  margin-bottom: 0;
}

.slu4-detail {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  opacity: 0;
}

.slu4-item.active .slu4-detail {
  opacity: 1;
  transition: all ease 0.3s 0.3s;
}

.slu4-detail p {
  color: #fff;
  line-height: 1.7;
  margin-bottom: 0;
}

.slu5 {
  position: relative;
  z-index: 3;
  padding: 3.437vw 0 4.843vw;
  background: #151515;
}

.slu5 .sec1 {
  align-items: flex-end;
}

.slu5 .swiper-pagination {
  position: static;
  z-index: 10;
  text-align: left;
  width: max-content;
}

.slu5 .swiper-pagination-bullet {
  width: 2.187vw;
  height: 0.312vw;
  border-radius: 0.312vw;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.20);
  opacity: 1;
  position: relative;
  transition: all ease .3s;
}

.slu5 .swiper-pagination-bullet-active {
  width: 4.322vw;
  background: var(--color);
  opacity: 1;
}

.slu5-inner {
  position: relative;
  z-index: 1;
  gap: 4.375vw;
  align-items: flex-start;
  margin-top: 2.604vw;
}

.slu5-sub {
  color: #fff;
  line-height: 1.7;
  margin-top: 1.302vw;
}

.slu5-img-wrap {
  position: relative;
  flex-shrink: 0;
  width: 33.072vw;
  height: 31.927vw;
  border-radius: 1.041vw;
  overflow: hidden;
}

.slu5-img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.slu5-card {
  position: absolute;
  left: 2.5vw;
  bottom: 3.437vw;
  padding: 1.458vw;
  background: #FABF00;
  border-radius: 1.041vw;
  box-shadow: 0 1.041vw 1.302vw -0.26vw rgba(0, 0, 0, 0.1), 0 0.416vw 0.52vw -0.312vw rgba(0, 0, 0, 0.1);
  text-align: center;
}

.slu5-card-num {
  color: #231815;
  margin-bottom: 0.208vw;
}

.slu5-card-label {
  color: #231815;
  letter-spacing: 0.052vw;
  text-transform: uppercase;
  opacity: 0.6;
}

.slu5-text {
  flex: 1;
  min-width: 0;
}

.slu5-text h3 {
  color: #fff;
  margin-bottom: 1.197vw;
}

.slu5-block {
  display: flex;
  gap: 0.833vw;
  margin-bottom: 2.343vw;
}

.slu5-block:last-child {
  margin-bottom: 0;
}

.slu5-line {
  flex-shrink: 0;
  width: 0.052vw;
  height: 1.25vw;
  margin-top: 0.52vw;
  background: #FABF00;
}

.slu5-block-inner {
  flex: 1;
}

.slu5-block-title {
  color: #fff;
  margin-bottom: 0.625vw;
}

.slu5-block-desc {
  color: #fff;
  line-height: 1.7;
  font-weight: 300;
}

.slu5-block-desc:last-child {
  margin-bottom: 0;
}

.pcc2 {
  position: relative;
  padding: 6.25vw 0 15.937vw;
  overflow: hidden;
}

.pcc2-stats {
  gap: 10.885vw;
  flex-wrap: nowrap;
}

.pcc2-stat {
  text-align: center;
  flex-shrink: 0;
}

.pcc2-stat .stat-num-wrap {
  line-height: 1;
}

.pcc2-stat .stat-num,
.pcc2-stat .stat-plus {
  color: #F9BE00;
  font-family: "Poppins", sans-serif;
  line-height: 1;
}

.pcc2-stat .stat-text {
  color: #231815;
  line-height: 1.5;
  margin-top: 0.208vw;
}

.pcc2-guang {
  position: absolute;
  left: 22.76vw;
  top: 8.02vw;
  width: 62.031vw;
  pointer-events: none;
  z-index: 0;
}

.pcc2-guang img {
  width: 100%;
}

.pcc2-body {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 0 5.416vw 0 16.666vw;
  margin-top: 8.333vw;
  position: relative;
  z-index: 1;
}

.pcc2-info {
  width: 24.583vw;
  flex-shrink: 0;
  padding-top: 2.291vw;
}

.pcc2-desc {
  color: #231815;
  line-height: 1.7;
  margin-top: 2.343vw;
}

.pcc2-cards {
  /* flex-wrap: nowrap; */
  gap: 1.77vw;
}

.pcc2-card {
  width: 22.187vw;
  flex-shrink: 0;
  padding: 3.281vw 2.291vw;
  border-radius: 1.25vw;
  background: rgba(255, 255, 255, 0.55);
  backdrop-filter: blur(2.187vw);
  box-shadow: 0 0.208vw 0.52vw rgba(0, 0, 0, 0.05);
}

.pcc2-card-icon {
  width: 3.645vw;
  height: 3.645vw;
  border-radius: 1.093vw;
  background: rgba(250, 191, 0, 0.1);
  margin-bottom: 1.041vw;
}

.pcc2-card-icon img {
  width: 2.083vw;
  height: 2.083vw;
}

.pcc2-card h3 {
  color: #231815;
  line-height: 1.3;
  margin-bottom: 0.625vw;
}

.pcc2-card p {
  color: #231815;
  line-height: 1.7;
}

.pcc3 {
  position: relative;
  padding: 6.093vw 0 7.395vw;
  overflow: hidden;
}

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

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

.pcc3-content {
  position: relative;
  z-index: 2;
}

.pcc3 .esg-title h2 {
  color: #fff;
}

.pcc3-desc {
  color: #fff;
  line-height: 1.7;
}

.pcc3-grid {
  margin-top: 2.239vw;
  gap: 1.197vw 1.562vw;
}

.pcc3-card {
  padding: 1.822vw 3.333vw 1.927vw;
  border-radius: 1.25vw;
  background: rgba(255, 255, 255, 0.42);
  backdrop-filter: blur(2.187vw);
}

.pcc3-card h3 {
  color: #fff;
  line-height: 1.3;
  margin-bottom: 0.416vw;
}

.pcc3-card-desc {
  color: #fff;
  line-height: 1.7;
  margin-bottom: 1.041vw;
}

.pcc3-card-list {
  display: flex;
  flex-direction: column;
  gap: 0.104vw;
}

.pcc3-card-li {
  gap: 0.546vw;
  opacity: 0.8;
  padding: 0.208vw 0;
}

.pcc3-card-li img {
  width: 0.937vw;
}

.pcc3-card-li span {
  color: #fff;
  line-height: 1.7;
  flex: 1;
  min-width: 0;
}

.pcc4 {
  padding: 5.989vw 0 0;
  margin: 0 0 -1.562vw;
}

.pcc4-scroll-wrap {
  overflow-x: auto;
  overflow-y: hidden;
  margin: 0 auto;
  width: max-content;
  max-width: 90%;
}

.pcc4-list {
  gap: 1.458vw;
  min-height: 29.635vw;
  flex-wrap: nowrap;
  padding-bottom: 1.666vw;
  user-select: none;
}

.pcc4-scroll-wrap::-webkit-scrollbar {
  width: 0.52vw;
  height: 0.52vw;
}

.pcc4-scroll-wrap::-webkit-scrollbar-thumb {
  background: var(--color);
  border-radius: 1.041vw;
}

.pcc4-scroll-wrap::-webkit-scrollbar-track {
  background: rgba(35, 24, 21, 0.1);
  border-radius: 1.041vw;
}

.pcc4-item {
  position: relative;
  border-radius: 1.041vw;
  overflow: hidden;
  flex-shrink: 0;
  width: 14.739vw;
  transition: width 1s ease;
  cursor: pointer;
}

.pcc4-list .pcc4-item.active {
  width: 30.52vw;
}

.pcc4-list .pcc4-item:not(.active) {
  width: 14.739vw;
}

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

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

.pcc4-overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  transition: background 0.4s ease;
}

.pcc4-item.active .pcc4-overlay {
  background: rgba(0, 0, 0, 0.4);
}

.pcc4-content {
  position: relative;
  z-index: 2;
  height: 100%;
  padding: 3.125vw 0.781vw 2.604vw;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 29.635vw;
  transition: all ease .3s;
}

.pcc4-item.active .pcc4-content {
  padding: 3.125vw 1.51vw 2.604vw;
}

.pcc4-content h3 {
  color: #fff;
  line-height: 1.3;
}

.pcc4-detail {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 0;
  opacity: 0;
}

.pcc4-item.active .pcc4-detail {
  opacity: 1;
  transition: all ease .3s .3s;
}

.pcc4-detail-item {
  gap: 0.546vw;
  padding: 0.26vw 0;
  flex-wrap: nowrap;
}

.pcc4-detail-item img {
  width: 1.458vw;
  height: 1.458vw;
  flex-shrink: 0;
}

.pcc4-detail-item span {
  color: #fff;
  line-height: 1.2;
  /* white-space: nowrap; */
}

.pyl2 {
  position: relative;
  padding: 6.25vw 0 4.479vw;
  overflow: hidden;
}

.pyl2-stats {
  gap: 5.364vw;
  margin-bottom: 9.635vw;
}

.pyl2-stat {
  text-align: center;
  flex-shrink: 0;
}

.pyl2-stat .stat-num-wrap {
  line-height: 1;
}

.pyl2-stat .stat-num,
.pyl2-stat .stat-plus {
  color: #F9BE00;
  font-family: "Poppins", sans-serif;
  line-height: 1;
}

.pyl2-stat .stat-text {
  color: #231815;
  line-height: 1.5;
  margin-top: 0.208vw;
}

.pyl2-guang {
  position: absolute;
  right: 0;
  top: 8.02vw;
  width: 62.031vw;
  pointer-events: none;
  z-index: 0;
}

.pyl2-guang img {
  width: 100%;
}

.pyl2-body {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 0 5.416vw 0 16.666vw;
  position: relative;
  z-index: 1;
}

.pyl2-info {
  width: 24.583vw;
  flex-shrink: 0;
  padding-top: 5.416vw;
}

.pyl2-desc {
  color: #231815;
  line-height: 1.7;
  margin-top: 2.343vw;
}

.pyl2-cards {
  justify-content: space-between;
  flex: 1;
  min-width: 0;
  padding: 0 0 0 7.083vw;
}

.pyl2-card-col {
  width: 22.187vw;
  gap: 1.77vw;
}

.pyl2-card {
  width: 100%;
  flex-shrink: 0;
  padding: 3.281vw 2.291vw;
  border-radius: 1.25vw;
  background: rgba(255, 255, 255, 0.55);
  backdrop-filter: blur(2.187vw);
  box-shadow: 0 0.208vw 0.52vw rgba(0, 0, 0, 0.05);
}

.pyl2-card-icon {
  width: 3.645vw;
  height: 3.645vw;
  border-radius: 1.093vw;
  background: rgba(250, 191, 0, 0.1);
  margin-bottom: 1.041vw;
}

.pyl2-card-icon img {
  width: 1.562vw;
}

.pyl2-card h3 {
  color: #231815;
  line-height: 1.3;
  margin-bottom: 0.625vw;
}

.pyl2-card p {
  color: #231815;
  line-height: 1.7;
}

.pyl3 {
  position: relative;
  height: auto;
}

/* .pyl3 .ev {
  position: relative;
  height: 100vh;
} */
.pyl3 .ev {
  position: sticky;
  height: 100vh;
  left: 0;
  top: 0;
  overflow: hidden;
}

.pyl3 .info-list {
  position: absolute;
  left: 16.666vw;
  top: 10.833vw;
  width: 30.312vw;
  height: 20.833vw;
  color: #fff;
}

.pyl3 .info-list .icon {
  width: 2.447vw;
  margin-right: 0.26vw;
}

.pyl3 .info-list .t2 {
  margin-top: 1.25vw;
}

.pyl3 .info-list .t3 {
  margin: 1.145vw 0 1.25vw;
}

.pyl3 .kuajing3-right {
  position: absolute;
  right: 16.25vw;
  top: 10.4167vw;
}

.pky1 {
  position: relative;
  height: 100vh;
  min-height: 46.875vw;
  overflow: hidden;
}

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

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

.pky1-mask {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 20.677vw;
  background: linear-gradient(to top, #fff 56%, rgba(255, 255, 255, 0.8) 71%, rgba(255, 255, 255, 0.6) 84%, rgba(255, 255, 255, 0) 100%);
  z-index: 1;
}

.pky1-content {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 14.895vw;
}

.pky1-icon {
  gap: 0.208vw;
  margin-bottom: 0.937vw;
}

.pky1-icon span {
  color: #fff;
}

.pky1-icon-img {
  width: 2.76vw;
}

.pky1-icon-img img {
  width: 100%;
  display: block;
}

.pky1-title {
  color: #fff;
  text-align: center;
  /* letter-spacing: -0.164vw; */
  line-height: 1.2;
  margin-bottom: 1.041vw;
}

.pky1-title span {
  color: #FABF00;
}

.pky1-desc {
  color: #fff;
  text-align: center;
  max-width: 43.906vw;
  line-height: 1.7;
  margin-bottom: 1.562vw;
}

.pky1-stats {
  position: absolute;
  bottom: 5.729vw;
  left: 50%;
  transform: translateX(-50%);
  width: 67.5vw;
  z-index: 2;
  gap: 7.135vw;
  flex-wrap: nowrap;
  justify-content: center;
}

.pky1-stat {
  text-align: center;
  flex-shrink: 0;
}

.pky1-stat .stat-num-wrap {
  line-height: 1;
}

.pky1-stat .stat-num,
.pky1-stat .stat-plus {
  color: #F9BE00;
  font-family: "Poppins", sans-serif;
  line-height: 1;
}

.pky1-stat .stat-text {
  color: #231815;
  line-height: 1.5;
  margin-top: 0.208vw;
}

.pky2 {
  position: relative;
  padding: 4.166vw 0 12.239vw;
  overflow: hidden;
}

.pky2-guang {
  position: absolute;
  left: 0;
  top: 5.208vw;
  width: 100vw;
  pointer-events: none;
  z-index: 0;
}

.pky2-guang img {
  width: 100%;
}

.pky2-body {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 0 5.416vw 0 16.666vw;
  position: relative;
  z-index: 1;
}

.pky2-left {
  width: 24.583vw;
  flex-shrink: 0;
  padding-top: 0.677vw;
}

.pky2-desc {
  color: #231815;
  line-height: 1.7;
  margin-top: 1.302vw;
}

.pky2-img {
  width: 23.072vw;
  margin-top: 2.083vw;
  animation: pky2-float 3s ease-in-out infinite;
}

@keyframes pky2-float {

  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-0.781vw);
  }
}

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

.pky2-right {
  width: 37.5vw;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  gap: 0.625vw;
}

.pky2-item {
  background: #fff;
  border-radius: 1.041vw;
  padding: 0.833vw 1.822vw;
  cursor: pointer;
  transition: box-shadow 0.3s ease;
}

.pky2-item.active {
  box-shadow: 0 0.208vw 1.562vw rgba(0, 0, 0, 0.05);
}

.pky2-item-head {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.pky2-item-head h3 {
  width: 9.395vw;
  flex-shrink: 0;
  color: #231815;
  line-height: 1.3;
  padding-top: 0.104vw;
}

.pky2-item-desc {
  width: 22.76vw;
  color: #231815;
  line-height: 1.7;
}

.pky2 .tags-wrap {
  display: none;
}

.pky2-item-tags {
  /* display: flex;
  flex-wrap: wrap; */
  gap: 0.312vw 0.625vw;
  /* width: 22.76vw; */
  margin-top: 0;
  margin-left: auto;
  overflow: hidden;
  transition: all ease .3s;
  display: grid;
  grid-template-columns: repeat(2,1fr);
}

.pky2-item.active .pky2-item-tags {
  margin-top: 1.093vw;
}

.pky2-tag {
  /* width: 11.041vw; */
  background: #f8fafc;
  border-radius: 1.666vw;
  padding: 0.729vw;
  gap: 0.546vw;
  opacity: 0.8;
}

.pky2-tag img {
  width: 0.937vw;
  flex-shrink: 0;
}

.pky2-tag span {
  color: #231815;
  line-height: 1.7;
}

.pky3 {
  position: relative;
  padding: 10.416vw 0 12.5vw;
  overflow: hidden;
}

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

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

.pky3-content {
  position: relative;
  z-index: 2;
  padding: 0;
}

.pky3-info {
  margin-left: 16.458vw;
  width: 29.687vw;
}

.pky3 .esg-title h2 {
  color: #fff;
}

.pky3-desc {
  color: #fff;
  line-height: 1.7;
  margin-top: 1.041vw;
}

.pky3-cards {
  gap: 1.041vw;
  margin-top: 2.604vw;
  padding: 0 5.208vw;
}

.pky3-card {
  padding: 3.281vw 3.291vw 3.281vw 2.291vw;
  border-radius: 1.25vw;
  background: rgba(255, 255, 255, 0.42);
  backdrop-filter: blur(2.187vw);
  overflow: hidden;
}

.pky3-card h3 {
  color: #fff;
  line-height: 1.3;
  margin-bottom: 0.625vw;
}

.pky3-card p {
  color: #fff;
  line-height: 1.7;
}

.pky4 {
  background: #f7f7f7;
  padding: 7.656vw 0 5.729vw;
}

.pky4 .jl8 {
  color: #231815;
}

.pky4 .jl8-guang {
  display: none;
}

.pky4 .swiper-wrapper {
  border-color: #e2e1e1;
}

.pky4 .jl8-prev.swiper-button-disabled,
.pky4 .jl8-next.swiper-button-disabled {
  filter: brightness(0);
}

.pingtai2 {
  position: relative;
  padding: 5.104vw 0 1.562vw;
  overflow: hidden;
}

.pingtai2-header {
  max-width: 39.791vw;
  margin: 0 auto;
}

.pingtai2 .esg-title h2 {
  line-height: 1.4;
}

.pingtai2 .esg-title h2 span {
  display: block;
}

.pingtai2-desc {
  color: #231815;
  line-height: 1.7;
  margin-top: 0.52vw;
}

.pingtai2-cards {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 2.135vw;
  max-width: 66.822vw;
  margin: 3.125vw auto 0;
}

.pingtai2-card {
  width: 20.833vw;
  padding: 2.812vw 2.291vw 2.5vw;
  border-radius: 1.041vw;
  border: 0.052vw solid #fcd669;
  backdrop-filter: blur(0.416vw);

  background: radial-gradient(53.79% 62.16% at 14% 91.18%, rgba(250, 191, 0, 0.10) 0%, rgba(250, 191, 0, 0.00) 100%), rgba(255, 255, 255, 0.12);


  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.041vw;
  text-align: center;
}

.pingtai2-icon {
  width: 3.645vw;
  height: 3.645vw;
  border-radius: 1.093vw;
  background: rgba(250, 191, 0, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
}

.pingtai2-icon img {
  width: 1.666vw;
  height: 1.666vw;
}

.pingtai2-card h3 {
  color: #231815;
  line-height: 1.3;
}

.pingtai2-card p {
  color: #231815;
  line-height: 1.7;
  max-width: 13.229vw;
}

.pingtai3 {
  position: relative;
  padding: 0 0 6.458vw;
}

.pingtai3-inner {
  position: relative;
  max-width: 66.666vw;
  margin: 0 auto;
}

.pingtai3-img {
  position: absolute;
  z-index: 1;
  width: 19.27vw;
  top: 50%;
  transform: translateY(-50%);
}

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

.pingtai3-box:nth-child(1) .pingtai3-img {
  left: -1.208vw;
}

.pingtai3-box:nth-child(2) .pingtai3-img {
  right: -.729vw;
}

.pingtai3-boxes {
  position: relative;
  z-index: 2;
  gap: 0.833vw;
}

.pingtai3-box {
  width: 32.916vw;
  height: 16.718vw;
  border-radius: 1.093vw;
  border: 0.052vw solid rgba(252, 214, 105, 0.5);
  padding: 3.125vw 4.01vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: radial-gradient(ellipse at center bottom, rgba(250, 191, 0, 0.15) 0%, rgba(250, 191, 0, 0) 70%);
}

.pingtai3-box:first-child {
  text-align: right;
}

.pingtai3-num {
  color: #FABF00;
  font-family: "Poppins", sans-serif;
  line-height: 1;
}

.pingtai3-label {
  color: #231815;
  line-height: 1.5;
  margin-top: 1.041vw;
}

.pingtai3-text {
  color: #000;
  line-height: 1.7;
  margin-top: 0.416vw;
  max-width: 13.333vw;
}

.pingtai3-box:first-child .pingtai3-text {
  margin-left: auto;
}

.pingtai4 {
  position: sticky;
  height: 100vh;
  left: 0;
  top: 0;
  padding: 6.25vw 0 9.375vw;
  overflow: hidden;
}

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

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

.pingtai4-content {
  position: relative;
  z-index: 2;
  padding: 0 16.51vw;
}

.pingtai4-info {
  width: 24.583vw;
  margin-bottom: 2.604vw;
}

.pingtai4 .esg-title h2 {
  color: #fff;
}

.pingtai4-desc {
  color: #fff;
  line-height: 1.7;
  margin-top: 1.041vw;
}

.pingtai4-cards {
  gap: 1.25vw;
  max-width: 66.979vw;
}

.pingtai4-card {
  border-radius: 1.25vw;
  backdrop-filter: blur(2.187vw);
  background: rgba(255, 255, 255, 0.42);
  padding: 2.187vw 1.0417vw;
  overflow: hidden;
}

.pingtai4-card-inner {
  display: flex;
  /* gap: 1.875vw; */
  align-items: flex-start;
}

.pingtai4-card h3 {
  color: #fff;
  line-height: 1.3;
  width: 10.395vw;
  flex-shrink: 0;
}

.pingtai4-card-right {
  flex: 1;
}

.pingtai4-card-right>p {
  color: #fff;
  line-height: 1.7;
}

.pingtai4-tags {
  margin-top: 1.302vw;
}

.pingtai4-tag {
  gap: 0.546vw;
  opacity: 0.8;
  margin-bottom: 0.781vw;
  flex-wrap: nowrap;
}

.pingtai4-tag img {
  width: 0.911vw;
  height: 0.911vw;
}

.pingtai4-tag span {
  color: #fff;
  line-height: 1.7;
}

.pingtai5 {
  position: sticky;
  height: 100vh;
  left: 0;
  top: 0;
  padding: 13.02vw 0 9.375vw;
  overflow: hidden;
}

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

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

.pingtai5-content {
  position: relative;
  z-index: 2;
  padding: 0 16.51vw;
}

.pingtai5-info {
  margin-bottom: 3.125vw;
}

.pingtai5 .esg-title h2 {
  color: #fff;
}

.pingtai5-list {
  gap: 2.395vw 1.77vw;
  max-width: 66.875vw;
}

.pingtai5-item {
  min-height: 8.541vw;
  border-radius: 1.25vw;
  backdrop-filter: blur(1.562vw);
  background: rgba(255, 255, 255, 0.42);
  padding: 1.25vw 1.291vw;
}

.pingtai5-item-title {
  gap: 0.729vw;
  margin-bottom: 0.52vw;
}

.pingtai5-dot {
  width: 0.364vw;
  height: 0.364vw;
  border-radius: 50%;
  background: #FABF00;
  flex-shrink: 0;
}

.pingtai5-item h3 {
  color: #fff;
  line-height: 1.5;
}

.pingtai5-item p {
  color: #fff;
  line-height: 1.7;
  padding-left: 1.093vw;
}

.pingtai6 {
  position: sticky;
  height: 100vh;
  left: 0;
  top: 0;
}

.pingtai7 {
  position: relative;
  padding: 10.416vw 0 7.291vw;
  overflow: hidden;
}

.pingtai7-guang {
  position: absolute;
  left: 0;
  top: -96%;
  width: 56.093vw;
  pointer-events: none;
}

.pingtai7-guang img {
  width: 100%;
}

.pingtai7-inner {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 66.666vw;
  margin: 0 auto;
  padding: 0 4.166vw;
}

.pingtai7-zuo {
  width: 24.687vw;
  flex-shrink: 0;
}

.pingtai7-title {
  gap: 0.625vw;
  margin-bottom: 0.781vw;
}

.pingtai7-icon {
  width: 2.291vw;
  height: 2.291vw;
  border-radius: 0.625vw;
  box-shadow: 0 0 0.817vw rgba(250, 191, 0, 0.3);
}

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

.pingtai7-title span {
  color: #231815;
}

.pingtai7-desc {
  color: #231815;
  line-height: 1.7;
  margin-bottom: 0.781vw;
}

.pingtai7-tags {
  display: flex;
  gap: 0.625vw;
  margin-bottom: 2.083vw;
  flex-wrap: wrap;
}

.pingtai7-tag {
  width: 5.312vw;
  height: 2.368vw;
  border-radius: 1.041vw;
  border: 0.052vw solid #fcd669;
  backdrop-filter: blur(0.416vw);
  color: #231815;

  background: radial-gradient(140.73% 161.69% at 14% 91.18%, rgba(250, 191, 0, 0.10) 0%, rgba(250, 191, 0, 0.00) 100%), rgba(255, 255, 255, 0.12);

}

.pingtai7-btns {
  gap: 1.041vw;
}

.pingtai7-you {
  flex: 1;
  max-width: 36.77vw;
  margin-left: 3.125vw;
}

.pingtai7-you-img {
  width: 100%;
  height: 22.395vw;
  border-radius: 0.833vw;
  background: #e8e8e8;
}

.pingtai7-you-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0.833vw;
}

/* .kuajing3 {
  overflow: hidden;
  position: relative;
  left: 0;
  top: 0;
  height: 100vh;
} */
.kuajing3 {
  position: sticky;
  height: 100vh;
  left: 0;
  top: 0;
  padding: 6.25vw 0 9.375vw;
  overflow: hidden;
}

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

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

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

.kuajing3-content {
  position: relative;
  z-index: 2;
  height: 100%;
  align-items: center;
  flex-wrap: nowrap;
}

.kuajing3-left {
  width: 30.312vw;
  flex-shrink: 0;
}

.kuajing3-tag {
  gap: 0.989vw;
  margin-bottom: 1.666vw;
  flex-wrap: nowrap;
}

.kuajing3-tag img {
  width: 1.666vw;
  height: 1.666vw;
}

.kuajing3-tag span {
  color: #FABF00;
}

.kuajing3-sub {
  color: #fff;
  line-height: 1.3;
  margin-bottom: 1.25vw;
}

.kuajing3-desc {
  color: #fff;
  line-height: 1.7;
  margin-bottom: 1.666vw;
}

.kuajing3 .kuajing3-right {
  margin-top: 163px;
}

.kuajing3-right {
  width: 29.635vw;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  gap: 1.666vw;
}

.kuajing3-right-sm {
  gap: 0.625vw;
}

.kuajing3-card {
  backdrop-filter: blur(1.562vw);
  background: rgba(255, 255, 255, 0.2);
  border-radius: 1.25vw;
  padding: 1.875vw 2.291vw;
}

.kuajing3-card-head {
  flex-shrink: 0;
  /* width: 10.104vw; */
  width: 100%;
  gap: 0.729vw;
  flex-wrap: nowrap;
}

.kuajing3-dot {
  width: 0.364vw;
  height: 0.364vw;
  border-radius: 50%;
  background: #FABF00;
  flex-shrink: 0;
}

.kuajing3-card-head h4 {
  color: #fff;
  line-height: 1.5;
}

.kuajing3-card-desc {
  color: #fff;
  line-height: 1.7;
  width: 100%;
  padding: 1.4em 0 0 1.4em;
  display: none;
}

.kuajing4 {
  background: linear-gradient(180deg, #090f0f, #06060e);
  padding: 7.656vw 0 5.833vw;
}

.kuajing4-cards {
  gap: 4vw 8.645vw;
  flex-wrap: wrap;
  justify-content: center;
}

.kuajing4-card {
  width: 16.25vw;
  flex-shrink: 0;
  padding: 2.812vw 2.291vw 3.697vw;
  border-radius: 1.041vw;
  border: 0.052vw solid #FABF00;
  backdrop-filter: blur(0.26vw);
  background: rgba(255, 255, 255, 0.2);
  text-align: center;
}

.kuajing4-icon {
  width: 3.645vw;
  height: 3.645vw;
  border-radius: 1.093vw;
  background: #FABF00;
  margin: 0 auto;
}

.kuajing4-icon img {
  width: 1.666vw;
  height: 1.666vw;
}

.kuajing4-card h3 {
  color: #fff;
  line-height: 1.3;
  margin: 1.041vw 0 0.625vw;
}

.kuajing4-card p {
  color: #fff;
  line-height: 1.7;
  max-width: 13.229vw;
}

.kuajing6 {
  z-index: 5;
  position: relative;
}

.C-banner {
  width: 100%;
  height: 100vh;
  background: #000;
  color: #fff;
  position: relative;
  overflow: hidden;
}

.C-banner .main {
  width: 100%;
}

.C-banner .zuo {
  align-items: flex-start;
  width: 35.125vw;
  margin-left: 16.666vw;
}

.C-banner .zuo .t1 {
  margin-top: 0.416vw;
}

.C-banner .zuo .t2 {
  margin: 1.25vw 0 2.5vw;
}

.C-banner .you {
  position: relative;
  z-index: 2;
}

.C-banner .guang {
  width: 109.531vw;
  position: absolute;
  right: -30%;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  pointer-events: none;
}

.pcc1 .you {
  width: 31.833vw;
  margin-right: 10.729vw;
}

.pyl1 {
  color: #231815;
  background: #fff;
}

.pyl1 .down1-tag span {
  color: #231815;
}

.pyl1 .you {
  width: 34.958vw;
  margin-right: 11.77vw;
}

.pyl1 .guang {
  width: 57.447vw;
  right: 0%;
  z-index: 1;
}

.kuajing1 .you {
  width: 34.739vw;
  margin-right: 10.729vw;
}

.pingtai1 .you {
  width: 35.677vw;
  margin-right: 9.635vw;
}

.cardEffect {
  transition: all 0.1s;
  perspective: 15.625vw;
  transform-style: preserve-3d;
  transform: perspective(15.625vw);
}

/* -----------------------------------------注释-------------------------------------- */
.page-network {
  background: #060606;
}

.nwk1 {
  position: relative;
  width: 100%;
  padding: 8.645vw 0 6.25vw;
}

.nwk1>.tac {
  color: #fabf00;
  letter-spacing: 0.06em;
}

.nwk1 .main {
  margin: 0;
  min-height: 0;
  position: relative;
  border-top: 0;
  display: flex;
  flex-direction: column;
}

.nwk1 .sidebar {
  z-index: 20;
  width: 100%;
  height: auto;
  border-right: 0;
  background: transparent;
  display: flex;
  flex-direction: column;
  padding: 0 0 1.25vw;
  overflow: visible;
  align-items: center;
}

.nwk1 .sidebar::-webkit-scrollbar {
  width: 0.208vw;
}

.nwk1 .sidebar::-webkit-scrollbar-track {
  background: transparent;
}

.nwk1 .sidebar::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 0.52vw;
}

/* ========== Region Tabs ========== */
/* .nwk1 .region-tabs {
  margin-bottom: 1.458vw;
  position: relative;
  justify-content: center;
  gap: 0.625vw;
} */
.nwk1 .region-tabs {
  /* padding-bottom: 1.458vw; */
  padding: 1.875vw 0 1.458vw;
  position: sticky;
  justify-content: center;
  gap: 0.625vw;
  top: 0;
  left: 0;
  z-index: 20;
  /* background: #000; */
  width: 100%;
}

.nwk1 .region-tab {
  padding: 0.312vw 0.937vw;
  border-radius: 520.781vw;
  font-weight: 400;
  border: none;
  background: none;
  cursor: pointer;
  color: rgba(255, 255, 255, 0.62);
  transition: color 0.3s, background 0.3s;
  position: relative;
  font-size: 0.833vw;
  line-height: 1.25vw;
  z-index: 2;
}

.nwk1 .region-tab:hover {
  color: rgba(255, 255, 255, 0.6);
}

.nwk1 .region-tab.active {
  color: #181818;
  background: #FABF00;
}

/* ========== Cards ========== */
.nwk1 .cards {
  max-height: none;
  padding: 0;
  border-top: 0;
  width: 100%;
}

.nwk1 .cards .gdnr {
  gap: 0.833vw;
  padding: 0;
  display: none;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  width: 100%;
}

.nwk1 .cards .gdnr.on {
  display: grid;
  animation: fadeIn 1s ease forwards;
}

.nwk1 .cards .gdnr.gdnr-metrics {
  grid-template-columns: repeat(3, 1fr);
  gap: 1.041vw;
  padding: 0 5.208vw;
  justify-content: center;
}

.nwk1 .cards .gdnr.gdnr-metrics.gdnr-metrics-2 {
  grid-template-columns: repeat(4, 1fr);
  gap: 1.041vw;
  padding: 0 5.208vw;
  justify-content: center
}

.nwk1 .gdnr.gdnr-metrics .card {
  height: 6.25vw;
  min-height: 120px;
  padding: 1.302vw 3.094vw 1.25vw 3.125vw;
  border-radius: 1.041vw;
  border: 1px solid #d9d9d94f;
  background: rgba(217, 217, 217, 0.14);
  display: flex;
  align-items: center;
  cursor: default;
  transition:
    border-color 0.35s ease,
    background 0.35s ease,
    backdrop-filter 0.35s ease,
    -webkit-backdrop-filter 0.35s ease;
}

.nwk1 .gdnr.gdnr-metrics .card:hover,
.nwk1 .gdnr.gdnr-metrics .card.active {
  border: 1px solid #FCD669;
  background:
    radial-gradient(53.79% 62.16% at 14% 91.18%, rgba(250, 191, 0, 0.40) 0%, rgba(250, 191, 0, 0.00) 100%),
    rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.nwk1 .gdnr.gdnr-metrics .metric-item {
  display: flex;
  align-items: center;
  gap: 1.667vw;
  width: 100%;
}

.nwk1 .gdnr.gdnr-metrics .metric-icon {
  width: 2.396vw;
  height: 2.396vw;
  min-width: 46px;
  min-height: 46px;
  flex-shrink: 0;
}

.nwk1 .gdnr.gdnr-metrics .metric-copy {
  /* width: 8.333vw; */
  min-width: 160px;
}

.nwk1 .gdnr.gdnr-metrics .metric-value {
  font-family: 'Gilroy', 'Poppins', sans-serif;
  color: #fabf00;
  font-size: clamp(28px, 1.875vw, 36px);
  font-weight: 700;
  line-height: 1.2;
  margin: 0;
  white-space: pre-line;
  display: block;
}

.nwk1 .gdnr.gdnr-metrics .metric-unit {
  font-family: 'Source Han Sans SC', 'Noto Sans SC', sans-serif;
  font-size: clamp(16px, 1.042vw, 20px);
  font-weight: 700;
  vertical-align: middle;
  margin-left: 0.08em;
}

.nwk1 .gdnr.gdnr-metrics .metric-label {
  margin-top: 0.417vw;
  margin-bottom: 0;
  color: #fff;
  font-family: 'Noto Sans SC', 'Noto Sans', sans-serif;
  font-size: clamp(14px, 0.833vw, 16px);
  font-weight: 350;
  line-height: 1.6875;
  display: block;
  overflow: visible;
  white-space: pre-line;
}

@media screen and (max-width: 1200px) {
  .nwk1 .cards .gdnr {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .nwk1 .cards .gdnr.gdnr-metrics {
    grid-template-columns: repeat(3, 1fr);
    padding: 0 24px;
    gap: 16px;
  }

  .nwk1 .gdnr.gdnr-metrics .card {
    height: auto;
    min-height: 110px;
    border-radius: 14px;
    padding: 18px 28px 18px 28px;
  }

  .nwk1 .gdnr.gdnr-metrics .metric-item {
    gap: 18px;
  }

  .nwk1 .gdnr.gdnr-metrics .metric-icon {
    width: 38px;
    height: 38px;
    min-width: 38px;
    min-height: 38px;
  }

  .nwk1 .gdnr.gdnr-metrics .metric-copy {
    width: auto;
    min-width: 0;
    flex: 1;
  }

  .nwk1 .gdnr.gdnr-metrics .metric-label {
    margin-top: 6px;
  }
}

.nwk1 .card {
  padding: 1.041vw 1.25vw;
  border-radius: 0.625vw;
  border: 0.052vw solid rgba(255, 255, 255, 0.08);
  background: #4a4a4a;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  transition: transform 0.2s, border-color 0.3s, background 0.3s, box-shadow 0.3s;
}

.nwk1 .card:active {
  transform: scale(0.98);
}

/* network: 禁用卡片 hover 发亮，保持常态视觉 */
.nwk1 .card:hover,
.nwk1 .card:focus,
.nwk1 .card:focus-visible {
  background: #4a4a4a;
  border-color: rgba(255, 255, 255, 0.08);
  box-shadow: none;
  transform: none;
}

.nwk1 .card:hover::after,
.nwk1 .card:focus::after,
.nwk1 .card:focus-visible::after {
  opacity: 0;
}

/* 强制关闭整个板块 hover 的任何视觉高亮（含子元素） */
.nwk1 .card:hover,
.nwk1 .card:hover * {
  filter: none !important;
  box-shadow: none !important;
}

.nwk1 .card::after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(250, 191, 0, 0.28) 0%, rgba(250, 191, 0, 0) 100%);
  z-index: -1;
  opacity: 0;
  transition: all ease .6s;
}

.nwk1 .card.active::after {
  opacity: 0 !important;
}

.nwk1 .card.active {
  border-radius: 0.625vw;
  border: 0.052vw solid rgba(255, 255, 255, 0.08) !important;
  background: #4a4a4a !important;
  box-shadow: none !important;
  transform: none !important;
}

.nwk1 .card-header {
  margin-bottom: 0.625vw;
}

.nwk1 .card-title {
  color: #fabf00;
  white-space: pre-line;
}

.nwk1 .card-arrow {
  width: 1.041vw;
  transition: color 0.3s, transform 0.3s;
}

.nwk1 .card-desc {
  display: block;
  overflow: visible;
  color: rgba(255, 255, 255, 0.74);
  white-space: normal;
  line-height: 1.5;
}

/* 指标说明同时带 .card-desc 时，避免被旧版 line-clamp 布局吞掉 <br> */
.nwk1 .card-desc.metric-label {
  display: block;
  -webkit-line-clamp: unset;
  -webkit-box-orient: unset;
  overflow: visible;
}

.nwk1 .card-stats {
  gap: 0.833vw;
  padding-top: 0.625vw;
  border-top: 0.052vw solid rgba(255, 255, 255, 0.08);
  margin-top: 0.52vw;
}

.nwk1 .stat-label {
  color: rgba(255, 255, 255, 0.62);
  margin-bottom: 0.208vw;
  white-space: pre-line;
}

.nwk1 .stat-value {
  color: #fabf00;
}

.nwk1 .globe-area {
  flex: 1;
  position: relative;
  inset: auto;
  min-height: 50vw;
  z-index: auto;
  border-top: 0;
  margin-top: 5vw;
  overflow: hidden;
  background: transparent;
}

.nwk1 .globe-area::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  z-index: 10;
  height: 150px;
  width: 100%;
  pointer-events: none;
  background: linear-gradient(180deg, black 4%, transparent);
}

.nwk1 .globe-area::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: auto;
  z-index: 10;
  height: 150px;
  width: 100%;
  pointer-events: none;
  background: linear-gradient(0deg, black 4%, transparent);
}

.nwk1 .globe-glow {
  display: none;
}

.nwk1 .globe-glow-inner {
  width: 46.875vw;
  height: 46.875vw;
  max-width: 46.875vw;
  max-height: 46.875vw;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(250, 191, 0, 0.35) 0%, rgba(250, 191, 0, 0) 65%);
  filter: blur(5.208vw);
}

.nwk1 .globe-container {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
  isolation: isolate;
}

.nwk1 .sidebar,
.nwk1>.tac {
  position: relative;
  z-index: 3;
}

/* 保证 WebGL canvas 能收到拖动/点击（与 index.html 全屏画布行为一致） */
.nwk1 .globe-container canvas.nwk1-globe-canvas {
  position: relative;
  z-index: 1;
  touch-action: none;
  cursor: grab;
}

.nwk1 .globe-container canvas.nwk1-globe-canvas:active {
  cursor: grabbing;
}

.nwk1 .globe-zoom-controls {
  position: absolute;
  right: 3.6458vw;
  bottom: 30%;
  z-index: 4;
  display: flex;
  flex-direction: column;
  gap: 0.52vw;
}

.nwk1 .globe-zoom-btn {
  width: 2.08vw;
  height: 2.08vw;
  min-width: 34px;
  min-height: 34px;
  border-radius: 0.42vw;
  border: 0.052vw solid rgba(255, 255, 255, 0.45);
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
  font-weight: 800;
  font-size: 1.14vw;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.2s ease, border-color 0.2s ease;
}

.nwk1 .globe-zoom-btn:hover {
  background: rgba(255, 255, 255, 0.14);
  border-color: rgba(255, 255, 255, 0.62);
}

/* 悬停卡片：与 Figma 13491:9998 设计稿一致 */
.nwk1 .nwk1-tooltip {
  position: fixed;
  left: 100px;
  top: 0;
  z-index: 1000;
  transform: translate3d(0, 0, 0);
  will-change: transform;
  pointer-events: none;
  width: 19.75vw;
  min-width: 280px;
  /* max-width: 360px; */
  padding: 1.833vw 0.833vw;
  border-radius: 0.625vw;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid #fcd669;
  box-shadow: 0 0.52vw 2.08vw rgba(0, 0, 0, 0.35);
  backdrop-filter: blur(1.5625vw);
  -webkit-backdrop-filter: blur(30px);
  opacity: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.625vw;
  transition: opacity 0.2s ease;
}

.nwk1 .nwk1-tooltip.is-visible {
  opacity: 1;
}

.nwk1 .nwk1-tooltip-header {
  position: relative;
  width: 100%;
  aspect-ratio: 328 / 185;
  min-height: 0;
  border: 0;
  border-radius: 0.417vw;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.25);
}

/* 没有图片可见时让顶部块整体收起，避免出现一块空白占位 */
.nwk1 .nwk1-tooltip-header:not(:has(.nwk1-tooltip-img.is-visible)) {
  display: none;
}

.nwk1 .nwk1-tooltip-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: none;
}

.nwk1 .nwk1-tooltip-img.is-visible {
  display: block;
}

/* 旧的渐变蒙版/浮层标题已不再使用，保留选择器并强制隐藏，兼容历史结构 */
.nwk1 .nwk1-tooltip-mask,
.nwk1 .nwk1-tooltip-title-wrap {
  display: none;
}

.nwk1 .nwk1-tooltip-body {
  width: 100%;
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.625vw;
}

.nwk1 .nwk1-tooltip-name {
  margin: 0;
  width: 100%;
  color: #fff;
  font-family: 'Noto Sans SC', sans-serif;
  font-size: clamp(14px, 0.833vw, 16px);
  font-weight: 700;
  line-height: 1.5;
  text-transform: none;
  letter-spacing: 0;
}

.nwk1 .nwk1-tooltip-divider {
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.55) 0%, rgba(255, 255, 255, 0.05) 100%);
}

.nwk1 .nwk1-tooltip-desc {
  margin: 0;
  width: 100%;
  color: #fff;
  font-family: 'Noto Sans SC', sans-serif;
  font-size: clamp(11px, 0.625vw, 12px);
  font-weight: 350;
  line-height: 1.5;
  font-style: normal;
  white-space: pre-line;
}

/* 中国近景：城市名替换国家名，并隐藏顶部图片 */
.nwk1 .nwk1-tooltip-city-name {
  display: none;
  margin: 0;
  width: 100%;
  color: #fff;
  font-family: 'Noto Sans SC', sans-serif;
  font-size: clamp(14px, 0.833vw, 16px);
  font-weight: 700;
  line-height: 1.5;
  text-transform: none;
  letter-spacing: 0;
}

.nwk1 .nwk1-tooltip.is-city-mode .nwk1-tooltip-header {
  display: none;
}

.nwk1 .nwk1-tooltip.is-city-mode .nwk1-tooltip-name {
  display: none;
}

.nwk1 .nwk1-tooltip.is-city-mode .nwk1-tooltip-city-name {
  display: block;
}

.nwk1 .city-label {
  color: #fff;
  font-size: 0.625vw;
  font-weight: 600;
  font-family: 'Inter', sans-serif;
  text-shadow: 0 0 0.312vw rgba(0, 0, 0, 0.8), 0 0 0.625vw rgba(0, 0, 0, 0.5);
  white-space: nowrap;
  pointer-events: none;
  user-select: none;
  padding: 0.104vw 0.312vw;
  transform: translateY(-0.416vw);
}

.nwk1 .city-label.hovered {
  font-size: 0.781vw;
  color: var(--color);
  text-shadow: 0 0 0.416vw rgba(250, 191, 0, 0.6), 0 0 0.833vw rgba(0, 0, 0, 0.6);
}

.nwk1 .about6-blur {
  position: relative;
  left: 50%;
  top: auto;
  bottom: auto;
  margin-top: 2.5vw;
  transform: translate(-50%, 0);
}

.legal-hero {
  padding-top: 10.416vw;
  padding-bottom: 4.166vw;
  background: #000;
  text-align: center;
  position: relative;
  overflow: hidden;
}

.legal-hero::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(ellipse at 50% 80%, rgba(251, 200, 34, 0.08) 0%, transparent 60%);
  pointer-events: none;
}

.legal-hero .hero-title {
  color: #fff;
  letter-spacing: 0.416vw;
  position: relative;
  z-index: 1;
}

.legal-hero .hero-line {
  width: 3.125vw;
  height: 0.156vw;
  background: var(--color);
  margin: 1.25vw auto 0;
  position: relative;
  z-index: 1;
}

.legal-body {
  max-width: 50vw;
  margin: 0 auto;
  padding: 4.166vw 2.083vw 6.25vw;
}

.legal-intro {
  line-height: 1.8;
  color: rgba(0, 0, 0, 0.65);
  margin-bottom: 2.5vw;
}

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

.legal-section__title {
  padding-left: 0.833vw;
  border-left: 0.208vw solid var(--color);
  color: #1a1a1a;
  margin-bottom: 0.833vw;
  line-height: 1.4;
}

.legal-section__text {
  font-weight: 300;
  opacity: 0.7;
  line-height: 1.8;
  color: #333;
}

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

.legal-articles {
  display: flex;
  flex-direction: column;
  gap: 1.041vw;
}

.legal-article {
  border-left: 0.104vw solid var(--color);
  padding: 0.833vw 0 0.833vw 1.041vw;
  opacity: 0;
  transform: translateY(1.041vw);
}

.legal-article.visible {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.5s ease, transform 0.5s ease;
}

.legal-article__number {
  color: var(--color);
  margin-bottom: 0.312vw;
}

.legal-article__text {
  font-weight: 300;
  opacity: 0.7;
  line-height: 1.8;
  color: #333;
}




/* ===== slu2-desc：SplitType 修正 + 关键词高亮 ===== */
.slu2-desc .word,
.slu2-desc .char {
  display: inline;
  white-space: normal;
}

.slu2-desc .gs {
  border-bottom: 3px solid #000;
}

.slu2-desc .gs .char {
  color: inherit;
}



.sol1 {
  color: #231815;
  background: #fff;
}

.sol1 .down1-tag span {
  color: #231815;
}

.sol1 .you {
  width: 30.833vw;
  margin-right: 9.77vw;
}

.C-banner.sol1 .zuo {
  width: 38.125vw;
}

.C-banner.sol1 .C-btn1 {
  z-index: 1;
}


.sol2 {
  position: relative;
  padding: 6.25vw 0 4.479vw;
  overflow: hidden;
}

.sol2-stats {
  gap: 5.364vw;
  margin-bottom: 9.635vw;
}

.sol2-stat {
  text-align: center;
  flex-shrink: 0;
}

.sol2-stat .stat-num-wrap {
  line-height: 1;
}

.sol2-stat .stat-num,
.sol2-stat .stat-plus {
  color: #F9BE00;
  font-family: "Poppins", sans-serif;
  line-height: 1;
}

.sol2-stat .stat-text {
  color: #231815;
  line-height: 1.5;
  margin-top: 0.208vw;
}

.sol2-guang {
  position: absolute;
  right: 0;
  top: -3.98vw;
  width: 112.031vw;
  pointer-events: none;
  z-index: 0;
}

.sol2-guang img {
  width: 100%;
}

.sol2-body {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 0 5.416vw 0 16.666vw;
  position: relative;
  z-index: 1;
}

.sol2-info {
  width: 24.583vw;
  flex-shrink: 0;
  padding-top: 5.416vw;
}

.sol2-desc {
  color: #231815;
  line-height: 1.7;
  margin-top: 2.343vw;
}

.sol2-cards {
  justify-content: space-between;
  flex: 1;
  min-width: 0;
  padding: 0 0 0 6.083vw;
}

.sol2-card-col {
  width: 22.187vw;
  gap: 1.77vw;
}

.sol2-card {
  width: 100%;
  flex-shrink: 0;
  padding: 3.281vw 2.291vw;
  border-radius: 1.25vw;
  background: rgba(255, 255, 255, 0.55);
  backdrop-filter: blur(2.187vw);
  box-shadow: 0 0.208vw 0.52vw rgba(0, 0, 0, 0.05);
}

.sol2-card-col:nth-child(2) {
  margin-top: 2.708vw;
}

.sol2-card-icon {
  width: 3.645vw;
  height: 3.645vw;
  border-radius: 1.093vw;
  background: rgba(250, 191, 0, 0.1);
  margin-bottom: 1.041vw;
}

.sol2-card-icon img {
  width: 1.562vw;
}

.sol2-card h3 {
  color: #231815;
  line-height: 1.3;
  margin-bottom: 0.625vw;
}

.sol2-card p {
  color: #231815;
  line-height: 1.7;
}