@charset "utf-8";
/*!
by Sean Lu 20260204
!!!请勿直接在c.css中修改内容
!!!请勿直接在c.css中修改内容
!!!请勿直接在c.css中修改内容
*/
/* 全局变量设置 */
:root {
  --color-main: #ff6600;
  --color-white: #fff;
  --color-txt: #253554;
  --color-bg: #f5f5f5;
  --color-bg0: #212121;
  --color-0: #000;
  --color-3: #333;
  --color-6: #666;
  --color-9: #999;
  --color-border: #dedede;
  --fsize-base: 14px;
  --fsize-large: calc(var(--fsize-base) * 1.25);
  --fsize-txt: calc(var(--fsize-base) * 1.14);
  --fsize-small: calc(var(--fsize-base) * 0.85);
  --fsize-h1: calc(var(--fsize-base) * 2.6);
  --fsize-h2: calc(var(--fsize-base) * 2.15);
  --fsize-h3: calc(var(--fsize-base) * 1.7);
  --gap-base: 16px;
  --gap-mini: calc(var(--gap-base) * 0.25);
  --gap-small: calc(var(--gap-base) * 0.5);
  --gap-large: calc(var(--gap-base) * 1.5);
  --gap-h1: calc(var(--gap-base) * 5);
  --gap-h2: calc(var(--gap-base) * 4);
  --gap-h3: calc(var(--gap-base) * 3);
}
@media (max-width: 1440px) {
  :root {
    --fsize-base: 12px;
    --gap-base: 12px;
  }
}
@media (max-width: 800px) {
  :root {
    --fsize-base: 12px;
    --gap-base: 6px;
  }
}
.trans {
  transition: all 0.3s;
}
@font-face {
  font-family: HelveticaNTLight;
  src: url(../fonts/HelveticaNTLight.woff2) format("woff2"), url(../fonts/HelveticaNTLight.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: HelveticaNTRegular;
  src: url(../fonts/HelveticaNTRegular.woff2) format("woff2"), url(../fonts/HelveticaNTRegular.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: HelveticaNTMedium;
  src: url(../fonts/HelveticaNTMedium.woff2) format("woff2"), url(../fonts/HelveticaNTMedium.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: HelveticaNTBold;
  src: url(../fonts/HelveticaNTBold.woff2) format("woff2"), url(../fonts/HelveticaNTBold.woff) format("woff");
  font-display: swap;
}
.topbar {
  background: var(--color-0);
  color: var(--color-white);
  height: 25px;
}
.topbar .wrapper {
  display: flex;
  height: 100%;
  align-items: center;
}
.topbar .wrapper .mor {
  margin-left: auto;
  height: 100%;
  display: flex;
  column-gap: var(--gap-base);
}
.topbar .wrapper .mor .ma {
  font-size: var(--fsize-small);
  text-decoration: none;
  display: flex;
  align-items: center;
  column-gap: var(--gap-mini);
  color: var(--color-white);
  opacity: 0.8;
  transition: all 0.3s;
}
.topbar .wrapper .mor .ma:hover {
  opacity: 1;
}
.topbar .wrapper .mor .ma .ico {
  width: 16px;
  height: 16px;
}
.topbar .wrapper .mor .ma .ico svg {
  width: 100%;
  height: 100%;
}
.bgcov {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  background: rgba(0, 0, 0, 0.1);
  z-index: 998;
  transition: opacity 0.3s;
  opacity: 0;
}
.bgcov.on {
  height: 100%;
  opacity: 1;
}
.header {
  position: fixed;
  top: 25px;
  left: 0;
  width: 100%;
  background: var(--color-bg);
  height: 60px;
  transition: all 0.3s;
  z-index: 999;
}
.header.fxdon {
  top: 0;
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  backdrop-filter: saturate(180%) blur(20px);
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0 1px 0 0 #e8e8e8;
}
@media (max-width: 800px) {
  .header.fxdon .nav {
    top: 60px;
  }
}
.header.fxdon .nav .nul .nli .sub {
  top: 60px;
}
.header.fxdons {
  transform: translateY(-100%);
  opacity: 0;
  visibility: hidden;
}
.header .wrapper {
  display: flex;
  align-items: center;
  column-gap: var(--gap-h3);
  height: 100%;
}
.header .logo {
  width: 250px;
  display: block;
}
@media (max-width: 800px) {
  .header .logo {
    width: 200px;
  }
}
.header .logo img {
  display: block;
  width: 100%;
}
.header .nav {
  height: 100%;
}
@media (max-width: 800px) {
  .header .nav {
    position: fixed;
    top: 85px;
    left: 0;
    width: 100%;
    height: auto;
    background: var(--color-white);
    box-sizing: border-box;
    padding: var(--gap-h3);
    visibility: hidden;
    opacity: 0;
    transform: translateY(-10px);
    transition: all 0.5s cubic-bezier(0.6, 0, 0.4, 1);
  }
  .header .nav.on {
    transform: translateY(0);
    visibility: visible;
    opacity: 1;
  }
}
.header .nav .nul {
  height: 100%;
  display: flex;
  align-items: center;
}
@media (max-width: 800px) {
  .header .nav .nul {
    flex-direction: column;
    height: auto;
  }
}
.header .nav .nul .nli {
  height: 100%;
  position: relative;
}
.header .nav .nul .nli .cov {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  cursor: pointer;
}
@media (max-width: 800px) {
  .header .nav .nul .nli .cov {
    display: none;
  }
}
@media (max-width: 800px) {
  .header .nav .nul .nli {
    width: 100%;
  }
}
.header .nav .nul .nli .na {
  display: flex;
  height: 100%;
  align-items: center;
  text-decoration: none;
  font-weight: normal;
  font-family: HelveticaNTRegular;
  font-size: calc(var(--fsize-txt) * 0.9);
  color: var(--color-3);
  padding: 0 calc(var(--gap-small) * 1.6);
  transition: all 0.3s;
  position: relative;
}
@media (max-width: 1480px) {
  .header .nav .nul .nli .na {
    padding: 0 calc(var(--gap-small) * 1.1);
    font-size: calc(var(--fsize-txt) * 0.9);
  }
}
@media (max-width: 800px) {
  .header .nav .nul .nli .na {
    padding: var(--gap-large) 0;
    border-bottom: 1px dashed var(--color-border);
    width: 100%;
  }
}
.header .nav .nul .nli .na::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: var(--color-main);
  transform: scaleX(0);
  transition: all 0.3s;
}
.header .nav .nul .nli .na:hover {
  color: var(--color-main);
}
.header .nav .nul .nli:hover .na {
  color: var(--color-main);
}
.header .nav .nul .nli:hover .na::after {
  transform: scaleX(1);
}
.header .nav .nul .nli .sub {
  position: fixed;
  top: 85px;
  left: 0;
  right: 0;
  border-radius: 0 0 30px 30px;
  box-shadow: 0 18px 30px -28px rgba(0, 0, 0, 0.8);
  opacity: 0;
  padding: var(--gap-h3) 0;
  visibility: hidden;
  transform: translateY(-10px);
  box-shadow: 0 0 0 2px inset rgba(255, 255, 255, calc(10 / 100));
  background: #212121;
}
@media (max-width: 800px) {
  .header .nav .nul .nli .sub {
    display: none;
  }
}
.header .nav .nul .nli .sub .wrap {
  padding: var(--gap-h3) var(--gap-large);
  box-sizing: border-box;
  width: 100%;
  max-width: 1152px;
  margin: 0 auto;
}
.header .nav .nul .nli.on {
  z-index: 9;
}
.header .nav .nul .nli.on .sub {
  transition: all 0.5s cubic-bezier(0.6, 0, 0.4, 1);
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.header .nav .nul .nli .snlist {
  width: 100%;
  display: flex;
  column-gap: var(--gap-large);
  justify-content: center;
}
.header .nav .nul .nli .snlist .snit {
  width: 100%;
  max-width: 260px;
}
.header .nav .nul .nli .snlist .snit .simg {
  position: relative;
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 67%;
  margin-bottom: var(--gap-large);
}
.header .nav .nul .nli .snlist .snit .simg img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.header .nav .nul .nli .snlist .snit .snih {
  font-size: var(--fsize-large);
  font-weight: bold;
  color: var(--color-white);
  display: flex;
  align-items: center;
  column-gap: 4px;
  margin-bottom: var(--gap-base);
}
.header .nav .nul .nli .snlist .snit .snih::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  color: var(--color-main);
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M9 6c0-.852.986-1.297 1.623-.783l.084.076l6 6a1 1 0 0 1 .083 1.32l-.083.094l-6 6l-.094.083l-.077.054l-.096.054l-.036.017l-.067.027l-.108.032l-.053.01l-.06.01l-.057.004L10 19l-.059-.002l-.058-.005l-.06-.009l-.052-.01l-.108-.032l-.067-.027l-.132-.07l-.09-.065l-.081-.073l-.083-.094l-.054-.077l-.054-.096l-.017-.036l-.027-.067l-.032-.108l-.01-.053l-.01-.06l-.004-.057z'/%3E%3C/svg%3E");
}
.header .nav .nul .nli .snlist .snit .snih .sa {
  color: var(--color-white);
  text-decoration: none;
  --reversed-link-gap: min(100%, 1.35em);
  background: linear-gradient(to right, currentColor, currentColor) 0 var(--reversed-link-gap) / 0 1px no-repeat;
  background-position-x: right;
  transition: background-size 0.5s cubic-bezier(0.3, 1, 0.3, 1);
}
.header .nav .nul .nli .snlist .snit .snih .sa:hover {
  background-position-x: left;
  background-size: 100% 1px;
}
.header .nav .nul .nli .snlist .snit .snib {
  display: flex;
  flex-direction: column;
  row-gap: var(--gap-small);
  align-items: flex-start;
  font-size: var(--fsize-base);
  padding-left: 20px;
}
.header .nav .nul .nli .snlist .snit .snib .sa {
  display: flex;
  color: var(--color-9);
  transition: all 0.3s;
  text-decoration: none;
  --reversed-link-gap: min(100%, 1.35em);
  background: linear-gradient(to right, currentColor, currentColor) 0 var(--reversed-link-gap) / 0 1px no-repeat;
  background-position-x: right;
  transition: background-size 0.5s cubic-bezier(0.3, 1, 0.3, 1);
}
.header .nav .nul .nli .snlist .snit .snib .sa:hover {
  color: var(--color-main);
  background-position-x: left;
  background-size: 100% 1px;
}
.header .nav .nul .nli .splist {
  display: flex;
  width: 100%;
}
.header .nav .nul .nli .splist .sh {
  width: 280px;
  padding-right: var(--gap-large);
  margin-right: var(--gap-large);
  border-right: 2px solid rgba(255, 255, 255, calc(10 / 100));
}
.header .nav .nul .nli .splist .sh .sph {
  width: 100%;
}
.header .nav .nul .nli .splist .sh .swiper-wrapper {
  flex-direction: column;
}
.header .nav .nul .nli .splist .sh .swiper-wrapper .swiper-slide {
  height: 50px;
  width: 100% !important;
  margin-bottom: var(--gap-small);
}
.header .nav .nul .nli .splist .sh .swiper-wrapper .swiper-slide.swiper-slide-thumb-active .sa {
  background: var(--color-main);
  color: var(--color-white);
}
.header .nav .nul .nli .splist .sh .swiper-wrapper .swiper-slide .sa {
  display: flex;
  align-items: center;
  text-decoration: none;
  font-size: var(--fsize-txt);
  justify-content: space-between;
  border-radius: 6px;
  height: 100%;
  text-transform: uppercase;
  color: var(--color-0);
  font-weight: bold;
  padding: 0 var(--gap-large);
  color: var(--color-white);
  border: 1px solid rgba(255, 255, 255, 0.15);
  background: linear-gradient(0deg, rgba(247, 248, 248, 0.03), rgba(247, 248, 248, 0.03)), linear-gradient(180deg, rgba(247, 248, 248, 0.05), rgba(247, 248, 248, 0.03));
  transition: all 0.3s;
}
.header .nav .nul .nli .splist .sh .swiper-wrapper .swiper-slide .sa svg {
  display: block;
  width: 14px;
  height: 14px;
  object-fit: contain;
}
.header .nav .nul .nli .splist .sb {
  width: calc(100% - 280px);
}
.header .nav .nul .nli .splist .sb .spb {
  width: 100% !important;
}
.header .nav .nul .nli .splist .sb .spb .swiper-wrapper {
  width: 100% !important;
}
.header .nav .nul .nli .splist .sb .spb .swiper-slide {
  opacity: 0 !important;
  width: 100% !important;
}
.header .nav .nul .nli .splist .sb .spb .swiper-slide.swiper-slide-active {
  opacity: 1 !important;
}
.header .nav .nul .nli .splist .sb .spb .swiper-slide .list {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: var(--gap-large);
  height: 470px;
  overflow-y: auto;
}
.header .nav .nul .nli .splist .sb .spb .swiper-slide .list .item {
  grid-column: span 2;
}
.header .nav .nul .nli .splist .sb .spb .swiper-slide .list .item .ia {
  display: flex;
  flex-direction: column;
  row-gap: var(--gap-base);
  position: relative;
  text-decoration: none;
  overflow: hidden;
  color: var(--color-0);
}
.header .nav .nul .nli .splist .sb .spb .swiper-slide .list .item .ia:hover .img::after {
  transform: translateY(0);
}
.header .nav .nul .nli .splist .sb .spb .swiper-slide .list .item .ia:hover .img img.i2 {
  opacity: 1;
}
.header .nav .nul .nli .splist .sb .spb .swiper-slide .list .item .ia:hover .inf .nam::after {
  background: var(--color-main);
}
.header .nav .nul .nli .splist .sb .spb .swiper-slide .list .item .ia .img {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 66%;
  overflow: hidden;
  z-index: 2;
  background: #f6f7f8 url(../img/jt-img/probg.jpg?2) no-repeat center center / cover;
  border-radius: 10px;
}
.header .nav .nul .nli .splist .sb .spb .swiper-slide .list .item .ia .img::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0) 100%);
  transition: all 0.3s;
  transform: translateY(-100%);
}
.header .nav .nul .nli .splist .sb .spb .swiper-slide .list .item .ia .img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 0;
  z-index: 3;
}
.header .nav .nul .nli .splist .sb .spb .swiper-slide .list .item .ia .img img.i2 {
  opacity: 0;
  transition: all 0.3s;
}
.header .nav .nul .nli .splist .sb .spb .swiper-slide .list .item .ia .inf {
  z-index: 3;
}
.header .nav .nul .nli .splist .sb .spb .swiper-slide .list .item .ia .inf .nam {
  font-size: calc(var(--fsize-large) * 0.9);
  display: flex;
  flex-direction: column;
  row-gap: var(--gap-small);
}
.header .nav .nul .nli .splist .sb .spb .swiper-slide .list .item .ia .inf .nam::after {
  content: "";
  width: 30px;
  height: 2px;
  background: rgba(0, 0, 0, 0.2);
  transition: all 0.3s;
}
.header .nav .nul .nli .splist .sb .spb .swiper-slide .list .item.it2 {
  grid-column: span 3;
}
.header .nav .nul .nli .splist .sb .spb .swiper-slide .list .item.it2 .ia {
  background-position: center bottom;
}
.header .nav .nul .nli .splist .sb .spb .swiper-slide .list .item.it2 .ia .img {
  padding-bottom: 40%;
}
.header .nav .nul .nli .splist .sbox {
  width: 100% !important;
  display: flex;
  column-gap: var(--gap-large);
}
.header .nav .nul .nli .splist .sbox .slist {
  width: calc(100% - 340px);
  flex-flow: column wrap;
  column-count: 3;
}
.header .nav .nul .nli .splist .sbox .slist .sit {
  -webkit-column-break-inside: avoid;
  break-inside: avoid;
  position: relative;
  display: flex;
  margin-bottom: calc(var(--gap-large) * 0.9);
  flex-direction: column;
  row-gap: var(--gap-base);
  border: 1px solid rgba(255, 255, 255, 0.15);
  background: linear-gradient(0deg, rgba(247, 248, 248, 0.03), rgba(247, 248, 248, 0.03)), linear-gradient(180deg, rgba(247, 248, 248, 0.05), rgba(247, 248, 248, 0.03));
  padding: var(--gap-base);
  border-radius: 6px;
}
.header .nav .nul .nli .splist .sbox .slist .sit .sih {
  font-size: var(--fsize-large);
  font-weight: bold;
  color: var(--color-white);
  display: flex;
  align-items: center;
  column-gap: 4px;
}
.header .nav .nul .nli .splist .sbox .slist .sit .sih::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  color: var(--color-main);
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M9 6c0-.852.986-1.297 1.623-.783l.084.076l6 6a1 1 0 0 1 .083 1.32l-.083.094l-6 6l-.094.083l-.077.054l-.096.054l-.036.017l-.067.027l-.108.032l-.053.01l-.06.01l-.057.004L10 19l-.059-.002l-.058-.005l-.06-.009l-.052-.01l-.108-.032l-.067-.027l-.132-.07l-.09-.065l-.081-.073l-.083-.094l-.054-.077l-.054-.096l-.017-.036l-.027-.067l-.032-.108l-.01-.053l-.01-.06l-.004-.057z'/%3E%3C/svg%3E");
}
.header .nav .nul .nli .splist .sbox .slist .sit .sih .sa {
  color: var(--color-white);
  text-decoration: none;
  --reversed-link-gap: min(100%, 1.35em);
  background: linear-gradient(to right, currentColor, currentColor) 0 var(--reversed-link-gap) / 0 1px no-repeat;
  background-position-x: right;
  transition: background-size 0.5s cubic-bezier(0.3, 1, 0.3, 1);
}
.header .nav .nul .nli .splist .sbox .slist .sit .sih .sa:hover {
  background-position-x: left;
  background-size: 100% 1px;
}
.header .nav .nul .nli .splist .sbox .slist .sit .sib {
  display: flex;
  flex-direction: column;
  row-gap: var(--gap-small);
  align-items: flex-start;
  font-size: var(--fsize-txt);
}
.header .nav .nul .nli .splist .sbox .slist .sit .sib .sa {
  display: flex;
  color: var(--color-9);
  transition: all 0.3s;
  text-decoration: none;
  --reversed-link-gap: min(100%, 1.35em);
  background: linear-gradient(to right, currentColor, currentColor) 0 var(--reversed-link-gap) / 0 1px no-repeat;
  background-position-x: right;
  transition: background-size 0.5s cubic-bezier(0.3, 1, 0.3, 1);
}
.header .nav .nul .nli .splist .sbox .slist .sit .sib .sa:hover {
  color: var(--color-main);
  background-position-x: left;
  background-size: 100% 1px;
}
.header .nav .nul .nli .splist .sbox .simg {
  width: 340px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  row-gap: var(--gap-large);
}
.header .nav .nul .nli .splist .sbox .simg a {
  position: relative;
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 80%;
  overflow: hidden;
}
.header .nav .nul .nli .splist .sbox .simg a img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.header .mor {
  margin-left: auto;
  justify-content: flex-end;
  display: flex;
  column-gap: var(--gap-base);
}
.header .mor .ma {
  position: relative;
  text-decoration: none;
  border-radius: 6px;
  padding: 5px;
  color: var(--color-0);
  transition: all 0.3s;
}
.header .mor .ma.menu {
  display: none;
}
@media (max-width: 800px) {
  .header .mor .ma.menu {
    display: block;
  }
}
.header .mor .ma .ico {
  display: block;
  cursor: pointer;
  width: 20px;
  height: 20px;
}
.header .mor .ma svg {
  display: block;
  width: 100%;
  height: 100%;
}
.header .mor .ma em {
  pointer-events: none;
  position: absolute;
  bottom: -32px;
  left: 50%;
  line-height: 24px;
  font-size: var(--fsize-small);
  color: var(--color-white);
  background: var(--color-0);
  border-radius: 4px;
  padding: 0 10px;
  transform: translateX(-50%);
  font-style: normal;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
.header .mor .ma span {
  pointer-events: none;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  top: 40px;
  left: 50%;
  transform: translateX(-50%);
  width: 120px;
  padding: 5px;
  background: var(--color-white);
  border-radius: 6px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
.header .mor .ma span * {
  transition: none;
}
.header .mor .ma span img {
  display: block;
  width: 100%;
}
.header .mor .ma:hover {
  background: rgba(0, 0, 0, 0.05);
}
.header .mor .ma:hover em {
  opacity: 1;
  visibility: visible;
}
.header .mor .ma:hover span {
  opacity: 1;
  visibility: visible;
}
.overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  visibility: hidden;
  opacity: 0;
  z-index: 6;
  background: linear-gradient(to top, rgba(23, 23, 23, 0.1) 20%, rgba(23, 23, 23, 0.5) 60%);
  transition: 0.8s cubic-bezier(0.7, 0, 0.2, 1);
  transition-property: opacity, visibility;
}
.overlay.on {
  opacity: 1;
  visibility: visible;
  z-index: 6;
  pointer-events: auto;
  transition-delay: 0.1s;
  cursor: none;
}
.bannerslide {
  position: relative;
  overflow: hidden;
  margin-top: 60px;
}
.bannerslide .swiper-wrapper {
  position: relative;
}
@media (max-width: 800px) {
  .bannerslide .swiper-wrapper {
    height: auto;
  }
}
.bannerslide .swiper-wrapper .swiper-slide {
  position: relative;
  overflow: hidden;
}
.bannerslide .swiper-wrapper .swiper-slide.swiper-slide-active .inf {
  opacity: 1;
  transform: translateY(-30%);
}
@media (max-width: 800px) {
  .bannerslide .swiper-wrapper .swiper-slide.swiper-slide-active .inf {
    transform: translateY(0);
  }
}
.bannerslide .swiper-wrapper .swiper-slide.swiper-slide-active .inf .sub {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.6s linear, transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.bannerslide .swiper-wrapper .swiper-slide.swiper-slide-active .inf .nam {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.6s linear 0.1s, transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s;
}
.bannerslide .swiper-wrapper .swiper-slide.swiper-slide-active .inf .txt {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.6s linear 0.3s, transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s;
}
.bannerslide .swiper-wrapper .swiper-slide.swiper-slide-active .inf .btn {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.6s linear 0.5s, transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
}
.bannerslide .swiper-wrapper .swiper-slide .bg {
  width: 100%;
}
@media (max-width: 800px) {
  .bannerslide .swiper-wrapper .swiper-slide .bg {
    height: 250px;
  }
}
.bannerslide .swiper-wrapper .swiper-slide .bg img {
  display: block;
  width: 100%;
}
.bannerslide .swiper-wrapper .swiper-slide .con {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
@media (max-width: 800px) {
  .bannerslide .swiper-wrapper .swiper-slide .con {
    position: relative;
    background: var(--color-bg0);
    padding: var(--gap-h1) 0 calc(var(--gap-h1) * 1.4);
  }
}
.bannerslide .swiper-wrapper .swiper-slide .inf {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  color: var(--color-white);
  line-height: 1.6;
  overflow: hidden;
  width: fit-content;
  border-radius: 0;
  opacity: 1;
  transform: translateY(-30%);
  transition: opacity 0.6s linear, transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.bannerslide .swiper-wrapper .swiper-slide .inf.inf02 {
  align-items: flex-end;
  margin-left: auto;
  text-align: right;
}
.bannerslide .swiper-wrapper .swiper-slide .inf.inf02 .slo {
  margin-left: auto;
}
.bannerslide .swiper-wrapper .swiper-slide .inf.inf03 {
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.bannerslide .swiper-wrapper .swiper-slide .inf.inf03 .slo {
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 800px) {
  .bannerslide .swiper-wrapper .swiper-slide .inf {
    transform: translateY(0);
    align-items: center;
    width: 100%;
    text-align: center;
  }
}
.bannerslide .swiper-wrapper .swiper-slide .inf .ion {
  width: 100%;
  display: flex;
  flex-direction: column;
  row-gap: var(--gap-base);
  line-height: 1;
}
@media (max-width: 800px) {
  .bannerslide .swiper-wrapper .swiper-slide .inf .ion {
    align-items: center;
  }
}
.bannerslide .swiper-wrapper .swiper-slide .inf .txt {
  margin-top: var(--gap-large);
  width: 100%;
  display: flex;
  color: var(--color-white);
  flex-direction: column;
  row-gap: var(--gap-base);
}
.bannerslide .swiper-wrapper .swiper-slide .inf .slo {
  width: 380px;
  margin-bottom: var(--gap-small);
}
@media (max-width: 800px) {
  .bannerslide .swiper-wrapper .swiper-slide .inf .slo {
    width: 220px;
  }
}
.bannerslide .swiper-wrapper .swiper-slide .inf .slo::after {
  display: block;
  content: "";
  width: 40px;
  height: 2px;
  margin-top: var(--gap-large);
  margin-bottom: var(--gap-base);
  background: var(--color-white);
  transition: all 0.3s;
  display: none;
}
@media (max-width: 800px) {
  .bannerslide .swiper-wrapper .swiper-slide .inf .slo::after {
    margin-left: auto;
    margin-right: auto;
  }
}
.bannerslide .swiper-wrapper .swiper-slide .inf .slo img {
  display: block;
  width: 100%;
}
.bannerslide .swiper-wrapper .swiper-slide .inf .sub {
  font-size: var(--fsize-h3);
  opacity: 1;
  font-weight: bold;
  transform: translateY(0);
}
.bannerslide .swiper-wrapper .swiper-slide .inf .sub::after {
  display: block;
  content: "";
  width: 40px;
  height: 2px;
  margin-top: var(--gap-base);
  background: var(--color-white);
  transition: all 0.3s;
}
.bannerslide .swiper-wrapper .swiper-slide .inf .nam {
  font-size: calc(var(--fsize-h1) * 1.5);
  line-height: 1;
  opacity: 1;
  transform: translateY(0);
  font-family: HelveticaNTLight;
  font-weight: normal;
  letter-spacing: -0.1938rem;
}
@media (max-width: 800px) {
  .bannerslide .swiper-wrapper .swiper-slide .inf .nam {
    font-size: var(--fsize-h2);
  }
}
.bannerslide .swiper-wrapper .swiper-slide .inf .txt {
  font-size: calc(var(--fsize-h3) * 0.82);
  font-weight: normal;
  letter-spacing: -0.01rem;
  transform: translateY(0);
  opacity: 1;
}
@media (max-width: 800px) {
  .bannerslide .swiper-wrapper .swiper-slide .inf .txt {
    font-size: var(--fsize-txt);
  }
}
.bannerslide .swiper-wrapper .swiper-slide .inf .btn {
  margin-top: var(--gap-large);
  transform: translateY(0);
  opacity: 1;
}
.bannerslide .swiper-wrapper .swiper-slide .inf .btn .ba {
  display: flex;
  align-items: center;
  column-gap: var(--gap-mini);
  padding: var(--gap-small) var(--gap-h3);
  font-size: var(--fsize-txt);
  background: var(--color-white);
  color: var(--color-0);
  text-decoration: none;
  transition: all 0.3s ease-in-out;
}
.bannerslide .swiper-wrapper .swiper-slide .inf .btn .ba em {
  font-style: normal;
}
.bannerslide .swiper-wrapper .swiper-slide .inf .btn .ba svg {
  display: block;
  width: 20px;
  height: 20px;
}
.bannerslide .swiper-wrapper .swiper-slide .inf .btn .ba:hover {
  background-color: var(--color-0);
  color: var(--color-white);
  border-color: var(--color-0);
}
.bannerslide .swiper-button-next,
.bannerslide .swiper-button-prev {
  width: 60px;
  height: 60px;
  background-size: cover;
  opacity: 0;
}
.bannerslide .swiper-button-next:after,
.bannerslide .swiper-button-prev:after {
  display: none;
}
.bannerslide:hover .swiper-button-next,
.bannerslide:hover .swiper-button-prev {
  opacity: 1;
}
@media (max-width: 800px) {
  .bannerslide:hover .swiper-button-next,
  .bannerslide:hover .swiper-button-prev {
    opacity: 0;
  }
}
.bannerslide .swiper-button-prev {
  left: 50px;
  background-image: url("data:image/png;base64,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");
}
.bannerslide .swiper-button-next {
  right: 50px;
  background-image: url("data:image/png;base64,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");
}
.bannerslide .swiper-button-next:hover {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAMAAABHPGVmAAAAzFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8cHSAiIyYrLC5FRUhcXF9hYmSJiouKi4yfoKG7u7zCwsPDw8TKysvR0dLn5+fu7u74+Pn///9RxYs1AAAAMnRSTlMABQ0SExcaHB8iIycoMDk9T1hcYGyFh46PkpuerrzFxsjJytLY3N/g5ebn6Ozu8fb5/L7UkpgAAAKJSURBVGjezZrZVhpBFEUPIAgaUZnnQaANhKGpTGY0yfn/f8qDYEhEqFtdt8x+7l57ddPcuhNgSaZYrnV6o2gex/No1OvUysUMfJIrtSPuIWqXcn4M59UxDzCunic1nFSGPMqwcpJAcdpc0YpV89RRcdaKaU3cOnNQpBtrilg30lLH9ZRiXl+LFPkunejm7R1XCzqyuLJUpOpMQD1l48gOmIhB9rijMGFCJoVjjosZEzO7OOy4XNIDy8uDz+HFQS4PPEthRk/Mnv1dshN6Y/LMN5Ya0COD/f+XBr1S3xtL6Jk9ESa/8C1ZPI2WXXqn++T8oAL/nC/pqYZkmtb8srY0/soZ1jqS9W520aISrZ38KtaSxH/ysSbVaD7mois9yWqbwVaoSGUjudGUDDe1AVV5qCyqgju+/RRLqgCAsf0NX96+F1vGAJCTOIyRW3IASvaXfzTGwVIC0La//NcHF0sbwC2VLRGQEd3gZMmgSHVLEWWqW8qoUd1SQ4fqlg76VLf0MaK6ZYSI6pYIc6pb5nDMISSW2FXC78YYYz7bSdxeF+/fGWPMJ8vXFak7GDl9wjIHR+ipO9hzCCtSBzvyACl2sCYO9XIHy9JDy8HBovD4dXEwI0sknByRLCVycrAtS+6cHCyJ0tQfTg7mZAn3nYtjLC0d7uSOTekgKYK+uhZBGFKRYcjCNEiJHaRZEKbtEaSBE6YVFaSpFqY9GKTRGaZlG6b5HKSNDtT9OuovN9oIMqQBCm98OWaFlx2chRkBhhlmhhnLhhkwA6lEcb+R+n+G/oHWFxwXMaayRYxAKyVhlmMCrfk8LCxZDFduEi0sAQBeqa9ePS6R7a2Rb70tke2uw/W363B90Trcb3B66nNT0VmfAAAAAElFTkSuQmCC");
}
.bannerslide .swiper-button-prev:hover {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAMAAABHPGVmAAAAzFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8cHSAiIyYrLC5FRUhcXF9hYmSJiouKi4yfoKG7u7zCwsPDw8TKysvR0dLn5+fu7u74+Pn///9RxYs1AAAAMnRSTlMABQ0SExcaHB8iIycoMDk9T1hcYGyFh46PkpuerrzFxsjJytLY3N/g5ebn6Ozu8fb5/L7UkpgAAAKLSURBVGjezZrZetpADEZ/cCCQNCQx+w4BnOKymOlKt7TV+79TL4CUNgRG45HSc21/57MxGm2AJUGpXOv0RtEsSWbRqNeplUsBfJIP2xEdIGqHeT+Gy+qYjjCuXqY1nFWGdJJh5SyF4ry5JCuWzXNHxUUrIWuS1oWDIttYEYtVI8t13E6JzetblqLQJSe6BXvHzZwcmd9YKjJ1SkE9Y+PIDSgVg9xpR3FCKZkUTzmuYkpNfHXccb0gDyyujz6HFwfR4sizFGPyRPzs75KbkDcmz3xjmQF5ZHD4/9Igr9QPxhLyzIEIU5j7lsyfRssueaf75PwgAf45X7JTCck0K/ll7Wj8lTOsZCSr/eyiRUK09vKrREqS/MnHmiRG8zEXXcpJlrsMtkKCVLaSO0nJcFsbkCibyqLKvu/nN8bFVQDAmO14//aL/dVjAMjzHcZwLHkAoYPDmI/2N4QA2i6OD7/s72gDuBd2UAQE0g6iACVxB5VQFndQGTVxB9XQEXdQB31xB/UxEnfQCJG4gyLMxB00QyLuoMRO8tkYY8x315TF8nWtjTHm3QM5vi7LHz6NJbL+hFNYRuiRuKXHCCvOlg4nQLpaaqxQ72gp8w4tN0uJefw6WQJuIuFgifgpEd/Sdkju2JbQJU3dWH6w0lR+wr02xnziJdwOpcOa4diWDg5F0Fd2EYQhCTLULExVSmyVZoFO20OlgaPTilJpqum0B1UanTotW53ms0obHaj7ddRfbrShMqQBim98OeLiyw7OdEaAOsNMnbGszoAZyKSK+43M/zP0V1pfcFzEmPIWMZRWSnSWY5TWfDYLSxbDlbtUC0sAgFfiq1ePS2QHa+R7b0tk++tw/d06XJ+1DvcbNeDqcy7nSaoAAAAASUVORK5CYII=");
}
.bannerslide .swiper-pagination-bullet {
  width: var(--gap-h1);
  border-radius: 0;
  height: 3px;
  background: rgba(255, 255, 255, 0.4);
  opacity: 1;
  position: relative;
}
.bannerslide .swiper-pagination-bullet::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: var(--color-white);
  transform: scaleX(0);
  transform-origin: left center;
}
.bannerslide .swiper-pagination-bullet-active {
  opacity: 1;
  height: 1;
}
.bannerslide .swiper-pagination-bullet-active::after {
  transform: scaleX(1);
  transition: all 2.5s linear;
}
.bannerslide .paginationw {
  position: absolute;
  left: 0;
  text-align: left;
  bottom: var(--gap-large) !important;
  width: 100%;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 800px) {
  .bannerslide .paginationw {
    padding-left: 4vw;
    bottom: 4vw !important;
  }
}
.homebox01 {
  --color-abmain: 255, 151, 77;
  --gradient: linear-gradient(30deg, #ffac71, #fff 40%, #ffdabf);
  --glow-color: #ffdabf77;
  padding: var(--gap-h1) 0;
  position: relative;
  background: var(--color-bg0);
  box-sizing: border-box;
}
.homebox01 .hd {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: var(--gap-base);
}
.homebox01 .hd .nam {
  font-size: calc(var(--fsize-h1) * 1.2);
  font-weight: normal;
  font-family: HelveticaNTLight;
  letter-spacing: -0.1938rem;
  color: var(--color-white);
  display: inline-block;
}
@media (max-width: 800px) {
  .homebox01 .hd .nam {
    font-size: var(--fsize-h2);
  }
}
.homebox01 .hd .sub {
  display: flex;
  align-items: center;
  column-gap: var(--gap-large);
}
.homebox01 .hd .sub .sa {
  font-size: var(--fsize-large);
  color: var(--color-white);
  opacity: 0.5;
  text-decoration: none;
  font-weight: bold;
  padding: var(--gap-small) 0;
  border-bottom: 2px solid transparent;
  transition: all 0.3s;
}
.homebox01 .hd .sub .sa:hover {
  opacity: 1;
}
.homebox01 .hd .sub .sa.on {
  opacity: 1;
  border-bottom-color: var(--color-white);
}
.homebox01 .bd {
  margin-top: var(--gap-h3);
}
.homebox01 .bd .list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--gap-large);
}
@media (max-width: 800px) {
  .homebox01 .bd .list {
    grid-template-columns: repeat(1, 1fr);
  }
}
.homebox01 .bd .list .item {
  position: relative;
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 0 0 2px inset rgba(255, 255, 255, calc(10 / 100));
  transition: background 0.4s cubic-bezier(0.445, 0.05, 0.55, 0.95);
  background: rgba(247, 248, 248, calc(3 / 100));
}
@media (max-width: 800px) {
  .homebox01 .bd .list .item {
    border-radius: 10px;
  }
}
.homebox01 .bd .list .item::before,
.homebox01 .bd .list .item::after {
  content: "";
  visibility: hidden;
  position: absolute;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.2s cubic-bezier(0.445, 0.05, 0.55, 0.95);
  will-change: transform;
}
.homebox01 .bd .list .item:hover {
  background: rgba(247, 248, 248, calc(10 / 100));
}
.homebox01 .bd .list .item:hover::before,
.homebox01 .bd .list .item:hover::after {
  visibility: visible;
  opacity: 1;
}
.homebox01 .bd .list .item::before {
  top: 0;
  left: 0;
  width: 960px;
  height: 960px;
  background: radial-gradient(50% 50% at 50% 50%, rgba(var(--color-abmain), 0.05) 0, rgba(var(--color-abmain), 0) 100%);
  border-radius: 50%;
  z-index: 0;
  filter: blur(10px);
  transform: translateX(calc(var(--x, 50%) - calc(960px / 2))) translateY(calc(var(--y, 50%) - calc(960px / 2))) translateZ(0);
}
.homebox01 .bd .list .item::after {
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  border-radius: 10px;
  padding: 2px;
  background: radial-gradient(circle at var(--x, 50%) var(--y, 50%), rgba(255, 255, 255, 0.4) 3%, var(--glow-color) 20%, transparent 50%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: 1;
  border-radius: 25px;
}
.homebox01 .bd .list .item .img {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 66%;
  cursor: pointer;
}
.homebox01 .bd .list .item .img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.homebox01 .bd .list .item .inf {
  padding: calc(var(--gap-large) * 1.2) var(--gap-large);
  box-sizing: border-box;
  color: var(--color-white);
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: var(--gap-small);
}
.homebox01 .bd .list .item .inf .nam {
  font-size: var(--fsize-h2);
  font-weight: normal;
  font-family: HelveticaNTLight;
  letter-spacing: -0.05rem;
}
@media (max-width: 800px) {
  .homebox01 .bd .list .item .inf .nam {
    font-size: calc(var(--fsize-large) * 1.5);
    text-decoration: underline;
  }
}
.homebox01 .bd .list .item .inf .nam a {
  color: var(--color-white);
  text-decoration: none;
}
.homebox01 .bd .list .item .inf .txt {
  font-size: var(--fsize-txt);
  color: var(--color-white);
  text-align: center;
  column-gap: var(--gap-mini);
  row-gap: var(--gap-mini);
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  word-break: break-all;
  -webkit-line-clamp: 2;
}
@media (max-width: 800px) {
  .homebox01 .bd .list .item .inf .txt {
    margin-top: var(--gap-base);
    gap: var(--gap-base);
    font-size: var(--fsize-large);
    word-break: break-word;
    -webkit-line-clamp: 20;
  }
}
.homebox01 .bd .list .item .inf .txt a {
  text-decoration: none;
  display: inline-block;
  color: var(--color-white);
  opacity: 0.6;
  padding: var(--gap-mini) var(--gap-small);
  text-decoration: underline;
  transition: all 0.3s;
}
.homebox01 .bd .list .item .inf .txt a:hover {
  opacity: 1;
  color: var(--color-main);
}
.homebox02 {
  padding: 0;
  --color-abmain: 255, 151, 77;
  --gradient: linear-gradient(30deg, #ffac71, #fff 40%, #ffdabf);
  --glow-color: #ffdabf77;
  background: var(--color-bg0);
  position: relative;
  box-sizing: border-box;
}
.homebox02 .wrapper {
  display: flex;
  flex-direction: column;
  row-gap: var(--gap-h3);
}
.homebox02 .box {
  display: flex;
  position: relative;
  background: transparent;
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 0 0 2px inset rgba(255, 255, 255, calc(10 / 100));
  transition: background 0.4s cubic-bezier(0.445, 0.05, 0.55, 0.95);
  background: rgba(247, 248, 248, calc(3 / 100));
}
@media (max-width: 800px) {
  .homebox02 .box {
    flex-direction: column;
    border-radius: 10px;
  }
}
.homebox02 .box::before,
.homebox02 .box::after {
  content: "";
  visibility: hidden;
  position: absolute;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.2s cubic-bezier(0.445, 0.05, 0.55, 0.95);
  will-change: transform;
}
.homebox02 .box:hover {
  background: rgba(247, 248, 248, calc(10 / 100));
}
.homebox02 .box:hover::before,
.homebox02 .box:hover::after {
  visibility: visible;
  opacity: 1;
}
.homebox02 .box::before {
  top: 0;
  left: 0;
  width: 960px;
  height: 960px;
  background: radial-gradient(50% 50% at 50% 50%, rgba(var(--color-abmain), 0.05) 0, rgba(var(--color-abmain), 0) 100%);
  border-radius: 50%;
  z-index: 0;
  filter: blur(10px);
  transform: translateX(calc(var(--x, 50%) - calc(960px / 2))) translateY(calc(var(--y, 50%) - calc(960px / 2))) translateZ(0);
}
.homebox02 .box::after {
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  border-radius: 10px;
  padding: 2px;
  background: radial-gradient(circle at var(--x, 50%) var(--y, 50%), rgba(255, 255, 255, 0.4) 3%, var(--glow-color) 20%, transparent 50%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: 1;
  border-radius: 25px;
}
.homebox02 .box:nth-child(2n) {
  flex-direction: row-reverse;
}
@media (max-width: 800px) {
  .homebox02 .box:nth-child(2n) {
    flex-direction: column;
  }
}
.homebox02 .box .img {
  flex: 2;
}
.homebox02 .box .img img {
  display: block;
  width: 100%;
}
.homebox02 .box .inf {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  row-gap: var(--gap-large);
  padding: var(--gap-h3) var(--gap-h1);
  box-sizing: border-box;
}
.homebox02 .box .inf .nam {
  font-size: calc(var(--fsize-h1) * 1.2);
  font-weight: normal;
  font-family: HelveticaNTLight;
  letter-spacing: -0.1938rem;
  color: var(--color-white);
}
@media (max-width: 800px) {
  .homebox02 .box .inf .nam {
    font-size: var(--fsize-h3);
    letter-spacing: 0;
  }
}
.homebox02 .box .inf .txt {
  font-size: calc(var(--fsize-large) * 1.2);
  color: var(--color-white);
  opacity: 0.6;
  line-height: 1.6;
  font-family: HelveticaNTLight;
}
@media (max-width: 800px) {
  .homebox02 .box .inf .txt {
    font-size: var(--fsize-txt);
  }
}
.homebox02 .box .inf .btn {
  display: flex;
  margin-top: var(--gap-large);
}
.homebox02 .box .inf .btn .ba {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-white);
  font-size: var(--fsize-base);
  font-family: HelveticaNTMedium;
  text-decoration: none;
  border-radius: 6px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  background: linear-gradient(0deg, rgba(247, 248, 248, 0.03), rgba(247, 248, 248, 0.03)), linear-gradient(180deg, rgba(247, 248, 248, 0.05), rgba(247, 248, 248, 0.03));
  padding: var(--gap-base) var(--gap-h3);
  transition: all 0.3s;
}
.homebox02 .box .inf .btn .ba:hover {
  background: var(--color-main);
}
.homebox03 {
  padding: var(--gap-h1) 0 0;
  background: var(--color-bg0);
  position: relative;
}
.homebox03 .bg {
  position: relative;
}
.homebox03 .bg img {
  display: block;
  width: 100%;
}
.homebox03 .box {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  transform: translateY(-50%);
}
@media (max-width: 800px) {
  .homebox03 .box {
    position: relative;
    left: 0;
    transform: translateY(0);
    background: var(--color-bg0);
    padding: var(--gap-h1) 0;
  }
}
.homebox03 .box .con {
  display: flex;
  flex-direction: column;
  color: var(--color-white);
  row-gap: var(--gap-large);
}
.homebox03 .box .con .nam {
  font-size: calc(var(--fsize-h1) * 1.2);
  font-weight: normal;
  font-family: HelveticaNTLight;
  letter-spacing: -0.1938rem;
}
@media (max-width: 800px) {
  .homebox03 .box .con .nam {
    font-size: var(--fsize-h3);
    letter-spacing: 0;
  }
}
.homebox03 .box .con .txt {
  font-size: calc(var(--fsize-large) * 1);
  line-height: 1.6;
  max-width: 600px;
  font-family: HelveticaNTLight;
}
@media (max-width: 800px) {
  .homebox03 .box .con .txt {
    font-size: var(--fsize-txt);
  }
}
.homebox03 .box .con .txt p {
  margin-bottom: var(--gap-large);
}
.homebox03 .box .con .txt p:last-child {
  margin-bottom: 0;
}
.homebox03 .box .con .btn {
  display: flex;
  margin-top: var(--gap-large);
}
.homebox03 .box .con .btn .ba {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-white);
  font-size: var(--fsize-base);
  font-family: HelveticaNTMedium;
  text-decoration: none;
  border-radius: 6px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  background: linear-gradient(0deg, rgba(247, 248, 248, 0.03), rgba(247, 248, 248, 0.03)), linear-gradient(180deg, rgba(247, 248, 248, 0.05), rgba(247, 248, 248, 0.03));
  padding: var(--gap-base) var(--gap-h3);
  transition: all 0.3s;
}
.homebox03 .box .con .btn .ba:hover {
  background: var(--color-main);
}
.homebox04 {
  position: relative;
  padding-top: var(--gap-h3);
  background: var(--color-bg0);
}
@media (max-width: 800px) {
  .homebox04 {
    padding: 10vw 0;
  }
}
.homebox04 .listbox {
  border-radius: 20px;
  overflow: hidden;
  position: relative;
  pointer-events: none;
}
.homebox04 .listbox::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 10vw;
  z-index: 6;
  background: linear-gradient(to right, var(--color-bg0), transparent);
}
.homebox04 .listbox::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 10vw;
  z-index: 6;
  background: linear-gradient(to right, transparent, var(--color-bg0));
}
.homebox04 .listbox .hb04lb {
  position: relative;
  margin-left: 2px;
  margin-right: 2px;
  padding: var(--gap-large) 0;
}
.homebox04 .listbox .hb04lb:last-child {
  margin-bottom: 0;
}
.homebox04 .listbox .hb04lb .swiper-wrapper {
  -webkit-transition-timing-function: linear;
  -moz-transition-timing-function: linear;
  -ms-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
}
.homebox04 .listbox .hb04lb .swiper-slide:hover {
  transform: scale(1.05);
}
.homebox04 .listbox .hb04lb .swiper-slide .img {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 42%;
  overflow: hidden;
  background: var(--color-white);
  border-radius: 10px;
  box-shadow: 0 15px 20px -2px rgba(0, 0, 0, 0.05), 0 5px 15px rgba(0, 0, 0, 0.03);
  transition: all 0.3s;
}
.homebox04 .listbox .hb04lb .swiper-slide .img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: var(--gap-base) var(--gap-large);
  mix-blend-mode: multiply;
}
.homebox05 {
  --color-abmain: 255, 151, 77;
  --gradient: linear-gradient(30deg, #ffac71, #fff 40%, #ffdabf);
  --glow-color: #ffdabf77;
  padding: var(--gap-h1) 0;
  background: var(--color-bg0);
  position: relative;
}
.homebox05 .hd {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: var(--gap-base);
}
.homebox05 .hd .nam {
  font-size: calc(var(--fsize-h1) * 1.3);
  font-weight: normal;
  color: var(--color-white);
  font-family: HelveticaNTLight;
  letter-spacing: -0.1938rem;
}
@media (max-width: 800px) {
  .homebox05 .hd .nam {
    font-size: var(--fsize-h3);
    letter-spacing: 0;
  }
}
.homebox05 .hd .sub {
  display: flex;
  align-items: center;
  column-gap: var(--gap-large);
}
.homebox05 .hd .sub .sa {
  font-size: var(--fsize-large);
  color: var(--color-9);
  text-decoration: none;
  font-weight: bold;
  padding: var(--gap-small) 0;
  border-bottom: 2px solid transparent;
  transition: all 0.3s;
}
.homebox05 .hd .sub .sa:hover {
  color: var(--color-0);
}
.homebox05 .hd .sub .sa.on {
  color: var(--color-0);
  border-bottom-color: var(--color-0);
}
.homebox05 .bd {
  margin-top: var(--gap-h3);
}
.homebox05 .bd .list .item {
  position: relative;
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 0 0 2px inset rgba(255, 255, 255, calc(10 / 100));
  transition: background 0.4s cubic-bezier(0.445, 0.05, 0.55, 0.95);
  background: rgba(247, 248, 248, calc(3 / 100));
}
@media (max-width: 800px) {
  .homebox05 .bd .list .item {
    border-radius: 10px;
  }
}
.homebox05 .bd .list .item::before,
.homebox05 .bd .list .item::after {
  content: "";
  visibility: hidden;
  position: absolute;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.2s cubic-bezier(0.445, 0.05, 0.55, 0.95);
  will-change: transform;
}
.homebox05 .bd .list .item:hover {
  background: rgba(247, 248, 248, calc(10 / 100));
}
.homebox05 .bd .list .item:hover::before,
.homebox05 .bd .list .item:hover::after {
  visibility: visible;
  opacity: 1;
}
.homebox05 .bd .list .item::before {
  top: 0;
  left: 0;
  width: 960px;
  height: 960px;
  background: radial-gradient(50% 50% at 50% 50%, rgba(var(--color-abmain), 0.05) 0, rgba(var(--color-abmain), 0) 100%);
  border-radius: 50%;
  z-index: 0;
  filter: blur(10px);
  transform: translateX(calc(var(--x, 50%) - calc(960px / 2))) translateY(calc(var(--y, 50%) - calc(960px / 2))) translateZ(0);
}
.homebox05 .bd .list .item::after {
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  border-radius: 10px;
  padding: 2px;
  background: radial-gradient(circle at var(--x, 50%) var(--y, 50%), rgba(255, 255, 255, 0.4) 3%, var(--glow-color) 20%, transparent 50%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: 1;
  border-radius: 25px;
}
.homebox05 .bd .list .item .img {
  position: relative;
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  cursor: pointer;
}
.homebox05 .bd .list .item .img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.homebox05 .bd .list .item .inf {
  padding: var(--gap-large);
  display: flex;
  flex-direction: column;
  row-gap: var(--gap-base);
}
.homebox05 .bd .list .item .inf .sub {
  font-size: var(--fsize-base);
  color: var(--color-white);
  opacity: 0.6;
}
.homebox05 .bd .list .item .inf .nam {
  font-size: var(--fsize-large);
  line-height: 1.4;
  font-weight: normal;
  font-family: HelveticaNTLight;
}
.homebox05 .bd .list .item .inf .nam a {
  color: var(--color-white);
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  word-break: break-all;
  -webkit-line-clamp: 2;
  text-decoration: none;
  transition: all 0.3s;
}
.homebox05 .bd .list .item .inf .nam a:hover {
  color: var(--color-main);
}
.homebox05 .bd .list .item .inf .pri {
  margin-bottom: var(--gap-small);
}
.homebox05 .bd .list .item .inf .pri strong {
  color: var(--color-main);
  font-size: var(--fsize-h3);
  font-weight: 700;
}
@media (max-width: 800px) {
  .homebox05 .bd .list .item .inf .pri strong {
    font-size: var(--fsize-large);
  }
}
.homebox05 .bd .list .item .inf .pri s {
  font-size: var(--fsize-base);
  color: var(--color-9);
  margin: 0 var(--gap-small);
}
.homebox05 .bd .list .item .inf .pri span {
  font-size: var(--fsize-base);
  color: var(--color-main);
  font-weight: 500;
}
@media (max-width: 1440px) {
  .homebox05 .bd .list .item .inf .pri span {
    display: none;
  }
}
.homebox05 .bd .list .item .inf .sta {
  display: flex;
  align-items: center;
  color: var(--color-white);
}
.homebox05 .bd .list .item .inf .sta i {
  display: block;
  width: 12px;
  height: 12px;
}
.homebox05 .bd .list .item .inf .sta i svg {
  display: block;
  width: 100%;
  height: 100%;
  fill: #e8e8e8;
}
.homebox05 .bd .list .item .inf .sta i.on svg {
  fill: var(--color-main);
}
.homebox05 .bd .list .item .inf .sta .val {
  margin-left: var(--gap-mini);
  font-size: var(--fsize-small);
}
.homebox05 .bd .list .item .inf .sta img {
  margin-right: 4px;
}
.homebox05 .bd .page {
  margin-top: var(--gap-large);
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: var(--gap-small);
}
.homebox05 .bd .page a {
  text-decoration: none;
  padding: var(--gap-small) var(--gap-small);
  border-radius: 10px;
  box-shadow: 0 15px 20px -2px rgba(0, 0, 0, 0.05), 0 5px 15px rgba(0, 0, 0, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.15);
  background: linear-gradient(0deg, rgba(247, 248, 248, 0.03), rgba(247, 248, 248, 0.03)), linear-gradient(180deg, rgba(247, 248, 248, 0.05), rgba(247, 248, 248, 0.03));
  transition: all 0.3s;
}
.homebox05 .bd .page a svg {
  display: block;
  width: 20px;
  height: 20px;
}
.jtlayer_sea_4226 {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 9999;
  width: 0;
  height: 100%;
  transition: none;
}
.jtlayer_sea_4226 > * {
  transition: transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1), box-shadow 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
}
.jtlayer_sea_4226 .mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  background-color: rgba(0, 0, 0, 0.45);
  opacity: 0;
  transition: opacity 0.3s;
  backdrop-filter: blur(5px) saturate(180%);
}
.jtlayer_sea_4226 .content {
  width: 700px;
  background: var(--color-white);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  overflow-y: auto;
  opacity: 0;
  visibility: hidden;
  box-sizing: border-box;
  padding: var(--gap-h3);
}
@media (max-width: 800px) {
  .jtlayer_sea_4226 .content {
    width: 90vw;
  }
}
.jtlayer_sea_4226 .content .clo {
  position: absolute;
  right: var(--gap-base);
  top: var(--gap-base);
  display: flex;
  padding: var(--gap-base);
  color: var(--color-0);
}
.jtlayer_sea_4226 .content .clo:hover {
  color: var(--color-main);
}
.jtlayer_sea_4226 .content .clo svg {
  width: 26px;
  height: 26px;
  transition: all 0.3s;
}
.jtlayer_sea_4226 .content .tit {
  text-align: center;
  font-size: var(--fsize-h2);
}
.jtlayer_sea_4226 .content .sea {
  background: var(--color-bg);
  display: flex;
  height: 50px;
  margin: var(--gap-large) 0;
  border: 1px solid var(--color-bg);
  transition: all 0.3s;
}
.jtlayer_sea_4226 .content .sea:focus-within {
  border-color: var(--color-main);
}
.jtlayer_sea_4226 .content .sea:focus-within .btn {
  color: var(--color-white);
  background: var(--color-main);
}
.jtlayer_sea_4226 .content .sea .ipt {
  border: 0;
  background: transparent;
  font-size: var(--fsize-large);
  color: var(--color-3);
  padding: 0 var(--gap-large);
  height: 100%;
  flex: 1;
}
.jtlayer_sea_4226 .content .sea .btn {
  width: 50px;
  height: 50px;
  border: 0;
  color: var(--color-0);
  background: transparent;
  cursor: pointer;
  transition: all 0.3s;
}
.jtlayer_sea_4226 .content .sea .btn svg {
  width: 20px;
  height: 20px;
}
.jtlayer_sea_4226 .content .sea .btn:hover {
  color: var(--color-white);
  background: var(--color-main);
}
.jtlayer_sea_4226 .content .key {
  display: flex;
  align-items: flex-start;
}
.jtlayer_sea_4226 .content .key .nam {
  display: flex;
  align-items: center;
  margin-right: var(--gap-base);
  white-space: nowrap;
}
.jtlayer_sea_4226 .content .key .nam .ico {
  color: var(--color-main);
  margin-right: var(--gap-mini);
  display: flex;
  align-items: center;
}
.jtlayer_sea_4226 .content .key .nam .ico svg {
  width: 20px;
  height: 20px;
}
.jtlayer_sea_4226 .content .key .nam .kna {
  font-size: var(--fsize-txt);
  font-weight: bold;
  color: var(--color-0);
}
.jtlayer_sea_4226 .content .key .mor {
  display: flex;
  flex-wrap: wrap;
  font-size: var(--fsize-txt);
}
.jtlayer_sea_4226 .content .key .mor .ma {
  margin: 0 var(--gap-small);
}
.jtlayer_sea_4226.on {
  width: 100%;
}
.jtlayer_sea_4226.on .mask {
  height: 100%;
  opacity: 1;
}
.jtlayer_sea_4226.on .content {
  opacity: 1;
  visibility: visible;
  box-shadow: -2px 0 8px rgba(0, 0, 0, 0.15);
}
.jtlayer_lang_6121 {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 9999;
  width: 0;
  height: 100%;
  transition: none;
}
.jtlayer_lang_6121 > * {
  transition: transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1), box-shadow 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
}
.jtlayer_lang_6121 .mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  background-color: rgba(0, 0, 0, 0.45);
  opacity: 0;
  transition: opacity 0.3s;
  backdrop-filter: blur(5px) saturate(180%);
}
.jtlayer_lang_6121 .content {
  width: 700px;
  background: var(--color-white);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  overflow-y: auto;
  opacity: 0;
  visibility: hidden;
  box-sizing: border-box;
  padding: var(--gap-h3);
}
@media (max-width: 800px) {
  .jtlayer_lang_6121 .content {
    width: 90vw;
  }
}
.jtlayer_lang_6121 .content .clo {
  position: absolute;
  right: var(--gap-base);
  top: var(--gap-base);
  display: flex;
  padding: var(--gap-base);
  color: var(--color-0);
}
.jtlayer_lang_6121 .content .clo:hover {
  color: var(--color-main);
}
.jtlayer_lang_6121 .content .clo svg {
  width: 26px;
  height: 26px;
  transition: all 0.3s;
}
.jtlayer_lang_6121 .content .tit {
  text-align: center;
  font-size: var(--fsize-h2);
}
.jtlayer_lang_6121 .content .lang {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  font-size: var(--fsize-txt);
  margin-top: var(--gap-h3);
  gap: var(--gap-large);
}
.jtlayer_lang_6121 .content .lang .item {
  flex: 1;
}
.jtlayer_lang_6121 .content .lang .item .ia {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--gap-base);
  border-radius: 6px;
  background: rgba(0, 0, 0, 0.07);
  color: var(--color-0);
  text-decoration: none;
  transition: all 0.3s;
}
@media (max-width: 800px) {
  .jtlayer_lang_6121 .content .lang .item .ia {
    padding: calc(var(--gap-large) * 1.2);
  }
}
.jtlayer_lang_6121 .content .lang .item .ia:hover {
  background: var(--color-main);
  color: var(--color-white);
}
.jtlayer_lang_6121 .content .lang .item .ia h5 {
  font-size: var(--fsize-large);
  font-weight: normal;
}
.jtlayer_lang_6121 .content .lang .item .ia span {
  font-size: var(--fsize-base);
  opacity: 0.6;
}
.jtlayer_lang_6121 .content .lang .item.on .ia {
  background: var(--color-0);
  color: var(--color-white);
}
.jtlayer_lang_6121.on {
  width: 100%;
}
.jtlayer_lang_6121.on .mask {
  height: 100%;
  opacity: 1;
}
.jtlayer_lang_6121.on .content {
  opacity: 1;
  visibility: visible;
  box-shadow: -2px 0 8px rgba(0, 0, 0, 0.15);
}
#translate {
  display: none;
}
.homebox06 {
  background: var(--color-bg0);
  padding: calc(var(--gap-h1) * 1) 0;
  position: relative;
  overflow: hidden;
  font-family: HelveticaNTLight;
}
@media (max-width: 800px) {
  .homebox06 {
    padding: 10vw 3vw;
  }
}
.homebox06 .wrapper {
  display: flex;
  row-gap: var(--gap-h1);
  color: var(--color-0);
}
@media (max-width: 800px) {
  .homebox06 .wrapper {
    flex-direction: column;
    row-gap: var(--gap-h3);
  }
}
.homebox06 .inf {
  flex: 1.5;
  display: flex;
  flex-direction: column;
  row-gap: var(--gap-base);
}
.homebox06 .inf .log {
  width: 250px;
}
.homebox06 .inf .log img {
  display: block;
  width: 100%;
}
.homebox06 .inf .nam {
  font-size: calc(var(--fsize-h3) * 1);
  line-height: 1.4;
  font-weight: normal;
  display: none;
}
.homebox06 .inf .nam::before {
  content: "";
  display: block;
  width: 30px;
  height: 2px;
  margin-top: var(--gap-small);
  margin-bottom: var(--gap-base);
  background: var(--color-white);
  display: none;
}
@media (max-width: 800px) {
  .homebox06 .inf .nam {
    font-size: var(--fsize-h2);
  }
}
.homebox06 .inf .sns {
  display: flex;
  flex-direction: column;
  row-gap: var(--gap-base);
  margin-top: var(--gap-large);
}
.homebox06 .inf .sns .nam {
  font-size: calc(var(--fsize-large) * 1.2);
  color: var(--color-white);
}
.homebox06 .inf .sns .sul {
  display: flex;
  align-items: center;
  column-gap: var(--gap-small);
}
.homebox06 .inf .sns .sa {
  position: relative;
  text-decoration: none;
  border-radius: 6px;
  padding: 5px;
  color: var(--color-white);
  transition: all 0.3s;
}
@media (max-width: 800px) {
  .homebox06 .inf .sns .sa {
    margin: 0 var(--gap-small);
  }
}
.homebox06 .inf .sns .sa .ico {
  display: block;
  cursor: pointer;
  width: 20px;
  height: 20px;
}
.homebox06 .inf .sns .sa svg {
  display: block;
  width: 100%;
  height: 100%;
}
.homebox06 .inf .sns .sa em {
  pointer-events: none;
  position: absolute;
  top: -32px;
  left: 50%;
  line-height: 24px;
  font-size: var(--fsize-small);
  color: var(--color-white);
  background: var(--color-0);
  border-radius: 4px;
  padding: 0 10px;
  transform: translateX(-50%);
  font-style: normal;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
.homebox06 .inf .sns .sa span {
  pointer-events: none;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  top: 40px;
  left: 50%;
  transform: translateX(-50%);
  width: 120px;
  padding: 5px;
  background: var(--color-white);
  border-radius: 6px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
.homebox06 .inf .sns .sa span * {
  transition: none;
}
.homebox06 .inf .sns .sa span img {
  display: block;
  width: 100%;
}
.homebox06 .inf .sns .sa:hover {
  background: rgba(255, 255, 255, 0.1);
}
.homebox06 .inf .sns .sa:hover em {
  opacity: 1;
  visibility: visible;
}
.homebox06 .inf .sns .sa:hover span {
  opacity: 1;
  visibility: visible;
}
.homebox06.hbsp {
  background: var(--color-0);
}
.homebox06.hbsp .wrapper {
  color: var(--color-white);
}
.homebox06.hbsp .con .ipb .isp {
  color: var(--color-white);
  background: var(--color-0);
}
.homebox06.hbsp .con .ipb .ipt {
  border-color: var(--color-white);
  color: var(--color-white);
}
.homebox06.hbsp .con .ipb .ipt::placeholder {
  color: var(--color-white);
}
.homebox06.hbsp .con .ipb .ipt:focus {
  border-color: var(--color-white);
}
.homebox06.hbsp .con .ipb .btn {
  background: var(--color-white);
  color: var(--color-0);
}
.homebox06.hbsp .con .ipb .btn:hover {
  background: var(--color-main);
  color: var(--color-white);
}
.homebox06.hbsp .con .ipb:focus-within .isp {
  color: var(--color-white);
}
.homebox06.hbsp .con .m {
  color: var(--color-white);
}
.homebox06 .con {
  flex: 1;
  display: flex;
  flex-direction: column;
  row-gap: var(--gap-base);
}
.homebox06 .con .nam {
  font-size: calc(var(--fsize-h1) * 0.9);
  font-weight: normal;
  line-height: 1.4;
}
@media (max-width: 800px) {
  .homebox06 .con .nam {
    font-size: var(--fsize-h2);
  }
}
.homebox06 .con .txt {
  font-size: calc(var(--fsize-large) * 1);
  margin-bottom: var(--gap-large);
  line-height: 1.4;
}
.homebox06 .con .txt strong {
  color: var(--color-main);
  font-size: calc(var(--fsize-large) * 1.2);
}
.homebox06 .con .ipb {
  display: flex;
  background: transparent;
  column-gap: var(--gap-small);
  position: relative;
}
.homebox06 .con .ipb:focus-within .isp {
  top: 0;
  font-size: calc(var(--fsize-txt) * 0.8);
  color: var(--color-main);
}
.homebox06 .con .ipb:has(.ipt:not(:placeholder-shown)) .isp {
  top: 0;
  font-size: calc(var(--fsize-txt) * 0.8);
}
.homebox06 .con .ipb .isp {
  position: absolute;
  font-size: calc(var(--fsize-txt) * 1);
  line-height: 1.6;
  color: var(--color-0);
  background: var(--color-bg);
  padding: 0 var(--gap-small);
  top: 50%;
  pointer-events: none;
  transform: translateY(-50%);
  left: var(--gap-base);
  transition: all 0.3s;
}
.homebox06 .con .ipb .ipt {
  padding: var(--gap-small) var(--gap-base);
  font-size: calc(var(--fsize-txt) * 1);
  line-height: 1.6;
  color: var(--color-0);
  outline: 0;
  background: transparent;
  flex: 1;
  border-radius: 6px;
  width: 100%;
  font-family: "Montserrat";
  font-weight: 500;
  transition: all 0.3s;
  border: 2px solid var(--color-border);
}
@media (max-width: 800px) {
  .homebox06 .con .ipb .ipt {
    padding: var(--gap-large) var(--gap-h3);
  }
}
.homebox06 .con .ipb .ipt::placeholder {
  color: var(--color-0);
}
.homebox06 .con .ipb .ipt:focus {
  border-color: var(--color-main);
}
.homebox06 .con .ipb .btn {
  border: 0;
  padding: var(--gap-base) var(--gap-large);
  line-height: 1.6;
  font-size: calc(var(--fsize-base) * 1.2);
  font-family: HelveticaNTMedium;
  color: var(--color-0);
  background: var(--color-main);
  cursor: pointer;
  transition: all 0.3s;
  border-radius: 6px;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
}
.homebox06 .con .ipb .btn:hover {
  background: #5a810a;
}
.homebox06 .con .ipb .btn svg {
  display: block;
  width: 24px;
  height: 24px;
}
.homebox06 .con .m {
  font-size: calc(var(--fsize-txt) * 0.8);
  line-height: 1.6;
  opacity: 0.6;
}
.homebox07 {
  background: var(--color-bg0);
  padding: 0 0 var(--gap-h1);
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
.homebox07 .list {
  display: flex;
  cursor: pointer;
  column-gap: var(--gap-small);
}
@media (max-width: 800px) {
  .homebox07 .list {
    padding: var(--gap-h3) 0;
    overflow-x: auto;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--gap-base);
  }
}
.homebox07 .list .item {
  display: flex;
  flex: 1;
  align-items: center;
  column-gap: var(--gap-base);
  background: var(--color-white);
  padding: var(--gap-large) var(--gap-h3);
  border-radius: 10px;
  box-shadow: 0 15px 20px -2px rgba(0, 0, 0, 0.05), 0 5px 15px rgba(0, 0, 0, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.15);
  background: linear-gradient(0deg, rgba(247, 248, 248, 0.03), rgba(247, 248, 248, 0.03)), linear-gradient(180deg, rgba(247, 248, 248, 0.05), rgba(247, 248, 248, 0.03));
  transition: all 0.3s;
}
@media (max-width: 800px) {
  .homebox07 .list .item .inf .nam {
    width: 15vw;
  }
  .homebox07 .list .item:nth-child(3) .inf .nam {
    width: 25vw;
  }
}
.homebox07 .list .item:hover {
  opacity: 0.6;
}
.homebox07 .list .item .ico {
  width: 50px;
  height: 50px;
  flex-shrink: 0;
}
@media (max-width: 800px) {
  .homebox07 .list .item .ico {
    width: 30px;
    height: 30px;
    flex-shrink: 0;
  }
}
.homebox07 .list .item .ico img {
  display: block;
  width: 100%;
}
.homebox07 .list .item .inf {
  display: flex;
  flex-direction: column;
  row-gap: var(--gap-small);
}
.homebox07 .list .item .inf .nam {
  font-size: calc(var(--fsize-large) * 1.1);
  color: var(--color-white);
  font-weight: normal;
  font-family: HelveticaNTLight;
}
@media (max-width: 800px) {
  .homebox07 .list .item .inf .nam {
    font-size: var(--fsize-base);
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
}
.homebox07 .list .item .inf .txt {
  font-size: var(--fsize-base);
  color: var(--color-white);
  opacity: 0.6;
  font-weight: 500;
}
@media (max-width: 800px) {
  .homebox07 .list .item .inf .txt {
    display: none;
  }
}
.footer {
  padding: var(--gap-h1) 0;
  background: var(--color-0);
  border-top: 1px solid #222;
}
.footer .footnav {
  display: flex;
  justify-content: space-between;
  column-gap: var(--gap-h3);
  color: var(--color-white);
  flex-wrap: wrap;
}
@media (max-width: 800px) {
  .footer .footnav {
    flex-direction: column;
    row-gap: var(--gap-h3);
  }
}
.footer .footnav .item {
  display: flex;
  flex-direction: column;
  row-gap: var(--gap-base);
}
.footer .footnav .item.itembig {
  width: 100%;
  margin-top: var(--gap-h3);
}
.footer .footnav .item .ih {
  font-size: calc(var(--fsize-large) * 1.3);
  font-weight: normal;
  font-family: HelveticaNTLight;
  letter-spacing: -0.03rem;
  line-height: 1.4;
  white-space: nowrap;
}
.footer .footnav .item .ih:not(:first-child) {
  margin-top: var(--gap-h3);
}
.footer .footnav .item .ih a {
  color: var(--color-white);
}
.footer .footnav .item .ib {
  font-size: var(--fsize-txt);
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.6);
}
.footer .footnav .item .ib p {
  margin-bottom: var(--gap-large);
  max-width: 550px;
}
.footer .footnav .item .ib p a {
  color: rgba(255, 255, 255, 0.6);
  text-decoration: underline;
}
.footer .footnav .item .ib p a:hover {
  color: var(--color-main);
}
.footer .footnav .item .ib p:last-child {
  margin-bottom: 0;
}
.footer .footnav .item .ib .iul {
  display: flex;
  flex-direction: column;
  row-gap: var(--gap-small);
  white-space: nowrap;
  font-size: var(--fsize-large);
}
.footer .footnav .item .ib .iul .ili a {
  color: rgba(255, 255, 255, 0.6);
  transition: all 0.3s;
}
.footer .footnav .item .ib .iul .ili a:hover {
  color: var(--color-main);
}
.footer .footnav .item .ib .list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--gap-small);
  font-size: var(--fsize-txt);
}
@media (max-width: 800px) {
  .footer .footnav .item .ib .list {
    grid-template-columns: repeat(1, 1fr);
  }
}
.footer .footnav .item .ib .list .it .ia {
  display: flex;
  border-radius: 6px;
  flex-direction: column;
  row-gap: var(--gap-small);
  padding: var(--gap-large);
  background: rgba(255, 255, 255, 0.05);
  height: 100%;
  color: rgba(255, 255, 255, 0.6);
  text-decoration: none;
  transition: all 0.3s;
}
.footer .footnav .item .ib .list .it .ia:hover {
  background: rgba(255, 255, 255, 0.1);
  color: var(--color-white);
}
.footer .footnav .item .ib .ibtn {
  display: flex;
  margin-top: var(--gap-large);
}
.footer .footnav .item .ib .ibtn .ia {
  display: flex;
  background: var(--color-white);
  color: var(--color-0);
  padding: var(--gap-mini) var(--gap-small);
  border-radius: 4px;
  font-size: var(--fsize-txt);
  align-items: center;
  column-gap: var(--gap-small);
  text-decoration: none;
  transition: all 0.3s;
}
.footer .footnav .item .ib .ibtn .ia:hover {
  background: var(--color-main);
  color: var(--color-white);
}
.footer .footnav .item .ib .ibtn .ia svg {
  display: block;
  width: 20px;
  height: 20px;
}
.footer .footico {
  display: flex;
  align-items: center;
  margin-top: var(--gap-h3);
}
@media (max-width: 800px) {
  .footer .footico {
    display: none;
  }
}
.footer .footico .nam {
  font-size: var(--fsize-txt);
  color: var(--color-9);
  margin-right: 5px;
}
.footer .footico .ico {
  margin-right: 30px;
  display: flex;
  align-items: center;
}
.footer .footico .ico img {
  margin: 0 5px;
}
.footer .footcopy {
  border-top: 1px solid #222;
  padding-top: var(--gap-h3);
  margin-top: var(--gap-h3);
}
.footer .footcopy .wrapper {
  display: flex;
  justify-content: space-between;
}
.footer .footcopy .left {
  font-size: var(--fsize-base);
  color: var(--color-9);
}
.footer .footcopy .link {
  font-size: var(--fsize-base);
  color: var(--color-9);
}
@media (max-width: 800px) {
  .footer .footcopy .link {
    display: none;
  }
}
.footer .footcopy .link .split {
  margin: 0 4px;
}
.footer .footcopy .link a {
  color: var(--color-9);
}
.footer .footcopy .link a:hover {
  color: var(--color-main);
}
.fxdtel_4220 {
  z-index: 99;
  right: 24px;
  width: 48px;
  bottom: 96px;
  position: fixed;
}
.fxdtel_4220 .nitem {
  position: relative;
}
.fxdtel_4220 .nitem .nbtn {
  cursor: pointer;
  background: var(--color-white);
  margin-top: 0;
  padding: 14px 0;
  border-radius: 24px;
  box-shadow: 0 15px 35px -2px rgba(0, 0, 0, 0.05), 0 5px 15px rgba(0, 0, 0, 0.03);
  display: flex;
  position: relative;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.fxdtel_4220 .nitem .nbtn:hover {
  opacity: 0.8;
}
.fxdtel_4220 .nitem .nbtn .ico {
  width: 21px;
  height: 21px;
}
.fxdtel_4220 .nitem .nbtn .nam {
  font-size: var(--fsize-base);
  height: auto;
  line-height: 1.4;
  margin-top: var(--gap-small);
}
.fxdtel_4220 .nitem .nbox {
  position: absolute;
  right: 62px;
  top: 50%;
  visibility: hidden;
  opacity: 0;
  padding: var(--gap-base) var(--gap-base);
  box-sizing: border-box;
  transform: translateY(-50%);
  width: 300px;
  border-radius: 8px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  background: var(--color-white);
  border: 1px solid var(--color-border);
  transition: all 0.3s;
}
.fxdtel_4220 .nitem .nbox::after {
  content: "";
  width: 8px;
  height: 8px;
  background: var(--color-white);
  transform: rotate(45deg) translateX(50%) translateY(-50%) scale(1.4);
  position: absolute;
  border: 1px solid var(--color-border);
  right: 0;
  top: 50%;
  border-bottom: 0;
  border-left: 0;
}
.fxdtel_4220 .nitem .nbox .nbh {
  font-size: var(--fsize-base);
  color: var(--color-9);
}
.fxdtel_4220 .nitem .nbox .nbb .nit {
  margin-top: var(--gap-small);
  display: flex;
  align-items: center;
  color: var(--color-3);
  padding: var(--gap-small) 0;
  border-radius: 6px;
  transition: all 0.3s;
  cursor: pointer;
}
.fxdtel_4220 .nitem .nbox .nbb .nit:hover {
  background: var(--color-bg);
  color: var(--color-main);
}
.fxdtel_4220 .nitem .nbox .nbb .nit .nico {
  margin: 0 var(--gap-small);
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-bg);
  border-radius: 50%;
}
.fxdtel_4220 .nitem .nbox .nbb .nit .nico img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid var(--color-border);
}
.fxdtel_4220 .nitem .nbox .nbb .nit .nico svg {
  width: 21px;
  height: 21px;
}
.fxdtel_4220 .nitem .nbox .nbb .nit .ncon {
  flex: 1;
}
.fxdtel_4220 .nitem .nbox .nbb .nit .ncon .ntit {
  font-size: var(--fsize-txt);
}
.fxdtel_4220 .nitem .nbox .nbb .nit .ncon .ntxt {
  font-size: var(--fsize-base);
}
.fxdtel_4220 .nitem .nbox .nbb .nit .ncon .ntxt strong {
  color: var(--color-main);
}
.fxdtel_4220 .nitem .nbox .nbb .nit .nmor {
  width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.fxdtel_4220 .nitem .nbox .nbb .nit .nmor svg {
  width: 6px;
  height: 6px;
}
.fxdtel_4220 .nitem.on .nbtn {
  background: var(--color-main);
  color: #fff;
}
.fxdtel_4220 .nitem:hover .nbox {
  visibility: visible;
  opacity: 1;
}
#customerServerTip {
  position: fixed !important;
  right: 24px !important;
  bottom: 180px !important;
  width: 48px !important;
  height: 48px !important;
  overflow: hidden !important;
  border: 1px solid var(--color-border) !important;
  border-radius: 50% !important;
}
@media (max-width: 800px) {
  #customerServerTip {
    bottom: 60px !important;
  }
}
#scrollBar {
  right: 24px !important;
  bottom: 40px !important;
}
#scrollBar a {
  width: 48px !important;
  height: 48px !important;
}
* {
  box-sizing: border-box;
  -webkit-user-select: none;
  user-select: none;
}
img {
  pointer-events: none;
}
body {
  overflow-x: hidden;
}
body.on {
  overflow: hidden;
}
.wrapper {
  box-sizing: border-box;
  padding: 0 80px;
  width: 100%;
  margin: 0 auto;
}
@media (max-width: 1440px) {
  .wrapper {
    width: 100%;
    padding: 0 20px;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.lazyloaded {
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-name: fadeIn;
}
.blur-up {
  -webkit-filter: blur(5px);
  filter: blur(5px);
  transition: filter 400ms, -webkit-filter 400ms;
}
.blur-up.lazyloaded {
  -webkit-filter: blur(0);
  filter: blur(0);
}
@-webkit-keyframes zoomInSmall {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.92, 0.92, 0.92);
    transform: scale3d(0.92, 0.92, 0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomInSmall {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.92, 0.92, 0.92);
    transform: scale3d(0.92, 0.92, 0.92);
  }
  50% {
    opacity: 1;
  }
}
.zoomInSmall {
  -webkit-animation-name: zoomInSmall;
  animation-name: zoomInSmall;
}
.lightGallery-white-theme .lg-outer .lg-thumb-outer {
  box-shadow: 0px 0px 6px -3.5px rgba(0, 0, 0, 0.25) inset;
}
.lightGallery-white-theme .lg-sub-html {
  color: #333 !important;
}
.lightGallery-white-theme .lg-sub-html a {
  color: #2f2f2f !important;
}
.lightGallery-white-theme .lg-backdrop {
  background-color: rgba(0, 0, 0, 0.8);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.lightGallery-white-theme .lg-backdrop {
  background-color: rgba(0, 0, 0, 0.8);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.lightGallery-white-theme .lg-thumb-item.active,
.lightGallery-white-theme .lg-thumb-item:hover {
  border-color: var(--color-main);
}
.lightGallery-white-theme .lg-progress-bar {
  background-color: #999;
}
.lightGallery-white-theme .lg-progress-bar .lg-progress {
  background-color: #333;
}
.lightGallery-white-theme .lg-outer .lg-thumb-outer {
  background-color: rgba(0, 0, 0, 0.5);
}
.lightGallery-white-theme .lg-next,
.lightGallery-white-theme .lg-prev {
  background-color: rgba(255, 255, 255, 0.03);
  color: #444;
  transition: all 0.3s;
}
.lightGallery-white-theme .lg-next:hover,
.lightGallery-white-theme .lg-prev:hover {
  color: var(--color-white);
}
.lightGallery-white-theme .lg-next:focus,
.lightGallery-white-theme .lg-prev:focus {
  outline: none;
  box-shadow: none;
}
.lightGallery-white-theme .lg-toolbar .lg-icon {
  color: #555;
}
.lightGallery-white-theme .lg-toolbar .lg-icon:hover {
  color: #000;
}
.lightGallery-white-theme .lg-counter {
  color: #555;
}
.lightGallery-white-theme .lg-outer .lg-thumb-item.active,
.lightGallery-white-theme .lg-outer .lg-thumb-item:hover {
  border: 2px solid var(--color-main);
}
/* 拖选文字样式 20160628 */
::selection {
  background: var(--color-main);
  color: var(--color-white);
}
::-moz-selection {
  background: var(--color-main);
  color: var(--color-white);
}
/* 移动端全局控制reset */
body,
div,
ol,
ul,
h1,
h2,
h3,
h4,
h5,
h6,
p,
th,
td,
dl,
dd,
form,
iframe,
input,
textarea,
select,
label,
article,
aside,
footer,
header,
menu,
nav,
section,
time,
audio,
video {
  margin: 0;
  padding: 0;
}
article,
aside,
footer,
header,
hgroup,
nav,
section,
audio,
canvas,
video {
  display: block;
}
body {
  font-size: 100%;
  font-family: HelveticaNTRegular, Arial, Helvetica, sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  background: var(--color-white);
}
textarea {
  resize: none;
}
iframe,
img {
  border: 0;
}
ul,
ol {
  list-style: none;
}
input,
select,
textarea {
  outline: 0;
  -webkit-user-modify: read-write-plaintext-only;
}
/* input { -webkit-appearance: none; } */
a {
  text-decoration: none;
  color: #666;
}
a:hover {
  text-decoration: underline;
  color: var(--color-main);
}
/*# sourceMappingURL=./c2.css.map */