:root {
  --head: 7.604vw;
  --color: #1D2088;
}

body::-webkit-scrollbar {
  display: none;
}

.co-w {
  color: #fff;
}

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

.co-h {
  color: #C5C5C9;
}

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

.ff2 {
  font-family: 'Mulish';
}

.C-wrap {
  width: 84.375vw;
  margin: 0 auto;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}

.C-wrap2 {
  width: 75vw;
  margin: 0 auto;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}

#svgbox {
  display: none;
}

.svgTransiton * {
  -webkit-transition: all ease .3s;
  -o-transition: all ease .3s;
  -moz-transition: all ease .3s;
  transition: all ease .3s;
}

svg {
  display: block;
  width: 100%;
  height: 100%;
}

.C-btn {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 1;
  -webkit-transition: all ease .3s;
  -o-transition: all ease .3s;
  -moz-transition: all ease .3s;
  transition: all ease .3s;
  cursor: pointer;
  padding: 0.312vw 3.75vw;
  gap: 0.52vw;
  border-radius: 4px;
  background: #1D2088;
  height: 3.125vw;
  color: #fff;
  font-weight: 300;
}

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

.C-btn:hover {
  transform: translateY(-0.104vw);
}

.C-btn:hover .icon {
  transform: rotateY(180deg);
}

/* -----------------------------------------head,foot-------------------------------------- */
.head1 {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 50;
  width: 100%;
  height: var(--head);
  transition: all ease .6s;
  color: var(--color);
}

.home .head1 {
  color: #fff;
}

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

.scroll .head1 {
  --head: 4vw;
  color: var(--color);
  background: #ffffff00;
  backdrop-filter: blur(0.52vw);
  background: rgba(255, 255, 255, 1);
}

.head1 .logo {
  width: 9.791vw;
  position: relative;
}

.home .head1 .logo img {
  transition: none;
}

.head1 .logo img:nth-child(1) {
  opacity: 0;
}

.head1 .logo img:nth-child(2) {
  position: absolute;
  left: 0;
  top: 0;
}

.home .head1 .logo img:nth-child(1) {
  opacity: 1;
}

.home .head1 .logo img:nth-child(2) {
  opacity: 0;
}

.home.scroll .head1 .logo img {
  transition: all ease .3s .3s;
}

.home.scroll .head1 .logo img:nth-child(1) {
  opacity: 0;
}

.home.scroll .head1 .logo img:nth-child(2) {
  opacity: 1;
}

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

.head1 .link {
  height: 100%;
  font-weight: 500;
  letter-spacing: 0.156vw;
}

.head1 .link>a {
  display: block;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  -webkit-transition: all ease 0.1s;
  -o-transition: all ease 0.1s;
  -moz-transition: all ease 0.1s;
  transition: all ease 0.1s;
}

.head1 .link.on>a,
.head1 .link:hover>a {}

footer {
  background: #1D2088;
}

.foot1 {
  padding: 5.937vw 0 4.166vw;
  gap: 0.833vw;
}

.foot1 .logo {
  width: 2.812vw;
}

.fbd300 {
  font-weight: 300;
}

.fbd500 {
  font-weight: 500;
}

.fbd600 {
  font-weight: 600;
}

.foot1 .shares {
  gap: 1.041vw;
}

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

.foot1 .shares .item img {
  width: 1.041vw;
}

.foot2 {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  padding: 2.708vw 0 0.937vw;
  line-height: 2.5;
}

.foot3 {
  padding: 0 0 1.875vw;
}

.foot3 .you {
  gap: 1.979vw;
}















/* -----------------------------------------首页-------------------------------------- */






/* ========================================= team页面样式 ========================================= */
.team-section {
  padding: 4.166vw 0;
}

/* 公共标题组件 */
.title-component {
  width: 33.125vw;
}

.team-title {
  font-weight: 500;
  font-size: 5.729vw;
  line-height: 1.27;
  background-image: linear-gradient(135deg, #9AF7FF 0%, #1D2088 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  margin-bottom: 0.833vw;
}

.team-subtitle {
  font-weight: 300;
  line-height: 1.2;
  color: #000000;
}

.team-grid {
  width: 100%;
  gap: 3.645vw 2.187vw;
  margin-top: 4.479vw;
}

.team-photo {
  width: 100%;
  height: 13.072vw;
  position: relative;
  overflow: hidden;
  margin-bottom: 0.729vw;
}

.team-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  filter: grayscale(1);
  transition: all ease .3s;
}

