@charset "utf-8";
/*
 *Last modified: 2026/02/08 07:59:24
 */
@font-face {
  font-family: "sksiconfont";
  /* Project id 5065541 */
  src: url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'), url('iconfont.woff?t=1770089418392') format('woff'), url('iconfont.ttf?t=1770089418392') format('truetype');
}
[class*="_sksicon"] {
  font-family: 'sksiconfont';
  font-size: var(--_fs-body);
}
._sksicon-panorama:before {
  content: "\e61e";
}
._sksicon-emc:before {
  content: "\e603";
}
._sksicon-filter:before {
  content: "\e601";
}
._sksicon-bake:before {
  content: "\e602";
}
._sksicon-load:before {
  content: "\e608";
}
._sksicon-resistor:before {
  content: "\e609";
}
._sksicon-transformer:before {
  content: "\e60a";
}
._sksicon-reactor:before {
  content: "\e60b";
}
._sksicon-excel-f:before {
  content: "\e78c";
}
._sksicon-pdf-f:before {
  content: "\e790";
}
._sksicon-ppt-f:before {
  content: "\e791";
}
._sksicon-video-f:before {
  content: "\e792";
}
._sksicon-word-f:before {
  content: "\e793";
}
:root,
[scheme=dark]:where(:not(:root)) {
  --_h-prim: 178;
  --_s-prim: 98%;
  --_l-prim: 26%;
  --_a-prim: 1;
}
:root {
  --header-h: calc(var(--_rem-hero) + var(--_rem-root));
  background-color: var(--_c-black-4);
}
@media (prefers-color-scheme: dark) {
  html,
  body {
    background-color: var(--_c-black-96);
  }
}
AX-HEADER {
  --_header-bw: 0;
  --_header-h: var(--header-h);
}
AX-HEADER ._header-c {
  box-shadow: 0 0 10px var(--_c-black-20);
  z-index: 10;
}
AX-HEADER [rep=logo] img {
  height: 80%;
}
AX-HEADER ._grade {
  --_grade-r: 0;
  margin: 0 var(--_rem-space);
}
AX-HEADER ._grade [rep=host] {
  --_link-c: var(--_c-text);
  --_link-c-hov: var(--_c-prim);
  height: var(--_header-h);
}
AX-HEADER ._grade [rep=host]:hover {
  color: var(--_c-prim);
}
AX-HEADER ._grade [rep=host]:hover > [rep=label] {
  background-color: var(--_c-prim-bg);
}
AX-HEADER ._grade [rep=host] > [rep=label] {
  height: var(--_rem-title);
  line-height: var(--_rem-title);
  padding: 0 var(--_rem-space);
  transition: all var(--_dur-2);
}
AX-HEADER ._grade[selected] > [rep=host] {
  color: var(--_c-prim);
}
AX-HEADER ._grade[selected] > [rep=host] > [rep=label] {
  border: 1px solid var(--_c-prim);
  border-radius: var(--_r);
}
AX-HEADER [rep=nav] > a {
  --_link-c: var(--_c-text);
  --_link-c-hov: var(--_c-prim);
  margin: 0 var(--_rem-space);
  height: var(--_rem-title);
  line-height: var(--_rem-title);
  padding: 0 var(--_rem-space);
}
AX-HEADER [rep=nav] > a:hover,
AX-HEADER [rep=nav] > a[hovered] {
  color: var(--_c-prim);
  background-color: var(--_c-prim-bg);
}
AX-HEADER [rep=nav] > a[selected] {
  border: 1px solid var(--_c-prim);
  border-radius: var(--_r-input);
  color: var(--_c-prim);
}
._dialog:where(:not([placement=center-max])) ._dialog-body {
  max-height: calc(100vh - var(--_g-full) * 6);
}
._dialog {
  --_dialog-r: calc(var(--_r)*5);
  z-index: 900;
}
._dialog ._dialog-wrap ._box-tools {
  --_tools-h: var(--_px-input);
}
._dialog ._dialog-wrap ._box-tools > * {
  width: var(--_px-input);
}
._dialog ._dialog-wrap ._box-tools [rep=icon] {
  font-size: var(--_px-subtitle);
}
._dialog ._dialog-head {
  font-size: var(--_px-subtitle);
  line-height: var(--_px-max);
  background-color: var(--_c-text-bg);
}
AX-BTN[size=lg] [rep=label],
AX-BTN[size=lg] [rep=icon] {
  font-size: var(--_fs-lead);
}
.lang {
  display: flex;
  align-items: center;
}
.lang [rep=image] {
  height: var(--_px-subtitle);
  margin-inline-end: var(--_px-min);
}
.nav-popup {
  width: 100%;
  position: absolute;
  left: 0;
  top: var(--_header-h);
  pointer-events: none;
}
.nav-popup > ul > li {
  transition: transform var(--_dur-5);
  transform-origin: 50% 0;
  position: absolute;
}
.nav-popup > ul > li:where([rep=products], [rep=solutions]) {
  width: 100%;
  left: 0;
}
.nav-popup > ul > li:where(:not([rep=products], [rep=solutions])) {
  width: 400px;
}
.nav-popup > ul > li:where(:not([selected])) {
  transform: scaleY(0);
}
.nav-popup .nav-inner {
  background-color: var(--_c-stage);
  border-bottom-left-radius: var(--_r-input-lg);
  border-bottom-right-radius: var(--_r-input-lg);
  pointer-events: auto;
}
.nav-popup .nav-start {
  width: 400px;
  padding: var(--_px-title);
}
.nav-popup .nav-end {
  background-color: var(--_c-text-bg);
  padding: var(--_px-title);
}
.nav-start .start-menu > ._bullet,
.nav-inner > ._bullet {
  border-radius: var(--_r-input);
  margin: 2px 0;
}
.nav-start .start-menu > [selected],
.nav-inner > [selected] {
  background-color: var(--_c-prim) !important;
  color: var(--_c-white) !important;
}
.nav-start .start-menu > ._bullet:hover:not([selected]),
.nav-inner > ._bullet:hover:not([selected]) {
  background-color: var(--_c-prim) !important;
  color: var(--_c-white) !important;
}
.nav-start .start-menu > ._bullet:hover:not([selected]) [rep=arrow],
.nav-inner > ._bullet:hover:not([selected]) [rep=arrow] {
  color: var(--_c-prim) !important;
}
.nav-start .start-menu [rep=arrow],
.nav-inner [rep=arrow] {
  color: var(--_c-white);
}
.nav-start .start-menu [rep=icon],
.nav-inner [rep=icon] {
  font-size: var(--_px-list);
  margin-inline-end: var(--_px-body);
}
.nav-start .start-menu > ._bullet {
  --_blt-h: var(--_em-hero);
  cursor: pointer;
}
.nav-popup > ul > li > .nav-inner {
  padding: var(--_rem-body);
}
.start-ad {
  display: block;
  margin-top: var(--_px-title);
}
.start-ad img {
  display: block;
  max-width: min(400px,100%);
  border-radius: var(--_r-input);
}
@media (max-width: 1199px), (min-width: 1200px) and (max-width: 1535px) and (hover: none) {
  AX-HEADER ._header-c {
    box-shadow: none;
  }
  AX-HEADER ._header-wrap {
    box-shadow: 0 0 10px var(--_c-black-20);
    z-index: 10;
  }
}
.mobi-menu-grandsons .start-ad {
  margin-top: 0;
  margin-bottom: var(--_px-body);
}
.nav-end ._tab-body > li:where(:not([selected])) {
  visibility: hidden;
  pointer-events: none;
  position: absolute;
}
.nav-end ._tab-body > li li a {
  --_link-c-hov: var(--_c-white);
  display: flex;
  align-items: center;
  height: var(--_px-hero);
  line-height: var(--_px-subtitle);
  border-radius: var(--_r-input);
  box-sizing: border-box;
  transition: all var(--_dur-2);
  border: 1px solid var(--_c-text-bd);
  background-color: var(--_c-stage);
  padding-inline-start: var(--_rem-body);
}
.nav-end ._tab-body > li li a:hover {
  background-color: var(--_c-prim);
  border-color: var(--_c-prim);
}
.start-menu {
  grid-template-columns: auto auto;
}
.start-menu a {
  --_link-c: var(--_c-text);
  --_link-c-hov: var(--_c-prim);
}
.mobi-menu-grandsons .start-menu {
  grid-template-columns: auto;
}
.mobi-menu-grandsons .start-menu a {
  display: block;
  line-height: var(--_lh-sm);
  margin: var(--_px-space) 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.nav-alt {
  margin-top: var(--_px-title);
}
.mobi-popup-menu {
  height: calc(100% - var(--_rem-hero) - var(--_rem-root));
  width: 100%;
  background-color: var(--_c-stage);
  padding: var(--_px-body);
  box-sizing: border-box;
  overflow: auto;
  transform: scaleY(0);
  transform-origin: 50% 0;
  opacity: 0;
  transition: all var(--_dur-2);
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 11;
}
.mobi-popup-menu[shown] {
  transform: scaleY(1);
  opacity: 1;
}
.mobi-menu-title {
  font-size: var(--_fs-subtitle);
  font-weight: bold;
  margin-bottom: var(--_px-body);
}
#mobi-search-btn {
  width: var(--_rem-input);
  text-align: center;
}
.mobi-search-title {
  color: var(--_c-brief);
  font-size: var(--_fs-caption);
}
.mobi-search-tags {
  margin-top: var(--_px-space);
}
.mobi-search-tags > * {
  margin-inline-end: var(--_rem-space);
  margin-bottom: var(--_rem-space);
}
.mobi-lang {
  border-top: 1px solid var(--_c-text-bd);
  padding-top: var(--_rem-body);
  margin-top: var(--_rem-body);
}
.mobi-lang hr {
  display: none;
}
.mobi-lang-title {
  font-size: var(--_fs-caption);
  color: var(--_c-brief);
  padding-inline-start: var(--_em-body);
}
/*swipe-01 css*/
.swipe-01 {
  --swipe-h: auto;
  --swipe-w-cont: 100%;
  --swipe-m-t: 20rem;
  --swipe-bg-pos: top;
  --swipe-align: center;
  --swpe-bg-01: url(../images/poster_07.jpg);
  --swpe-bg-02: url(../images/poster_07.jpg);
  --swpe-bg-03: url(../images/poster_07.jpg);
}
.swipe-01 ._swipe {
  height: var(--swipe-h);
}
.swipe-01 li {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center var(--swipe-bg-pos);
}
.swipe-01 li:nth-child(1) {
  background-image: var(--swpe-bg-01);
}
.swipe-01 li:nth-child(2) {
  background-image: var(--swpe-bg-02);
}
.swipe-01 li:nth-child(3) {
  background-image: var(--swpe-bg-03);
}
.swipe-01 li > div {
  height: auto;
}
.swipe-01 .slide-wrap {
  text-align: var(--swipe-align);
  width: var(--swipe-w-cont);
  display: flex;
  flex-direction: column;
  margin: var(--swipe-m-t) 0 var(--_rem-title) 0;
}
.swipe-01 .row-01 {
  font-size: var(--_fs-title);
  line-height: var(--_lh-title);
  font-weight: bold;
}
.swipe-01 .row-02 {
  margin: var(--_rem-body) 0;
}
/*swipe-01 responsive, 600px~900px~1200px~1536px*/
@media (min-width: calc(600px)) and (max-width: calc(899px)) {
  .swipe-01 {
    --swipe-m-t: 50rem;
  }
}
@media (min-width: calc(900px)) {
  .swipe-01 {
    --swipe-h: 50rem;
    --swipe-w-cont: 60%;
    --swipe-bg-pos: center;
    --swipe-align: start;
    --swipe-m-t: var(--_rem-title);
    --swpe-bg-01: url(../images/poster_07.jpg);
    --swpe-bg-02: url(../images/poster_07.jpg);
    --swpe-bg-03: url(../images/poster_07.jpg);
  }
  .swipe-01 li > div {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
  .swipe-01 .row-01 {
    font-size: var(--_fs-hero);
    line-height: var(--_lh-hero);
  }
  .swipe-01 .row-02 {
    font-size: var(--_fs-lead);
    line-height: var(--_lh-lead);
  }
}
@media (min-width: calc(1536px)) {
  .swipe-01 {
    --swipe-h: 70rem;
    --swipe-w-cont: 40%;
  }
}
._footer {
  background-color: black;
  color: var(--_c-white-88);
  background-image: url('../images/bg-btm.png');
  background-position: right bottom;
  background-repeat: no-repeat;
}
._footer a {
  --_link-c: var(--_c-white-88);
}
._footer [rep="cprt"] {
  font-size: var(--_fs-caption);
  color: var(--_c-white-56);
}
._footer [rep="cprt"] a {
  --_link-c: var(--_c-white-56);
}
._footer [rep="balls"] > a {
  background-color: var(--_c-white-88);
  color: var(--_c-black);
  font-size: var(--_fs-subtitle);
}
._footer .logo-btm {
  margin-inline-end: var(--_rem-title);
}
._footer .logo-btm img {
  height: var(--_rem-subtitle);
}
._footer [rep=subnav] a {
  white-space: nowrap;
}
._footer [rep=subnav] [rep=icon] {
  width: var(--_rem-list);
}
[dir=rtl] ._footer {
  background-image: url('../images/bg-btm-rtl.png');
  background-position: left bottom;
}
@media (max-width: 1199px), (min-width: 1200px) and (max-width: 1535px) and (hover: none) {
  ._footer [rep=subnav] > * {
    margin-bottom: var(--_rem-title);
  }
}
:root {
  --swiper-navigation-sides-offset: var(--_px-space);
  --swiper-navigation-size: var(--_px-input);
  --swiper-theme-color: var(--_c-prim);
}
[class*="swiper-nav"] {
  border-radius: 100%;
  box-sizing: border-box;
  transition: all var(--_dur-2);
}
[class*="swiper-nav"]:focus {
  outline-color: var(--_c-black-12);
}
.swiper-pagination > * {
  transition: all var(--_dur-2);
}
.swiper-nav-in-plain svg,
.swiper-nav-out-plain svg {
  height: 40%;
  width: 40%;
}
.swiper-nav-in-fill.swiper-button-next svg,
.swiper-nav-in-fill.swiper-button-prev svg,
.swiper-nav-in-seal.swiper-button-next svg,
.swiper-nav-in-seal.swiper-button-prev svg,
.swiper-nav-out-fill.swiper-button-next svg,
.swiper-nav-out-fill.swiper-button-prev svg,
.swiper-nav-out-seal.swiper-button-next svg,
.swiper-nav-out-seal.swiper-button-prev svg {
  height: 30%;
  width: 30%;
}
.swiper-nav-in-fill {
  background-color: var(--_c-black-88);
  color: var(--_c-white);
}
.swiper-nav-out-fill {
  background-color: var(--_c-text);
  color: var(--_c-stage);
}
.swiper-nav-in-seal {
  border: 2px solid var(--_c-black-88);
  color: var(--_c-black-88);
}
.swiper-nav-in-seal:hover {
  background-color: var(--_c-black-88);
  color: var(--_c-white);
}
.swiper-nav-out-seal {
  border: 2px solid var(--_c-text);
  color: var(--_c-text);
}
.swiper-nav-out-seal:hover {
  background-color: var(--_c-text);
  color: var(--_c-stage);
}
.swiper-pgn-out-fill > * {
  background-color: var(--_c-text);
}
.swiper-pgn-out-fill > *.swiper-pagination-bullet-active {
  background-color: var(--_c-prim);
}
.swiper-pgn-in-fill > * {
  background-color: var(--_c-white);
}
.swiper-pgn-in-fill > *.swiper-pagination-bullet-active {
  background-color: var(--_c-prim);
}
.swiper-pgn-in-seal > *,
.swiper-pgn-out-seal > * {
  border-width: 2px;
  border-style: solid;
  background-color: transparent;
}
.swiper-pgn-in-seal > * {
  border-color: var(--_c-white);
}
.swiper-pgn-out-seal > * {
  border-color: var(--_c-black-40);
}
.swiper-pgn-in-seal > *.swiper-pagination-bullet-active,
.swiper-pgn-out-seal > *.swiper-pagination-bullet-active {
  border-color: var(--_c-prim);
}
.swiper-out-box {
  position: relative;
}
.swiper-out-box .swiper-button-prev {
  left: calc(-1*var(--swiper-navigation-sides-offset) - var(--swiper-navigation-size) - 20px);
}
.swiper-out-box .swiper-button-next {
  right: calc(-1*var(--swiper-navigation-sides-offset) - var(--swiper-navigation-size) - 20px);
}
.swiper-out-box .swiper-pagination {
  bottom: auto;
  top: auto;
}
.swpier-combine {
  display: inline-flex;
  align-items: center;
}
.swpier-combine .swiper-button-next,
.swpier-combine .swiper-button-prev {
  margin-top: auto;
  left: auto;
  right: auto;
  top: auto;
  position: static;
}
.swpier-combine .swiper-pagination {
  position: static;
  width: auto;
  display: inline-flex;
  align-items: center;
}
.swpier-combine .swiper-nav-out-seal {
  height: var(--_px-display);
  width: var(--_px-display);
  margin: 0 var(--_px-min);
}
.swpier-combine .swiper-nav-out-seal svg {
  width: 50%;
  height: 50%;
}
.swpier-combine.feature-banner .swiper-pagination-bullet-active {
  width: var(--_px-input);
  border-radius: 8px;
}
[dir=rtl] .swpier-combine .swiper-button-next,
[dir=rtl] .swpier-combine .swiper-button-prev {
  transform: scaleX(-1);
  transform-origin: center;
}
.block-title {
  display: flex;
  flex-direction: column;
}
.block-title [rep=break] {
  height: 4px;
  border-radius: 4px;
  background-color: var(--_c-prim);
  width: var(--_px-input);
  margin: var(--_px-list) auto var(--_px-space) auto;
}
.block-title [rep=icon] {
  background-color: var(--_c-stage);
  border: 1px solid var(--_c-text-bd);
  border-radius: 100%;
  width: 80px;
  aspect-ratio: 1/1;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: var(--_px-title) auto;
}
.block-title [rep=icon] img {
  width: 60%;
}
.block-title [rep=title] {
  font-size: var(--_fs-h2);
  font-weight: bold;
}
.block-title [rep=brief] {
  color: var(--_c-caption);
  line-height: var(--_lh-caption);
  margin-top: var(--_px-body);
}
.swiper-products .swiper-slide {
  --products-gap: var(--_px-body);
  --products-width: calc(var(--width-container) - var(--products-gap) * 3);
  width: var(--products-width);
  margin-inline-end: var(--products-gap);
  margin-top: var(--products-gap);
  margin-bottom: var(--products-gap);
}
.swiper-products-tabs .nesting-products-header {
  background-color: var(--_c-stage);
  border-radius: var(--_r-input-lg);
  padding: var(--_px-body);
  box-sizing: border-box;
}
.swiper-products-tabs > div > div > div > ._tab-head {
  display: flex;
  overflow: hidden;
  flex-wrap: wrap;
}
.swiper-products-tabs > div > div > div > ._tab-head > * {
  margin-inline-end: var(--_px-body);
  height: var(--_px-input);
  line-height: var(--_px-input);
  padding: 0 var(--_px-body);
  background-color: var(--_c-text-bd);
  border-radius: var(--_r-input);
  display: flex;
}
.swiper-products-tabs > div > div > div > ._tab-head > * > i {
  margin-inline-end: var(--_px-space);
  font-size: var(--_fs-subtitle);
}
.swiper-products-tabs > div > div > div > ._tab-head > *:hover {
  cursor: pointer;
}
.swiper-products-tabs > div > div > div > ._tab-head > *[selected] {
  background-color: var(--_c-prim);
  color: var(--_c-white);
}
.swiper-products-tabs .swpier-combine:where(:not(.active)) {
  display: none;
}
@media (max-width: 1119px) {
  .swiper-products-tabs > div > div > div > ._tab-head {
    overflow-x: auto;
    flex-wrap: nowrap;
  }
}
@media (min-width: 600px) and (max-width: 899px) {
  .swiper-products .swiper-slide {
    --products-r: var(--_r-input-lg);
    --products-gap: var(--_rem-body);
    --products-width: calc((var(--width-container) - var(--products-gap) * 3)/2);
  }
}
@media (min-width: 900px) and (max-width: 1199px) {
  .swiper-products .swiper-slide {
    --products-r: var(--_r-input-lg);
    --products-gap: var(--_rem-title);
    --products-width: calc((var(--width-container) - var(--products-gap) * 2)/3);
  }
}
@media (min-width: 1200px) {
  .swiper-products .swiper-slide {
    --products-r: var(--_r-input-lg);
    --products-gap: var(--_rem-title);
    --products-width: calc((var(--width-container) - var(--products-gap) * 3)/4);
  }
}
.product-inner {
  --_link-c: var(--_c-text);
  background-color: var(--_c-white);
  border-radius: var(--_r-input-lg);
  display: flex;
  flex-direction: column;
  height: 100%;
  aspect-ratio: 4/5;
  transition: all var(--_dur-2);
  overflow: hidden;
  /* 固定宽度 */
}
.product-inner:hover {
  box-shadow: var(--_sd-soft);
}
.product-inner [rep=icons] {
  color: var(--_c-black-56);
  position: absolute;
  inset-inline-start: var(--_px-body);
  top: var(--_px-space);
  z-index: 3;
}
.product-inner [rep=icons] > * {
  font-size: var(--_px-subtitle);
  margin-inline-end: var(--_px-space);
}
.product-inner [rep=posters] {
  flex: auto;
  margin: var(--_px-body);
  display: flex;
  justify-content: center;
  overflow: hidden;
}
.product-inner [rep=posters] ._tab-head {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 3;
  width: 100%;
  display: flex;
  justify-content: center;
}
.product-inner [rep=posters] ._tab-head > * {
  width: 8px;
  aspect-ratio: 1/1;
  background-color: var(--_c-black-20);
  border-radius: 100%;
  margin: 0 2px;
}
.product-inner [rep=posters] ._tab-head > *[selected] {
  background-color: var(--_c-prim);
}
.product-inner [rep=posters] ._tab-body {
  width: 100%;
  height: 100%;
}
.product-inner [rep=poster] {
  width: inherit;
  height: inherit;
  background-color: transparent;
}
.product-inner [rep=poster] img {
  height: 80%;
  width: auto;
  aspect-ratio: 1/1;
  object-fit: contain;
}
.product-inner [rep=model] {
  font-size: var(--_fs-caption);
  line-height: var(--_lh-brief);
  color: var(--_c-black-56);
}
.product-inner [rep=tmp] {
  padding: var(--_px-body);
}
.product-inner [rep=title] {
  line-height: var(--_lh-body);
  color: var(--_c-black-84);
}
.product-inner [rep=brief] {
  background-color: var(--_c-prim);
  color: var(--_c-white);
  padding: 0 var(--_px-body);
  font-size: var(--_fs-caption);
  line-height: var(--_lh-caption);
  height: 0;
  transition: all var(--_dur-3) var(--_bez-eo);
  display: none;
}
.product-inner:hover [rep=brief] {
  padding-top: var(--_px-body);
  padding-bottom: var(--_px-body);
  height: calc(var(--_lh-caption)*6);
}
@media (hover: hover) {
  .product-inner [rep=brief] {
    display: block;
  }
}
.swiper-cases .swiper-slide {
  --cases-gap: var(--_px-body);
  --cases-width: calc(var(--width-container) - var(--cases-gap) * 3);
  width: var(--cases-width);
  margin-inline-end: var(--cases-gap);
  margin-top: var(--cases-gap);
  margin-bottom: var(--cases-gap);
}
@media (min-width: 600px) and (max-width: 899px) {
  .swiper-cases .swiper-slide {
    --cases-r: var(--_r-input-lg);
    --cases-gap: var(--_rem-body);
    --cases-width: calc((var(--width-container) - var(--cases-gap) * 3)/2);
  }
}
@media (min-width: 900px) and (max-width: 1199px) {
  .swiper-cases .swiper-slide {
    --cases-r: var(--_r-input-lg);
    --cases-gap: var(--_rem-title);
    --cases-width: calc((var(--width-container) - var(--cases-gap) * 2)/3);
  }
}
@media (min-width: 1200px) {
  .swiper-cases .swiper-slide {
    --cases-r: var(--_r-input-lg);
    --cases-gap: var(--_rem-title);
    --cases-width: calc((var(--width-container) - var(--cases-gap) * 3)/4);
  }
}
.case-inner {
  --_link-c: var(--_c-text);
  background-color: var(--_c-stage);
  border-radius: var(--_r-input-lg);
  display: flex;
  flex-direction: column;
  transition: all var(--_dur-2) var(--_bez-eo);
  overflow: hidden;
  /* 固定宽度 */
}
.case-inner:hover {
  box-shadow: var(--_sd-soft);
  margin-top: -10px;
}
.case-inner [rep=poster] {
  --_poster-ar: 16/9;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.case-inner [rep=text] {
  padding: var(--_px-body);
  box-sizing: border-box;
}
.case-inner [rep=title] {
  font-size: var(--_fs-lead);
  font-weight: bold;
}
.case-inner [rep=time] {
  color: var(--_c-brief);
}
/* 
.news-inner {
    --_link-c: var(--_c-text);
    background-color: var(--_c-stage);
    border-radius: var(--_r-input-lg);
    display: flex;
    flex-direction: column;
    transition: all var(--_dur-2) var(--_bez-eo);
    overflow: hidden;

   
    &:hover {
        box-shadow: var(--_sd-soft);
    }

    [rep=poster] {
        --_poster-ar: 16/9;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

    [rep=text] {
        padding: var(--_px-body);
        box-sizing: border-box;
    }

    [rep=title] {
        font-size: var(--_fs-lead);
        font-weight: bold;
    }

    [rep=brief] {
        color: var(--_c-brief);
    }

    [rep=time] {
        color: var(--_c-brief);
        margin-top: var(--_px-space);
    }

}
 */
.index-banners {
  --swiper-navigation-sides-offset: var(--_px-title);
  --swpier-h: min((100vh - var(--header-h)),600px);
  --swpier-w: min(100%,900px);
  width: 100%;
  height: var(--swpier-h);
  background-color: var(--_c-black);
}
.index-banners .swiper-slide {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.index-banners ._container-xl {
  height: 100%;
  display: flex;
  align-items: center;
  direction: ltr;
}
.index-banners .slide-inner {
  width: var(--swpier-w);
  display: flex;
  flex-direction: column;
  padding: var(--_px-body) var(--_px-title) var(--_px-title) var(--_px-title);
  box-sizing: border-box;
  color: var(--_c-white);
  background-color: var(--_c-black-60);
  border-radius: calc(var(--_r) * 5);
}
.index-banners .slide-btns {
  display: flex;
  flex-wrap: wrap;
  margin-top: var(--_px-display);
}
.index-banners .slide-btns > * {
  margin-inline-end: var(--_px-title);
  margin-top: var(--_px-body);
}
@media (max-width: 599px) {
  .index-banners {
    --swiper-navigation-sides-offset: var(--_px-body);
  }
}
@media (hover: none) {
  .index-banners .index-banners-prev,
  .index-banners .index-banners-next {
    top: auto;
    bottom: var(--swiper-navigation-sides-offset);
  }
  .index-banners .index-banners-prev {
    left: auto;
    right: calc(var(--swiper-navigation-sides-offset) + var(--swiper-navigation-size) + var(--_px-body));
  }
}
.index-media {
  --media-w: min(100%,600px);
  background-color: var(--_c-stage);
  padding: var(--_px-max) 0;
}
.index-media h2 {
  margin-top: var(--_px-max);
}
.index-media h2 a {
  --_link-c: var(--_c-text);
  --_link-c-hov: var(--_c-prim);
}
.index-media .index-media-src {
  width: var(--media-w);
  aspect-ratio: 16/9;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: var(--_r-input-lg);
  margin-inline-start: calc(var(--_px-max)*2);
  position: relative;
}
.index-media .index-media-src:hover .play-btn {
  scale: 1.1;
}
.index-media .slide-btns {
  display: flex;
  flex-wrap: wrap;
  margin-top: var(--_px-display);
}
.index-media .slide-btns > * {
  margin-inline-end: var(--_px-title);
  margin-top: var(--_px-body);
}
.index-media .swpier-combine {
  position: absolute;
  inset-inline-start: calc(-1*var(--_px-body));
  top: 0;
}
@media (max-width: 1199px) {
  .index-media {
    --media-w: 100%;
  }
  .index-media .index-media-text {
    height: auto;
    width: auto;
  }
  .index-media h2 {
    margin-top: var(--_px-title);
  }
  .index-media .swpier-combine {
    inset-inline-start: 50%;
    transform: translateX(-50%);
  }
  .index-media .swiper-slide > ._row {
    flex-direction: column-reverse;
  }
  .index-media .index-media-src {
    margin-inline-start: auto;
    margin-top: var(--_px-max);
  }
}
.play-btn {
  --play-h: var(--_px-max);
  border-radius: 100%;
  height: var(--play-h);
  aspect-ratio: 1/1;
  background-color: var(--_c-prim-fg);
  color: var(--_c-white);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: calc(-1*var(--play-h)/2);
  margin-top: calc(-1*var(--play-h)/2);
  transition: all var(--_dur-2);
}
.play-btn:hover {
  background-color: var(--_c-black-88);
}
.play-btn ._icon-play {
  font-size: calc(var(--play-h)/3);
}
.index-rec-btns > * {
  margin-inline-end: var(--_px-body);
  margin-bottom: var(--_px-body);
}
.popular-solutions {
  width: 100%;
}
.popular-solutions .swiper-slide {
  display: grid;
}
.popular-solutions a {
  --_link-c: var(--_c-white);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  transition: all var(--_dur-2) var(--_bez-eo);
  width: 100%;
  height: 400px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.popular-solutions a [rep=text] {
  box-sizing: border-box;
  padding: var(--_px-title);
  display: flex;
  flex-direction: column;
  background: linear-gradient(to bottom, transparent, var(--_c-black-88));
}
.popular-solutions a [rep=btn] {
  color: var(--_c-prim);
  margin-top: var(--_px-body);
}
.popular-solutions a:hover {
  background-position: left top;
}
@media (max-width: 599px) {
  .popular-solutions .swiper-slide {
    display: block;
  }
  .popular-solutions .swiper-slide a {
    height: 300px;
  }
  .popular-solutions .swiper-slide a [rep=text] {
    padding: var(--_px-body);
  }
}
@media (hover: hover) {
  .popular-solutions a {
    height: auto;
  }
  .popular-solutions a [rep=brief] {
    height: 0;
    transition: all var(--_dur-2) var(--_bez-eo);
  }
  .popular-solutions a:hover [rep=brief] {
    height: calc(var(--_lh-body)*2);
  }
  .popular-solutions .swiper-slide {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 400px 400px;
  }
  .popular-solutions .swiper-slide:first-child {
    grid-template-areas: 'a b c c' 'd d e f';
  }
  .popular-solutions .swiper-slide:first-child > :nth-child(1) {
    grid-area: a;
  }
  .popular-solutions .swiper-slide:first-child > :nth-child(2) {
    grid-area: b;
  }
  .popular-solutions .swiper-slide:first-child > :nth-child(3) {
    grid-area: c;
  }
  .popular-solutions .swiper-slide:first-child > :nth-child(4) {
    grid-area: d;
  }
  .popular-solutions .swiper-slide:first-child > :nth-child(5) {
    grid-area: e;
  }
  .popular-solutions .swiper-slide:first-child > :nth-child(6) {
    grid-area: f;
  }
  .popular-solutions .swiper-slide:last-child {
    grid-template-areas: 'a a b b' 'c c c c';
  }
  .popular-solutions .swiper-slide:last-child > :nth-child(1) {
    grid-area: a;
  }
  .popular-solutions .swiper-slide:last-child > :nth-child(2) {
    grid-area: b;
  }
  .popular-solutions .swiper-slide:last-child > :nth-child(3) {
    grid-area: c;
  }
}
/*index-adv css*/
.index-adv {
  --feature-h-icon: 80px;
  --feature-p: var(--_rem-body);
}
.index-adv .feature-wrap {
  --_link-c: inherit;
  height: 100%;
  box-sizing: border-box;
  background-color: var(--_c-stage);
  padding: var(--feature-p);
  border-radius: var(--_r-input-lg);
  transition: all var(--_dur-2) var(--_bez-eo);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.index-adv .feature-wrap:hover {
  box-shadow: var(--_sd-soft);
  margin-top: -10px;
}
.index-adv .icon {
  font-size: var(--feature-h-icon);
  line-height: var(--feature-h-icon);
  margin: var(--_rem-body) auto var(--_rem-body) auto;
  height: var(--feature-h-icon);
  aspect-ratio: 1/1;
  background-color: var(--_c-text-bg);
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.index-adv .icon img,
.index-adv .icon svg {
  height: 80%;
}
.index-adv .title {
  font-size: var(--_fs-subtitle);
  line-height: var(--_lh-subtitle);
  font-weight: bold;
  text-align: center;
  margin: var(--_rem-title) 0 var(--_rem-body) 0;
}
.index-adv .title a {
  --_link-c: inherit;
}
.index-adv .brief {
  color: var(--_c-brief);
}
.index-adv .btn {
  color: var(--_c-prim);
  margin-top: var(--_px-body);
}
/*reponsive，xs600-sm900-md1200-lg1536*/
@media (min-width: calc(900px)) {
  .index-adv {
    --feature-p: var(--_rem-title);
  }
  .index-adv .brief {
    height: calc(var(--_lh-body)*3);
  }
}
.index-about ul {
  display: block;
}
.index-about li {
  margin-bottom: var(--_px-body);
}
.index-about li [rep=title] {
  font-size: var(--_fs-subtitle);
}
.index-about a {
  display: flex;
  width: 100%;
  height: 100%;
  transition: all var(--_dur-2) var(--_bez-eo);
}
.index-about a:hover {
  box-shadow: var(--_sd-soft);
}
.index-about .about-vedio {
  position: relative;
  height: 300px;
  border-radius: var(--_r-input-lg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.index-about .about-vedio:hover .play-btn {
  scale: 1.1;
}
.index-about .about-text {
  background-color: var(--_c-prim);
  color: var(--_c-white);
  height: 24rem;
  padding: var(--_px-title);
  box-sizing: border-box;
  border-radius: var(--_r-input-lg);
}
.index-about .about-text [class*="icon"] {
  font-size: var(--_px-title);
  transition: all var(--_dur-2) var(--_bez-eo);
}
.index-about .about-text:hover [class*="icon"] {
  margin-inline-end: calc(-1*var(--_px-body));
}
.index-about .about-link {
  --_link-c: var(--_c-white);
  height: 200px;
  justify-content: flex-end;
  border-radius: var(--_r-input-lg);
  overflow: hidden;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.index-about .about-link [rep=title] {
  padding: var(--_px-title);
  box-sizing: border-box;
  background: linear-gradient(to bottom, transparent, var(--_c-black-88));
}
.index-about .about-link:hover {
  background-position: left top;
}
@media (min-width: 1200px) {
  .index-about ul {
    display: grid;
    gap: var(--_px-title);
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 240px 240px;
    grid-template-areas: 'a a  b b' 'a a c d';
  }
  .index-about ul li {
    margin: 0;
  }
  .index-about ul li > a {
    height: 100% !important;
  }
  .index-about ul li:nth-child(1) {
    grid-area: a;
  }
  .index-about ul li:nth-child(2) {
    grid-area: b;
  }
  .index-about ul li:nth-child(3) {
    grid-area: c;
  }
  .index-about ul li:nth-child(4) {
    grid-area: d;
  }
}
.comm-banner {
  color: var(--_c-white);
  background-color: var(--_c-black);
  height: 240px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.comm-banner [rep=inner] {
  width: inherit;
  height: inherit;
}
.comm-banner h1 {
  line-height: 1.4em;
  margin: 0;
}
.comm-banner h1 i {
  color: transparent;
  background: linear-gradient(90deg, #caf3f0, #ffe8d8);
  -webkit-mask: linear-gradient(#000, #000);
  mask: linear-gradient(#000, #000);
  -webkit-mask-clip: text;
  mask-clip: text;
  -moz-background-clip: text;
  background-clip: text;
}
.comm-banner [rep=brief] {
  margin-top: var(--_px-body);
}
.comm-banner ._container-xl {
  height: inherit;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.cer-outer {
  width: min(100%,1200px);
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  margin: auto;
  padding: 80px 0;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-image: url(../images/tray.png);
}
.cer-outer img {
  height: 300px;
}
.cer-outer .swiper {
  width: 100%;
}
.cer-outer .swiper-slide {
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
@media (max-width: 599px) {
  .cer-outer {
    background-image: none;
  }
}
@media (max-width: 899px) {
  .cer-outer {
    padding: 60px 0;
  }
}
@media (min-width: 600px) and (max-width: 1200px) {
  .cer-outer {
    background-size: 100% auto;
  }
}
@media (min-width: 1200px) {
  .cer-outer .swiper-button-prev {
    left: calc(-1*var(--swiper-navigation-size));
  }
  .cer-outer .swiper-button-next {
    right: calc(-1*var(--swiper-navigation-size));
  }
}
.contact-blocks {
  background-color: var(--_c-stage);
  border-radius: var(--_r-input-lg);
  text-align: center;
  padding: 60px 0;
  box-sizing: border-box;
}
.contact-blocks li:where(:empty) {
  width: 1px;
  background-color: var(--_c-text-bg);
}
.contact-blocks li:where(:not(:empty)) {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.contact-blocks [rep=icon] {
  width: 80px;
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--_c-text-bg);
  border-radius: 100%;
}
.contact-blocks [rep=icon] svg {
  width: 50%;
  height: 50%;
}
.contact-blocks [rep=title] {
  margin-top: var(--_px-body);
}
.contact-blocks [rep=brief] {
  color: var(--_c-brief);
}
.contact-blocks [rep=btn] {
  margin-top: var(--_px-body);
}
@media (max-width: 1199px) {
  .contact-blocks li {
    margin-bottom: var(--_px-input);
  }
}
.contant-map .map-locate {
  height: 300px;
  width: var(--width-container);
  border-radius: var(--_r-input-lg) var(--_r-input-lg) 0 0;
  margin: auto;
}
.contant-map .map-inner {
  color: var(--_c-black-88);
  background-color: var(--_c-white);
  border-radius: 0 0 var(--_r-input-lg) var(--_r-input-lg);
  padding: var(--_rem-body);
}
@media (min-width: 1200px) {
  .contant-map {
    position: relative;
  }
  .contant-map ._container-xl {
    display: flex;
    align-items: center;
    position: relative;
    z-index: 3;
    pointer-events: none;
  }
  .contant-map .map-locate {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
  }
  .contant-map .map-mask {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: linear-gradient(60deg, var(--_c-black-88) 0%, transparent 60%);
    pointer-events: none;
  }
  .contant-map .map-inner {
    width: 600px;
    border-radius: calc(var(--_r)*5);
    padding: var(--_px-title);
    margin-top: 120px;
    margin-bottom: 120px;
    box-shadow: var(--_sd-soft);
    pointer-events: auto;
  }
}
.social-blocks li {
  height: 200px;
}
.social-blocks li a {
  --_link-c: var(--_c-white);
  display: flex;
  align-items: flex-end;
  width: inherit;
  height: inherit;
  border-radius: var(--_r-input-lg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
  transition: all var(--_dur-2) var(--_bez-eo);
}
.social-blocks li a:hover {
  margin-top: -10px;
  box-shadow: var(--_sd-soft);
}
.social-blocks li a [rep=disk] {
  height: var(--_px-title);
  margin-inline-end: var(--_px-space);
}
.social-blocks li a [rep=btn] {
  background-color: var(--_c-prim);
  color: var(--_c-white);
  border-radius: var(--_r-input);
  line-height: var(--_c-title);
  padding: 0 var(--_px-space);
}
.social-blocks li a ._row {
  background: linear-gradient(to bottom, transparent, var(--_c-black-88));
  padding: var(--_px-title);
}
@media (max-width: 899px) {
  .social-blocks li a ._row {
    padding: var(--_rem-body);
  }
}
.service-blocks {
  background-color: var(--_c-white);
}
.service-blocks li > a {
  --_link-c: var(--_c-text);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  width: 100%;
  height: 100%;
  background-color: var(--_c-white);
  border: 1px solid var(--_c-text-bd);
  border-radius: var(--_r-input-lg);
  transition: all var(--_dur-2) var(--_bez-eo);
  box-sizing: border-box;
}
.service-blocks li > a:hover {
  margin-top: -10px;
  box-shadow: var(--_sd-soft);
}
.service-blocks li > a:hover [rep=title] {
  color: var(--_c-prim);
}
.service-blocks li [rep=icon] {
  width: 60px;
  aspect-ratio: 1/1;
  border-radius: 100%;
  background-color: var(--_c-text-bg);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: var(--_px-max) auto;
}
.service-blocks li [rep=icon]:hover img {
  scale: 1.2;
}
.service-blocks li [rep=icon] img {
  width: 40%;
  transition: all var(--_dur-2) var(--_bez-eo);
}
.service-blocks li [rep=text] {
  text-align: center;
  background-color: var(--_c-text-bg);
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: var(--_px-body) 0;
}
.service-blocks li [rep=title] {
  transition: all var(--_dur-2) var(--_bez-eo);
}
.service-blocks li [rep=brief] {
  color: var(--_c-brief);
  text-align: center;
  line-height: var(--_px-subtitle);
}
.product-cat [rep="level-1"] {
  padding: var(--_px-body) 0;
}
.product-cat [rep="level-1"] a {
  --_link-c: var(--_c-text);
  position: relative;
  height: var(--_px-max);
  line-height: var(--_px-max);
  padding: 0 var(--_px-subtitle);
  background-color: var(--_c-stage);
  border: 1px solid var(--_c-text-bd);
  border-radius: var(--_r-input-lg);
  overflow: hidden;
  margin-inline-end: var(--_px-space);
  margin-bottom: var(--_px-space);
  display: inline-flex;
  align-items: center;
  transition: all var(--_dur-2);
}
.product-cat [rep="level-1"] a:hover {
  box-shadow: var(--_sd-soft);
}
.product-cat [rep="level-1"] a[selected] {
  background-color: var(--_c-prim);
  border-color: var(--_c-prim);
  color: var(--_c-white);
}
.product-cat [rep="level-1"] a[selected] i {
  color: var(--_c-white);
}
.product-cat [rep="level-1"] s {
  font-weight: bold;
  position: relative;
  z-index: 2;
}
.product-cat [rep="level-1"] i {
  margin-inline-end: var(--_px-body);
}
.product-cat [rep="level-1"] ._flex i {
  pointer-events: none;
  font-size: var(--_fs-title);
  color: var(--_c-text);
}
.product-cat [rep="level-1"]:not(:has([selected])) .cat-return {
  display: none;
}
.product-cat [rep="level-1"]:has([selected]) ._flex a:not([selected]) {
  display: none;
}
.product-cat [rep="level-2"] {
  border-bottom: 1px solid var(--_c-text-bd);
  padding-bottom: var(--_px-body);
}
[rep=order] {
  padding: var(--_px-body) 0;
}
[rep="level-2"] a,
[rep=order] a {
  --_link-c: var(--_c-text);
  --_link-c-hov: var(--_c-prim);
  line-height: var(--_px-display);
  margin-inline-end: var(--_px-title);
  border-radius: var(--_px-display);
  transition: all var(--_dur-2) var(--_bez-eo);
}
[rep="level-2"] a[selected],
[rep=order] a[selected] {
  background-color: var(--_c-prim);
  color: var(--_c-white);
  padding: 0 var(--_px-body);
}
[rep="level-2"] span,
[rep=order] span {
  margin-inline-end: var(--_px-title);
}
[rep="level-2"] [rep=btn],
[rep=order] [rep=btn] {
  border: 1px solid var(--_c-text);
  border-radius: var(--_r-input);
  width: var(--_px-title);
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 599px) {
  .product-cat [rep="level-1"]:where(:not(:has(._flex))),
  .product-cat [rep="level-1"] ._flex,
  .product-cat [rep="level-2"]:where(:not(:has(._flex))),
  .product-cat [rep="level-2"] ._flex,
  .product-cat [rep="order"] ._flex {
    display: flex;
    flex-wrap: nowrap;
    overflow: auto;
  }
}
.filter-dialog {
  height: 600px;
}
.filter-dialog .filter-dialog-header {
  border-bottom: 1px solid var(--_c-text-bd);
  padding: var(--_px-body);
  box-sizing: border-box;
}
.filter-dialog .filter-dialog-params {
  padding: var(--_px-body);
  box-sizing: border-box;
  width: 500px;
  height: 100%;
  overflow-y: auto;
  border-inline-end: 1px solid var(--_c-text-bd);
  position: relative;
}
.filter-dialog .filter-dialog-result {
  overflow-y: auto;
  padding: var(--_px-body);
  box-sizing: border-box;
  position: relative;
}
.filter-dialog .filter-dialog-result a {
  --_link-c: var(--_c-title);
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
}
.filter-dialog .filter-dialog-result img {
  height: 200px;
}
.filter-dialog .filter-dialog-result [rep=title] {
  --_ell-lh: 1.2;
  line-height: var(--_ell-lh);
  margin-top: var(--_px-space);
}
.filter-dialog .filter-dialog-result [rep=model] {
  color: var(--_c-brief);
  font-size: var(--_fs-caption);
}
.filter-dialog .filter-dialog-params:has(#lv-params:empty):before,
.filter-dialog .filter-dialog-result:has(ul:empty):before {
  content: attr(data-tips);
  color: var(--_c-caption);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.comm-titles h1 {
  margin-top: 0;
}
.comm-titles [rep=tags] a {
  --_link-c: var(--_c-text);
  background-color: var(--_c-black-8);
  line-height: var(--_px-title);
  padding: 0 var(--_px-body);
  border-radius: var(--_px-title);
  margin-inline-start: var(--_px-space);
  transition: all var(--_dur-2) var(--_bez-eo);
}
.comm-titles [rep=tags] a:hover {
  --_link-c: var(--_c-white);
  background-color: var(--_c-prim);
}
.comm-titles [rep=share] a {
  --_link-c: var(--_c-text);
  font-size: var(--_px-title);
  margin-inline-start: var(--_px-space);
  transition: all var(--_dur-2) var(--_bez-eo);
}
.comm-titles [rep=share] a:hover {
  --_link-c: var(--_c-prim);
}
.article-start {
  background-color: var(--_c-stage);
  border-radius: var(--_r-input-lg);
  padding: var(--_px-input);
  box-sizing: border-box;
}
.article-start article {
  font-size: var(--_fs-lead);
}
.article-start .article-nav {
  margin-top: var(--_px-max);
}
.article-start .article-nav a {
  --_link-c: var(--_c-text);
}
.article-start .article-foot {
  margin-top: var(--_px-max);
  padding-top: var(--_px-body);
  border-top: 1px solid var(--_c-text-bd);
  display: flex;
  align-items: center;
  color: var(--_c-caption);
  font-size: var(--_fs-caption);
}
.article-start .article-foot img {
  height: var(--_px-lead);
  margin-inline-end: var(--_px-space);
}
.article-end {
  width: 400px;
}
@media (max-width: 899px) {
  .article-start {
    padding: var(--_rem-body);
  }
  .article-end {
    width: 100%;
  }
}
@media (min-width: 900px) and (max-width: 1199px) {
  .article-end {
    width: 300px;
  }
}
.btn-all-p,
.btn-filter-p {
  --_link-c: var(--_c-text);
  --btn-w: 0px;
  display: flex;
  align-items: center;
  font-size: var(--_fs-subtitle);
  padding: 0 var(--_px-subtitle);
  box-sizing: border-box;
  background-color: var(--_c-stage);
  height: var(--_px-max);
  line-height: var(--_px-max);
  border: var(--btn-w) solid var(--_c-text-bd);
  border-radius: var(--_r-input-lg);
  transition: all var(--_dur-2) var(--_bez-eo);
}
.btn-all-p [rep=label],
.btn-filter-p [rep=label] {
  flex: auto;
}
.btn-all-p [rep=icon],
.btn-filter-p [rep=icon] {
  margin-inline-end: var(--_px-body);
  color: var(--_c-prim);
}
.btn-all-p [rep=more],
.btn-filter-p [rep=more] {
  transition: all var(--_dur-2) var(--_bez-eo);
}
.btn-all-p:hover,
.btn-filter-p:hover {
  border-color: var(--_c-prim);
}
.btn-all-p:hover [rep=more],
.btn-filter-p:hover [rep=more] {
  margin-inline-end: -10px;
}
.side-block {
  --block-w: 0px;
  --block-bg: var(--_c-stage);
  background-color: var(--block-bg);
  border: var(--block-w) solid var(--_c-text-bd);
  border-radius: var(--_r-input-lg);
  overflow: hidden;
}
.side-block .side-block-title {
  --_link-c: var(--_c-text);
  --_link-c-hov: var(--_c-prim);
  padding: var(--_px-space) var(--_px-subtitle);
  display: flex;
  align-items: center;
  height: var(--_px-input);
  line-height: var(--_px-input);
}
.side-block .side-block-title [rep=label] {
  flex: auto;
  font-size: var(--_fs-subtitle);
}
.side-block .side-block-title .swiper-pagination {
  position: relative;
  width: auto;
  top: auto;
  bottom: auto;
}
.side-block .side-block-body {
  padding: 0 var(--_px-subtitle) var(--_px-subtitle) var(--_px-subtitle);
  box-sizing: border-box;
  overflow: hidden;
}
.side-block .side-block-body ._bullet {
  font-size: var(--_fs-lead);
}
.side-block .side-block-banner {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  display: flex;
}
.side-block .side-block-banner img {
  width: 100%;
}
.contact-list {
  line-height: var(--_rem-title);
  font-size: var(--_fs-lead);
}
.contact-list [rep=icon] {
  width: var(--_rem-title);
  font-size: var(--_px-subtitle);
}
.side-block-app .swiper {
  height: 240px;
}
.side-block-app .swiper-slide a {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  display: flex;
  align-items: flex-end;
  border-radius: var(--_r-input);
  overflow: hidden;
}
.side-block-app .swiper-slide a [rep=title] {
  height: var(--_px-max);
  line-height: var(--_px-max);
  box-sizing: border-box;
  color: var(--_c-white);
  text-align: center;
  width: 100%;
  background: linear-gradient(to bottom, transparent, var(--_c-black-88));
}
.side-block-product .swiper-slide a {
  --_link-c: var(--_c-text);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: relative;
}
.side-block-product .swiper-slide a img {
  width: 100%;
  aspect-ratio: 1/1;
}
.side-block-product .swiper-slide a [rep=text] {
  width: 100%;
}
.side-block-product .swiper-slide a [rep=brief] {
  color: var(--_c-brief);
}
.news-inner {
  --_link-c: var(--_c-text);
  background-color: var(--_c-stage);
  border-radius: var(--_r-input-lg);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: start;
  transition: all var(--_dur-2) var(--_bez-eo);
}
.news-inner [rep=poster] {
  --_poster-r: 0;
  aspect-ratio: 16/9;
  width: 100%;
}
.news-inner [rep=text] {
  padding: var(--_rem-body);
  width: 100%;
  box-sizing: border-box;
}
.news-inner [rep=title] {
  margin-top: 0;
  width: 100%;
}
.news-inner [rep=brief] {
  width: 100%;
  color: var(--_c-brief);
}
.news-inner [rep=time] {
  width: 100%;
  color: var(--_c-caption);
  margin-top: var(--_px-body);
}
.news-inner:hover {
  margin-top: -10px;
  box-shadow: var(--_sd-soft);
}
.news-blocks .swiper-slide {
  margin-top: var(--_px-title);
  margin-bottom: var(--_px-title);
}
.video-inner {
  --_link-c: var(--_c-text);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: start;
}
.video-inner [rep=poster] {
  aspect-ratio: 16/9;
  width: 100%;
}
.video-inner [rep=poster] img {
  transition: all var(--_dur-2) var(--_bez-eo);
}
.video-inner [rep=text] {
  width: 100%;
}
.video-inner [rep=title] {
  width: 100%;
  font-weight: normal;
}
.video-inner [rep=time] {
  width: 100%;
  color: var(--_c-caption);
  margin-top: var(--_px-body);
}
.video-inner:hover img {
  scale: 1.2;
}
.video-blocks .swiper-slide {
  margin-top: var(--_px-title);
  margin-bottom: var(--_px-title);
}
.video-detail {
  background-color: var(--_c-black);
  border-radius: var(--_r-input-lg);
  overflow: hidden;
  aspect-ratio: 16/9;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.video-detail video {
  object-fit: contain;
  width: 100%;
  height: 100%;
}
@media (min-width: 1200px) {
  .video-detail .play-btn {
    --play-h: calc(var(--_px-max)*2);
    cursor: pointer;
  }
}
@media (max-width: 1199px) {
  .news-blocks .swiper-out-box,
  .video-blocks .swiper-out-box {
    position: relative;
  }
  .news-blocks .swiper-out-box .swiper-button-prev,
  .video-blocks .swiper-out-box .swiper-button-prev {
    left: var(--swiper-navigation-sides-offset);
  }
  .news-blocks .swiper-out-box .swiper-button-next,
  .video-blocks .swiper-out-box .swiper-button-next {
    right: var(--swiper-navigation-sides-offset);
  }
}
.about-intro {
  background-color: var(--_c-stage);
  padding: var(--_px-subtitle);
  border-radius: var(--_r-input-lg);
}
.about-intro-swipers {
  width: min(100%,700px);
}
.about-intro-swipers .swiper-slide {
  box-sizing: border-box;
  border-radius: var(--_r-input);
  overflow: hidden;
  position: relative;
}
.about-intro-swipers .swiper-slide img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.about-intro-swipers .swiper:nth-child(1) {
  aspect-ratio: 16/9;
  margin-bottom: var(--_rem-body);
}
.about-intro-swipers .swiper:nth-child(2) .swiper-slide {
  aspect-ratio: 4/3;
}
.about-intro-swipers .swiper:nth-child(2) .swiper-slide.swiper-slide-thumb-active {
  border: 2px solid var(--_c-prim);
}
.about-intro-text h1 {
  margin-top: 0;
}
@media (min-width: 900px) and (max-width: 1199px) {
  .about-intro-swipers {
    width: 400px;
  }
}
@media (min-width: 1200px) and (max-width: 1535px) {
  .about-intro-swipers {
    width: 500px;
  }
}
.about-tags > * {
  margin-inline-end: var(--_rem-space);
  margin-bottom: var(--_rem-space);
  background-color: var(--_c-black-8);
  line-height: var(--_rem-display);
  padding: 0 var(--_px-body);
  border-radius: var(--_rem-display);
}
.about-honor,
.about-culture {
  background-color: var(--_c-stage);
}
.about-honor [rep=text],
.about-culture [rep=text] {
  position: relative;
  box-sizing: border-box;
}
.about-honor [rep=cover],
.about-culture [rep=cover] {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  transition: all var(--_dur-2) var(--_bez-eo);
}
.about-honor .arrow-more,
.about-culture .arrow-more {
  position: absolute;
  inset-inline-end: var(--_px-max);
  bottom: 0;
  font-size: calc(var(--_px-max)*2);
  line-height: calc(var(--_px-max)*2);
  color: var(--_c-black-12);
}
.about-honor:hover [rep=cover],
.about-culture:hover [rep=cover] {
  background-position: left top;
}
.about-honor a,
.about-culture a {
  --_link-c: var(--_c-text);
  --_link-c-hov: var(--_c-prim);
}
.about-honor [rep=text] {
  order: 1;
  padding: var(--_px-title) var(--_px-max) calc(var(--_px-max)*2) calc(50vw - var(--width-container)/2);
}
.about-honor [rep=cover] {
  order: 2;
}
.about-culture [rep=text] {
  order: 2;
  padding: var(--_px-title) calc(50vw - var(--width-container)/2) calc(var(--_px-max)*2) var(--_px-max);
}
.about-culture [rep=cover] {
  order: 2;
}
@media (max-width: 899px) {
  .about-honor [rep=cover] {
    order: 1;
  }
  .about-honor [rep=text] {
    order: 2;
    padding-right: var(--_px-title);
  }
  .about-culture [rep=text] {
    padding-left: var(--_px-title);
  }
  .about-honor [rep=cover],
  .about-culture [rep=cover] {
    height: 200px;
  }
  .about-honor ._grid,
  .about-culture ._grid {
    grid-template-columns: repeat(1, 1fr);
  }
}
.icon-cards {
  text-align: center;
}
.icon-cards [rep=icon] {
  aspect-ratio: 1/1;
  height: var(--_px-hero);
}
.icon-cards [rep=brief] {
  text-align: start;
}
.icon-cards > * {
  background-color: var(--_c-stage);
  border-radius: var(--_r-input-lg);
  display: flex;
  flex-direction: column;
  padding: var(--_px-title);
  box-sizing: border-box;
  transition: all var(--_dur-2) var(--_bez-eo);
}
.icon-cards > * > :first-child {
  margin: var(--_px-title) auto;
}
.icon-cards > *:hover {
  box-shadow: var(--_sd-soft);
}
.about-target {
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-areas: 'a b c ' 'a d e';
}
.about-target > :nth-child(1) {
  grid-area: a;
  padding: var(--_px-title) var(--_px-max);
}
.about-target > :nth-child(1) > :first-child {
  margin: calc(var(--_px-input)*2) auto;
}
.about-target > :nth-child(1) [rep=icon] {
  height: var(--_px-max);
}
.about-target > :nth-child(1) [rep=brief] {
  margin-top: var(--_px-body);
}
.about-target > :nth-child(2) {
  grid-area: b;
}
.about-target > :nth-child(3) {
  grid-area: c;
}
.about-target > :nth-child(4) {
  grid-area: d;
}
.about-target > :nth-child(5) {
  grid-area: e;
}
@media (max-width: 900px) {
  .about-target {
    grid-template-columns: 1fr;
    grid-template-areas: 'a' 'b' 'c' 'd' 'e';
  }
}
.about-gallary .swiper-mask {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  z-index: 3;
  background-color: var(--_c-black-56);
  color: var(--_c-white);
  padding: var(--_rem-body);
  box-sizing: border-box;
}
.about-gallary .swiper-mask [rep=brief] {
  max-height: 0;
  overflow: hidden;
  transition: all var(--_dur-4) var(--_bez-eo);
}
.about-gallary .swiper-mask .swiper-pgn {
  width: auto;
}
.about-gallary .swiper {
  border-radius: var(--_r-input-lg);
  overflow: hidden;
}
.about-gallary .swiper:hover .swiper-mask [rep=brief] {
  max-height: calc(var(--_lh-body)*2);
}
.about-gallary .swiper-slide {
  aspect-ratio: 16/9;
}
.about-gallary .swiper-slide img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.fancybox__container {
  width: 100%;
  display: flex;
}
.about-certificate a {
  --_link-c: var(--_c-text);
  display: block;
  height: 100%;
  border-radius: var(--_r-input-lg);
  background-color: var(--_c-stage);
  text-align: center;
  box-sizing: border-box;
  padding: var(--_px-max) var(--_px-body) var(--_px-title) var(--_px-body);
  transition: all var(--_dur-2) var(--_bez-eo);
}
.about-certificate a:hover {
  box-shadow: var(--_sd-soft);
  margin-top: -10px;
}
.about-certificate a [rep=icon] {
  height: 60px;
  border-radius: 100%;
  aspect-ratio: 1/1;
  border: 1px solid var(--_c-text-bd);
  background-color: var(--_c-text-bg);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--_px-title);
}
.about-certificate a [rep=icon] img {
  height: 50%;
}
.about-certificate a [rep=brief] {
  color: var(--_c-brief);
  text-align: center;
}
.about-history {
  background-color: var(--_c-stage);
  background-image: url(../images/history-bg.png);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: cover;
  transition: all var(--_dur-10) var(--_bez-eo);
}
.about-history:hover {
  background-position: left bottom;
}
.about-history .block-title [rep=title] {
  color: var(--_c-black-88);
}
.about-history .block-title [rep=brief] {
  color: var(--_c-black-56);
}
.about-history .swiper-slide {
  --slide-bg: var(--_c-white);
  width: 260px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.about-history .swiper-slide:hover {
  --slide-bg: var(--_c-prim);
}
.about-history .swiper-slide:hover [rep=year] {
  background-color: var(--slide-bg);
}
.about-history .swiper-slide:hover [rep=text] {
  color: var(--_c-white);
  box-shadow: var(--_sd-soft);
}
.about-history .swiper-slide:first-child [rep=bg],
.about-history .swiper-slide:last-child [rep=bg] {
  width: 50%;
}
.about-history .swiper-slide:last-child [rep=bg] {
  inset-inline-end: auto;
  inset-inline-start: 0;
}
.about-history [rep=year] {
  width: 60px;
  aspect-ratio: 1/1;
  border-radius: 100%;
  border: 4px solid var(--_c-white);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  color: var(--_c-white);
  background-color: var(--_c-black);
  transition: all var(--_dur-2) var(--_bez-eo);
  position: relative;
  z-index: 3;
}
.about-history [rep=bg] {
  height: 4px;
  width: 100%;
  background-color: var(--_c-black-12);
  position: absolute;
  top: 32px;
  inset-inline-end: 0;
}
.about-history [rep=text] {
  color: var(--_c-black-88);
  background-color: var(--slide-bg);
  padding: var(--_px-space);
  border-radius: var(--_r-input-lg);
  margin: 14px;
  position: relative;
  transition: all var(--_dur-2) var(--_bez-eo);
}
.about-history [rep=text] :after {
  content: '';
  position: absolute;
  top: -6px;
  left: calc(50% - 8px);
  width: 12px;
  height: 12px;
  background: linear-gradient(135deg, transparent 50%, var(--slide-bg) 50%, var(--slide-bg) 100%);
  transform: rotate(-135deg);
  transition: all var(--_dur-2) var(--_bez-eo);
}
.about-history [rep=text] img {
  aspect-ratio: 16/9;
  object-fit: cover;
  border-radius: var(--_r-input);
}
.about-history [rep=text] [rep=title] {
  margin-top: var(--_px-space);
  line-height: 1.2;
}
.product-swipers {
  width: min(100%,600px);
  position: relative;
}
.product-swipers .swiper-slide {
  box-sizing: border-box;
  position: relative;
}
.product-swipers .swiper-slide img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.product-swipers .swiper:nth-child(1) {
  aspect-ratio: 1/1;
  background-color: var(--_c-stage);
  border-radius: var(--_r-input-lg);
  overflow: hidden;
}
.product-swipers .swiper-thumb {
  width: 60px;
  height: 100%;
  position: absolute;
  right: var(--_px-title);
  left: auto;
  bottom: 0;
  z-index: 10;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.product-swipers .swiper-thumb .swiper-pagination-bullet {
  height: 60px;
  width: 60px;
  aspect-ratio: 1/1;
  border: 1px solid var(--_c-text-bd);
  border-radius: var(--_r-input);
  overflow: hidden;
  opacity: 1;
  margin: var(--swiper-pagination-bullet-horizontal-gap, 4px) 0;
}
.product-swipers .swiper-thumb .swiper-pagination-bullet.swiper-pagination-bullet-active {
  border: 2px solid var(--_c-prim);
}
@keyframes flip-pause {
  0%,
  40% {
    transform: scaleX(1);
  }
  50%,
  70% {
    transform: scaleX(-1);
  }
  80% {
    transform: scaleX(1);
  }
}
.btn-panorama {
  animation: flip-pause 3s infinite ease-in-out;
  transform-origin: center;
  font-size: var(--_fs-title);
  position: absolute;
  z-index: 4;
  inset-inline-start: var(--_px-body);
  top: var(--_px-body);
  aspect-ratio: 1/1;
  height: var(--_px-max);
  line-height: var(--_px-max);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--_r-input);
  transition: all var(--_dur-2);
}
.btn-panorama:hover {
  background-color: var(--_c-black-8);
  cursor: pointer;
}
.product-intro [rep=text] {
  margin-inline-end: calc(var(--_px-max)*2);
}
.product-intro h1 {
  margin-top: 0;
}
.product-intro [rep=model] {
  background-color: var(--_c-black-12);
  padding: 0 var(--_px-body);
  line-height: var(--_rem-title);
  border-radius: var(--_rem-title);
}
.product-intro [rep=model] i {
  margin-inline-start: var(--_px-body);
  cursor: pointer;
}
.product-intro [rep=brief] {
  font-size: var(--_fs-lead);
  line-height: var(--_lh-lead);
  margin: var(--_px-title) auto;
}
.product-intro [rep=btns] {
  margin: var(--_px-title) auto;
}
.product-intro [rep=btns] > * {
  margin-inline-end: var(--_px-body);
}
.product-intro [rep=warning] {
  color: var(--_c-caption);
}
.product-intro [rep=share] a {
  --_link-c: var(--_c-text);
  font-size: var(--_px-title);
  margin-inline-start: var(--_px-space);
  transition: all var(--_dur-2) var(--_bez-eo);
}
.product-intro [rep=share] a:hover {
  --_link-c: var(--_c-prim);
}
@media (max-width: 599px) {
  .product-swipers .swiper-thumb {
    display: none;
  }
}
@media (min-width: 600px) {
  .product-swipers .swiper-button-prev,
  .product-swipers .swiper-button-next {
    display: none;
  }
}
@media (max-width: 899px) {
  .product-swipers .swiper-thumb {
    height: 40px;
    bottom: var(--_rem-body);
  }
  .product-swipers .swiper-thumb .swiper-pagination-bullet {
    width: 40px;
    height: 40px;
  }
}
@media (max-width: 1535px) {
  .product-intro > ._row {
    flex-direction: column-reverse;
  }
  .product-intro > ._row ._flex {
    width: 100%;
  }
  .product-intro > ._row ._flex [rep=text] {
    margin-top: var(--_px-title);
    margin-inline-end: 0;
  }
  .product-intro [rep=btns] > * {
    margin-bottom: var(--_px-body);
  }
}
.panorama-wrap {
  cursor: grab;
  user-select: none;
}
.panorama-wrap img {
  pointer-events: none;
}
.panorama-hint {
  position: absolute;
  top: 50%;
  left: 50%;
  background: var(--_c-black-60);
  transform: translate(-50%, -50%);
  border-radius: var(--_r-input-lg);
  padding: var(--_px-title) var(--_px-max);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: white;
  z-index: 10;
  pointer-events: none;
  transition: opacity 0.5s;
}
.hand-icon {
  animation: swipeAction 2s infinite ease-in-out;
  filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.5));
}
.panorama-hint p {
  margin-top: 15px;
}
@keyframes swipeAction {
  0% {
    transform: translateX(-40px) rotate(-10deg);
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    transform: translateX(40px) rotate(30deg);
    opacity: 0;
  }
}
.product-sections {
  background-color: var(--_c-stage);
}
.product-start section {
  margin-bottom: calc(var(--_px-input)*2);
}
.product-start section h2 {
  font-size: var(--_fs-subtitle);
  margin-top: 0;
  margin-bottom: 1em;
  line-height: 48px;
  height: 48px;
  padding: 0 var(--_rem-body);
  box-sizing: border-box;
  background-color: var(--_c-text-bd);
  border-radius: var(--_r-input-lg) var(--_r-input-lg) 4px 4px;
  border-bottom: 4px solid var(--_c-prim);
  position: relative;
}
.product-start section h2:before {
  /*  content: '';
                position: absolute;
                inset-inline-start: var(--_px-input); */
  /*  
                bottom: -18px;
                width: 0;
                height: 0;
                border-width: 10px;
                border-style: solid;
                border-color:  var(--_c-text-bd) transparent transparent transparent; */
  /* bottom:0;
                height: 4px;
                width: 42px;
                background-color: var(--_c-prim); */
}
.product-start section h3 {
  font-weight: normal;
  background-color: var(--_c-text-bd);
  padding: var(--_px-space);
  font-size: var(--_rem-lead);
  margin-top: var(--_px-title);
  border-radius: var(--_r-input);
}
.product-start section h4 {
  font-weight: normal;
  font-size: var(--_rem-lead);
}
.product-start article table {
  border-left: 1px solid var(--_table-bc);
  border-right: 1px solid var(--_table-bc);
}
.product-start article table tr:nth-child(odd) {
  background-color: var(--_c-text-bg);
}
.product-start article table td:first-child {
  border-inline-end: 1px solid var(--_table-bc);
}
.product-start article img {
  box-sizing: border-box;
  border: 1px solid var(--_c-text-bd);
  border-radius: var(--_r-input);
}
.sticky-box {
  position: sticky;
  top: 100px;
}
.product-end {
  width: min(400px,100%);
  padding-bottom: var(--_rem-body);
}
.product-end .side-contact {
  background-color: var(--_c-text-bg);
}
.product-end .product-nav {
  font-size: var(--_fs-lead);
}
.product-end .product-nav a {
  --_link-c: var(--_c-text);
  display: block;
  padding: var(--_px-space) var(--_px-body);
}
.product-end ax-anchors {
  --_anch-pos: static;
  --_anch-p: 0;
  display: block;
}
.product-end ax-anchors ul {
  border: none;
}
.product-end ax-anchors li [rep=head]:after {
  display: none;
}
.product-end ax-anchors li {
  border-radius: var(--_r-input-lg);
}
.product-end ax-anchors li [rep=head][active] [rep=label] {
  color: var(--_c-white);
}
.product-end ax-anchors li:has([active]) {
  background-color: var(--_c-prim);
}
.product-end ax-anchors li:has([active]):after {
  font-size: var(--_fs-caption);
  color: var(--_c-white);
  content: 'arrow-left';
  font-family: var(--_ff-icon);
  display: inline-block;
  position: absolute;
  inset-inline-start: var(--_px-space);
  top: 50%;
  transform: translateY(-50%);
}
.product-end ax-anchors li:where(:not(:has([active]))):hover {
  background-color: var(--_c-prim-bg);
}
[dir=rtl] .product-end ax-anchors li:has([active]):after {
  content: 'arrow-right';
}
@media (min-width: 600px) {
  .product-start article table td:first-child {
    width: 300px;
  }
  .product-start article table td:last-child {
    width: auto !important;
  }
}
.download-inner {
  --_link-c: var(--_c-text);
  width: 100%;
  height: calc(var(--_px-input) * 2);
  border: 1px solid var(--_c-text-bd);
  border-radius: var(--_r-input);
  background-color: var(--_c-stage);
  display: flex;
  align-items: center;
  padding: var(--_px-body);
  box-sizing: border-box;
  line-height: var(--_rem-subtitle);
  transition: all var(--_dur-2) var(--_bez-eo);
}
.download-inner > img {
  height: var(--_px-title);
  margin-inline-end: var(--_px-space);
}
.download-inner > i {
  width: var(--_px-title);
  aspect-ratio: 1/1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: var(--_c-text-bd);
  border-radius: var(--_r);
  opacity: 0;
  transition: all var(--_dur-2) var(--_bez-eo);
}
.download-inner > i:hover {
  color: var(--_c-white);
  background-color: var(--_c-prim);
}
.download-inner:hover {
  box-shadow: var(--_sd-soft);
}
.download-inner:hover > i {
  opacity: 1;
}
.solution-banner {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: var(--_c-black);
  padding-top: 240px;
  padding-bottom: 60px;
  position: relative;
  overflow: hidden;
}
.solution-banner:before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: linear-gradient(to left, transparent, var(--_c-black-88));
}
.solution-banner ._container-xl {
  position: relative;
  z-index: 3;
}
.solution-banner h1 {
  margin-top: 0;
}
.solution-banner [rep=text] {
  color: var(--_c-white);
  width: 60%;
  padding: var(--_px-title);
  box-sizing: border-box;
  background-color: var(--_c-black-56);
  border-radius: var(--_r-input-lg);
}
[dir=rtl] .solution-banner:beofre {
  transform: scaleX(-1);
}
@media (max-width: 899px) {
  .solution-banner [rep=text] {
    width: 100%;
  }
}
.solutions-compare table {
  border-left: 1px solid var(--_table-bc);
  border-right: 1px solid var(--_table-bc);
  background-color: var(--_c-stage);
}
.solutions-compare table thead th,
.solutions-compare table td i {
  white-space: nowrap;
}
.solutions-compare table td,
.solutions-compare table th {
  border-inline-end: 1px solid var(--_table-bc);
}
@media (max-width: 1199px) {
  .solutions-compare table {
    width: 1600px;
  }
}
.tabs-full {
  background-color: var(--_c-stage);
  box-shadow: 0 1px 0 0 var(--_c-black-12);
  font-weight: bold;
  position: relative;
  position: sticky;
  top: var(--header-h);
  z-index: 9;
}
.tabs-full ._group-lamp {
  --_group-h: var(--_px-max);
  --_group-fs: var(--_fs-lead);
  width: 100%;
  overflow: auto;
}
.solution-overview {
  background-color: var(--_c-stage);
  padding: var(--_px-max) 0;
}
.solution-overview [rep=brief] {
  font-size: var(--_fs-lead);
  line-height: var(--_lh-lead);
}
.solution-overview [rep=btns] {
  margin-top: var(--_px-max);
  margin-bottom: var(--_px-body);
}
.solution-overview [rep=btns] > * {
  margin-inline-end: var(--_px-body);
  margin-block: var(--_px-body);
}
.solution-overview [rep=tips] {
  color: var(--_c-caption);
}
.solution-overview [rep=poster] {
  --_poster-r: var(--_r-input-lg);
  --_poster-ar: 16/9;
  height: 300px;
  margin-inline-start: calc(var(--_px-max)*2);
}
@media (max-width: 1199px) {
  .solution-overview ._row {
    flex-direction: column-reverse;
  }
  .solution-overview [rep=poster] {
    height: auto;
    width: 100%;
    margin-inline-start: 0;
    margin-bottom: var(--_px-title);
  }
  .solution-overview [rep=text] {
    width: 100%;
  }
}
.solution-resolve {
  background-color: var(--_c-black);
  color: var(--_c-white);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../images/bg-pain.jpg);
}
.solution-resolve ul {
  width: 80%;
}
.solution-resolve li {
  border-radius: var(--_r-input-lg);
  background-color: var(--_c-white-12);
  padding: var(--_px-title);
  box-sizing: border-box;
  transition: all var(--_dur-2) var(--_bez-eo);
}
.solution-resolve li [rep=no] {
  background-color: var(--_c-white-12);
  aspect-ratio: 1/1;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--_fs-subtitle);
  border-radius: var(--_r-input);
  transition: all var(--_dur-2) var(--_bez-eo);
}
.solution-resolve li h4 {
  margin-top: 0;
}
.solution-resolve li:hover {
  background-color: var(--_c-prim-fg);
}
.solution-resolve li:hover [rep=no] {
  background-color: var(--_c-prim);
}
@media (max-width: 1199px) {
  .solution-resolve ul {
    width: 100%;
  }
}
.solution-media {
  background-color: transparent;
}
[class*="solution-bg-"] .solution-intro {
  margin-bottom: var(--_rem-title);
}
[class*="solution-bg-"] .solution-intro [rep=brief] {
  font-size: var(--_fs-lead);
  line-height: var(--_lh-lead);
}
[class*="solution-bg-"] .solution-intro h4 {
  margin-top: var(--_rem-title);
  position: relative;
  padding-inline-start: var(--_px-subtitle);
}
[class*="solution-bg-"] .solution-intro h4:before {
  content: '';
  width: 3px;
  background-color: var(--_c-prim);
  height: 18px;
  position: absolute;
  top: 50%;
  inset-inline-start: 0;
  transform: translateY(-50%);
}
[class*="solution-bg-"] .solution-intro .poster-wrap {
  width: min(100%,600px);
}
[class*="solution-bg-"] .solution-intro [rep=poster] {
  --_poster-ar: 4/3;
  width: inherit;
}
.solution-bg-dark {
  color: var(--_c-white);
  background-color: var(--_c-black);
}
.solution-bg-dark .swpier-combine .swiper-nav-out-seal {
  color: var(--_c-white);
  border-color: var(--_c-white);
}
@media (max-width: 1199px) {
  [class*="solution-bg-"] .solution-intro [rep=poster] {
    width: 100%;
  }
  [class*="solution-bg-"] .solution-intro ._flex {
    width: 100%;
  }
  .solution-bg-light .solution-intro ._row {
    flex-direction: column;
  }
  .solution-bg-dark .solution-intro ._row {
    flex-direction: column-reverse;
  }
}
@keyframes arrowFloat {
  0% {
    transform: translateY(0);
    opacity: 0.6;
  }
  50% {
    transform: translateY(8px);
    opacity: 1;
  }
  100% {
    transform: translateY(0);
    opacity: 0.6;
  }
}
.banner-union {
  background-image: url(../images/solution-union.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: 120px 0;
  text-align: center;
}
.banner-union .banner-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.banner-union .title {
  font-size: var(--_fs-display);
  line-height: var(--_lh-display);
}
.banner-union .title span {
  color: var(--_c-white);
  background-color: var(--_c-prim);
  padding: 0 var(--_rem-body);
  border-radius: var(--_r-input);
  margin: 0 var(--_px-space);
}
.banner-union .brief {
  font-size: var(--_fs-subtitle);
  line-height: var(--_lh-subtitle);
  margin-bottom: var(--_px-title);
}
.banner-union .other {
  padding-top: var(--_rem-max);
  font-size: var(--_fs-display);
  color: var(--_c-brief);
}
.banner-union .other i {
  animation: arrowFloat 1s ease infinite;
}
@media (max-width: 1199px) {
  .banner-union {
    padding: 80px 0;
  }
}
.faq-inner {
  --_link-c: var(--_c-text);
  width: 100%;
  height: 100%;
  border-radius: var(--_r-input);
  background-color: var(--_c-stage);
  display: flex;
  padding: var(--_px-body);
  box-sizing: border-box;
  line-height: var(--_rem-subtitle);
  transition: all var(--_dur-2) var(--_bez-eo);
}
.faq-inner h5 {
  margin-top: 0;
}
.faq-inner [rep=icon] {
  font-size: var(--_fs-h5);
  line-height: 1.5em;
}
.faq-inner [rep=brief] {
  color: var(--_c-brief);
  min-height: calc(var(--_rem-subtitle)*3);
}
.faq-inner [rep=more] {
  color: var(--_c-prim);
}
.faq-inner:hover {
  box-shadow: var(--_sd-soft);
}
.center-lamp ._group-lamp {
  --_group-fs: var(--_fs-lead);
  --_group-h: var(--_rem-max);
  justify-content: center;
}
.center-lamp ._group-lamp [rep=label]:after {
  width: 4em;
}
.search-head {
  border-radius: var(--_r-input-lg);
}
.search-head input {
  font-size: var(--_fs-subtitle);
}
.search-head ._icon-search {
  font-size: 18px;
}
.search-result {
  color: var(--_c-brief);
  margin-block: var(--_px-body);
}
.search-list li {
  padding: var(--_px-subtitle);
  box-sizing: border-box;
  background-color: var(--_c-stage);
  border-radius: var(--_r-input-lg);
  transition: all var(--_dur-2) var(--_bez-eo);
}
.search-list li:hover {
  box-shadow: var(--_sd-soft);
}
.search-list ._post {
  --_link-c: var(--_c-text);
}
.search-list ._post [rep=poster] {
  --_post-ar: 4 / 3;
  --_post-h-img: calc(var(--_px-max) * 3);
  --_post-m-img: var(--_px-subtitle);
}
.search-list ._post [rep=poster] img {
  transition: all var(--_dur-2) var(--_bez-eo);
}
.search-list ._post [rep=poster]:hover img {
  scale: 1.2;
}
.search-list ._post [rep=title] {
  font-size: var(--_px-list);
  line-height: 1.4;
  transition: all var(--_dur-2) var(--_bez-eo);
}
.search-list ._post [rep=brief] {
  font-size: var(--_px-lead);
  line-height: 1.2;
}
.comm-support {
  --feature-h-icon: 5rem;
  --feature-g: var(--_rem-title);
  background-color: var(--_c-stage);
}
.comm-support ._grid {
  gap: var(--feature-g);
}
.comm-support .legend {
  margin-right: var(--_px-body);
}
.comm-support .legend img {
  height: var(--feature-h-icon);
}
.comm-support .title {
  font-size: var(--_fs-subtitle);
  line-height: var(--_fs-subtitle);
}
.comm-support .brief {
  color: var(--_c-brief);
  margin-top: var(--_rem-space);
}
/*reponsive，xs600-sm900-md1200-lg1536*/
@media (min-width: calc(1536px)) {
  .comm-support {
    --feature-g: 0;
  }
}
.culture-block {
  background-color: var(--_c-stage);
  padding: var(--_px-title);
  border-radius: var(--_r-input-lg);
  transition: all var(--_dur-2) var(--_bez-eo);
  margin-bottom: var(--_px-max);
}
.culture-block [rep=brief] {
  font-size: var(--_fs-lead);
  line-height: var(--_lh-lead);
}
.culture-block [rep=poster] {
  --_poster-ar: 16/9;
  height: 360px;
}
.culture-block ._flex {
  margin-inline-end: var(--_px-max);
}
.culture-block:where(:nth-child(even)) ._flex {
  margin-inline-start: var(--_px-max);
}
.culture-block:where(:nth-child(even)) ._row {
  flex-direction: row-reverse;
}
@media (max-width: 1199px) {
  .culture-block [rep=poster] {
    width: 100%;
    height: auto;
  }
  .culture-block ._row {
    flex-direction: column-reverse;
  }
  .culture-block ._flex {
    width: 100%;
    margin: 0;
  }
}
@media (max-width: 899px) {
  .culture-block {
    padding: var(--_rem-body);
    margin-bottom: var(--_rem-body);
  }
}
@media (min-width: 1200px) and (max-width: 1535px) {
  .culture-block [rep=poster] {
    --_poster-ar: 4/3;
  }
}
.feedback-detail {
  background-color: var(--_c-stage);
  border-radius: var(--_r-input-lg);
  padding: var(--_px-title);
}
.feedback-detail input,
.feedback-detail textarea,
.feedback-detail ._select {
  background-color: var(--_c-text-bg) !important;
}
.feedback-detail ._tag {
  background-color: var(--_c-stage);
}
@media (max-width: 899px) {
  .feedback-detail {
    padding: var(--_rem-body);
  }
}
.service-column li {
  background-color: var(--_c-stage);
  border-radius: var(--_r-input-lg);
  overflow: hidden;
  transition: all var(--_dur-2) var(--_bez-eo);
}
.service-column [rep=poster] {
  --_poster-ar: 9/3;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  position: relative;
}
.service-column [rep=poster]:before {
  content: attr(data-name);
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  box-sizing: border-box;
  background: linear-gradient(to bottom, transparent, var(--_c-black-88));
  font-size: var(--_fs-title);
  color: var(--_c-white);
  padding: var(--_px-title);
}
.service-column .info-list ._bullet {
  font-size: var(--_fs-lead);
}
.service-column .info-feedback {
  --_link-c: var(--_c-text);
  padding: var(--_rem-body);
  display: block;
}
.service-column .info-feedback > * {
  pointer-events: none;
}
.media-block {
  --feature-g: var(--_rem-list);
  --feature-h: 30rem;
}
.media-block .feature-wrap {
  display: grid;
  grid-template-columns: 1fr;
}
.media-block .feature-wrap > *:where(:not(:first-child)) ._card {
  --_card-bg: transparent;
}
.media-block ._card {
  height: 100%;
  position: relative;
}
.media-block [rep=time] {
  color: var(--_c-brief);
}
.list_tags {
  background-color: var(--_c-stage);
  border-radius: var(--_r-input-lg);
  padding: var(--_rem-title);
}
/*reponsive，xs600-sm900-md1200-lg1536*/
@media (min-width: calc(600px)) {
  .media-block .feature-wrap {
    grid-template-columns: repeat(2, 1fr);
  }
  .media-block .feature-wrap > *:first-child {
    grid-column: span 2;
  }
}
@media (min-width: calc(1440px)) {
  .media-block [rep=time] {
    position: absolute;
    bottom: 0;
  }
  .media-block .feature-wrap {
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: var(--feature-h) var(--feature-h);
  }
  .media-block .feature-wrap > *:first-child {
    grid-row: span 2;
    grid-column: span 2;
  }
  .media-block .feature-wrap > *:first-child ._card[covered] [rep=time] {
    bottom: var(--_card-p-body);
  }
}
.solution-block {
  --_link-c: var(--_c-text);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  border-radius: var(--_r-input-lg);
  overflow: hidden;
  /*     background-position: center;
    background-repeat: no-repeat;
    background-size: cover; */
  position: relative;
}
.solution-block [rep=poster] {
  --_poster-ar: 9/3;
  --_poster-r: inherit;
  width: 100%;
}
.solution-block [rep=text] {
  width: 60%;
  background-color: var(--_c-black-88);
  color: var(--_c-white);
  box-sizing: border-box;
  padding: var(--_px-title);
  border-radius: var(--_r-input);
  position: absolute;
  inset-inline-start: var(--_px-title);
  bottom: var(--_px-title);
}
.solution-block h2 {
  margin-top: 0;
}
.solution-block [rep=stats] {
  margin-top: var(--_px-input);
}
.solution-block [rep=stats] > * {
  margin-inline-end: var(--_px-title);
}
.solution-block AX-STATS [rep=tips] {
  color: var(--_c-white-40);
}
@media (max-width: 1199px) {
  .solution-block {
    padding: 0;
  }
  .solution-block [rep=poster] {
    border-radius: var(--_r-input-lg) var(--_r-input-lg) 0 0;
  }
  .solution-block [rep=text] {
    width: 100%;
    position: static;
    inset-inline-start: initial;
    bottom: initial;
    border-radius: 0 0 var(--_r-input-lg) var(--_r-input-lg);
    background-color: var(--_c-black);
  }
}
@media (max-width: 599px) {
  .solution-block [rep=poster] {
    --_poster-ar: 16/9;
  }
}
@media (min-width: 1200px) and (max-width: 1440px) {
  .solution-block [rep=poster] {
    --_poster-ar: 16/9;
  }
}
.shortcut {
  position: fixed;
  inset-inline-end: var(--_px-body);
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  z-index: 11;
}
.shortcut > * {
  --_link-c: var(--_c-white);
  --_link-c-hov: var(--_c-white);
  --_link-c-foc: var(--_c-white);
  width: var(--_px-hero);
  aspect-ratio: 1/1;
  border-radius: var(--_r-input);
  margin: var(--_px-min) auto;
  font-size: var(--_px-list);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all var(--_dur-2);
  box-sizing: border-box;
}
.shortcut .sc-whatsapp {
  background-color: var(--_c-succ);
}
.shortcut .sc-whatsapp:hover {
  background-color: var(--_c-succ-dp);
}
.shortcut .sc-whatsapp i {
  animation: phone-vibrate 2s infinite ease-in-out;
}
.shortcut .sc-qq {
  background-color: var(--_c-info);
}
.shortcut .sc-qq:hover {
  background-color: var(--_c-info-dp);
}
.shortcut .sc-totop {
  --_link-c: var(--_c-brief);
  --_link-c-hov: var(--_c-brief);
  --_link-c-foc: var(--_c-brief);
  background-color: var(--_c-stage);
  border: 1px solid var(--_c-text-bd);
}
@keyframes phone-vibrate {
  0% {
    transform: rotate(0);
  }
  5% {
    transform: rotate(-15deg);
  }
  10% {
    transform: rotate(15deg);
  }
  15% {
    transform: rotate(-18deg);
  }
  20% {
    transform: rotate(18deg);
  }
  25% {
    transform: rotate(-15deg);
  }
  30% {
    transform: rotate(15deg);
  }
  35% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(0);
  }
}