@charset "UTF-8";
.home-container {
  width: 100%;
  height: 100vh;
  background-image: url(/wp-content/customtemplate/home/assets/images/home_1.png);
  background-size: 100% 100%;
  background-position: center; /* 背景图片居中 */
  background-repeat: no-repeat; /* 背景图片不重复 */
  background-color: black;
  margin-block-start: 0 !important;
  padding: 479.22px 0 124px 0;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  box-sizing: border-box;
}

.home-content {
  width: 1192px;
  display: flex;
  max-width: 1192px;
  align-items: flex-end;
  gap: 184px;
  flex-shrink: 0;
}
.home-content .content-left {
  display: flex;
  width: 714px;
  max-width: 714px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 32px;
  flex-shrink: 0;
}
.home-content .content-left .title-box {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: -1px;
  align-self: stretch;
}
.home-content .content-left .title-box .title1 {
  color: var(---white, #fff);
  font-size: 69.75px;
  font-style: normal;
  line-height: var(--line-height-86_4, 86.4px); /* 123.871% */
  letter-spacing: var(--letter-spacing--1_61, -1.61px);
}
.home-content .content-left .title-box .title2-box {
  display: flex;
  align-items: center;
  align-content: center;
  gap: 0px var(--item-spacing-6, 6px);
  align-self: stretch;
  flex-wrap: wrap;
}
.home-content .content-left .title-box .title2-box .text1 {
  color: var(---white, #fff);
  font-size: 69.75px;
  font-style: normal;
  line-height: var(--line-height-86_4, 86.4px); /* 123.871% */
  letter-spacing: var(--letter-spacing--1_61, -1.61px);
}
.home-content .content-left .title-box .title2-box .svg-box {
  display: flex;
  padding: 12px;
  justify-content: center;
  align-items: center;
}
.home-content .content-left .title-box .title2-box .text2 {
  color: var(---main-color-black, #00c06a);
  font-size: var(--font-size-72, 72px);
  font-style: normal;
  line-height: var(--line-height-86_4, 86.4px); /* 120% */
  letter-spacing: var(--letter-spacing--1_61, -1.61px);
}
.home-content .content-left .description {
  width: 612px;
  color: rgba(255, 255, 255, 0.7);
  font-size: 18px;
  font-style: normal;
  line-height: 26px; /* 144.444% */
}
.home-content .content-left .description p {
  margin: 0;
}
.home-content .content-left .btn {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.home-content .content-left .btn .btn-button {
  cursor: pointer;
  display: flex;
  width: 144px;
  height: 56px;
  padding: 17.108px 25.662px;
  justify-content: center;
  align-items: center;
  border-radius: 1068.178px;
  background: var(---main-color-black, #00c06a);
  box-shadow: 0px 8.554px 34.216px 0px rgba(0, 0, 0, 0.12);
  border: none;
}
.home-content .content-left .btn .btn-button .text {
  color: var(---logo-black, #000);
  font-family: "PingFang SC";
  font-size: 17.108px;
  font-style: normal;
  font-weight: 500;
  line-height: 21.385px; /* 125% */
}

@media (max-width: 768px) {
  .home-container {
    background-image: url(/wp-content/customtemplate/home/assets/images/mobile-home-bg.png);
    background-size: 100% auto; /* 背景图片宽度占满，保持高度自适应 */
    background-position: bottom center; /* 背景图片顶部对齐，宽度居中 */
    background-repeat: no-repeat; /* 不重复背景图片 */
    overflow: hidden; /* 隐藏超出容器的部分 */
    padding: 0 0 63px 0;
    display: flex;
    align-items: flex-end;
  }
  .home-container .home-content {
    padding: 0 24px;
    display: flex;
    align-items: flex-end;
    width: 100vw;
    gap: 86.296px;
  }
  .home-container .home-content .content-left {
    display: flex;
    width: 100%;
  }
  .home-container .home-content .content-left .title-box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: -1px;
    align-self: stretch;
  }
  .home-container .home-content .content-left .title-box .title1 {
    font-size: 36px;
    font-style: normal;
    line-height: 40.522px; /* 112.561% */
    letter-spacing: -0.755px;
  }
  .home-container .home-content .content-left .title-box .title2-box {
    display: flex;
    align-items: center;
    align-content: center;
    gap: 2.814px;
    align-self: stretch;
    flex-wrap: wrap;
  }
  .home-container .home-content .content-left .title-box .title2-box .text1 {
    font-size: 36px;
    font-style: normal;
    line-height: 40.522px; /* 112.561% */
    letter-spacing: -0.755px;
  }
  .home-container .home-content .content-left .title-box .title2-box .svg-box {
    padding: 5.7px;
  }
  .home-container .home-content .content-left .title-box .title2-box .text2 {
    font-size: 36px;
    font-style: normal;
    line-height: 40.522px; /* 112.561% */
    letter-spacing: -0.755px;
  }
  .home-container .home-content .content-left .description {
    width: 335px;
    font-size: 14px;
    font-style: normal;
    line-height: 18px; /* 150% */
  }
  .home-container .home-content .content-left .description p {
    margin: 0;
  }
  .home-container .home-content .content-left .btn .btn-button {
    width: 136px;
    height: 46px;
    padding: 14.257px 21.385px;
    border-radius: 890.149px;
  }
  .home-container .home-content .content-left .btn .btn-button .text {
    font-size: 18px;
    font-style: normal;
    line-height: 17.821px; /* 99.004% */
  }
  .home-container .home-content .content-right {
    display: none;
  }
}

/*# sourceMappingURL=index.css.map */