.team-card:hover .team-photo img {
  filter: grayscale(0);
}

.team-name {
  font-weight: 600;
  line-height: 1.21;
  margin-bottom: 0.208vw;
}

.team-role {
  font-weight: 300;
  line-height: 1.25;
  color: #000000;
}

.cursor-effect {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  transform: scale(0);
}

.cursor-effect-inner {
  position: absolute;
  left: 0;
  top: 0;
  transform: translate(-50%, -50%);

  width: 43.281vw;
  height: 43.281vw;
  border-radius: 100%;
  background: #9AF7FF;
  opacity: 0.3;
  filter: blur(10.416vw);
}



.team-card {
  cursor: pointer;
  transition: transform 0.3s ease;
}

.team-card:hover {
  transform: translateY(-0.26vw);
}

.team-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
}

.team-popup.active {
  opacity: 1;
  visibility: visible;
}

.team-popup-content {
  position: absolute;
  top: 0;
  right: 0;
  width: 40.729vw;
  height: 100vh;
  background: #FFFFFF;
  box-shadow: -0.468vw 0.208vw 1.614vw 0vw rgba(0, 0, 0, 0.08);
  transform: translateX(100%);
  transition: transform 0.3s ease;
  overflow-y: auto;
}

.team-popup.active .team-popup-content {
  transform: translateX(0);
}

.team-popup-main {
  position: relative;
  height: 100%;
  padding: 0 1.51vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.52vw;
}

.team-popup-info {
  width: 37.708vw;
  height: auto;
  position: relative;
}

.team-popup-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1.041vw;
  width: 30.312vw;
  margin: 0 3.645vw;
  margin-bottom: 1.041vw;
}

.team-popup-title-area {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.312vw;
}

.team-popup-name {
  font-weight: 600;
  line-height: 1.21;
  text-transform: uppercase;
  color: #000000;
}

.team-popup-position {
  font-weight: 300;
  line-height: 1.5;
  color: #000000;
}

.team-popup-close {
  width: 2.552vw;
  height: 2.552vw;
  background: #1D2088;
  border: 1px solid #FFFFFF;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
  padding: 0.885vw;
}

.team-popup-close:hover {
  background: #2a2fa0;
}

.team-popup-close svg {
  width: 0.781vw;
  height: 0.729vw;
}

.team-popup-photo {
  width: 30.312vw;
  height: 18.75vw;
  margin: 0 3.645vw;
  margin-bottom: 1.041vw;
  overflow: hidden;
}

.team-popup-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.team-popup-description {
  width: 30.364vw;
  margin: 0 3.645vw;
  font-weight: 300;
  line-height: 1.5;
  color: #000000;
  white-space: pre-line;
  max-height: 220px;
}

.team-popup-linkedin {
  width: 2.864vw;
  height: 2.864vw;
  margin: 0 3.645vw;
  margin-top: 1.041vw;
}

.team-popup-linkedin img {
  width: 100%;
  height: 100%;
  display: block;
}

.team-popup-nav {
  position: absolute;
  top: 50%;
  left: 0;
  width: 37.708vw;
  display: flex;
  justify-content: space-between;
  align-items: center;
  left: 1.041vw;
}

.team-nav-prev,
.team-nav-next {
  width: 2.083vw;
  height: 2.083vw;
  background: transparent;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}

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

.team-nav-prev img,
.team-nav-next img {
  width: 0.677vw;
  height: 1.093vw;
  display: block;
}

body.popup-open {
  overflow: hidden;
}

/* ========================================= Portfolio页面样式 ========================================= */

/* Portfolio主区域 */
.portfolio-section {
  padding: 4.166vw 0;
}

/* 标题和按钮区域 */
.portfolio-header {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 4.166vw;
}

/* 公共标题组件 */
.title-component {
  width: 44.322vw;
  display: flex;
  flex-direction: column;
  gap: 0.833vw;
}

