html {
  font-weight: 400;
  line-height: 1.5;
  color: #ffffff;
}
/* 
基于1024px ~ 3840px宽度响应字体大小计算，最小12px，最大值24px，效果与clamp函数一样
*/
@media (min-width: 1024px) {
  :root {
    font-size: calc(0.75rem + ((1vw - 10.24px) * 0.4261));
  }
}
@media (min-width: 3840px) {
  :root {
    font-size: 24px;
  }
}
html {
  /* 全局字体大小 */
  --font-12px: 0.75rem;
  --font-14px: 0.875rem;
  --font-16px: 1rem;
  --font-18px: 1.125rem;
  --font-20px: 1.25rem;
  --font-22px: 1.375rem;
  --font-24px: 1.5rem;
  --font-26px: 1.625rem;
  --font-28px: 1.75rem;
  --font-30px: 1.875rem;
  --font-32px: 2rem;
  --font-34px: 2.125rem;
  --font-36px: 2.25rem;
  --font-38px: 2.375rem;
  --font-40px: 2.5rem;
  --font-42px: 2.625rem;
  --font-44px: 2.75rem;
  --font-46px: 2.875rem;
  --font-48px: 3rem;
  --font-50px: 3.125rem;
  --font-56px: 3.5rem;
  --font-60px: 3.75rem;
  --font-70px: 4.375rem;
  /* 全局间距 */
  --gap5px: 0.2604vw;
  --gap10px: calc(5px + 0.2604vw);
  --gap15px: calc(5px + 0.5208vw);
  --gap20px: calc(5px + 0.7813vw);
  --gap25px: calc(5px + 1.0417vw);
  --gap30px: calc(5px + 1.3021vw);
  --gap40px: calc(5px + 1.8229vw);
  --gap50px: calc(5px + 2.3438vw);
  --gap60px: calc(5px + 2.8646vw);
  --gap70px: calc(5px + 3.3854vw);
  --gap80px: calc(5px + 3.9063vw);
  --gap100px: calc(5px + 4.9479vw);
  --gap120px: calc(5px + 5.9896vw);
  --gap150px: calc(5px + 7.5521vw);
  --gap200px: calc(10px + 9.8958vw);
  --gap300px: calc(10px + 15.1042vw);
  --header-width-inner: calc(100% - 8.33%);
}
html[lang="en"] {
  --font-16px: 0.9rem;
  --font-20px: 1.195rem;
  --font-24px: 1.375rem;
  --font-32px: 1.75rem;
  --font-40px: 2.25rem;
  --font-42px: 2.375rem;
  --font-56px: 3rem;
}
.header-width-inner {
  /* 头部导航中心宽度 */
  width: calc(100% - 8.33%);
  margin-left: auto;
  margin-right: auto;
}
.main-width-inner {
  /* 主体内容中心宽度 */
  width: 75%;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1800px) {
  .main-width-inner {
    width: 90%;
  }
}
.Mobile {
  display: none !important;
}
.header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background-color: var(--header-backgroundColor01);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  z-index: 99;
  transition: all 0.4s ease;
}
.js-scroll-head .header {
  transform: translateY(-100%);
}
.js-scroll-head .Breadcrumb {
  top: 0;
}
.PC .header--content {
  display: grid;
  grid-template-columns: 1fr 3fr 1fr;
  grid-template-rows: auto;
  font-size: var(--font-18px);
  padding: var(--gap20px) 0;
  min-height: 68px;
}
.PC .header--content [class*="li-"] {
  display: flex;
  align-items: center;
}
.PC .header--content .li-logo a {
  display: block;
  width: calc(100px + 1.9271vw);
}
.PC .header--content .li-logo a img,
.PC .header--content .li-logo a svg {
  display: block;
  width: 100%;
  object-fit: contain;
}
.PC .header--content .li-logo a path {
  transition: all 0.3s ease;
}
.PC .header--content .li-logo a:hover path {
  fill: var(--hover-color-1);
}
.PC .header--content .li-nav-ul {
  justify-content: center;
  gap: 2.0833vw;
}
.PC .header--content .li-nav-ul .nav-item {
  position: relative;
  font-size: var(--font-14px);
  font-weight: 400;
  color: var(--header-nav-color);
  transition: all 0.3s ease;
}
.PC .header--content .li-nav-ul .nav-item:hover {
  color: var(--hover-color-1);
}
.PC .header--content .li-io {
  justify-content: flex-end;
}
.PC .header--content .li-io .lang-botton {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.PC .header--content .li-io .lang-botton.active .icon-world svg path,
.PC .header--content .li-io .lang-botton:hover .icon-world svg path {
  fill: var(--hover-color-1);
}
.PC .header--content .li-io .lang-botton.active .toggle-btn,
.PC .header--content .li-io .lang-botton:hover .toggle-btn {
  color: var(--hover-color-1);
}
.PC .header--content .li-io .lang-botton.active .icon-arrow path,
.PC .header--content .li-io .lang-botton:hover .icon-arrow path {
  fill: var(--hover-color-1);
}
.PC .header--content .li-io .lang-botton .icon-world {
  --ratio: calc(10px + 0.5208vw);
  display: flex;
  justify-content: center;
  align-items: center;
  width: var(--ratio);
  height: var(--ratio);
  overflow: hidden;
}
.PC .header--content .li-io .lang-botton .icon-world img,
.PC .header--content .li-io .lang-botton .icon-world svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.PC .header--content .li-io .lang-botton .icon-world path {
  transition: all 0.3s ease;
}
.PC .header--content .li-io .lang-botton .language-switch {
  position: relative;
  display: flex;
  align-items: center;
  padding-left: var(--gap10px);
  font-size: var(--font-14px);
  line-height: 1.5;
  color: var(--header-nav-color);
  user-select: none;
  -webkit-user-select: none;
  z-index: 999;
}
.PC .header--content .li-io .lang-botton .language-switch .toggle-btn {
  transition: all 0.3s ease;
}
.PC .header--content .li-io .lang-botton .language-switch .dropdown {
  display: none;
  position: absolute;
  left: calc(0px - var(--gap10px));
  top: calc(100% + 10px);
  padding: var(--gap20px);
  min-width: calc(100% + 2vw);
  white-space: nowrap;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: calc(6px + 0.1042vw);
  background: rgba(33, 35, 40, 0.4);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  overflow: hidden;
  z-index: 99;
  cursor: default;
}
.PC .header--content .li-io .lang-botton .language-switch .dropdown.active {
  display: block;
}
.PC .header--content .li-io .lang-botton .language-switch .dropdown a {
  display: block;
  text-decoration: none;
  line-height: 1.5;
  transition: all 0.2s ease-out;
}
.PC .header--content .li-io .lang-botton .language-switch .dropdown a:not(:last-child) {
  margin-bottom: var(--gap20px);
}
.PC .header--content .li-io .lang-botton .language-switch .dropdown a:hover {
  color: var(--hover-color-1);
}
.PC .header--content .li-io .lang-botton .icon-arrow {
  margin-left: var(--gap10px);
}
.PC .header--content .li-io .lang-botton .icon-arrow img,
.PC .header--content .li-io .lang-botton .icon-arrow svg {
  display: block;
  width: calc(5px + 0.2604vw);
}
.PC .header--content .li-io .lang-botton .icon-arrow path {
  transition: all 0.3s ease;
}
.consult--wrap {
  position: relative;
}
.consult--wrap::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  height: 65%;
  background: linear-gradient(180deg, #060714 0%, #060714 66%, rgba(6, 7, 20, 0) 100%);
  z-index: 1;
}
.consult--wrap .consult--box {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.consult--wrap .consult--box .text-wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding-top: 10.4167vw;
  z-index: 50;
}
html[lang="en"] .consult--wrap .consult--box .text-wrap {
  padding-top: 5.4167vw;
}
.consult--wrap .consult--box .text-wrap .title {
  margin-bottom: var(--gap40px);
  font-size: var(--font-40px);
  font-weight: 500;
  background: linear-gradient(180deg, #cbe3fd 0%, #8fb9ff 50%, #498bff 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.consult--wrap .consult--box .text-wrap .botton {
  position: relative;
  width: fit-content;
  border-radius: 12px;
  border: 1px solid #5082ff;
  overflow: hidden;
  transition: all 0.4s ease;
}
.consult--wrap .consult--box .text-wrap .botton .p {
  position: relative;
  padding: var(--gap10px) var(--gap60px);
  font-size: var(--font-18px);
  line-height: 1.8;
  white-space: nowrap;
  box-shadow: inset 0px 0px 14px 0px #3c73fc;
  z-index: 2;
}
.consult--wrap .consult--box .text-wrap .botton::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url(../images/other-icon/hover-botton.svg);
  background-repeat: no-repeat;
  background-position: left 0px bottom 0px;
  background-size: 100%;
  opacity: 0;
  transition: all 0.4s ease;
}
.consult--wrap .consult--box .text-wrap .botton:hover {
  box-shadow: 0px 20px 40px -7px #02091a;
}
.consult--wrap .consult--box .text-wrap .botton:hover::after {
  opacity: 1;
}
.consult--wrap .spline-box {
  height: calc(100px + 31.25vw);
  overflow: hidden;
}
.consult--wrap .spline-box img {
  display: block;
  width: 100%;
  height: 100%;
  object-position: bottom;
}
.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: var(--gap10px);
  padding: var(--gap40px) 0;
}
.pagination a {
  display: flex;
  justify-content: center;
  align-items: center;
  --ratio: calc(30px + 0.7292vw);
  width: var(--ratio);
  height: var(--ratio);
  font-size: var(--font-14px);
  color: #7482a5;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.06);
  transition: all 0.2s ease;
}
.pagination a.active,
.pagination a:hover {
  color: #fff;
  border-color: #5082ff;
  background: rgba(60, 115, 252, 0.1);
  box-shadow: inset 0px 0px 14px 0px #3c73fc;
}
.pagination a img {
  display: block;
  width: calc(5px + 0.5208vw);
  object-fit: contain;
}
.pagination a .prev-icon {
  transform: scaleX(-1);
}
.return--box {
  position: relative;
}
.return--top {
  position: fixed;
  top: 50%;
  transform: translate(calc(100% + 30px), -50%);
  right: 30px;
  transition: transform 0.4s ease;
  z-index: 99;
}
.return--top .ul {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--gap10px);
}
.return--top .ul .li {
  display: flex;
  justify-content: center;
  align-items: center;
  --ratio: calc(30px + 0.7292vw);
  width: var(--ratio);
  height: var(--ratio);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  background-color: #151722;
  overflow: hidden;
  transition: all 0.1s ease;
  cursor: pointer;
}
html[lang="en"] .return--top .ul .li.dropbtn1 {
  display: none;
}
.return--top .ul .li img,
.return--top .ul .li svg {
  display: block;
  width: 55%;
  object-fit: contain;
}
.return--top .ul .li:nth-child(1) img,
.return--top .ul .li svg {
  width: 50%;
}
.return--top .ul .li:hover,
.return--top .ul .li.js-click {
  border-color: #5082ff;
  box-shadow: inset 0px 0px 14px 0px #3c73fc;
}
.return--top .ul .li:hover svg g,
.return--top .ul .li.js-click svg g {
  opacity: 1 !important;
}
.return--top .ul .li:hover svg path,
.return--top .ul .li.js-click svg path {
  fill-opacity: 1 !important;
}
.return--top .ul .pop--kao1 {
  display: none;
  position: absolute;
  width: calc(140px + 4.9479vw);
  top: 50%;
  right: calc(100% + var(--gap15px));
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: #151722;
  transform: translateY(-50%);
}
.return--top .ul .pop--kao1.active {
  display: block;
}
.return--top .ul .pop--content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--gap30px);
  padding: var(--gap30px) var(--gap40px);
  text-align: center;
}
.return--top .ul .pop--content .dl-01 .img-top {
  --ratio: calc(60px + 4.1667vw);
  width: var(--ratio);
  height: var(--ratio);
  margin-bottom: var(--gap5px);
  overflow: hidden;
}
.return--top .ul .pop--content .dl-01 .img-top img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.return--top .ul .pop--content .dl-01 .text-p .dt {
  font-size: var(--font-20px);
}
.return--top .ul .pop--content .dl-01 .text-p .dd {
  font-size: var(--font-14px);
}
.return--top .ul .pop--content .dl-02 .img-top {
  display: flex;
  justify-content: center;
  align-items: center;
  --ratio: calc(60px + 3.125vw);
  width: var(--ratio);
  height: var(--ratio);
  margin-bottom: var(--gap15px);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.06);
  overflow: hidden;
}
.return--top .ul .pop--content .dl-02 .img-top img {
  display: block;
  width: 90%;
  height: 90%;
  object-fit: contain;
  border-radius: 6px;
}
.return--top .ul .pop--content .dl-02 .text-p {
  padding-bottom: var(--gap10px);
  font-size: var(--font-14px);
}
.Breadcrumb {
  position: fixed;
  top: var(--headerGap);
  left: 0;
  right: 0;
  padding: var(--gap20px) 0;
  background: rgba(255, 255, 255, 0.04);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  transition: all 0.4s ease;
  z-index: 98;
}
.Breadcrumb .ul {
  display: flex;
  align-items: center;
  gap: var(--gap10px);
}
.Breadcrumb .ul a {
  display: block;
  font-size: var(--font-14px);
  font-weight: 500;
  color: #7482a5;
  transition: all 0.3s ease;
}
.Breadcrumb .ul a:hover {
  color: var(--hover-color-1);
}
.Breadcrumb .ul .nav-line {
  display: flex;
  align-items: center;
  width: calc(5px + 0.2604vw);
  height: calc(10px + 0.2604vw);
  background-image: url(../images/other-icon/breadcrumb-icon.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain, 100%;
}
.js_oneScroll .return--top {
  transform: translate(0, -50%);
}
.footer {
  position: relative;
  padding: var(--gap80px) 0 var(--gap70px);
  background: rgba(3, 6, 15, 0.102);
  -webkit-backdrop-filter: blur(80px);
  backdrop-filter: blur(80px);
  z-index: 10;
}
.footer::before {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  left: 0;
  height: 1px;
  background: linear-gradient(100deg, #14172d 0%, #232647 50%, #14172d 100%);
}
.footer .hr {
  margin: var(--gap30px) auto;
  height: 1px;
  background-color: rgba(223, 223, 223, 0.1);
}
.footer .foot-1 {
  display: flex;
  gap: var(--gap40px);
  padding-bottom: var(--gap10px);
}
.footer .foot-1 .dl-nav {
  flex-shrink: 0;
  display: flex;
  gap: var(--gap30px);
}
.footer .foot-1 .dl-nav .dl {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 8.8542vw;
  min-width: 100px;
  font-size: var(--font-14px);
  font-weight: 500;
}
html[lang="en"] .footer .foot-1 .dl-nav .dl {
  width: auto;
}
.footer .foot-1 .dl-nav .dl .dt {
  margin-bottom: var(--gap15px);
}
.footer .foot-1 .dl-nav .dl .dd {
  margin-bottom: var(--gap10px);
  color: #7482a5;
  transition: all 0.3s ease-out;
}
.footer .foot-1 .dl-nav .dl .dd:hover {
  color: var(--hover-color-1);
}
.footer .foot-1 .LK-wrap {
  display: flex;
  margin-left: auto;
}
.footer .foot-1 .LK-wrap .dt {
  margin-bottom: var(--gap5px);
  font-size: var(--font-14px);
}
.footer .foot-1 .LK-wrap .t-1 {
  order: 2;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  gap: var(--gap20px);
  margin-bottom: var(--gap30px);
}
.footer .foot-1 .LK-wrap .t-1 .title {
  font-size: var(--font-14px);
  visibility: hidden;
}
.footer .foot-1 .LK-wrap .t-1 .dt {
  font-size: var(--font-14px);
  color: #7482a5;
}
.footer .foot-1 .LK-wrap .t-1 .dd {
  font-size: var(--font-32px);
  font-weight: bold;
  line-height: 1.2;
  background: var(--h2-background01);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.footer .foot-1 .LK-wrap .t-2 {
  margin-right: var(--gap70px);
}
.footer .foot-1 .LK-wrap .t-2 .ma-dd {
  margin-bottom: var(--gap15px);
  font-size: var(--font-14px);
}
.footer .foot-1 .LK-wrap .t-2 .ma-img {
  display: flex;
  justify-content: center;
  align-items: center;
  --ratio: calc(60px + 5.2083vw);
  width: var(--ratio);
  height: var(--ratio);
  margin-bottom: var(--gap15px);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.06);
  overflow: hidden;
}
.footer .foot-1 .LK-wrap .t-2 .ma-img img {
  display: block;
  width: 90%;
  height: 90%;
  object-fit: contain;
  border-radius: 6px;
}
.footer .foot-2 {
  font-size: var(--font-14px);
  color: #7482a5;
}
.footer .foot-2 a {
  transition: all 0.3s ease-out;
}
.footer .foot-2 a:hover {
  color: var(--hover-color-1);
}
.News--grid-wrap {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto;
  gap: var(--gap25px);
  margin-bottom: var(--gap40px);
}
.News--grid-wrap a {
  display: block;
  box-shadow: 0px 10px 20px -8px #000000;
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background-color: rgba(10, 15, 36, 0.58);
  -webkit-backdrop-filter: blur(40px);
  backdrop-filter: blur(40px);
  transition: all 0.4s ease;
  overflow: hidden;
}
.News--grid-wrap a:hover {
  border-color: #3c73fc;
  transform: translateY(calc(0px - var(--gap10px)));
}
.News--grid-wrap .li {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: var(--gap30px);
  height: 100%;
  overflow: hidden;
  transition: all 0.2s ease;
}
.News--grid-wrap .li .img-wrap {
  margin-bottom: var(--gap20px);
  width: 100%;
  height: 11.6667vw;
  border-radius: 10px;
  overflow: hidden;
}
@media (max-width: 1800px) {
  .News--grid-wrap .li .img-wrap {
    height: 14.26vw;
  }
}
@supports (aspect-ratio: 1/1) {
  .News--grid-wrap .li .img-wrap {
    aspect-ratio: 398 / 224;
    height: auto;
  }
}
.News--grid-wrap .li .img-wrap img {
  display: block;
  width: 100%;
  height: 100%;
}
.News--grid-wrap .li .text-wrap {
  margin-bottom: var(--gap30px);
}
.News--grid-wrap .li .text-wrap .date {
  font-size: var(--font-14px);
  color: #7482a5;
}
.News--grid-wrap .li .text-wrap .dt {
  margin: var(--gap10px) 0 var(--gap20px);
  --text-height: calc(1.2 * var(--font-22px));
  font-size: var(--font-24px);
  font-weight: 600;
  line-height: 1.3;
  min-height: calc(var(--text-height) * 2);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
}
html[lang="en"] .News--grid-wrap .li .text-wrap .dt {
  font-size: var(--font-20px);
}
.News--grid-wrap .li .text-wrap .dd {
  --text-height: calc(1.5 * var(--font-14px));
  font-size: var(--font-14px);
  line-height: 1.5;
  min-height: calc(var(--text-height) * 2);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
}
.News--grid-wrap .li .hover-icon {
  margin-top: auto;
  width: calc(10px + 0.5208vw);
  opacity: 0;
  transition: all 0.2s ease;
}
.News--grid-wrap .li .hover-icon img {
  display: block;
  width: 100%;
  object-fit: contain;
}
.News--grid-wrap .li::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url(../images/news/li-hover.svg);
  background-repeat: no-repeat;
  background-position: left 0 bottom -45px;
  background-size: 100%;
  opacity: 0;
  transition: all 0.4s ease;
  z-index: -1;
}
.News--grid-wrap .li:hover {
  box-shadow: inset 0px 0px 10px 0px rgba(60, 115, 252, 0.2);
}
.News--grid-wrap .li:hover::after {
  opacity: 1;
}
.News--grid-wrap .li:hover .hover-icon {
  opacity: 1;
}
.title--vk {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: var(--gap30px) 0 var(--gap60px);
  text-align: center;
}
.title--vk .dt {
  width: fit-content;
  font-size: var(--font-48px);
  font-weight: bold;
  background: linear-gradient(95deg, #00ea9c -4%, #3c73fc 104%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
html[lang="en"] .title--vk .dt {
  font-size: var(--font-40px);
}
.title--vk .dd {
  padding-top: var(--gap40px);
  font-size: var(--font-20px);
  color: #fff;
}
html[lang="en"] .title--vk .dd {
  font-size: 1rem;
  padding-top: var(--gap10px);
}
.title--vk .dd:empty {
  display: none;
}
.video-box {
  position: relative;
  margin: 0 auto;
  width: 100%;
  height: 42.7083vw;
  border-radius: calc(16px + 0.2083vw);
  overflow: hidden;
}
@supports (aspect-ratio: 1 / 1) {
  .video-box {
    aspect-ratio: 1472 / 820;
    height: auto;
  }
}
.video-box video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.video-box .play-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  --ratio: calc(80px + 3.8542vw);
  width: var(--ratio);
  height: var(--ratio);
  transform: translate(-50%, -50%);
  overflow: hidden;
  transition: all 0.3s ease-out;
  cursor: pointer;
  z-index: 2;
}
.video-box .play-icon img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.video-box .play-icon:hover {
  transform: translate(-50%, -50%) scale(1.1);
}
.ui-checkbox {
  --primary-color: #3c73fc;
  --secondary-color: #fff;
  --primary-hover-color: #3c73fc;
  /* checkbox */
  --checkbox-diameter: calc(10px + 0.5208vw);
  --checkbox-border-radius: 50%;
  --checkbox-border-color: rgba(255, 255, 255, 0.1);
  --checkbox-border-width: 1px;
  --checkbox-border-style: solid;
  /* checkmark */
  --checkmark-size: 1;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: var(--checkbox-diameter, 20px);
  height: var(--checkbox-diameter, 20px);
  border-radius: var(--checkbox-border-radius);
  background: rgba(255, 255, 255, 0.06);
  border: var(--checkbox-border-width) var(--checkbox-border-style) var(--checkbox-border-color);
  transition: all 0.3s;
  cursor: pointer;
  position: relative;
}
.ui-checkbox::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  box-shadow: 0 0 0 calc(var(--checkbox-diameter) / 2.5) var(--primary-color);
  border-radius: inherit;
  opacity: 0;
  transition: all 0.5s cubic-bezier(0.12, 0.4, 0.29, 1.46);
}
.ui-checkbox::before {
  top: 45%;
  left: 52%;
  content: "";
  position: absolute;
  width: 4px;
  height: 9px;
  border-right: 2px solid var(--secondary-color);
  border-bottom: 2px solid var(--secondary-color);
  transform: translate(-50%, -50%) rotate(45deg) scale(0);
  opacity: 0;
  transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
}
.ui-checkbox:hover {
  border-color: var(--primary-color);
}
.ui-checkbox:checked {
  background: var(--primary-color);
  border-color: transparent;
}
.ui-checkbox:checked::before {
  opacity: 1;
  transform: translate(-50%, -50%) rotate(45deg) scale(var(--checkmark-size));
  transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
}
.ui-checkbox:active:not(:checked)::after {
  -webkit-transition: none;
  -o-transition: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  transition: none;
  opacity: 1;
}
.liuZi-wrap .pop--box {
  padding: var(--gap60px) var(--gap120px);
  width: 56.25vw;
  min-width: 900px;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.06);
  --color-a: #7482a5;
}
.liuZi-wrap .pop--box .title-top {
  margin-bottom: var(--gap50px);
  text-align: center;
  font-weight: 500;
}
.liuZi-wrap .pop--box .title-top .dt {
  margin-bottom: var(--gap5px);
  font-size: var(--font-24px);
  color: #fff;
}
.liuZi-wrap .pop--box .title-top .dd {
  font-size: var(--font-14px);
  color: #7482a5;
}
.liuZi-wrap .pop--box .form-wrap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--gap40px);
  margin-bottom: var(--gap70px);
}
.liuZi-wrap .pop--box .form-wrap .uk-dt {
  margin-bottom: var(--gap15px);
  font-size: var(--font-14px);
  color: var(--color-a);
}
.liuZi-wrap .pop--box .form-wrap .uk-input {
  padding: var(--gap15px) var(--gap20px);
  width: 100%;
  font-size: var(--font-14px);
  color: #ffffff;
  background-color: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  transition: 0.3s ease-out;
  transition-property: color, background-color, border;
}
.liuZi-wrap .pop--box .form-wrap .uk-input::-moz-placeholder {
  opacity: 1;
}
.liuZi-wrap .pop--box .form-wrap .uk-input::placeholder {
  color: var(--color-a);
}
.liuZi-wrap .pop--box .form-wrap .uk-input:focus::placeholder {
  opacity: 0;
}
.liuZi-wrap .pop--box .form-wrap .uk-input:focus,
.liuZi-wrap .pop--box .form-wrap .uk-input.uk-select.active {
  outline: 0;
  border-color: #3c73fc;
}
.liuZi-wrap .pop--box .form-wrap .uk-select {
  position: relative;
  color: var(--color-a);
  padding-right: calc(var(--gap20px) + 5%);
  background-image: url("../images/other-icon/select-icon.svg");
  background-repeat: no-repeat;
  background-position: 95% 50%;
  background-size: 2%;
}
.liuZi-wrap .pop--box .form-wrap .uk-select .toggle-btn {
  user-select: none;
  -webkit-user-select: none;
  cursor: default;
}
.liuZi-wrap .pop--box .form-wrap .uk-select .toggle-btn.cv-opt {
  color: #ffffff;
}
.liuZi-wrap .pop--box .form-wrap .uk-select .dropdown {
  display: none;
  position: absolute;
  top: calc(100% + var(--gap10px));
  left: 0;
  right: 0;
  padding: var(--padding-height);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  background: #242732;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  overflow-y: auto;
  z-index: 99;
  cursor: default;
  user-select: none;
  -webkit-user-select: none;
  --padding-height: var(--gap5px);
  --ak-height-padding: var(--gap5px);
  --ak-height: calc(1.5 * var(--font-14px) + var(--ak-height-padding) * 2);
  max-height: calc(6 * (var(--ak-height) + var(--gap5px)) + (var(--padding-height) * 1.25));
  --sb-track-color: #242732;
  --sb-thumb-color: #5a6066;
  --sb-size: 5px;
}
.liuZi-wrap .pop--box .form-wrap .uk-select .dropdown::-webkit-scrollbar {
  width: var(--sb-size);
}
.liuZi-wrap .pop--box .form-wrap .uk-select .dropdown::-webkit-scrollbar-track {
  background: var(--sb-track-color);
  border-radius: 3px;
}
.liuZi-wrap .pop--box .form-wrap .uk-select .dropdown::-webkit-scrollbar-thumb {
  background: var(--sb-thumb-color);
  border-radius: 3px;
}
.liuZi-wrap .pop--box .form-wrap .uk-select .dropdown .ak {
  --active-color: #3c73fc;
  display: block;
  margin-bottom: var(--gap5px);
  padding: var(--ak-height-padding) var(--gap10px);
  color: #fff;
  cursor: pointer;
  border-radius: 4px;
  overflow: hidden;
}
.liuZi-wrap .pop--box .form-wrap .uk-select .dropdown .ak:last-child {
  margin-bottom: 0 !important;
}
.liuZi-wrap .pop--box .form-wrap .uk-select .dropdown .ak:hover {
  background-color: var(--active-color);
}
.liuZi-wrap .pop--box .form-wrap .uk-select .dropdown .ak.ak-active {
  background-color: var(--active-color);
}
.liuZi-wrap .pop--box .form-wrap .uk-select .dropdown.active {
  display: block;
}
.liuZi-wrap .pop--box .form-wrap .input--pos {
  position: relative;
}
.liuZi-wrap .pop--box .form-wrap .input--pos .H-yanma {
  position: absolute;
  top: 1px;
  right: 1px;
  bottom: 1px;
  display: flex;
  align-items: center;
  width: fit-content;
  padding: 0 calc(5px + 0.5208vw);
  font-size: var(--font-12px);
  color: #3c73fc;
  background-color: #22232f;
  border-radius: 13px;
}
.liuZi-wrap .pop--box .form-wrap .input--pos .H-yanma .ts {
  padding: var(--gap5px) var(--gap15px);
  border-radius: 7.68px;
  border: 0.64px solid #3c73fc;
  background: rgba(60, 115, 252, 0);
  cursor: pointer;
}
.liuZi-wrap .pop--box .button-wrap {
  margin: 0 auto var(--gap20px);
  width: 48%;
}
.liuZi-wrap .pop--box .button-wrap .bot-tj {
  position: relative;
  margin-bottom: var(--gap20px);
  width: 100%;
  border-radius: 12px;
  border: 1px solid #5082ff;
  overflow: hidden;
  transition: all 0.4s ease;
  cursor: pointer;
}
.liuZi-wrap .pop--box .button-wrap .bot-tj .p {
  position: relative;
  padding: var(--gap15px) var(--gap30px);
  font-size: var(--font-16px);
  text-align: center;
  font-weight: 500;
  line-height: 1.8;
  white-space: nowrap;
  box-shadow: inset 0px 0px 14px 0px #3c73fc;
  z-index: 2;
}
.liuZi-wrap .pop--box .button-wrap .bot-tj::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url(../images/other-icon/hover-botton.svg);
  background-repeat: no-repeat;
  background-position: left 0px bottom 20%;
  background-size: 100%;
  opacity: 0;
  transition: all 0.4s ease;
}
.liuZi-wrap .pop--box .button-wrap .bot-tj:hover {
  box-shadow: 0px 20px 40px -7px #02091a;
}
.liuZi-wrap .pop--box .button-wrap .bot-tj:hover::after {
  opacity: 1;
}
.liuZi-wrap .pop--box .button-wrap .check-wrap {
  display: flex;
  align-items: center;
}
.liuZi-wrap .pop--box .button-wrap .check-wrap .Check-bt {
  margin-right: var(--gap10px);
}
.liuZi-wrap .pop--box .button-wrap .check-wrap .text-p {
  font-size: var(--font-14px);
  color: var(--color-a);
}
.liuZi-wrap .pop--box .button-wrap .check-wrap .text-p a {
  transition: all 0.2s ease-out;
}
.liuZi-wrap .pop--box .button-wrap .check-wrap .text-p a:hover {
  color: var(--hover-color-1);
}
/* =============popup.js弹窗================ */
.white-popup {
  position: relative;
  margin: 0 auto;
  width: fit-content;
}
button.mfp-close {
  --as14-6: calc(5px + 0.5vw);
  width: var(--as14-6);
  height: var(--as14-6);
  background-image: url(../images/other-icon/close-icon.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 99.5%, contain;
  font-size: var(--font-36px);
  transform: translate(-1.5625vw, 1.5625vw);
  color: #919eab !important;
}
.mfp-bg {
  background-color: #060714;
}
.mfp-zoom-in.mfp-bg {
  opacity: 0;
  transition: all 0.3s ease-out;
}
.mfp-zoom-in.mfp-ready.mfp-bg {
  opacity: 1;
}
.mfp-zoom-in.mfp-ready .mfp-with-anim {
  opacity: 1;
  transform: scale(1);
}
.mfp-zoom-in .mfp-with-anim {
  opacity: 0;
  transition: all 0.2s ease-in-out;
  transform: scale(0.8);
}
.mfp-zoom-in.mfp-removing .mfp-with-anim {
  transform: scale(0.8);
  opacity: 0;
}
.mfp-zoom-in.mfp-removing.mfp-bg {
  opacity: 0;
}
/* =============/popup.js弹窗/================ */
.main {
  position: relative;
  min-height: 100vh;
  z-index: 3;
}
.Page-Product .h2 {
  flex: auto;
  font-size: var(--font-40px);
  color: var(--text-dd-color02);
}
.Page-Product .v1 {
  margin: var(--gap70px) auto var(--gap150px);
}
.Page-Product .swiper {
  z-index: 10;
}
.Page-Product .swiper-button-prev,
.Page-Product .swiper-button-next {
  --swiper-navigation-sides-offset: 0;
  position: static !important;
  margin: 0;
  transition: all 0.3s ease;
  user-select: none;
  -webkit-user-select: none;
}
.Page-Product .swiper-button-prev {
  transform: scaleX(-1);
}
.Page-Product .swiper--title {
  display: flex;
  gap: var(--gap20px);
}
.Page-Product .swiper--title .swiper--button-grid {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: var(--gap40px);
}
.Page-Product .swiper--title .icon--custom {
  --ratio: calc(20px + 1.5625vw);
  width: var(--ratio);
  height: var(--ratio);
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.06);
}
.Page-Product .swiper--title .icon--custom img {
  object-fit: contain;
}
.Page-Product .swiper--title .icon--custom .img-2 {
  display: none;
}
.Page-Product .swiper--title .icon--custom:hover {
  border-color: #5082ff;
  box-shadow: inset 0px 0px 6px 0px #3c73fc;
}
.Page-Product .swiper--title .icon--custom:hover .img-1 {
  display: none;
}
.Page-Product .swiper--title .icon--custom:hover .img-2 {
  display: block;
}
.Page-Product .sw-wrap-common .a-li {
  position: relative;
  display: flex;
  flex-direction: column;
  margin-right: var(--gap25px);
  height: 28.5417vw;
  border-radius: calc(16px + 0.2083vw);
  border: 1px solid rgba(255, 255, 255, 0.2);
  overflow: hidden;
  transition: all 0.3s ease;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover, 100%;
}
@media (max-width: 1800px) {
  .Page-Product .sw-wrap-common .a-li {
    height: 32.2917vw !important;
  }
}
.Page-Product .sw-wrap-common .a-li .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
}
.Page-Product .sw-wrap-common .a-li .cp-textWrap {
  position: relative;
  margin-top: auto;
  padding: var(--gap40px) var(--gap50px) var(--gap50px);
  color: #fff;
  z-index: 2;
  background: linear-gradient(180deg, rgba(22, 25, 33, 0.1) 0%, rgba(22, 25, 33, 0.58) 48%, #161921 97%);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.Page-Product .sw-wrap-common .a-li .cp-textWrap .dt {
  margin-bottom: var(--gap5px);
  font-size: var(--font-32px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.Page-Product .sw-wrap-common .a-li .cp-textWrap .dd {
  font-size: var(--font-16px);
  color: var(--text-dd-color01);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.Page-Product .sw-wrap-common .a-li::after {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(180deg, rgba(1, 1, 1, 0) 0%, #0a0a0a 100%);
}
.Page-Product .sw-wrap-common .a-li:hover {
  transform: translateY(calc(0px - var(--gap20px)));
  box-shadow: 0px 50px 40px -20px rgba(4, 7, 18, 0.9);
}
.Page-Product .sw-wrap-common .a-li:hover .icon--custom {
  opacity: 1;
}
.Page-Product .sw-wrap-common .mySwiper2-1 {
  position: relative;
  margin: 0;
  height: 100%;
  /*swiper轮播左右按钮自定义样式*/
}
.Page-Product .sw-wrap-common .mySwiper2-1 .swiper-slide {
  height: inherit;
}
.Page-Product .sw-wrap-common .mySwiper2-1 .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
}
.Page-Product .sw-wrap-common .mySwiper2-1 .cp-textWrap {
  position: absolute !important;
  bottom: 0;
  left: 0;
  right: 0;
}
.Page-Product .sw-wrap-common .mySwiper2-1 .swiper-button-prev,
.Page-Product .sw-wrap-common .mySwiper2-1 .swiper-button-next {
  --swiper-navigation-top-offset: 35%;
  --swiper-navigation-sides-offset: 1.3021vw;
  position: absolute !important;
}
.Page-Product .sw-wrap-common .mySwiper2-1 .icon--custom {
  --ratio: calc(20px + 1.5625vw);
  width: var(--ratio);
  height: var(--ratio);
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.06);
  opacity: 0;
}
.Page-Product .sw-wrap-common .mySwiper2-1 .icon--custom img {
  object-fit: contain;
}
.Page-Product .sw-wrap-common .mySwiper2-1 .icon--custom .img-2 {
  display: none;
}
.Page-Product .sw-wrap-common .mySwiper2-1 .icon--custom:hover {
  border-color: #5082ff;
  box-shadow: inset 0px 0px 6px 0px #3c73fc;
}
.Page-Product .sw-wrap-common .mySwiper2-1 .icon--custom:hover .img-1 {
  display: none;
}
.Page-Product .sw-wrap-common .mySwiper2-1 .icon--custom:hover .img-2 {
  display: block;
}
.Page-Product .SwiperDate-1 .a-li:nth-child(1) {
  padding: 0 !important;
  width: calc(66.7% + var(--gap25px)) !important;
}
@media (max-width: 1800px) {
  .Page-Product .SwiperDate-1 .a-li:nth-child(1) {
    width: calc(55.5% + var(--gap25px)) !important;
  }
}
.Page-Product .section--1 {
  height: 39.0625vw;
  z-index: 2;
}
.Page-Product .section--1 .section-bgc {
  display: block;
  width: 100%;
  height: 112.462%;
}
.Page-Product .section--1 .pos-wrap {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.Page-Product .section--1 .pos-wrap .text-dl {
  position: absolute;
  width: fit-content;
  white-space: nowrap;
  top: 30%;
  left: 0;
}
.Page-Product .section--1 .pos-wrap .text-dl .dt {
  margin-bottom: var(--gap15px);
  font-size: var(--font-56px);
}
.Page-Product .section--1 .pos-wrap .text-dl .dd {
  font-size: var(--font-24px);
}
.Page-Product .section--2 .bgc-m1 {
  position: absolute;
  display: block;
  width: 100%;
  z-index: 1;
}
.Page-Product .section--2 .cp-textWrap {
  background: linear-gradient(180deg, rgba(1, 1, 1, 0) 0%, #010101 100%) !important;
  -webkit-backdrop-filter: blur(0px) !important;
  backdrop-filter: blur(0) !important;
}
html[lang="en"] .Page-Product-Details .main-width-inner {
  width: 65%;
}
.Page-Product-Details .photo-box {
  position: relative;
  margin: 0 auto;
  width: 100%;
  height: 42.7083vw;
  border-radius: calc(16px + 0.2083vw);
  overflow: hidden;
}
@supports (aspect-ratio: 1 / 1) {
  .Page-Product-Details .photo-box {
    aspect-ratio: 1472 / 820;
    height: auto;
  }
}
.Page-Product-Details .photo-box img {
  display: block;
  width: 100%;
  height: 100%;
}
.Page-Product-Details .section--1 {
  height: 56.25vw;
}
.Page-Product-Details .section--1::after {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  bottom: 0;
  height: 15.8333vw;
  background: linear-gradient(180deg, rgba(8, 10, 26, 0) 0%, #060714 100%);
}
.Page-Product-Details .section--1 img.section-bgc {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  object-position: top;
}
.Page-Product-Details .section--1 .pos-wrap {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.Page-Product-Details .section--1 .pos-wrap .text-p {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 10%;
  width: 100%;
  color: #fff;
}
.Page-Product-Details .section--1 .pos-wrap .text-p .t-1 {
  margin-bottom: var(--gap10px);
  font-size: var(--font-24px);
}
.Page-Product-Details .section--1 .pos-wrap .text-p .t-2 {
  display: flex;
  align-items: baseline;
  gap: var(--gap20px);
  margin-bottom: var(--gap20px);
  font-size: 2.9167vw;
  font-weight: bold;
  line-height: 1.2;
}
html[lang="en"] .Page-Product-Details .section--1 .pos-wrap .text-p .t-2 {
  font-size: 2.4167vw;
}
.Page-Product-Details .section--1 .pos-wrap .text-p .t-2 img {
  width: 21vw;
}
.Page-Product-Details .section--1 .pos-wrap .text-p .t-3 {
  font-size: var(--font-32px);
}
.Page-Product-Details .section--2 {
  transform: translateY(-8.3333vw);
  z-index: 3;
}
.Page-Product-Details .section--2 [class*="grid-ul"] {
  display: grid;
  gap: var(--gap25px);
}
.Page-Product-Details .section--2 [class*="grid-ul"] [class*="li"] {
  position: relative;
  border: 1px solid transparent;
  border-radius: calc(16px + 0.2083vw);
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
  background-image: linear-gradient(to right, #787d8a, #373a41), linear-gradient(180deg, #787d8a, #373a41);
  overflow: hidden;
  box-shadow: 0px 50px 40px -20px rgba(4, 7, 18, 0.9);
}
.Page-Product-Details .section--2 [class*="grid-ul"] [class*="li"] .img-wrap {
  height: 100%;
}
.Page-Product-Details .section--2 [class*="grid-ul"] [class*="li"] .img-wrap img {
  display: block;
  width: 100%;
  height: 100%;
}
.Page-Product-Details .section--2 [class*="grid-ul"] [class*="li"] .text-p {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: var(--gap50px);
  text-align: center;
  font-size: var(--font-32px);
}
html[lang="en"] .Page-Product-Details .section--2 [class*="grid-ul"] [class*="li"] .text-p {
  font-size: var(--font-24px);
}
.Page-Product-Details .section--2 .grid-ul-1 {
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
  height: 36.7708vw;
  margin-bottom: var(--gap25px);
}
@supports (aspect-ratio: 1 / 1) {
  .Page-Product-Details .section--2 .grid-ul-1 {
    aspect-ratio: 1427 / 706;
    height: auto;
  }
}
.Page-Product-Details .section--2 .grid-ul-1 .li-1 {
  grid-area: 1 / 1 / 3 / 2;
}
.Page-Product-Details .section--2 .grid-ul-2 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  height: 17.7083vw;
}
@supports (aspect-ratio: 1 / 1) {
  .Page-Product-Details .section--2 .grid-ul-2 {
    aspect-ratio: 1427 / 340;
    height: auto;
  }
}
.Page-Product-Details .section--3 {
  margin-bottom: var(--gap120px);
}
.Page-Product-Details .section--4 {
  margin-bottom: var(--gap120px);
}
.Page-Product-Details .section--5 {
  margin-bottom: var(--gap120px);
}
.Page-Product-Details .section--6 .mySwiper1 {
  width: 60%;
  margin: 0 0 var(--gap60px) auto;
}
.Page-Product-Details .section--6 .mySwiper1 .swiper-wrapper {
  flex-wrap: wrap;
}
.Page-Product-Details .section--6 .tab--li {
  position: relative;
  padding: var(--gap10px);
  margin: 0 var(--gap20px) var(--gap20px) 0;
  min-width: calc(80px + 6.25vw);
  width: fit-content;
  font-size: var(--font-16px);
  line-height: 1.75;
  text-align: center;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.1);
  overflow: hidden;
  transition: all 0.2s ease-out;
  cursor: pointer;
}
.Page-Product-Details .section--6 .tab--li:last-child {
  margin-right: 0;
}
.Page-Product-Details .section--6 .tab--li::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url(../images/other-icon/hover-botton.svg);
  background-repeat: no-repeat;
  background-position: left 0px bottom 0px;
  background-size: 100%;
  opacity: 0;
  transition: all 0.4s ease;
  z-index: -1;
}
.Page-Product-Details .section--6 .tab--li.swiper-slide-thumb-active,
.Page-Product-Details .section--6 .tab--li:hover {
  border-color: #5082ff;
  background: rgba(60, 115, 252, 0.1);
  box-shadow: inset 0px 0px 14px 0px #3c73fc;
}
.Page-Product-Details .section--6 .tab--li.swiper-slide-thumb-active::after,
.Page-Product-Details .section--6 .tab--li:hover::after {
  opacity: 1;
}
.Page-Product-Details .section--6 .grid-wrap {
  display: flex;
  min-height: 400px;
}
.Page-Product-Details .section--6 .grid-wrap .img-box {
  flex-shrink: 0;
  margin-right: auto;
  width: 35%;
}
.Page-Product-Details .section--6 .grid-wrap .img-box img {
  display: block;
  width: 100%;
  object-fit: contain;
}
.Page-Product-Details .section--6 .grid-wrap .ca-wrap {
  width: 60%;
  color: #fff;
}
.Page-Product-Details .section--6 .grid-wrap .ca-wrap .t-1 {
  display: grid;
  grid-template-columns: 1.5fr 2fr 4fr;
  grid-template-rows: auto;
  gap: var(--gap20px);
  margin-bottom: var(--gap50px);
}
.Page-Product-Details .section--6 .grid-wrap .ca-wrap .t-1 .dl {
  overflow: hidden;
}
.Page-Product-Details .section--6 .grid-wrap .ca-wrap .t-1 .dl .dt {
  margin-bottom: var(--gap10px);
  font-size: var(--font-32px);
  line-height: 1.2;
}
.Page-Product-Details .section--6 .grid-wrap .ca-wrap .t-1 .dl .dd {
  font-size: var(--font-14px);
}
.Page-Product-Details .section--6 .grid-wrap .ca-wrap .t-2 .table-box {
  --radius: calc(8px + 0.2083vw);
  margin-bottom: var(--gap25px);
  border-radius: var(--radius);
  border: 1px solid #2d2e39;
  overflow: hidden;
}
.Page-Product-Details .section--6 .grid-wrap .ca-wrap .t-2 .table-box .dl {
  display: flex;
  font-size: var(--font-14px);
  line-height: 2;
}
.Page-Product-Details .section--6 .grid-wrap .ca-wrap .t-2 .table-box .dl:last-child .dt,
.Page-Product-Details .section--6 .grid-wrap .ca-wrap .t-2 .table-box .dl:last-child .dd:last-child [class*="t-"] {
  border-bottom: none;
}
.Page-Product-Details .section--6 .grid-wrap .ca-wrap .t-2 .table-box .dl .dt,
.Page-Product-Details .section--6 .grid-wrap .ca-wrap .t-2 .table-box .dl [class*="t-"] {
  display: flex;
  align-items: center;
  padding: var(--gap15px) var(--gap25px);
  border-right: 1px solid #2d2e39;
  border-bottom: 1px solid #2d2e39;
  background-color: #151622;
}
.Page-Product-Details .section--6 .grid-wrap .ca-wrap .t-2 .table-box .dl .dt {
  flex-shrink: 0;
  width: 22%;
}
.Page-Product-Details .section--6 .grid-wrap .ca-wrap .t-2 .table-box .dl .dd-wrap {
  flex: auto;
}
.Page-Product-Details .section--6 .grid-wrap .ca-wrap .t-2 .table-box .dl .dd-wrap .dd {
  display: flex;
}
.Page-Product-Details .section--6 .grid-wrap .ca-wrap .t-2 .table-box .dl .dd-wrap .dd .t-01 {
  flex-shrink: 0;
  width: 30%;
}
.Page-Product-Details .section--6 .grid-wrap .ca-wrap .t-2 .table-box .dl .dd-wrap .dd .t-02 {
  flex: auto;
}
.Page-Product-Details .section--6 .grid-wrap .ca-wrap .t-2 .table-box .dl .dd-wrap .dd [class*="t-"]:last-child {
  border-right: none;
}
.Page-Product-Details .section--6 .grid-wrap .notes {
  font-size: var(--font-12px);
  color: rgba(255, 255, 255, 0.6);
}
/* 新闻主页 */
.Page-News .section--1 {
  height: 24.4792vw;
}
.Page-News .section--1 img.section-bgc {
  display: block;
  width: 100%;
  height: 136.8%;
}
.Page-News .section--1 .pos-wrap {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.Page-News .section--1 .pos-wrap .text-dl {
  position: absolute;
  width: fit-content;
  white-space: nowrap;
  bottom: 20%;
  left: 0;
}
.Page-News .section--1 .pos-wrap .text-dl .dt {
  margin-bottom: var(--gap10px);
  font-size: var(--font-56px);
}
.Page-News .section--1 .pos-wrap .text-dl .dd {
  font-size: var(--font-24px);
}
.Page-News-Details .section--1 {
  margin-top: calc(var(--headerGap) + var(--BreadcrumbGap));
}
.Page-News-Details .section--1 .News--content {
  padding: var(--gap60px) 0 var(--gap80px);
}
.Page-News-Details .section--1 .News--content .title-top {
  padding-bottom: var(--gap20px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  font-weight: 500;
}
.Page-News-Details .section--1 .News--content .title-top .dt {
  margin-bottom: var(--gap10px);
  font-size: var(--font-44px);
  line-height: 1.3;
}
html[lang="en"] .Page-News-Details .section--1 .News--content .title-top .dt {
  font-size: var(--font-20px);
}
.Page-News-Details .section--1 .News--content .title-top .dd {
  font-size: var(--font-16px);
  color: #7482a5;
}
.Page-News-Details .section--1 .News--content .web-text {
  padding: var(--gap60px) 0 var(--gap40px);
  text-align: justify;
  font-size: var(--font-16px);
  font-weight: 500;
  line-height: 1.8;
  color: #fff;
}
.Page-News-Details .section--1 .News--content .web-text ul,
.Page-News-Details .section--1 .News--content .web-text ol {
  list-style: initial !important;
}
.Page-News-Details .section--1 .News--content .web-text h2 {
  font-size: var(--font-24px);
}
.Page-News-Details .section--1 .News--content .web-text img {
  vertical-align: middle;
  object-fit: contain;
}
.Page-News-Details .section--1 .News--content .switch-botton {
  display: flex;
  align-items: center;
}
.Page-News-Details .section--1 .News--content .switch-botton .li {
  display: block;
  position: relative;
  margin-right: var(--gap20px);
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background-color: rgba(255, 255, 255, 0.06);
  transition: all 0.4s ease;
  overflow: hidden;
  cursor: pointer;
}
.Page-News-Details .section--1 .News--content .switch-botton .li .p {
  display: flex;
  align-items: center;
  gap: var(--gap10px);
  padding: var(--gap15px) var(--gap20px);
  font-size: var(--font-14px);
  font-weight: 500;
  line-height: 1.2;
  color: #7482a5;
}
.Page-News-Details .section--1 .News--content .switch-botton .li .p .icon-img {
  width: calc(10px + 0.3125vw);
}
.Page-News-Details .section--1 .News--content .switch-botton .li .p .icon-img img {
  display: block;
  width: 100%;
  object-fit: contain;
}
.Page-News-Details .section--1 .News--content .switch-botton .li .p .icon-img.prev {
  transform: scaleX(-1);
}
.Page-News-Details .section--1 .News--content .switch-botton .li::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url(../images/other-icon/hover-botton.svg);
  background-repeat: no-repeat;
  background-position: left 0px bottom 0px;
  background-size: 100%;
  opacity: 0;
  transition: all 0.4s ease;
  z-index: -1;
}
.Page-News-Details .section--1 .News--content .switch-botton .li:hover {
  border-color: #5082ff;
  box-shadow: 0px 20px 40px -7px #02091a;
}
.Page-News-Details .section--1 .News--content .switch-botton .li:hover .p {
  box-shadow: inset 0px 0px 14px 0px #3c73fc;
}
.Page-News-Details .section--1 .News--content .switch-botton .li:hover::after {
  opacity: 1;
}
.Page-News-Details .section--2 .title-top {
  margin-bottom: var(--gap40px);
  font-size: var(--font-24px);
  font-weight: 500;
  color: #fff;
}
.Page-Service .Service--title {
  text-align: center;
}
.Page-Service .Service--title .dt,
.Page-Service .Service--title .t-1 {
  font-size: var(--font-40px);
  font-weight: 500;
  background: linear-gradient(180deg, #cbe3fd 0%, #8fb9ff 50%, #498bff 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.Page-Service .Service--title .dd,
.Page-Service .Service--title .t-2 {
  margin-top: var(--gap10px);
  font-size: var(--font-16px);
  color: var(--text-dd-color01);
}
html[lang="en"] .Page-Service .Service--title .dd,
html[lang="en"] .Page-Service .Service--title .t-2 {
  font-size: 1rem;
}
.Page-Service .Service--title .dd:empty,
.Page-Service .Service--title .t-2:empty {
  display: none;
}
.Page-Service .section--1 {
  padding-top: calc(var(--headerGap) + 7.0313vw);
  margin-bottom: var(--gap100px);
}
.Page-Service .section--1 .background-inBox img {
  display: block;
  width: 100%;
  object-position: top;
}
.Page-Service .section--1 .pos-wrap .text-p {
  text-align: center;
}
.Page-Service .section--1 .pos-wrap .text-p .dt,
.Page-Service .section--1 .pos-wrap .text-p .t-1 {
  font-size: var(--font-40px);
  font-weight: 500;
  background: linear-gradient(180deg, #cbe3fd 0%, #8fb9ff 50%, #498bff 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.Page-Service .section--1 .pos-wrap .text-p .dd,
.Page-Service .section--1 .pos-wrap .text-p .t-2 {
  margin-top: var(--gap10px);
  font-size: var(--font-16px);
  color: var(--text-dd-color01);
}
html[lang="en"] .Page-Service .section--1 .pos-wrap .text-p .dd,
html[lang="en"] .Page-Service .section--1 .pos-wrap .text-p .t-2 {
  font-size: 1rem;
}
.Page-Service .section--1 .pos-wrap .text-p .dd:empty,
.Page-Service .section--1 .pos-wrap .text-p .t-2:empty {
  display: none;
}
.Page-Service .section--1 .pos-wrap .text-p .t-2 span {
  font-size: var(--font-32px);
  line-height: 1.1;
  font-weight: 500;
  background: linear-gradient(180deg, #a1c5ff 17%, #498bff 82%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.Page-Service .section--1 .pos-wrap .text-p .t-2 span sup,
.Page-Service .section--1 .pos-wrap .text-p .t-2 span sub {
  font-size: var(--font-24px);
}
.Page-Service .section--1 .pos-wrap .text-p .t-2 span sup {
  vertical-align: top;
}
.Page-Service .section--1 .pos-wrap .text-p .t-2 span sub {
  vertical-align: bottom;
}
.Page-Service .section--2 {
  margin-bottom: var(--gap50px);
}
.Page-Service .section--2 .grid-wrap {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  padding: var(--gap100px) var(--gap10px) var(--gap200px);
  overflow: clip;
  overflow-clip-margin: 20px;
}
html[lang="en"] .Page-Service .section--2 .grid-wrap {
  padding-bottom: var(--gap100px);
}
.Page-Service .section--2 .grid-wrap [class*="li"] {
  position: relative;
  height: 22.2917vw;
}
@media (max-width: 1800px) {
  .Page-Service .section--2 .grid-wrap [class*="li"] {
    height: 27vw;
  }
}
.Page-Service .section--2 .grid-wrap [class*="li"]:hover .pos-img .i-01 {
  opacity: 0;
}
.Page-Service .section--2 .grid-wrap [class*="li"]:hover .pos-img .i-02,
.Page-Service .section--2 .grid-wrap [class*="li"]:hover .pos-img .i-03,
.Page-Service .section--2 .grid-wrap [class*="li"]:hover .pos-img .i-04 {
  opacity: 1;
}
.Page-Service .section--2 .grid-wrap [class*="li"] .pos-img {
  position: absolute;
  width: 120%;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.Page-Service .section--2 .grid-wrap [class*="li"] .pos-img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  max-width: none;
  transition: all 0.3s ease-out;
}
.Page-Service .section--2 .grid-wrap [class*="li"] .pos-img .i-02,
.Page-Service .section--2 .grid-wrap [class*="li"] .pos-img .i-03,
.Page-Service .section--2 .grid-wrap [class*="li"] .pos-img .i-04 {
  opacity: 0;
}
.Page-Service .section--2 .grid-wrap [class*="li"] .text-p {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: center;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  padding: 4.6875vw 3.125vw;
}
@media (max-width: 1800px) {
  .Page-Service .section--2 .grid-wrap [class*="li"] .text-p {
    padding: 20% 10%;
  }
}
.Page-Service .section--2 .grid-wrap [class*="li"] .text-p .dt {
  margin-bottom: var(--gap30px);
  width: fit-content;
  max-width: 100%;
  font-size: 2.9167vw;
  line-height: 1.2;
  font-weight: bold;
  background: linear-gradient(95deg, #00ea9c -4%, #3c73fc 104%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
html[lang='en'] .Page-Service .section--2 .grid-wrap [class*="li"] .text-p .dt {
  font-size: 2.0833vw;
}
@media (max-width: 1800px) {
  .Page-Service .section--2 .grid-wrap [class*="li"] .text-p .dt {
    font-size: 3.2vw;
  }
}
.Page-Service .section--2 .grid-wrap [class*="li"] .text-p .dd {
  font-size: 1.25vw;
  line-height: 1.8;
}
html[lang="en"] .Page-Service .section--2 .grid-wrap [class*="li"] .text-p .dd {
  font-size: 1.05vw;
  min-height: 200px;
}
.Page-Service .section--2 .grid-wrap .li-1 .i-01 {
  position: absolute;
  top: 0;
  left: 0;
}
.Page-Service .section--2 .grid-wrap .li-1 .i-02 {
  position: absolute;
  top: 0;
  left: 0;
}
.Page-Service .section--2 .grid-wrap .li-1 .i-03 {
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(5%, 5%);
}
.Page-Service .section--2 .grid-wrap .li-1 .i-04 {
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(6%, 5%) scale(1.25);
}
.Page-Service .section--2 .grid-wrap .li-2 {
  text-align: center;
}
.Page-Service .section--2 .grid-wrap .li-2 .pos-img {
  width: 130%;
}
.Page-Service .section--2 .grid-wrap .li-2 .dt {
  margin: 0 auto;
}
.Page-Service .section--2 .grid-wrap .li-2 .i-01 {
  position: absolute;
  top: 0;
  left: 0;
}
.Page-Service .section--2 .grid-wrap .li-2 .i-02 {
  position: absolute;
  top: 0;
  left: 0;
}
.Page-Service .section--2 .grid-wrap .li-2 .i-03 {
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(5%, 5%);
}
.Page-Service .section--2 .grid-wrap .li-2 .i-04 {
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(6%, 5%) scale(1.25);
}
.Page-Service .section--2 .grid-wrap .li-3 {
  text-align: right;
}
.Page-Service .section--2 .grid-wrap .li-3 .dt {
  margin: 0 0 0 auto;
}
.Page-Service .section--2 .grid-wrap .li-3 .i-01 {
  position: absolute;
  top: 0;
  left: 0;
}
.Page-Service .section--2 .grid-wrap .li-3 .i-02 {
  position: absolute;
  top: 0;
  left: 0;
}
.Page-Service .section--2 .grid-wrap .li-3 .i-03 {
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(-3%, 5%);
}
.Page-Service .section--2 .grid-wrap .li-3 .i-04 {
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(-2%, 5%) scale(1.2);
}
.Page-Service .section--3 {
  margin-bottom: var(--gap100px);
  padding: var(--gap50px) 0 13.0208vw;
  overflow: hidden;
}
html[lang="en"] .Page-Service .section--3 {
  padding-bottom: 6.0208vw;
}
.Page-Service .section--3 .pos--img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}
.Page-Service .section--3 .pos--img::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  height: 10%;
  background: linear-gradient(180deg, #060714 50%, rgba(6, 7, 20, 0) 100%);
}
.Page-Service .section--3 .pos--img .mt--box {
  display: block;
  width: 100%;
  height: 100%;
  object-position: top -2.5vw left 0;
}
.Page-Service .section--3 .grid-wrap {
  display: flex;
  flex-direction: column;
  margin-top: var(--gap120px);
}
.Page-Service .section--3 .grid-wrap .li {
  position: relative;
  width: 42%;
  min-width: 460px;
  margin-bottom: var(--gap50px);
  padding: var(--gap20px) var(--gap40px);
  cursor: default;
}
html[lang="en"] .Page-Service .section--3 .grid-wrap .li {
  width: 50%;
  min-width: 580px;
}
.Page-Service .section--3 .grid-wrap .li:last-child {
  margin-bottom: 0;
}
.Page-Service .section--3 .grid-wrap .li .text {
  position: relative;
  font-size: var(--font-24px);
  color: #ffffff;
  z-index: 2;
}
.Page-Service .section--3 .grid-wrap .li .text span {
  font-weight: 600;
  background: linear-gradient(95deg, #00ea9c -4%, #3c73fc 104%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.Page-Service .section--3 .grid-wrap .li .text span.s1 {
  font-size: var(--font-56px);
}
.Page-Service .section--3 .grid-wrap .li .hover-img {
  position: absolute;
  width: 105%;
  height: 105%;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  transition: all 0.3s ease-out;
  opacity: 0;
}
.Page-Service .section--3 .grid-wrap .li .hover-img img {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: fill;
}
.Page-Service .section--3 .grid-wrap .li .hover-img img.i-02 {
  transform: translate(8%, 23%);
}
.Page-Service .section--3 .grid-wrap .li .hover-img img.i-03 {
  width: 90%;
  transform: translate(-10%, 25%) scale(2);
}
.Page-Service .section--3 .grid-wrap .li.active .hover-img {
  opacity: 1;
}
.Page-Service .section--4 {
  min-height: var(--js-height-1);
}
.Page-Service .section--4 .bgc--img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  z-index: -1;
}
.Page-Service .section--4 .bgc--img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: left 50% bottom 0;
}
.Page-Service .section--4 .pos-content {
  padding-bottom: var(--gap100px);
}
.Page-Service .section--4 .pos-content .grid-wrap {
  display: flex;
  gap: var(--gap100px);
  margin-top: var(--gap120px);
}
.Page-Service .section--4 .pos-content .grid-wrap [class*="li"] {
  flex: 1;
  overflow: hidden;
}
.Page-Service .section--4 .pos-content .grid-wrap .li-1 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.Page-Service .section--4 .pos-content .grid-wrap .li-1 .dl {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.Page-Service .section--4 .pos-content .grid-wrap .li-1 .dl .dt {
  margin-bottom: var(--gap10px);
  width: fit-content;
  line-height: 1.2;
}
.Page-Service .section--4 .pos-content .grid-wrap .li-1 .dl .dt span,
.Page-Service .section--4 .pos-content .grid-wrap .li-1 .dl .dt sup {
  background: linear-gradient(95deg, #00ea9c -4%, #3c73fc 104%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.Page-Service .section--4 .pos-content .grid-wrap .li-1 .dl .dt span {
  font-size: var(--font-56px);
  font-weight: 600;
}
.Page-Service .section--4 .pos-content .grid-wrap .li-1 .dl .dt sup {
  font-size: var(--font-42px);
  font-weight: bold;
  vertical-align: top;
}
.Page-Service .section--4 .pos-content .grid-wrap .li-1 .dl .dt sub {
  font-size: var(--font-42px);
  font-weight: bold;
  vertical-align: bottom;
}
.Page-Service .section--4 .pos-content .grid-wrap .li-1 .dl .dd {
  font-size: var(--font-24px);
  color: #fff;
}
.Page-Service .section--4 .pos-content .grid-wrap .li-2 .img-box {
  width: 100%;
}
.Page-Service .section--4 .pos-content .grid-wrap .li-2 .img-box img {
  display: block;
  width: 100%;
  object-fit: contain;
}
.Page-Project .section--1 .bgc--img {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.Page-Project .section--1 .pos-wrap {
  display: flex;
  flex-direction: column;
  min-height: 29.1667vw;
  overflow: hidden;
}
.Page-Project .section--1 .pos-wrap .Project-h2 {
  padding-top: 10%;
  margin-bottom: var(--gap100px);
  text-align: center;
}
.Page-Project .section--1 .pos-wrap .Project-h2 .dt {
  font-size: var(--font-40px);
  font-weight: 500;
  background: linear-gradient(180deg, #cbe3fd 0%, #8fb9ff 50%, #498bff 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.Page-Project .section--1 .pos-wrap .Project-h2 .dd {
  margin-top: var(--gap10px);
  font-size: var(--font-16px);
  color: var(--text-dd-color01);
}
html[lang="en"] .Page-Project .section--1 .pos-wrap .Project-h2 .dd {
  font-size: 1rem;
}
.Page-Project .section--1 .pos-wrap .Project-h2 .dd:empty {
  display: none;
}
.Page-Project .section--1 .pos-wrap .mySwiper1 {
  margin: auto auto 3%;
  overflow: visible;
}
.Page-Project .section--1 .pos-wrap .mySwiper1 .swiper-wrapper {
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 auto;
  width: fit-content;
  max-width: 100%;
}
.Page-Project .section--1 .pos-wrap .mySwiper1 .li {
  margin: 0 var(--gap15px) var(--gap15px) 0;
  width: fit-content;
  min-width: calc(60px + 3.3333vw);
  position: relative;
  padding: var(--gap15px) var(--gap30px);
  font-size: var(--font-14px);
  text-align: center;
  font-weight: 500;
  line-height: 1.2;
  background-color: rgba(18, 25, 55, 0.2);
  border: 1px solid rgba(80, 130, 255, 0.2);
  border-radius: calc(10px + 0.1042vw);
  overflow: hidden;
  cursor: pointer;
}
.Page-Project .section--1 .pos-wrap .mySwiper1 .li::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: -1px;
  background-image: url(../images/other-icon/hover-botton.svg);
  background-repeat: no-repeat;
  background-position: left 0px bottom 0px;
  background-size: 100%;
  opacity: 0.3;
  transition: all 0.4s ease;
}
.Page-Project .section--1 .pos-wrap .mySwiper1 .li.active,
.Page-Project .section--1 .pos-wrap .mySwiper1 .li:hover {
  box-shadow: inset 0px 0px 14px 0px #3c73fc;
  border: 1px solid #5082ff;
}
.Page-Project .section--1 .pos-wrap .mySwiper1 .li.active::before,
.Page-Project .section--1 .pos-wrap .mySwiper1 .li:hover::before {
  opacity: 1;
}
.Page-Project .section--1 .pos-wrap .mySwiper1 .li::last-child {
  margin-right: 0;
}
.Page-Project .section--2 {
  padding-top: var(--gap80px);
  margin-bottom: var(--gap150px);
}
.Page-Project .section--2 .Project-h2 {
  margin-bottom: var(--gap50px);
  text-align: center;
}
.Page-Project .section--2 .Project-h2 .dt {
  font-size: var(--font-40px);
  font-weight: 500;
  background: linear-gradient(180deg, #cbe3fd 0%, #8fb9ff 50%, #498bff 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.Page-Project .section--2 .Project-h2 .dd {
  margin-top: var(--gap10px);
  font-size: var(--font-16px);
  color: var(--text-dd-color01);
}
html[lang="en"] .Page-Project .section--2 .Project-h2 .dd {
  font-size: 1rem;
}
.Page-Project .section--2 .Project-h2 .dd:empty {
  display: none;
}
.Page-Project .section--2 .grid-box {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--gap25px);
}
.Page-Project .section--2 .grid-box .li {
  position: relative;
  width: 100%;
  height: 17.7083vw;
  border: 1px solid transparent;
  border-radius: calc(16px + 0.2083vw);
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
  background-image: linear-gradient(to right, #787d8a, #373a41), linear-gradient(180deg, #787d8a, #373a41);
  overflow: hidden;
}
@media (max-width: 1800px) {
  .Page-Project .section--2 .grid-box .li {
    height: 21.111vw;
  }
}
@supports (aspect-ratio: 463 / 340) {
  .Page-Project .section--2 .grid-box .li {
    aspect-ratio: 463 / 340;
    height: auto;
  }
}
.Page-Project .section--2 .grid-box .li .li-bgc {
  display: block;
  width: 100%;
  height: 100%;
}
.Page-Project .section--2 .grid-box .li .text-p {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  left: 0;
  right: 0;
  bottom: 0;
  padding: var(--gap10px) var(--gap20px);
  min-height: 4.4271vw;
  font-size: var(--font-16px);
  text-align: center;
  background: linear-gradient(180deg, rgba(22, 25, 33, 0.1) 0%, rgba(22, 25, 33, 0.58) 48%, #161921 97%);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}
.Page-Project .section--3 {
  margin-bottom: var(--gap150px);
}
.Page-Project .section--3 .v-bgc {
  position: absolute;
  display: block;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-position: left 50% bottom 130%;
  z-index: -1;
}
.Page-Project .section--3 .Project-h2 {
  margin-bottom: var(--gap50px);
  text-align: center;
}
.Page-Project .section--3 .Project-h2 .dt {
  font-size: var(--font-40px);
  font-weight: 500;
  background: linear-gradient(180deg, #cbe3fd 0%, #8fb9ff 50%, #498bff 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.Page-Project .section--3 .Project-h2 .dd {
  margin-top: var(--gap10px);
  font-size: var(--font-16px);
  color: var(--text-dd-color01);
}
html[lang="en"] .Page-Project .section--3 .Project-h2 .dd {
  font-size: 1rem;
}
.Page-Project .section--3 .Project-h2 .dd:empty {
  display: none;
}
.Page-Project .section--3 .grid-wrap {
  display: grid;
  grid-template-columns: 1.8fr 2fr;
  gap: var(--gap60px);
  padding-bottom: var(--gap150px);
}
.Page-Project .section--3 .grid-wrap .box-1 img {
  display: block;
  margin-left: auto;
  width: 85%;
  object-fit: contain;
}
.Page-Project .section--3 .grid-wrap .box-2 {
  padding-top: var(--gap40px);
}
.Page-Project .section--3 .grid-wrap .box-2 .t-name {
  font-size: var(--font-48px);
  font-weight: bold;
}
.Page-Project .section--3 .grid-wrap .card-ul {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--gap40px);
  padding-top: var(--gap60px);
}
.Page-Project .section--3 .grid-wrap .card-ul .li {
  position: relative;
  display: flex;
  align-items: center;
  cursor: default;
}
.Page-Project .section--3 .grid-wrap .card-ul .li:hover::before {
  opacity: 0;
}
.Page-Project .section--3 .grid-wrap .card-ul .li:hover::after,
.Page-Project .section--3 .grid-wrap .card-ul .li:hover img.filler {
  opacity: 1;
}
.Page-Project .section--3 .grid-wrap .card-ul .li:hover .dl-1::before {
  opacity: 0;
}
.Page-Project .section--3 .grid-wrap .card-ul .li:hover .dl-1::after {
  opacity: 1;
}
.Page-Project .section--3 .grid-wrap .card-ul .li img.filler {
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 100%;
  height: 210%;
  object-fit: fill;
  transform: translate(5.5%, -48%);
  transition: all 0.3s ease-out;
  z-index: -1;
  opacity: 0;
}
.Page-Project .section--3 .grid-wrap .card-ul .li::before {
  position: absolute;
  content: "";
  top: 50%;
  right: 0.2%;
  width: 98%;
  height: 100%;
  transform: translateY(-50%);
  background-image: url(../images/project/p-in-02.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  transition: all 0.3s ease-out;
  z-index: -1;
}
.Page-Project .section--3 .grid-wrap .card-ul .li::after {
  position: absolute;
  content: "";
  top: 50%;
  right: 0;
  width: 100%;
  height: 100%;
  transform: translateY(-50%);
  background-image: url(../images/project/p-in-hover-02.png);
  background-repeat: no-repeat;
  background-position: right;
  background-size: 100% 100%;
  transition: all 0.3s ease-out;
  opacity: 0;
  z-index: -1;
}
.Page-Project .section--3 .grid-wrap .card-ul .li [class*="dl"] {
  padding: 0.8% 4% 1.8% 2.5%;
}
.Page-Project .section--3 .grid-wrap .card-ul .li .dl-1 {
  flex-shrink: 0;
  position: relative;
  display: flex;
  align-items: baseline;
  margin-right: var(--gap10px);
  width: 34%;
  min-height: 100%;
  font-size: var(--font-18px);
  line-height: 1.3;
  font-weight: 600;
  transform: translateY(-20%);
}
html[lang="en"] .Page-Project .section--3 .grid-wrap .card-ul .li .dl-1 {
  width: 40%;
}
@media (max-width: 1800px) {
  .Page-Project .section--3 .grid-wrap .card-ul .li .dl-1 {
    width: 30%;
  }
  html[lang="en"] .Page-Project .section--3 .grid-wrap .card-ul .li .dl-1 {
    width: 34%;
  }
}
.Page-Project .section--3 .grid-wrap .card-ul .li .dl-1 .t-1 {
  margin-right: var(--gap10px);
  font-family: sans-serif;
  font-size: 1.875vw;
  color: #000000e5;
  text-transform: uppercase;
  -webkit-text-stroke: 2px rgba(0, 0, 0, 0);
  background: -webkit-linear-gradient(320deg, #00ea9c -4%, #3c73fc 104%);
  background-clip: text;
  -webkit-background-clip: text;
  transform: skew(345deg);
}
.Page-Project .section--3 .grid-wrap .card-ul .li .dl-1 .t-2 {
  width: fit-content;
  background: linear-gradient(95deg, #00ea9c -4%, #3c73fc 104%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.Page-Project .section--3 .grid-wrap .card-ul .li .dl-1::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(../images/project/p-in-01.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  transition: all 0.15s ease-out;
  z-index: -1;
}
.Page-Project .section--3 .grid-wrap .card-ul .li .dl-1::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(../images/project/p-in-hover-01.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  transition: all 0.2s ease-out;
  opacity: 0;
  z-index: -1;
}
.Page-Project .section--3 .grid-wrap .card-ul .li .dl-2 {
  flex: auto;
  font-size: var(--font-14px);
  line-height: 1.8;
}
.Page-Project .section--4 {
  margin-bottom: var(--gap200px);
}
.Page-Project .section--4 .Project-h2 {
  margin-bottom: var(--gap60px);
  text-align: center;
}
.Page-Project .section--4 .Project-h2 .dt {
  font-size: var(--font-40px);
  font-weight: 500;
  background: linear-gradient(180deg, #cbe3fd 0%, #8fb9ff 50%, #498bff 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.Page-Project .section--4 .Project-h2 .dd {
  margin-top: var(--gap10px);
  font-size: var(--font-16px);
  color: var(--text-dd-color01);
}
html[lang="en"] .Page-Project .section--4 .Project-h2 .dd {
  font-size: 1rem;
}
.Page-Project .section--4 .Project-h2 .dd:empty {
  display: none;
}
.Page-Project .section--4 .grid-ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--gap60px) var(--gap25px);
}
.Page-Project .section--4 .grid-ul .li .img-box {
  margin-bottom: var(--gap20px);
  width: 100%;
  height: 17.7083vw;
  border: 1px solid transparent;
  border-radius: calc(16px + 0.2083vw);
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
  background-image: linear-gradient(to right, #787d8a, #373a41), linear-gradient(180deg, #787d8a, #373a41);
  overflow: hidden;
}
@media (max-width: 1800px) {
  .Page-Project .section--4 .grid-ul .li .img-box {
    height: 21.06vw;
  }
}
@supports (aspect-ratio: 707 / 340) {
  .Page-Project .section--4 .grid-ul .li .img-box {
    aspect-ratio: 707 / 340;
    height: auto;
  }
}
.Page-Project .section--4 .grid-ul .li .img-box img {
  display: block;
  width: 100%;
  height: 100%;
}
.Page-Project .section--4 .grid-ul .li .text-box {
  padding: 0 3em;
  text-align: center;
  font-size: var(--font-16px);
  line-height: 1.8;
}
html[lang="en"] .Page-Project .section--4 .grid-ul .li .text-box {
  font-size: var(--font-14px);
  line-height: 1.4;
}
.Page-Project .section--4 .guangyun {
  position: absolute;
  display: block;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 30%) scale(2);
  --wh: 29.1667vw;
  width: var(--wh);
  height: var(--wh);
  z-index: -1;
}
.Page-Project .section--5 .Project-h2 {
  margin-bottom: var(--gap100px);
  text-align: center;
}
.Page-Project .section--5 .Project-h2 .dt {
  font-size: var(--font-40px);
  font-weight: 500;
  background: linear-gradient(180deg, #cbe3fd 0%, #8fb9ff 50%, #498bff 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.Page-Project .section--5 .Project-h2 .dd {
  margin-top: var(--gap10px);
  font-size: var(--font-16px);
  color: var(--text-dd-color01);
}
html[lang="en"] .Page-Project .section--5 .Project-h2 .dd {
  font-size: 1rem;
}
.Page-Project .section--5 .Project-h2 .dd:empty {
  display: none;
}
.Page-Project .section--5 .img-box img {
  display: block;
  width: 100%;
}
.Page-About .About-h2 {
  text-align: center;
}
.Page-About .About-h2 .dt {
  font-size: var(--font-40px);
  font-weight: 500;
  background: linear-gradient(180deg, #cbe3fd 0%, #8fb9ff 50%, #498bff 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.Page-About .About-h2 .dd {
  margin-top: var(--gap10px);
  font-size: var(--font-16px);
  color: var(--text-dd-color01);
}
html[lang="en"] .Page-About .About-h2 .dd {
  font-size: 1rem;
}
.Page-About .About-h2 .dd:empty {
  display: none;
}
.Page-About .section--1 {
  min-height: 43.2292vw;
}
.Page-About .section--1 .bgc--img {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  z-index: -1;
}
.Page-About .section--1 .pos-wrap {
  padding-top: 10%;
}
.Page-About .section--1 .pos-wrap .About-h2 {
  text-align: start;
}
.Page-About .section--1 .pos-wrap .text-p {
  margin-bottom: var(--gap80px);
  padding-top: var(--gap20px);
  font-size: var(--font-16px);
  text-align: justify;
  line-height: 2;
  color: #b1c8ff;
}
.Page-About .section--1 .pos-wrap .datasheet-wrap {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--gap60px);
  width: fit-content;
}
.Page-About .section--1 .pos-wrap .datasheet-wrap .dl {
  font-size: var(--font-14px);
}
.Page-About .section--1 .pos-wrap .datasheet-wrap .dl .dt {
  position: relative;
  line-height: 1.2;
  color: var(--text-dd-color03);
}
.Page-About .section--1 .pos-wrap .datasheet-wrap .dl .dt span {
  position: relative;
  font-size: var(--font-56px);
  font-weight: 500;
  width: fit-content;
  z-index: 2;
  background: var(--h2-background02);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.Page-About .section--1 .pos-wrap .datasheet-wrap .dl .dt span::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  width: 90%;
  height: 20%;
  background: linear-gradient(180deg, #3c73fc 17%, #3c73fc 82%);
  filter: blur(40px);
  transform: translate(-50%, -40%);
  z-index: -1;
}
.Page-About .section--1 .pos-wrap .datasheet-wrap .dl .dd {
  color: var(--text-dd-color01);
}
.Page-About .section--1 .pos-wrap .datasheet-wrap .dt {
  font-size: var(--font-18px);
}
.Page-About .section--2 {
  margin-bottom: var(--gap150px);
}
.Page-About .section--2 .About-h2 {
  padding-top: var(--gap100px);
}
.Page-About .section--2 .section-bgc {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  z-index: -1;
  object-fit: cover;
}
.Page-About .section--2 .Strength--grid-wrap {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--gap25px);
  padding: var(--gap100px) 0 var(--gap40px);
}
.Page-About .section--2 .Strength--grid-wrap .li {
  position: relative;
  display: block;
  padding: var(--gap40px) 0;
  min-height: 21.875vw;
  border-radius: calc(10px + 0.2083vw);
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(40px);
  backdrop-filter: blur(40px);
  transition: all 0.4s ease;
  overflow: hidden;
  cursor: default;
}
@media (max-width: 1800px) {
  .Page-About .section--2 .Strength--grid-wrap .li {
    min-height: 27.0833vw;
  }
}
.Page-About .section--2 .Strength--grid-wrap .li .img-wrap {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: var(--gap20px);
  transition: all 0.4s ease;
  opacity: 0.6;
  z-index: -1;
}
.Page-About .section--2 .Strength--grid-wrap .li .img-wrap img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: calc(6px + 0.2083vw);
  transition: all 0.2s ease;
  object-position: bottom;
}
.Page-About .section--2 .Strength--grid-wrap .li .text-wrap {
  padding: var(--gap15px) 0;
}
.Page-About .section--2 .Strength--grid-wrap .li .text-wrap .date {
  margin: 0 0 var(--gap25px);
  font-size: var(--font-24px);
  text-align: center;
}
.Page-About .section--2 .Strength--grid-wrap .li .text-wrap .dt {
  font-size: var(--font-16px);
  color: var(--text-dd-color01);
  text-align: justify;
  line-height: 1.8;
  padding: 0 var(--gap40px);
}
html[lang="en"] .Page-About .section--2 .Strength--grid-wrap .li .text-wrap .dt {
  text-align: left;
}
.Page-About .section--2 .Strength--grid-wrap .li:hover {
  transform: translateY(calc(0px - var(--gap20px)));
}
.Page-About .section--2 .Strength--grid-wrap .li:hover .img-wrap {
  opacity: 1;
}
.Page-About .section--3 {
  margin-bottom: var(--gap60px);
}
.Page-About .section--3 .bgc--img {
  position: absolute;
  display: block;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}
.Page-About .section--3 .LB--wrap {
  padding: var(--gap80px) 0 var(--gap120px);
}
.Page-About .section--3 .LB--wrap .swiper {
  width: 100%;
}
.Page-About .section--3 .LB--wrap .swiper-wrapper {
  min-height: 29.7396vw;
}
.Page-About .section--3 .LB--wrap .swiper-wrapper .li {
  padding: var(--gap25px);
  color: #000;
  border-radius: calc(8px + 0.2083vw);
  background: rgba(45, 147, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  transition: all 0.3s ease-out;
}
.Page-About .section--3 .LB--wrap .swiper-wrapper .li img {
  display: block;
  width: 100%;
  height: 30vw;
  border-radius: calc(4px + 0.0521vw);
}
@media (max-width: 1800px) {
  .Page-About .section--3 .LB--wrap .swiper-wrapper .li img {
    height: 36.93vw;
  }
}
@supports (aspect-ratio: 353 / 511) {
  .Page-About .section--3 .LB--wrap .swiper-wrapper .li img {
    aspect-ratio: 353 / 511;
    height: auto;
  }
}
.Page-About .section--4 {
  margin-bottom: var(--gap150px);
}
.Page-About .section--4 .img-box {
  padding-top: var(--gap70px);
}
.Page-About .section--4 .img-box img {
  display: block;
  width: 100%;
}
.Page-About .section--5 .overflow-box {
  padding: var(--gap100px) 0 var(--gap60px);
  overflow: hidden;
}
.Page-About .section--5 .card-box {
  position: relative;
}
.Page-About .section--5 .card-box .A-1 {
  position: relative;
  width: 75%;
}
.Page-About .section--5 .card-box .A-1 img.hover-01 {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: fill;
  z-index: -2;
}
.Page-About .section--5 .card-box .A-1 img.hover-02 {
  position: absolute;
  display: block;
  left: 50%;
  top: 50%;
  width: 100%;
  height: 100%;
  max-width: none;
  transform: translate(-54%, -54%) scale(1.32);
  object-fit: fill;
  z-index: -1;
}
.Page-About .section--5 .card-box .A-1 .text-wrap {
  position: relative;
  display: flex;
  padding: var(--gap70px) var(--gap150px) var(--gap60px) var(--gap60px);
  width: 95%;
  transform: translateY(-7.5%);
}
.Page-About .section--5 .card-box .A-1 .text-wrap img.i-01 {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: fill;
  z-index: -1;
}
.Page-About .section--5 .card-box .A-1 .text-wrap .title {
  margin-bottom: var(--gap15px);
  font-size: var(--font-14px);
  font-weight: 500;
  color: #fff;
}
.Page-About .section--5 .card-box .A-1 .text-wrap .dl .dt {
  margin: var(--gap5px) 0;
  font-size: var(--font-14px);
  font-weight: 500;
}
.Page-About .section--5 .card-box .A-1 .text-wrap .dl .dd {
  font-size: var(--font-32px);
  font-weight: 600;
  line-height: 1.1;
  background: var(--h2-background01);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.Page-About .section--5 .card-box .A-1 .text-wrap .t-1 {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  margin-right: var(--gap40px);
  min-width: 35%;
  text-wrap: nowrap;
}
html[lang="en"] .Page-About .section--5 .card-box .A-1 .text-wrap .t-1 {
  min-width: 40%;
}
.Page-About .section--5 .card-box .A-1 .text-wrap .t-1 .dl {
  margin-bottom: var(--gap20px);
}
.Page-About .section--5 .card-box .A-1 .text-wrap .t-1 .dt {
  color: #7482a5;
}
.Page-About .section--5 .card-box .A-1 .text-wrap .t-1 .dd {
  font-size: var(--font-28px);
}
.Page-About .section--5 .card-box .A-1 .text-wrap .t-2 .text-p {
  padding-top: var(--gap40px);
  font-size: var(--font-16px);
  line-height: 2.2;
  color: var(--text-dd-color01);
}
html[lang="en"] .Page-About .section--5 .card-box .A-1 .text-wrap .t-2 .text-p {
  padding-top: 0;
  transform: translateY(-0.5em);
}
html[lang="en"] .Page-About .section--5 .card-box .A-1 .text-wrap .t-2 .dd {
  display: none;
}
.Page-About .section--5 .card-box .A-2 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 34.52%;
  border-radius: 0 calc(14px + 0.2083vw) calc(14px + 0.2083vw) 0;
  overflow: hidden;
  z-index: -2;
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 27.4% 100%);
}
.Page-About .section--5 .card-box .A-2 img {
  display: block;
  width: 100%;
  height: 100%;
}
.Page-Home .section--1 .banner-box {
  height: 48.2292vw;
  overflow: hidden;
}
.Page-Home .section--1 .banner-box .spline-wrap {
  position: relative;
  top: 50%;
  left: 50%;
  width: 160%;
  transform: translate(-51%, -50%);
}
.Page-Home .section--1 .pos-wrap {
  position: absolute;
  bottom: 25%;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 60%;
  z-index: 2;
}
html[lang="en"] .Page-Home .section--1 .pos-wrap {
  width: 90%;
}
.Page-Home .section--1 .pos-wrap .grid-wrap {
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  width: 88%;
}
.Page-Home .section--1 .pos-wrap .grid-wrap .dl {
  font-size: var(--font-14px);
}
.Page-Home .section--1 .pos-wrap .grid-wrap .dl .dt {
  position: relative;
  line-height: 1.2;
  color: var(--text-dd-color03);
}
.Page-Home .section--1 .pos-wrap .grid-wrap .dl .dt span {
  position: relative;
  font-size: var(--font-56px);
  font-weight: 500;
  width: fit-content;
  z-index: 2;
  background: var(--h2-background02);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.Page-Home .section--1 .pos-wrap .grid-wrap .dl .dt span::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  width: 90%;
  height: 20%;
  background: linear-gradient(180deg, #3c73fc 17%, #3c73fc 82%);
  filter: blur(40px);
  transform: translate(-50%, -40%);
  z-index: -1;
}
.Page-Home .section--1 .pos-wrap .grid-wrap .dl .dd {
  color: var(--text-dd-color01);
}
.Page-Home .section--2::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  background: linear-gradient(180deg, #060714 3%, rgba(255, 255, 255, 0) 100%);
  z-index: 1;
  pointer-events: none;
}
.Page-Home .section--2.playing::before {
  content: none !important;
  /* 隐藏 ::before 伪元素 */
}
.Page-Home .section--2 .video-box {
  height: 46.875vw;
  border-radius: 0 !important;
}
.Page-Home .section--2 .text-wrap {
  position: absolute;
  left: 0;
  right: 0;
  top: var(--gap40px);
  text-align: center;
  z-index: 1;
}
.Page-Home .section--2 .text-wrap .title {
  font-size: var(--font-40px);
  font-weight: 500;
  background: linear-gradient(180deg, #cbe3fd 0%, #8fb9ff 50%, #498bff 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.Page-Home .section--2 .text-wrap .text-more {
  margin-top: var(--gap10px);
  font-size: var(--font-16px);
  color: var(--text-dd-color01);
}
.Page-Home .section--2 .text-wrap .text-more:empty {
  display: none;
}
.Page-Home .section--3 {
  padding: 2.6042vw 0;
  text-align: center;
  overflow: hidden;
}
.Page-Home .section--3 .section-bgc {
  position: absolute;
  display: block;
  top: 5%;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.Page-Home .section--3 > .text-wrap .title {
  font-size: var(--font-40px);
  font-weight: 500;
  background: linear-gradient(180deg, #cbe3fd 0%, #8fb9ff 50%, #498bff 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: relative;
  z-index: 1;
}
.Page-Home .section--3 .productabswiper {
  display: flex;
  overflow: visible;
}
.Page-Home .section--3 .productabswiper .swiper-wrapper {
  display: flex;
  align-items: center;
  margin: var(--gap40px) auto var(--gap20px);
  width: fit-content;
  max-width: 100%;
}
.Page-Home .section--3 .productabswiper .swiper-wrapper .swiper-slide {
  margin-right: var(--gap20px);
  min-width: calc(60px + 3.125vw) !important;
  width: auto !important;
}
.Page-Home .section--3 .productabswiper .swiper-wrapper .swiper-slide.swiper-slide-thumb-active .li {
  box-shadow: inset 0px 0px 14px 0px #3c73fc;
  border: 1px solid #5082ff;
}
.Page-Home .section--3 .productabswiper .swiper-wrapper .swiper-slide.swiper-slide-thumb-active .li::before {
  opacity: 1;
}
.Page-Home .section--3 .productabswiper .swiper-wrapper .swiper-slide .li {
  position: relative;
  padding: var(--gap15px) var(--gap30px);
  font-size: var(--font-14px);
  text-align: center;
  font-weight: 500;
  line-height: 1.2;
  background-color: rgba(18, 25, 55, 0.2);
  border: 1px solid rgba(80, 130, 255, 0.2);
  border-radius: calc(10px + 0.1042vw);
  overflow: hidden;
  cursor: pointer;
}
.Page-Home .section--3 .productabswiper .swiper-wrapper .swiper-slide .li::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: -1px;
  background-image: url(../images/other-icon/hover-botton.svg);
  background-repeat: no-repeat;
  background-position: left 0px bottom 0px;
  background-size: 100%;
  opacity: 0.3;
  transition: all 0.4s ease;
}
.Page-Home .section--3 .productabswiper .swiper-wrapper .swiper-slide .li.active,
.Page-Home .section--3 .productabswiper .swiper-wrapper .swiper-slide .li:hover {
  box-shadow: inset 0px 0px 14px 0px #3c73fc;
  border: 1px solid #5082ff;
}
.Page-Home .section--3 .productabswiper .swiper-wrapper .swiper-slide .li.active::before,
.Page-Home .section--3 .productabswiper .swiper-wrapper .swiper-slide .li:hover::before {
  opacity: 1;
}
.Page-Home .section--3 .prodv {
  position: relative;
}
.Page-Home .section--3 .prodv .prodv-li {
  position: relative;
  padding: var(--gap20px);
}
.Page-Home .section--3 .prodv .prodv-li .nav-size {
  position: absolute;
  display: block;
  top: 8%;
  left: 20%;
  height: 10.4167vw;
  object-fit: contain;
  z-index: -1;
}
.Page-Home .section--3 .prodv .prodv-li .navSwiper .swiper-slide .nav-grid {
  position: relative;
  display: flex;
  justify-content: center;
  gap: var(--gap30px);
  padding: var(--gap10px) 0;
  min-height: 25vw;
  opacity: 0;
  transform: translateY(100%);
  transition: all 0.9s ease;
}
.Page-Home .section--3 .prodv .prodv-li .navSwiper .swiper-slide .nav-grid .text-wrap {
  flex-shrink: 0;
  width: 11%;
  text-align: left;
  padding-top: 5.5%;
}
.Page-Home .section--3 .prodv .prodv-li .navSwiper .swiper-slide .nav-grid .text-wrap .title {
  margin: 0 0 var(--gap20px);
  font-size: var(--font-32px);
  color: var(--text-dd-color02);
}
html[lang="en"] .Page-Home .section--3 .prodv .prodv-li .navSwiper .swiper-slide .nav-grid .text-wrap .title {
  white-space: nowrap;
}
.Page-Home .section--3 .prodv .prodv-li .navSwiper .swiper-slide .nav-grid .text-wrap .text-more {
  font-size: var(--font-14px);
  line-height: 1.8;
  color: var(--text-dd-color01);
}
.Page-Home .section--3 .prodv .prodv-li .navSwiper .swiper-slide .nav-grid .text-wrap .text-detail {
  display: flex;
  align-items: center;
  width: fit-content;
  font-size: var(--font-16px);
  color: var(--text-dd-color01);
  margin-top: var(--gap20px);
}
.Page-Home .section--3 .prodv .prodv-li .navSwiper .swiper-slide .nav-grid .text-wrap .text-detail img {
  flex-shrink: 0;
  display: block;
  margin-left: var(--gap10px);
  width: calc(5px + 1.0417vw);
  object-fit: contain;
  transition: all 0.4s ease;
}
.Page-Home .section--3 .prodv .prodv-li .navSwiper .swiper-slide .nav-grid .text-wrap .text-detail:hover img {
  transform: translateX(20%);
}
.Page-Home .section--3 .prodv .prodv-li .navSwiper .swiper-slide .nav-grid .nav-img {
  flex-shrink: 0;
  display: block;
  width: 25%;
  max-height: 100%;
  object-fit: contain;
}
.Page-Home .section--3 .prodv .prodv-li .navSwiper .swiper-slide.swiper-slide-active .nav-grid {
  opacity: 1;
  transform: none;
}
.Page-Home .section--3 .prodv .prodv-li .navtabSwiper {
  display: flex;
  padding-top: var(--gap30px);
}
.Page-Home .section--3 .prodv .prodv-li .navtabSwiper .swiper-wrapper {
  width: fit-content;
  margin: 0 auto;
}
.Page-Home .section--3 .prodv .prodv-li .navtabSwiper .navtab-li {
  position: relative;
  width: calc(100px + 5.2083vw);
  margin-right: var(--gap20px);
  transition: all 0.4s ease;
}
.Page-Home .section--3 .prodv .prodv-li .navtabSwiper .navtab-li .navtab-img {
  display: flex;
  justify-content: center;
  align-items: center;
  height: calc(40px + 3.9063vw);
  border-radius: calc(8px + 0.2083vw);
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
}
.Page-Home .section--3 .prodv .prodv-li .navtabSwiper .navtab-li .navtab-img::after {
  position: absolute;
  content: "";
  background-image: url(../images/index/shaw.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: -1;
}
.Page-Home .section--3 .prodv .prodv-li .navtabSwiper .navtab-li .navtab-img img {
  display: block;
  max-width: 80%;
  max-height: 80%;
  object-fit: contain;
}
.Page-Home .section--3 .prodv .prodv-li .navtabSwiper .navtab-li .navtab-dd {
  padding-top: var(--gap10px);
  font-size: var(--font-16px);
}
.Page-Home .section--3 .prodv .prodv-li .navtabSwiper .navtab-li:hover {
  transform: translateY(calc(0px - var(--gap20px)));
}
.Page-Home .section--3 .prodv .prodv-li .navtabSwiper .swiper-slide-thumb-active .navtab-img {
  border-color: #3c73fc;
}
.Page-Home .section--3 .prodv .prodv-li .navtabSwiper .swiper-slide-thumb-active .navtab-img::after,
.Page-Home .section--3 .prodv .prodv-li .navtabSwiper .swiper-slide-thumb-active .navtab-img::before {
  opacity: 1;
}
.Page-Home .section--4 {
  padding-top: 8.6667vw;
  text-align: center;
}
.Page-Home .section--4 .section-bgc {
  position: absolute;
  display: block;
  left: 50%;
  top: 50%;
  --wh: 31.25vw;
  width: var(--wh);
  height: var(--wh);
  transform: translate(-50%, -10%) scale(3);
  z-index: -1;
}
.Page-Home .section--4 .title {
  font-size: var(--font-40px);
  font-weight: 500;
  background: linear-gradient(180deg, #cbe3fd 0%, #8fb9ff 50%, #498bff 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.Page-Home .section--4 .text-more {
  margin-top: var(--gap10px);
  font-size: var(--font-16px);
  color: var(--text-dd-color01);
}
.Page-Home .section--4 .text-more:empty {
  display: none;
}
.Page-Home .section--4 .mySwiper3 {
  display: flex;
  overflow: visible;
}
.Page-Home .section--4 .mySwiper3 .swiper-wrapper {
  display: flex;
  align-items: center;
  margin: var(--gap40px) auto 0;
  width: fit-content;
}
.Page-Home .section--4 .mySwiper3 .swiper-wrapper .swiper-slide {
  margin-right: var(--gap20px);
  min-width: calc(60px + 3.125vw);
  width: fit-content;
}
.Page-Home .section--4 .mySwiper3 .swiper-wrapper .swiper-slide.active .li {
  box-shadow: inset 0px 0px 14px 0px #3c73fc;
  border: 1px solid #5082ff;
}
.Page-Home .section--4 .mySwiper3 .swiper-wrapper .swiper-slide.active .li::before {
  opacity: 1;
}
.Page-Home .section--4 .mySwiper3 .swiper-wrapper .swiper-slide .li {
  position: relative;
  padding: var(--gap15px) var(--gap30px);
  font-size: var(--font-14px);
  text-align: center;
  font-weight: 500;
  line-height: 1.2;
  background-color: rgba(18, 25, 55, 0.2);
  border: 1px solid rgba(80, 130, 255, 0.2);
  border-radius: calc(10px + 0.1042vw);
  overflow: hidden;
  cursor: pointer;
}
.Page-Home .section--4 .mySwiper3 .swiper-wrapper .swiper-slide .li::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: -1px;
  background-image: url(../images/other-icon/hover-botton.svg);
  background-repeat: no-repeat;
  background-position: left 0px bottom 0px;
  background-size: 100%;
  opacity: 0.3;
  transition: all 0.4s ease;
}
.Page-Home .section--4 .mySwiper3 .swiper-wrapper .swiper-slide .li.active,
.Page-Home .section--4 .mySwiper3 .swiper-wrapper .swiper-slide .li:hover {
  box-shadow: inset 0px 0px 14px 0px #3c73fc;
  border: 1px solid #5082ff;
}
.Page-Home .section--4 .mySwiper3 .swiper-wrapper .swiper-slide .li.active::before,
.Page-Home .section--4 .mySwiper3 .swiper-wrapper .swiper-slide .li:hover::before {
  opacity: 1;
}
.Page-Home .section--4 .mySwiper3 .swiper-wrapper .blank {
  width: 0 !important;
  min-width: auto !important;
  margin-right: 0 !important;
}
.Page-Home .section--4 .v1 {
  padding: var(--gap50px) 0;
}
.Page-Home .section--4 .v1 .swiper-slide {
  display: block;
  margin-right: var(--gap25px);
  transition: all 0.2s ease;
  overflow: visible;
}
.Page-Home .section--4 .v1 .swiper-slide:hover {
  border-color: #3c73fc;
}
.Page-Home .section--4 .v1 .swiper-slide-active .li::before {
  opacity: 1;
  z-index: 1;
}
.Page-Home .section--4 .v1 .li {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  box-shadow: 0px 20px 40px -10px #000000;
  border-radius: calc(16px + 0.2083vw);
  border: 1px solid rgba(255, 255, 255, 0.1);
  background-color: rgba(10, 15, 36, 0.58);
  backdrop-filter: blur(40px);
  -webkit-backdrop-filter: blur(40px);
  transition: all 0.4s ease;
}
.Page-Home .section--4 .v1 .li::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url(../images/news/li-hover.svg);
  background-repeat: no-repeat;
  background-position: left 0 bottom -45px;
  background-size: 100%;
  opacity: 0;
  transition: all 0.4s ease;
  z-index: 1;
}
.Page-Home .section--4 .v1 .li:hover {
  transform: translateY(calc(0px - var(--gap20px)));
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
  background-image: linear-gradient(to right, rgba(60, 115, 252, 0.3) 0%, #3c73fc 100%), linear-gradient(150deg, rgba(60, 115, 252, 0.2) 0%, rgba(60, 115, 252, 0.3) 80%, #3c73fc 100%);
}
.Page-Home .section--4 .v1 .li:hover::after {
  opacity: 1;
}
.Page-Home .section--4 .v1 .li:hover .hover-icon,
.Page-Home .section--4 .v1 .li:hover .hover-more {
  opacity: 1 !important;
}
.Page-Home .section--4 .v1 .li .img-wrap {
  height: 28.5417vw;
  overflow: hidden;
  transition: all 0.2s ease;
}
.Page-Home .section--4 .v1 .li .img-wrap img {
  display: block;
  width: 100%;
  height: 100%;
  transition: all 0.2s ease;
}
.Page-Home .section--4 .v1 .li .text-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding-top: var(--gap70px);
}
.Page-Home .section--4 .v1 .li .text-wrap .dt {
  font-size: var(--font-14px);
  color: var(--text-dd-color01);
  line-height: 1.3;
  min-height: calc(var(--text-height) * 2);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
  --text-height: calc(1.3 * var(--font-22px));
}
.Page-Home .section--4 .v1 .li .text-wrap .date {
  margin: 0 0 var(--gap10px);
  font-size: var(--font-32px);
}
.Page-Home .section--4 .v1 .li .hover-icon {
  margin: auto;
  width: calc(12px + 0.5208vw);
  opacity: 0;
  transition: all 0.2s ease;
}
.Page-Home .section--4 .v1 .li .hover-icon img {
  display: block;
  width: 100%;
  object-fit: contain;
}
.Page-Home .section--5 {
  margin-bottom: var(--gap200px);
  text-align: center;
}
html[lang="en"] .Page-Home .section--5 {
  margin-bottom: var(--gap120px);
}
.Page-Home .section--5 .section-bgc {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  z-index: -1;
  object-fit: cover;
}
.Page-Home .section--5 .title {
  margin-top: calc(var(--gap150px) + 3.125vw);
  font-size: var(--font-40px);
  font-weight: 500;
  background: linear-gradient(180deg, #cbe3fd 0%, #8fb9ff 50%, #498bff 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.Page-Home .section--5 .text-more {
  margin-top: var(--gap10px);
  font-size: var(--font-16px);
  color: var(--text-dd-color01);
}
.Page-Home .section--5 .text-more:empty {
  display: none;
}
.Page-Home .section--5 .Strength--grid-wrap {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--gap25px);
  padding: var(--gap100px) 0 var(--gap40px);
}
.Page-Home .section--5 .Strength--grid-wrap .li {
  position: relative;
  display: block;
  padding: var(--gap40px) 0;
  min-height: 21.875vw;
  border-radius: calc(10px + 0.2083vw);
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(40px);
  backdrop-filter: blur(40px);
  transition: all 0.4s ease;
  overflow: hidden;
  cursor: default;
}
@media (max-width: 1800px) {
  .Page-Home .section--5 .Strength--grid-wrap .li {
    min-height: 27.0833vw;
  }
}
.Page-Home .section--5 .Strength--grid-wrap .li .img-wrap {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: var(--gap20px);
  transition: all 0.4s ease;
  opacity: 0.6;
  z-index: -1;
}
.Page-Home .section--5 .Strength--grid-wrap .li .img-wrap img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: calc(6px + 0.2083vw);
  transition: all 0.2s ease;
  object-position: bottom;
}
.Page-Home .section--5 .Strength--grid-wrap .li .text-wrap {
  padding: var(--gap15px) 0;
}
.Page-Home .section--5 .Strength--grid-wrap .li .text-wrap .date {
  margin: 0 0 var(--gap25px);
  font-size: var(--font-24px);
  text-align: center;
}
.Page-Home .section--5 .Strength--grid-wrap .li .text-wrap .dt {
  font-size: var(--font-16px);
  color: var(--text-dd-color01);
  text-align: justify;
  line-height: 1.8;
  padding: 0 var(--gap40px);
}
html[lang="en"] .Page-Home .section--5 .Strength--grid-wrap .li .text-wrap .dt {
  text-align: left;
}
.Page-Home .section--5 .Strength--grid-wrap .li:hover {
  transform: translateY(calc(0px - var(--gap20px)));
}
.Page-Home .section--5 .Strength--grid-wrap .li:hover .img-wrap {
  opacity: 1;
}
.Page-Home .section--6 {
  text-align: center;
}
.Page-Home .section--6 .section-bgc {
  position: absolute;
  display: block;
  left: 50%;
  top: 50%;
  --wh: 31.25vw;
  width: var(--wh);
  height: var(--wh);
  transform: translate(-50%, -50%) scale(2);
  z-index: -1;
}
.Page-Home .section--6 .title {
  font-size: var(--font-40px);
  font-weight: 500;
  background: linear-gradient(180deg, #cbe3fd 0%, #8fb9ff 50%, #498bff 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.Page-Home .section--6 .text-more {
  margin-top: var(--gap10px);
  font-size: var(--font-16px);
  color: var(--text-dd-color01);
}
.Page-Home .section--6 .text-more:empty {
  display: none;
}
.Page-Home .section--6 .v2 {
  margin: var(--gap80px) auto 0;
  text-align: left;
}
.Page-Home .section--6 .v2 .swiper-slide {
  display: block;
  margin-right: var(--gap25px);
  height: auto !important;
  transition: all 0.2s ease;
  overflow: visible;
}
.Page-Home .section--6 .v2 .swiper-slide:hover {
  border-color: #3c73fc;
}
.Page-Home .section--6 .v2 .li {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  transition: all 0.4s ease;
}
.Page-Home .section--6 .v2 .li:hover {
  transform: translateY(calc(0px - var(--gap20px)));
}
.Page-Home .section--6 .v2 .li .img-wrap {
  margin-bottom: var(--gap20px);
  height: 13.31vw;
  border-radius: calc(6px + 0.2083vw);
  overflow: hidden;
  transition: all 0.2s ease;
}
@supports (aspect-ratio: 1 / 1) {
  .Page-Home .section--6 .v2 .li .img-wrap {
    aspect-ratio: 472 / 266;
    height: auto;
  }
}
.Page-Home .section--6 .v2 .li .img-wrap img {
  display: block;
  width: 100%;
  height: 100%;
  transition: all 0.2s ease;
}
.Page-Home .section--6 .v2 .li .text-wrap {
  margin-bottom: var(--gap10px);
}
.Page-Home .section--6 .v2 .li .text-wrap .date {
  font-size: var(--font-14px);
  color: #7482a5;
}
.Page-Home .section--6 .v2 .li .text-wrap .dt {
  margin: var(--gap10px) 0 var(--gap20px);
  --text-height: calc(1.3 * var(--font-22px));
  font-size: var(--font-20px);
  line-height: 1.3;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
}
.Page-Home .section--6 .v2 .li .hover-icon {
  margin-top: auto;
  width: calc(10px + 0.5208vw);
  opacity: 0;
  transition: all 0.2s ease;
}
.Page-Home .section--6 .v2 .li .hover-icon img {
  display: block;
  width: 100%;
  object-fit: contain;
}
.Page-Home .section--6 .v2 .li:hover .hover-icon {
  opacity: 1;
}
.Page-Advantage .video-box {
  width: 80%;
  margin-top: var(--gap40px);
}
.Page-Advantage .section--1 {
  margin-bottom: var(--gap60px);
}
.Page-Advantage .section--1 .bgc--img {
  display: block;
  position: absolute;
  /* top: 0; */
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}
.Page-Advantage .section--1 .pos-wrap {
  min-height: 44.7917vw;
}
@media (max-width: 1800px) {
  .Page-Advantage .section--1 .pos-wrap {
    min-height: 46.8vw;
  }
}
.Page-Advantage .section--1 .pos-wrap .Advantage-h2 {
  padding-top: 10%;
  text-align: center;
}
.Page-Advantage .section--1 .pos-wrap .Advantage-h2 .dt {
  font-size: var(--font-40px);
  font-weight: 500;
  background: linear-gradient(180deg, #cbe3fd 0%, #8fb9ff 50%, #498bff 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.Page-Advantage .section--1 .pos-wrap .Advantage-h2 .dd {
  margin-top: var(--gap10px);
  font-size: var(--font-16px);
  color: var(--text-dd-color01);
}
html[lang="en"] .Page-Advantage .section--1 .pos-wrap .Advantage-h2 .dd {
  font-size: 1rem;
}
.Page-Advantage .section--1 .pos-wrap .Advantage-h2 .dd:empty {
  display: none;
}
.Page-Advantage .section--2 {
  margin-bottom: var(--gap150px);
}
.Page-Advantage .section--2 .Advantage-h2 {
  text-align: center;
}
.Page-Advantage .section--2 .Advantage-h2 .dt {
  font-size: var(--font-40px);
  font-weight: 500;
  background: linear-gradient(180deg, #cbe3fd 0%, #8fb9ff 50%, #498bff 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.Page-Advantage .section--2 .Advantage-h2 .dd {
  margin-top: var(--gap10px);
  font-size: var(--font-16px);
  color: var(--text-dd-color01);
}
html[lang="en"] .Page-Advantage .section--2 .Advantage-h2 .dd {
  font-size: 1rem;
}
.Page-Advantage .section--2 .Advantage-h2 .dd:empty {
  display: none;
}
.Page-Advantage .section--3 {
  margin-bottom: var(--gap150px);
}
.Page-Advantage .section--3 .Advantage-h2 {
  text-align: center;
}
.Page-Advantage .section--3 .Advantage-h2 .dt {
  font-size: var(--font-40px);
  font-weight: 500;
  background: linear-gradient(180deg, #cbe3fd 0%, #8fb9ff 50%, #498bff 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.Page-Advantage .section--3 .Advantage-h2 .dd {
  margin-top: var(--gap10px);
  font-size: var(--font-16px);
  color: var(--text-dd-color01);
}
html[lang="en"] .Page-Advantage .section--3 .Advantage-h2 .dd {
  font-size: 1rem;
}
.Page-Advantage .section--3 .Advantage-h2 .dd:empty {
  display: none;
}
.Page-Advantage .section--4 {
  margin-bottom: var(--gap150px);
}
.Page-Advantage .section--4 .Advantage-h2 {
  text-align: center;
}
.Page-Advantage .section--4 .Advantage-h2 .dt {
  font-size: var(--font-40px);
  font-weight: 500;
  background: linear-gradient(180deg, #cbe3fd 0%, #8fb9ff 50%, #498bff 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.Page-Advantage .section--4 .Advantage-h2 .dd {
  margin-top: var(--gap10px);
  font-size: var(--font-16px);
  color: var(--text-dd-color01);
}
html[lang="en"] .Page-Advantage .section--4 .Advantage-h2 .dd {
  font-size: 1rem;
}
.Page-Advantage .section--4 .Advantage-h2 .dd:empty {
  display: none;
}
.Page-Advantage .section--5 {
  margin-bottom: var(--gap150px);
}
.Page-Advantage .section--5 .Advantage-h2 {
  text-align: center;
}
.Page-Advantage .section--5 .Advantage-h2 .dt {
  font-size: var(--font-40px);
  font-weight: 500;
  background: linear-gradient(180deg, #cbe3fd 0%, #8fb9ff 50%, #498bff 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.Page-Advantage .section--5 .Advantage-h2 .dd {
  margin-top: var(--gap10px);
  font-size: var(--font-16px);
  color: var(--text-dd-color01);
}
html[lang="en"] .Page-Advantage .section--5 .Advantage-h2 .dd {
  font-size: 1rem;
}
.Page-Advantage .section--5 .Advantage-h2 .dd:empty {
  display: none;
}