.portfolio-title {
  font-family: 'Mulish';
  font-weight: 500;
  font-size: 5.729vw;
  line-height: 1.4;
  background: linear-gradient(135deg, #9AF7FF 0%, #1D2088 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  margin: 0;
}

.portfolio-subtitle {
  font-weight: 300;
  font-size: 1.041vw;
  line-height: 1.2;
  color: #000000;
  margin: 0;
}

/* 公共按钮组件 */
.portfolio-buttons {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.833vw;
}

.portfolio-btn {
  width: 7.812vw;
  height: 2.604vw;
  border: none;
  border-radius: 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  background: #EEEEEE;
}

.portfolio-btn.active {
  background: #9AF7FF;
}

.portfolio-btn:hover {
  background: #9AF7FF;
}

.portfolio-btn span {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 1.25vw;
  line-height: 1.2;
  text-transform: uppercase;
  color: #1D2088;
}

.portfolio-btn:hover {
  opacity: 0.8;
}

/* 项目网格 */
.portfolio-grid {
  width: 100%;
  position: relative;
  gap: 2.812vw 4.479vw;
}

/* 项目卡片 */
.portfolio-item {
  display: flex;
  flex-direction: column;
  gap: 1.25vw;
}

/* 项目图片容器 */
.portfolio-images {
  width: 100%;
  height: 26.666vw;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.portfolio-images img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}

/* 项目信息区域 */
.portfolio-info {
  width: 18.75vw;
  display: flex;
  flex-direction: column;
  gap: 0.833vw;
}

/* 项目名称 */
.portfolio-name {
  font-weight: 600;
  font-size: 1.25vw;
  line-height: 1.21;
  margin: 0;
}

/* 项目描述 */
.portfolio-desc {
  font-weight: 300;
  font-size: 0.729vw;
  line-height: 1.4;
  color: #000000;
  margin: 0;
}

/* 项目Logo */
.portfolio-logo {
  display: flex;
  align-items: center;
}

.portfolio-logo img {
  display: block;
  height: 3.333vw;
}

/* 悬停效果 */
.portfolio-item {
  transition: transform 0.3s ease;
  cursor: pointer;
}

.portfolio-item:hover {
  transform: translateY(-0.26vw);
}

.portfolio-btn:hover {
  transform: translateY(-0.104vw);
}

/* ========================================= News页面样式 ========================================= */

.news2 {
  padding: 4.166vw 0;
}

.news-list {
  gap: 2.083vw;
  width: 100%;
}

.news-item {
  display: flex;
  flex-direction: column;
  gap: 1.25vw;
  cursor: pointer;
  transition: transform 0.3s ease;
}

.news-item:hover {
  transform: translateY(-0.26vw);
}

.news-image {
  width: 100%;
  height: 14.583vw;
  overflow: hidden;
}

.news-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.3s ease;
}

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

.news-content {
  max-width: 24.01vw;
  display: flex;
  flex-direction: column;
  gap: 1.25vw;
}

.news-text {
  display: flex;
  flex-direction: column;
  gap: 0.729vw;
}

.news-title {
  font-weight: 600;
  font-size: 1.4583vw;
  line-height: 1.25;
  margin: 0;
  /* display: -webkit-box;
  display: box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1; */
}

.news-desc {
  font-weight: 300;
  font-size: 0.937vw;
  line-height: 1.4;
  color: #000000;
  margin: 0;
  display: -webkit-box;
  display: box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  display: none;
}

.news-date {
  font-weight: 300;
  font-size: 0.729vw;
  line-height: 1.21;
  color: #000000;
  opacity: 0.6;
}

.news3 {
  padding: 3.125vw 0;
}

.pagination {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 1.614vw;
}

.pagination-btn {
  width: 2.083vw;
  height: 2.083vw;
  background: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}

.pagination-btn:hover {
  opacity: 0.7;
  transform: scale(1.1);
}

.pagination-btn:disabled {
  opacity: 0.3;
  cursor: not-allowed;
  transform: none;
}

.pagination-btn:disabled:hover {
  opacity: 0.3;
  transform: none;
}

.pagination-btn img {
  width: 100%;
  display: block;
}

.pagination-numbers {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 2.916vw;
}

.page-number {
  font-weight: 300;
  font-size: 1.197vw;
  line-height: 1.14;
  text-align: center;
  color: #8B8B8B;
  cursor: pointer;
  transition: all 0.3s ease;
  padding: 0.26vw 0.52vw;
}

.page-number:hover {
  color: #1D2088;
  transform: scale(1.1);
}

.page-number.active {
  color: #1D2088;
  font-weight: 500;
}

/* ========================================= News详情页面样式 ========================================= */

/* News4主容器 */
.news4 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.52vw;
  padding: 0.52vw;
}

.news-detail-container {
  width: 62.5vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3.072vw;
  padding: 4.166vw 0;
}

/* 新闻头部信息 */
.news-detail-header {
  display: flex;
  flex-direction: column;
  gap: 1.25vw;
  width: 100%;
}

.news-detail-title {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-size: 2.5vw;
  line-height: 1.16;
  color: #000000;
  margin: 0;
}

.news-detail-date {
  font-family: 'Montserrat', sans-serif;
  font-weight: 300;
  font-size: 0.729vw;
  line-height: 1.14;
  color: #666666;
}

/* 新闻正文 */
.news-detail-body {
  display: flex;
  flex-direction: column;
  gap: 1.822vw;
  width: 100%;
  margin-top: 3.125vw;
  font-weight: 300;
  line-height: 1.5;
  color: #000000;
}

.news-detail-body.privacy-container{
  gap: 0.822vw;
}

.news-detail-body * {
  max-width: 100% !important;
}

.news-detail-body img {
  height: auto !important;
}

.news-detail-subtitle {
  font-weight: 600;
  font-size: 1.25vw;
  line-height: 1.2;
  color: #000000;
  margin: 0;
}

.news-detail-image {
  width: 100%;
  object-fit: cover;
  display: block;
}

/* 新闻导航 */
.news-detail-nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 8.177vw;
  margin: 3.125vw auto 0;
}

.news-nav-btn {
  width: 2.083vw;
  height: 2.083vw;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}

.news-nav-btn:hover {
  opacity: 0.7;
  transform: scale(1.1);
}

.news-nav-btn.disabled {
  opacity: 0.3;
  cursor: not-allowed;
  transform: none;
}

.news-nav-btn.disabled:hover {
  opacity: 0.3;
  transform: none;
}

.news-nav-btn img {
  width: 100%;
}

/* 导航点 */
.news-nav-dots {
  display: flex;
  flex-wrap: wrap;
  gap: 0.416vw;
  width: 2.083vw;
}

.nav-dot {
  width: 0.833vw;
  height: 0.833vw;
  background: #1D2088;
  display: block;
  transition: all 0.3s ease;
  cursor: pointer;
}

.nav-dot:hover {
  opacity: 0.7;
}

.news5 {
  padding: 1.406vw 0;
}

.contact1 {
  padding: 6.614vw 0;
}

.contact2 {
  padding: 4.166vw 7.812vw;
  position: relative;
}

.contact2 .bgsvg {
  width: 28.125vw;
  position: absolute;
  right: 14.583vw;
  top: -13.281vw;
  z-index: 1;
}

.contact2 .bgsvg svg {
  width: 100%;
  height: auto;
}

.contact-form {
  display: flex;
  flex-direction: column;
  gap: 0.52vw;
}

.form-steps {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 3.125vw;
  width: 100%;
}

.step-item {
  display: flex;
  align-items: center;
  gap: 3.125vw;
}

.step-text {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 1.25vw;
  line-height: 1.2;
  text-transform: uppercase;
  color: #CDCDCD;
  transition: color 0.3s ease;
}

.step-item.active .step-text {
  color: #1D2088;
}

.step-line {
  width: 10.416vw;
  height: 0.104vw;
  background: #CDCDCD;
  transition: background 0.3s ease;
}

.step-item.active .step-line {
  background: #1D2088;
}

.step-item:last-child .step-line {
  display: none;
}

.form-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.562vw;
  padding: 4.166vw 0;
  width: 44.01vw;
}

.form-input-group {
  display: flex;
  flex-direction: column;
  gap: 0.208vw;
  width: 44.01vw;
}

.input-label {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0.208vw;
}

.input-label label {
  font-weight: 600;
  font-size: 0.833vw;
  line-height: 1.81;
  color: #6B7888;
}

.input-field {
  display: flex;
  align-items: stretch;
  background: #FFFFFF;
  border: 1px solid #E2E2E2;
  border-radius: 6px;
  padding: 0.208vw 0.156vw 0.208vw 0.625vw;
  gap: 0.416vw;
  flex: 1;
}

.input-field input {
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
  font-family: 'Montserrat', sans-serif;
  font-weight: 300;
  font-size: 0.833vw;
  line-height: 1.25;
  color: #6B7888;
  background: transparent;
  padding: 0.208vw 0;
  height: 2.291vw;
}

.input-field input::placeholder {
  color: #6B7888;
  opacity: 1;
}

.input-field:focus-within {
  border-color: #1D2088;
}

.input-field.focused {
  border-color: #1D2088;
  box-shadow: 0 0 0 0.104vw rgba(29, 32, 136, 0.1);
}

.input-field input.error {
  border-color: #ff4444;
}

.input-field input.error::placeholder {
  color: #ff4444;
}

.form-next-btn {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1.406vw;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  width: max-content;
  user-select: none;
}

.form-next-btn:hover {
  opacity: 0.8;
  transform: translateX(0.26vw);
}

.form-next-btn .svg-ani {
  width: 4.166vw;
  height: auto;
  position: absolute;
  left: 50%;
  bottom: 110%;
  transform: translate(-50%, 0);
}

.form-next-btn .svg-ani svg {
  width: 100%;
  height: auto;
  display: none;
}

.next-text {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 2.5vw;
  line-height: 0.6;
  text-transform: uppercase;
  color: #1D2088;
}

.next-icon {
  width: 3.125vw;
  height: 3.125vw;
  display: flex;
  align-items: center;
  justify-content: center;
}

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

.checkbox-group {
  display: flex;
  flex-wrap: wrap;
  gap: 0.156vw 1.093vw;
  width: 100%;
  margin-top: 0.52vw;
}

.checkbox-item {
  width: 21.458vw;
  height: 3.02vw;
  display: flex;
  align-items: center;
}

.checkbox-item input[type="checkbox"] {
  display: none;
}

.checkbox-label {
  display: flex;
  align-items: center;
  gap: 0.416vw;
  width: 100%;
  height: 100%;
  border-radius: 6px;
  padding: 0.208vw 0.156vw 0.208vw 0.625vw;
  cursor: pointer;
  transition: all 0.3s ease;
}

.checkbox-icon {
  width: 0.833vw;
  height: 0.833vw;
  border: 1px solid #1D2088;
  border-radius: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  transition: all 0.3s ease;
}

.checkbox-icon::after {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 0.625vw;
  height: 0.625vw;
  background: #1D2088;
  display: none;
}

.checkbox-text {
  font-family: 'Montserrat', sans-serif;
  font-weight: 300;
  font-size: 0.833vw;
  line-height: 1.25;
  color: #000000;
  flex: 1;
}

/* Step2内容默认隐藏 */
.step2-content {
  display: none;
}

.step2-content .form-input-group {
  margin-bottom: 1.041vw;
}

.checkbox-group.error .checkbox-icon {
  border-color: #ff4444;
}

/* 多选框点击事件移除错误状态 */
.checkbox-item input[type="checkbox"]:checked+.checkbox-label {
  border-color: #1D2088;
}

.checkbox-item input[type="checkbox"]:checked+.checkbox-label .checkbox-icon::after {
  display: block;
}

.input-field textarea {
  height: 11.979vw;
}

.input-field textarea.error {
  border-color: #ff4444;
}

.input-field textarea.error::placeholder {
  color: #ff4444;
}

.dot {
  position: absolute;
  left: 0;
  top: 0;
  background-color: #0ae448;
  width: 2vw;
  height: 2vw;
  border-radius: 50%;
  will-change: transform, opacity;
  pointer-events: none;
}

/* -----------------------------------------注释-------------------------------------- */
.home {
  background: url('/img/home1-bg.svg') no-repeat top center/100% auto;
}

.home1 {
  padding: 19.27vw 13.541vw 6.25vw;
  color: #fff;
  position: relative;
}

.home1 .t1 {
  font-weight: 500;
  line-height: 1.5;
}

.home1 .t2 {
  width: 52.395vw;
  margin-top: 0.885vw;
  font-size: 5.937vw;
  font-weight: 700;
  letter-spacing: -0.088vw;
  line-height: 0.94;
}

.home1 .t3 {
  margin-top: 1.875vw;
  letter-spacing: 0.291vw;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.home1 .t3::before {
  content: '';
  display: inline-block;
  width: 2.5vw;
  height: 0.052vw;
  background: #fff;
  margin: 0 0.885vw 0 0.52vw;
}

.home1 .wrap {
  position: relative;
}

.home1 .intr {
  position: relative;
  z-index: 2;
}

.home1 .pic {
  width: 35.8854vw;
  overflow: hidden;
  position: absolute;
  z-index: 1;
  right: -10vw;
  top: 50%;
  transform: translate(0, -50%);
  padding-top: 3.125vw;
}

.home1 .pic .sl-gif {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 40%;
}

.home1 .pic canvas {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(0.6);
}

.home2 {
  padding: 5.208vw 10.312vw;
  color: #fff;
  width: 100%;
  overflow: hidden;
}

.home2 .list {
  width: max-content;
  animation: gd linear infinite;
}

@keyframes gd {
  0% {
    transform: translate(0%, 0) scale3d(1, 1, 1);
  }

  100% {
    transform: translate(-50%, 0) scale3d(1, 1, 1);
  }
}

.home2 .item {
  text-transform: uppercase;
  font-weight: 700;
  line-height: 1.3;
  color: #FFF;
  margin-right: 10.677vw;
}

.home3 {
  padding: 9.01vw 12.708vw 0;
  position: relative;
}

.C-k1 {
  background-image: linear-gradient(92deg, #9AF7FF 14.15%, #1D2088 53.57%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 5.729vw;
  font-weight: 500;
  text-transform: capitalize;
}

.home3 .intr .t2 {
  width: 35.52vw;
  margin-top: 2.968vw;
  line-height: 1.5;
}

.home3 .intr .t3 {
  width: 32.291vw;
  margin-top: 2.604vw;
}

.home3 .blur {
  width: 61.197vw;
  height: 104.583vw;
  border-radius: 2008px;
  opacity: 0.23;
  background: #9AF7FF;
  filter: blur(13.02vw);
  position: absolute;
  right: 0;
  top: 5.208vw;
  z-index: 1;
}

.home3 .bgsvg {
  width: 27.864vw;
  position: absolute;
  right: 7.552vw;
  top: 17.291vw;
  z-index: 2;
}

.home3 .bgsvg svg {
  width: 100%;
  height: auto;
}


.home4 {
  padding: 20.8333vw 0;
  position: relative;
}

.home4 .sticky-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.home4 .item {
  width: 100%;
}

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

.home4 .item p {
  background-image: linear-gradient(105deg, #9AF7FF 6.31%, #1D2088 25.09%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 5.729vw;
  min-height: 1.4em;
  line-height: 1.4;
}

.home4 .item .t1 {
  margin-right: 1.197vw;
}

.home4 .item .t2 {
  padding: 0.833vw 3.02vw;
  background: #9AF7FF;
}

.home4 .item .t2 p {
  background-image: linear-gradient(140deg, #9AF7FF 6.31%, #1D2088 25.09%);
}

.home4 .keywords {
  display: none;
}

.home5 {
  position: relative;
  padding: 5.468vw 0 11.718vw;
  border-radius: 0px 0px 740px 0px;
  background: url('/img/home5-bg.jpg') no-repeat center/cover;
}

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

.home5 .t1 {
  background-image: linear-gradient(92deg, #9AF7FF 14.15%, #FFF 53.57%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

  font-size: 5.729vw;
  font-weight: 500;
  text-transform: capitalize;
  margin: 0 auto;
  width: max-content;
}

.home5 .list {
  width: 67.395vw;
  margin: 7.812vw auto 0;
  gap: 2.447vw;
}

.home5 .list .item {
  padding: 6.093vw 0.937vw 3.125vw 1.77vw;
  background: #FFF;
  box-shadow: -0.052vw 0vw 0.416vw 0vw rgba(255, 255, 255, 0.25) inset;
  transition: all ease .3s;
}

.home5 .list .item:hover {
  transform: translateY(-0.781vw);
}

.home5 .list .item .t3 {
  margin-top: 1.562vw;
  line-height: 1.55;
}

.home5 .bgsvg {
  width: 31.25vw;
  position: absolute;
  left: 0;
  top: 6.875vw;
  z-index: 1;
}

.home5 .bgsvg svg {
  width: 100%;
  height: auto;
}

.home6 {
  height: 400vh;
  position: relative;
}

.home6 .sticky-wrap {
  height: 100vh;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  position: sticky;
  left: 0;
  top: 0;
  overflow: hidden;
}


.home6 .zuo .C-k1 {
  margin-bottom: 5.572vw;
}

.home6 .zuo .zhanwei {
  height: 9vh;
}

.home6 .zuo .pic {
  width: 28.125vw;
}

.home6 .zuo .pic svg {
  width: 100%;
  height: auto;
}

.home6 .text-list {
  width: 32.291vw;
  margin-left: 4.322vw;
  height: 6.25vw;
}

.home6 .text-list .contain {
  gap: 7.083vw;
}

.home6 .text-list .item .t2 {
  margin-top: 0.937vw;
}

.home7 {
  padding: 11.145vw 0 14.791vw 14.687vw;
}

.home7 .info {
  width: 35.104vw;
}

.home7 .info .t2 {
  margin: 2.083vw 0 4.583vw;
}

.home7 .you {
  width: calc(100% - 35.104vw - 1.406vw);
}

.home7 .swiper-slide {
  width: 20.833vw;
  display: flex;
  flex-direction: column;
  gap: 0.833vw;
}

.home7 .swiper-slide img {
  filter: grayscale(1);
  transition: all ease .3s;
}

.home7 .swiper-slide:hover img {
  filter: grayscale(0);
}

.home8 {
  position: relative;
  padding: 10.625vw 6.562vw;
  border-radius: 737px 0 0 0;
  overflow: hidden;
  --time: 0.8s;
  --time-leave: 0.6s;
}

.home8 .sec-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 1;
  transition: all ease var(--time);
}

.home8 .sec-bg.on {
  opacity: 0;
  transition: all ease var(--time-leave);
}

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

.home8 .bglist img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: all ease var(--time);
}

.home8 .bglist img.on {
  opacity: 1;
  transition: all ease var(--time-leave);
}

.home8 .sec1 {
  text-align: right;
  color: #fff;
  position: relative;
  z-index: 2;
}

.home8 .sec1 .default {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  opacity: 1;
  transition: all ease var(--time);
}

.home8 .sec1 .default.on {
  opacity: 0;
  transition: all ease var(--time-leave);
}

.home8 .sec1 .list .item {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: all ease var(--time);
}

.home8 .sec1 .list .item.on {
  opacity: 1;
  transition: all ease var(--time-leave);
}

.home8 .sec1 .t1 {
  font-size: 5.729vw;
}

.home8 .sec1 .t2 {
  width: 28.593vw;
  height: calc(1.4em * 7);
  margin-top: 0.26vw;
  display: -webkit-box;
  display: box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 7;
}

.home8 .sec2 {
  margin-top: 4.687vw;
  gap: 1.822vw;
  position: relative;
  z-index: 2;
}

.home8 .sec2 .item {
  width: 15.625vw;
  height: 7.395vw;
  border-radius: 4px;
  background: #FFF;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.home8 .sec2 .item img {
  max-width: 90%;
  max-height: 90%;
}

.home9 {
  padding: 9.739vw 4.947vw 3.9063vw;
}

.home9 .C-k1 {
  margin-left: 7.291vw;
}

.home9 .news-list {
  margin-top: 4.583vw;
}

.home9 .swiper {
  padding-bottom: 3.9063vw;
}

.home9 .swiper-pagination {
  top: auto;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 35%;
  background: #F4F4F4;
  --swiper-theme-color: #1D2088;
}

.home10 {
  padding: 6.979vw 0 8.437vw;
  position: relative;
}

.home10 .bg {
  border-radius: 0px 1247px 0px 0px;
  background: #9AF7FF;
  transition: all ease .3s;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.home10 .main {
  position: relative;
  z-index: 5;
}

.home10 .sec1 .t1 {
  color: #1D2088;
}

.home10 .sec1 .t2 {
  font-size: 10.416vw;
  color: #1D2088;
  text-transform: uppercase;
}

.home10 .sec1 .t3 {
  width: 51.718vw;
  margin: 1.406vw auto 0;
}

.home10 .sec2 {
  padding: 0 3.958vw 0 10.625vw;
  margin-top: 10.416vw;
}

.home10 .sec2 .list {
  gap: 4.947vw 8.02vw;
  margin-bottom: 1.458vw;
}

.home10 .sec2 .t4 {
  color: #1D2088;
  margin-bottom: 1.041vw;
}