::-webkit-scrollbar {
  width: 0px; /* 设置宽度为0即可隐藏 */
  background: transparent; /* 可选: 使滚动条背景透明 */
}
/* 针对Firefox */
html {
  scrollbar-width: none;
}

@media  (max-width: 1399px) {
.aaaaa{width: 1000px; margin: 0 auto}
}
@media (min-width: 1400px) and (max-width: 1439px) {
.aaaaa{width: 1200px; margin: 0 auto}
}
@media (min-width: 1440px) and (max-width: 1919px)  {
.aaaaa{width: 1200px; margin: 0 auto}
}

@media (min-width: 1920px) {
.aaaaa{width: 1280px; margin: 0 auto}
}

.nav {
  position: relative;
}
/* 默认显示 logo-default，隐藏 logo-hover */
.a1 {
  position: absolute;
  opacity: 1; /* 完全显示 */
  transition: opacity 0.6s ease;
  height: auto;
}
.a2 {
  position: absolute;
  opacity: 0; /* 完全透明 */
  transition: opacity 0.6s ease;
  height: auto;
}
/* 鼠标悬停时，隐藏 logo-default，显示 logo-hover */
.nav:hover .a1 {
  opacity: 0; /* 完全透明 */
  position: absolute;
  height: auto;
}
.nav:hover .a2 {
  opacity: 1; /* 完全显示 */
  position: absolute;
  height: auto;
}
.table1 {
  width: 300px;
}
:where(.is-layout-flex) {
  gap: 0.5em;
}
:where(.is-layout-grid) {
  gap: 0.5em;
}
body .is-layout-flex {
  display: flex;
}
.is-layout-flex {
  flex-wrap: wrap;
  align-items: center;
}
.is-layout-flex > :is(*, div) {
  margin: 0;
}
body .is-layout-grid {
  display: grid;
}
.is-layout-grid > :is(*, div) {
  margin: 0;
}
:where(.wp-block-columns.is-layout-flex) {
  gap: 2em;
}
:where(.wp-block-columns.is-layout-grid) {
  gap: 2em;
}
:where(.wp-block-post-template.is-layout-flex) {
  gap: 1.25em;
}
:where(.wp-block-post-template.is-layout-grid) {
  gap: 1.25em;
}
.has-black-color {
  color: var(--wp--preset--color--black) !important;
}
.has-cyan-bluish-gray-color {
  color: var(--wp--preset--color--cyan-bluish-gray) !important;
}
.has-white-color {
  color: var(--wp--preset--color--white) !important;
}
.has-pale-pink-color {
  color: var(--wp--preset--color--pale-pink) !important;
}
.has-vivid-red-color {
  color: var(--wp--preset--color--vivid-red) !important;
}
.has-luminous-vivid-orange-color {
  color: var(--wp--preset--color--luminous-vivid-orange) !important;
}
.has-luminous-vivid-amber-color {
  color: var(--wp--preset--color--luminous-vivid-amber) !important;
}
.has-light-green-cyan-color {
  color: var(--wp--preset--color--light-green-cyan) !important;
}
.has-vivid-green-cyan-color {
  color: var(--wp--preset--color--vivid-green-cyan) !important;
}
.has-pale-cyan-blue-color {
  color: var(--wp--preset--color--pale-cyan-blue) !important;
}
.has-vivid-cyan-blue-color {
  color: var(--wp--preset--color--vivid-cyan-blue) !important;
}
.has-vivid-purple-color {
  color: var(--wp--preset--color--vivid-purple) !important;
}
.has-black-background-color {
  background-color: var(--wp--preset--color--black) !important;
}
.has-cyan-bluish-gray-background-color {
  background-color: var(--wp--preset--color--cyan-bluish-gray) !important;
}
.has-white-background-color {
  background-color: var(--wp--preset--color--white) !important;
}
.has-pale-pink-background-color {
  background-color: var(--wp--preset--color--pale-pink) !important;
}
.has-vivid-red-background-color {
  background-color: var(--wp--preset--color--vivid-red) !important;
}
.has-luminous-vivid-orange-background-color {
  background-color: var(--wp--preset--color--luminous-vivid-orange) !important;
}
.has-luminous-vivid-amber-background-color {
  background-color: var(--wp--preset--color--luminous-vivid-amber) !important;
}
.has-light-green-cyan-background-color {
  background-color: var(--wp--preset--color--light-green-cyan) !important;
}
.has-vivid-green-cyan-background-color {
  background-color: var(--wp--preset--color--vivid-green-cyan) !important;
}
.has-pale-cyan-blue-background-color {
  background-color: var(--wp--preset--color--pale-cyan-blue) !important;
}
.has-vivid-cyan-blue-background-color {
  background-color: var(--wp--preset--color--vivid-cyan-blue) !important;
}
.has-vivid-purple-background-color {
  background-color: var(--wp--preset--color--vivid-purple) !important;
}
.has-black-border-color {
  border-color: var(--wp--preset--color--black) !important;
}
.has-cyan-bluish-gray-border-color {
  border-color: var(--wp--preset--color--cyan-bluish-gray) !important;
}
.has-white-border-color {
  border-color: var(--wp--preset--color--white) !important;
}
.has-pale-pink-border-color {
  border-color: var(--wp--preset--color--pale-pink) !important;
}
.has-vivid-red-border-color {
  border-color: var(--wp--preset--color--vivid-red) !important;
}
.has-luminous-vivid-orange-border-color {
  border-color: var(--wp--preset--color--luminous-vivid-orange) !important;
}
.has-luminous-vivid-amber-border-color {
  border-color: var(--wp--preset--color--luminous-vivid-amber) !important;
}
.has-light-green-cyan-border-color {
  border-color: var(--wp--preset--color--light-green-cyan) !important;
}
.has-vivid-green-cyan-border-color {
  border-color: var(--wp--preset--color--vivid-green-cyan) !important;
}
.has-pale-cyan-blue-border-color {
  border-color: var(--wp--preset--color--pale-cyan-blue) !important;
}
.has-vivid-cyan-blue-border-color {
  border-color: var(--wp--preset--color--vivid-cyan-blue) !important;
}
.has-vivid-purple-border-color {
  border-color: var(--wp--preset--color--vivid-purple) !important;
}
.has-vivid-cyan-blue-to-vivid-purple-gradient-background {
  background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;
}
.has-light-green-cyan-to-vivid-green-cyan-gradient-background {
  background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;
}
.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {
  background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;
}
.has-luminous-vivid-orange-to-vivid-red-gradient-background {
  background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;
}
.has-very-light-gray-to-cyan-bluish-gray-gradient-background {
  background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;
}
.has-cool-to-warm-spectrum-gradient-background {
  background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;
}
.has-blush-light-purple-gradient-background {
  background: var(--wp--preset--gradient--blush-light-purple) !important;
}
.has-blush-bordeaux-gradient-background {
  background: var(--wp--preset--gradient--blush-bordeaux) !important;
}
.has-luminous-dusk-gradient-background {
  background: var(--wp--preset--gradient--luminous-dusk) !important;
}
.has-pale-ocean-gradient-background {
  background: var(--wp--preset--gradient--pale-ocean) !important;
}
.has-electric-grass-gradient-background {
  background: var(--wp--preset--gradient--electric-grass) !important;
}
.has-midnight-gradient-background {
  background: var(--wp--preset--gradient--midnight) !important;
}
.has-small-font-size {
  font-size: var(--wp--preset--font-size--small) !important;
}
.has-medium-font-size {
  font-size: var(--wp--preset--font-size--medium) !important;
}
.has-large-font-size {
  font-size: var(--wp--preset--font-size--large) !important;
}
.has-x-large-font-size {
  font-size: var(--wp--preset--font-size--x-large) !important;
}
:where(.wp-block-post-template.is-layout-flex) {
  gap: 1.25em;
}
:where(.wp-block-post-template.is-layout-grid) {
  gap: 1.25em;
}
:where(.wp-block-columns.is-layout-flex) {
  gap: 2em;
}
:where(.wp-block-columns.is-layout-grid) {
  gap: 2em;
}
:root :where(.wp-block-pullquote) {
  font-size: 1.5em;
  line-height: 1.6;
}
img:is([sizes="auto"i], [sizes^="auto,"i]) {
  contain-intrinsic-size: 3000px 1500px
}
.wp-block-button__link {
  color: #fff;
  background-color: #32373c;
  border-radius: 9999px;
  box-shadow: none;
  text-decoration: none;
  padding: calc(.667em + 2px) calc(1.333em + 2px);
  font-size: 1.125em
}
.wp-block-file__button {
  background: #32373c;
  color: #fff;
  text-decoration: none
}
.icon {
  width: 1em;
  height: 1em;
}
.wrap_background-dot {
  transform: translate3d(0, 0, 0);
}
/* Get rid of top margin on first element in any rich text element */
.w-richtext > :not(div):first-child, .w-richtext > div:first-child > :first-child {
  margin-top: 0 !important;
}
/* Get rid of bottom margin on last element in any rich text element */
.w-richtext > :last-child, .w-richtext ol li:last-child, .w-richtext ul li:last-child {
  margin-bottom: 0 !important;
}
/* Create a class of .div-square which maintains a 1:1 dimension of a div */
.div-square::after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.w-select, .w-nav-link, .w-tab-link, .w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link {
  color: inherit;
  text-decoration: inherit;
  font-size: inherit;
}
/* Apply "..." after 3 lines of text */
.text-style-3lines {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
/* Apply "..." after 2 lines of text */
.text-style-2lines {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
/* These classes are never overwritten */
.hide {
  display: none !important;
}
@media screen and (max-width: 991px) {
  .hide, .hide-tablet {
    display: none !important;
  }
}
@media screen and (max-width: 767px) {
  .hide-mobile-landscape {
    display: none !important;
  }
}
@media screen and (max-width: 479px) {
  .hide-mobile {
    display: none !important;
  }
}
.padding-0 {
  padding: 0rem !important;
}
.spacing-clean {
  padding: 0rem !important;
  margin: 0rem !important;
}
.padding-top {
  padding-right: 0rem !important;
  padding-bottom: 0rem !important;
  padding-left: 0rem !important;
}
.padding-right {
  padding-top: 0rem !important;
  padding-bottom: 0rem !important;
  padding-left: 0rem !important;
}
.padding-bottom {
  padding-top: 0rem !important;
  padding-right: 0rem !important;
  padding-left: 0rem !important;
}
.padding-left {
  padding-top: 0rem !important;
  padding-right: 0rem !important;
  padding-bottom: 0rem !important;
}
.padding-horizontal {
  padding-top: 0rem !important;
  padding-bottom: 0rem !important;
}
.padding-vertical {
  padding-right: 0rem !important;
  padding-left: 0rem !important;
}
.button-classic.is-linear {
  border-color: currentColor;
}
.element_line {
  background-color: currentColor;
}
.w-dropdown-toggle {
  white-space: normal;
}
.theme-dark, .hero_image-full, .background-color-navy, .text-color-white {
  --color--separator: #28346F;
}
.background-color-beige {
  --color--separator: #C7C4C2;
}
.dropdown_component {
  text-wrap: balance;
}
/* Equal-width column in a 2-column layout */
.column-1of2-equal {
  width: calc((100% - var(--gutter--gutter-desktop)) / 2);
}
/* Equal-width column in a 3-column layout */
.column-1of3-equal {
  width: calc((100% - 2 * var(--gutter--gutter-desktop)) / 3);
}
/* Narrow (1/3 width) column in a 2-column layout */
.column-1of2-narrow {
  width: calc((100% - var(--gutter--gutter-desktop)) * (1 / 3));
}
/* Wide (2/3 width) column in a 2-column layout */
.column-1of2-wide {
  width: calc((100% - var(--gutter--gutter-desktop)) * (2 / 3));
}
.placeholder-1of2-in-column-1of2 {
  width: calc((100% - var(--gutter--gutter-desktop)) / 6);
}
.column-1of2-equal-desktop {
  width: auto;
}
/* Equal-width column in a 3-column layout */
.column-1of3-equal-desktop {
  width: auto;
}
/* Narrow (1/3 width) column in a 2-column layout */
.column-1of2-narrow-desktop {
  width: auto;
}
/* Wide (2/3 width) column in a 2-column layout */
.column-1of2-wide-desktop {
  width: auto;
}
.placeholder-1of2-in-column-1of2-desktop {
  width: auto;
}
@media screen and (min-width: 992px) {
  /* Equal-width column in a 2-column layout */
  .column-1of2-equal-desktop {
    width: calc((100% - var(--gutter--gutter-desktop)) / 2);
  }
  /* Equal-width column in a 3-column layout */
  .column-1of3-equal-desktop {
    width: calc((100% - 2 * var(--gutter--gutter-desktop)) / 3);
  }
  /* Narrow (1/3 width) column in a 2-column layout */
  .column-1of2-narrow-desktop {
    width: calc((100% - var(--gutter--gutter-desktop)) * (1 / 3));
  }
  /* Wide (2/3 width) column in a 2-column layout */
  .column-1of2-wide-desktop {
    width: calc((100% - var(--gutter--gutter-desktop)) * (2 / 3));
  }
  .placeholder-1of2-in-column-1of2-desktop {
    width: calc((100% - var(--gutter--gutter-desktop)) / 6);
  }
}
button {
  text-align: unset;
  padding: unset;
  background-color: unset;
}
video[poster] {
  object-fit: cover;
}
.shimmer-loader {
  background-size: 200% 100%;
}
@keyframes shimmer-loading {
  0% {
    background-position: 100% 0;
  }
  100% {
    background-position: -100% 0;
  }
}
.price::before {
  content: "$";
}
button[disabled] {
  opacity: 0.5;
  cursor: not-allowed;
}
.button-classic:disabled:hover {
  background-color: var(--color--navy-blue);
  color: var(--color--white)
}
.button-classic.is-beige:disabled:hover {
  background-color: var(--color--beige-light);
  color: var(--color--navy-blue);
}
dialog {
  color: inherit;
}
.w-form-label, label {
  font-weight: inherit;
}
.has_top-gradient {
  -webkit-clip-path: inset(-100% 0 0 0);
}
.tooltip:hover .tooltip_text {
  visibility: visible;
  opacity: 1;
  bottom: -1rem;
}
textarea {
  resize: vertical;
}
select:invalid, select option[value=""] {
  color: var(--color--navy-blue-03);
}
[class*="toggle_switcher_test"]:before {
  position: absolute;
  content: "";
  height: 1.25rem;
  width: 1.25rem;
  left: 0.25rem;
  bottom: 0.25rem;
  background-color: white;
  transition: 0.15s;
  border-radius: 50%;
  box-shadow: 0px 3px 1px 0px #0000000F, 0px 3px 8px 0px #00000026;
}
input:checked + [class*="toggle_switcher_test"] {
  background-color: var(--color--navy-blue);
}
input:checked + [class*="toggle_switcher_test"]:before {
  transform: translateX(1.25rem);
}
input::placeholder {
  color: var(--hubmed-vod---color--navy-blue-04, var(--color--navy-blue-04));
  font-size: inherit;
  line-height: inherit;
}
.logo-container {
  position: fixed;
  top: 20px;
  left: 20px;
  width: 150px;
  height: 60px;
  z-index: 100;
}
.logo {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: opacity 0.3s ease, transform 0.3s ease;
}
/* 滚动超过130px时的样式变化 */
.scrolled .logo {
  transform: scale(1.05);
}
.flex.aic {
  align-items: center;
}
.flex.sb {
  justify-content: space-between;
}
.flex {
  display: flex;
}


#latest-news {
  padding-top: 0px;
}
#latest-news .flex h2 {
  margin-bottom: 0;
}
#latest-news .releases {
  margin-top: 12px;
}
#latest-news .releases a {
  flex-basis: calc(25% - (75px / 4));
  display: block;
  padding-top: 24px;
  border-top: 1px solid #c3cdda;
  margin-right: 25px;
}
#latest-news .releases a:last-of-type {
  margin-right: 0;
}
#latest-news .releases a span {
  display: block;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
#latest-news .releases a span.date {
  color: #707070;
  font-size: 13px;
  line-height: 16px;
  margin-bottom: 8px;
  font-family: impact;
  font-size: 2rem;
  line-height: 1.18;
  font-weight: 900;
  color: #244888;
}
#latest-news .releases a span.title {
  color: #000;
  font-size: 16px;
  line-height: 24px;
  text-transform: capitalize;
}
#latest-news .releases a:hover {
  border-top: 1px solid #244888;
}
#latest-news .releases a:hover span {
  color: #244888;
}
@media  (max-width: 1399px) {
.title222 {
  font-size: 34px;
  line-height: var(--typography--body-l-line-height);
  width: 100%;
  padding-top: 1.5rem;
  margin-bottom: 2rem;
  padding-bottom: 2.5rem;
  font-weight: 900;
  text-transform: uppercase;
  color: #244888;
}
}
@media (min-width: 1400px) and (max-width: 1439px) {
.title222 {
  font-size: 46px;
  line-height: var(--typography--body-l-line-height);
  width: 100%;
  padding-top: 1.5rem;
  margin-bottom: 2rem;
  padding-bottom: 2.5rem;
  font-weight: 900;
  text-transform: uppercase;
  color: #244888;
}
}
@media (min-width: 1440px) and (max-width: 1919px)  {
.title222 {
  font-size: 46px;
  line-height: var(--typography--body-l-line-height);
  width: 100%;
  padding-top: 1.5rem;
  margin-bottom: 2rem;
  padding-bottom: 2.5rem;
  font-weight: 900;
  text-transform: uppercase;
  color: #244888;
}
}

@media (min-width: 1920px) {
.title222 {
  font-size: 46px;
  line-height: var(--typography--body-l-line-height);
  width: 100%;
  padding-top: 1.5rem;
  margin-bottom: 2rem;
  padding-bottom: 2.5rem;
  font-weight: 900;
  text-transform: uppercase;
  color: #244888;
}
}


.index-hybr__wrap .box-btn a {
  margin-right: 2.08333vw;
}
.index-hybr__wrap .box-btn a {
  margin-right: 40px;
}
.link-btn {
  font-size: 0;
  display: inline-block;
}
.company-hybr__wrap .title p {
  font: 16px "Montserrat Light";
  line-height: 1.6;
  color: #fff;
}
.company-hybr__wrap .txt p {
  font-size: 16px;
  line-height: 2;
  color: #fff;
}
@media (max-width: 1920px) .company-hybr__wrap .ikon-dec__full {
  right: 4.16667vw;
}
.company-hybr__wrap .ikon-dec__full {
  right: 80px;
}
@media (max-width: 1920px) .ikon-dec__full {
  right: 4.16667vw;
}
.ikon-dec__full {
  position: absolute;
  top: 50%;
  right: 80px;
  opacity: .5;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
  width: 16px;
}
.company-hybr__wrap .title h4 {
  font-size: 48px;
  line-height: 1.4;
  color: #fff;
}
.lazy.insert {
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  width: 24px;
  height: 24px;
  margin-top: -12px;
  margin-left: -12px;
}
.company-hybr__wrap {
  position: relative;
  padding-top: 33.333%;
}
.bg-cover {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.company-hybr__wrap .ikon-dec__full span {
  -moz-transform: translateY(15px) rotate(180deg);
  -ms-transform: translateY(15px) rotate(180deg);
  -webkit-transform: translateY(15px) rotate(180deg);
  transform: translateY(15px) rotate(180deg);
}
.ikon-dec__full span {
  font: 16px "Montserrat Light";
  color: #fff;
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-writing-mode: vertical-lr;
  writing-mode: vertical-lr;
  white-space: normal;
}
.ikon-dec__full span, .ikon-dec__full i {
  display: inline-block;
}
.imgaaa {
  object-fit: contain;
  max-width: 100%;
  height: auto;
  font-style: italic;
}
.flex.wrap {
  flex-wrap: wrap;
}
#industry-leadership .flex.two-col > * {
  flex-basis: calc(50% - 12.5px);
}
#industry-leadership .flex.two-col > *:nth-of-type(odd) {
  margin-right: 25px;
}
#industry-leadership .boxes > a {
  display: flex;
  margin-bottom: 25px;
  height: 300px;
  font-size: 30px;
  line-height: 36px;
  font-weight: 700;
}
#industry-leadership .boxes > a span {
  display: block;
}
#industry-leadership .boxes > a > span.content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-basis: calc(50% + 25px);
  padding: 25px;
}
#industry-leadership .boxes > a > span.image {
  flex-basis: calc(50% - 25px);
}
#industry-leadership .boxes .dark {
  background-color: #003764;
  color: #FFF;
}
#industry-leadership .boxes .light {
  color: #000;
}
#industry-leadership .boxes .light {
  background-color: #f1f4f7;
}
#industry-leadership .boxes .image {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
#industry-leadership .boxes > a.full-width {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
}
#industry-leadership .boxes > a.full-width > span.content {
  flex-basis: 100%;
}
#industry-leadership .boxes .large {
  font-size: 104px;
  line-height: 96px;
  margin-bottom: 20px;
}
.horor-toggle {
  position: relative;
  margin-bottom: 40px;
  .title {
    position: relative;
    max-width: 720px;
    padding-right: 60px;
    padding-bottom: 15px;
    padding-left: 60px;
    p {
      font-size: 28px;
      font-family: $en02;
      line-height: 1.6;
      color: $color01;
    }
    span {
      color: $vi;
    }
  }
  .partner-arrow {
    position: absolute;
    right: 0;
    bottom: 0;
  }
}
.hornor-slick {
  margin: 0 -28px;
  padding-top: 60px;
  border-top: 2px solid $vi;
  .item {
    margin: 0 28px;
  }
  .item-pic {
    position: relative;
    &::before {
      content: "";
      display: block;
      padding-top: 118.1818%;
    }
  }
  img {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
  }
  .item-title {
    text-align: center;
    margin-top: 10px;
    line-height: 1.5;
  }
}
// slick
.sh-year {
  position: relative;
  z-index: 1;
  &::before {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    height: 1px;
    content: '';
    opacity: .1;
    background-color: $vi;
  }
}
.shy-box {
  position: relative;
  @extend %transition-all;
}
.slick-hyear {
  margin-right: 240px;
  margin-left: 240px;
  .slick-current {
    span {
      @include transform(scale(1));
    }
  }
}
.shyear-item {
  text-align: center;
  span {
    font-family: $en02;
    font-size: 120px;
    line-height: 1;
    position: relative;
    display: inline-block;
    vertical-align: top;
    color: $vi;
    @include transition(transform 2s);
    @include transform(scale(0));
    &::before {
      position: absolute;
      top: 50%;
      left: -50px;
      width: 10px;
      height: 10px;
      margin-top: -5px;
      content: '';
      border-radius: 50%;
      background-color: $vi;
    }
  }
}
.shy-arrow {
  font-size: 30px;
  line-height: 50px;
  position: absolute;
  top: 50%;
  width: 50px;
  height: 50px;
  margin-top: -25px;
  cursor: pointer;
  text-align: center;
  color: #fff;
  border-radius: 50%;
  background-color: $vi;
  @include transition(transform .4s);
}
.shy-prev {
  left: 0;
}
.shy-next {
  right: 0;
}
.shy-left, .shy-right {
  position: absolute;
  top: 50%;
  overflow: hidden;
  width: 150px;
  height: 90px;
  margin-top: -45px;
  padding: 20px 0;
}
.shy-left {
  left: 70px;
}
.shy-right {
  right: 70px;
}
.shs-item {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 50px;
  cursor: pointer;
  vertical-align: top;
  &::before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 10px;
    margin-top: -5px;
    margin-left: -5px;
    content: '';
    opacity: .4;
    border-radius: 50%;
    background-color: $vi;
    @extend %transition-all;
  }
  span {
    font-family: $en03;
    font-size: 14px;
    line-height: 20px;
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    text-align: center;
    opacity: .5;
    color: #999;
  }
  &:hover {
    &::before {
      opacity: 1;
    }
  }
}
.shy-sbox {
  font-size: 0;
  position: relative;
  width: 1000px;
  text-align-last: auto;
}
.history-full__slick {
  font-size: 0;
  .pic, .inner {
    display: inline-block;
    vertical-align: middle;
  }
  .pic {
    width: 48%;
    img {
      width: 100%;
    }
  }
  .inner {
    width: 52%;
    padding: 0 70px;
  }
  .title {
    font-size: 30px;
    font-family: $en02;
    line-height: 1.5;
    color: $color01;
  }
  .txt {
    margin-top: 10px;
  }
}
@media (min-width: 1025px) {
  .shy-arrow {
    &:hover {
      @include transform(scale(.8));
    }
  }
  .list-culture {
    .box {
      &:hover {
        .item-right {
          @include transform(translateY(0));
        }
      }
    }
  }
}
@media (max-width: 1920px) {
  .company-strategy__wrap {
    padding-bottom: 40px;
  }
  .company-page__bgPic {
    .link-btn {
      bottom: vw(40, 1920);
    }
  }
  .company-intro {
    .inner {
      margin-top: vw(30, 1920);
    }
  }
  .company-culture__wrap {
    padding-bottom: vw(40, 1920);
  }
  .list-culture {
    ul {
      margin: 0 vw(-28, 1920);
    }
    .box {
      margin: 0 vw(28, 1920);
    }
    article {
      .txt {
        margin-top: vw(8, 1920);
      }
    }
  }
  .company-philosophy__wrap {
    padding-top: vw(120, 1920);
    padding-bottom: vw(40, 1920);
  }
  .list-philosophy {
    ul {
      margin: 0 vw(-28, 1920);
    }
    li {
      margin-bottom: vw(80, 1920);
    }
    .box {
      margin: 0 vw(28, 1920);
      padding-top: vw(50, 1920);
    }
    span {
      margin-top: vw(40, 1920);
      margin-bottom: vw(15, 1920);
    }
  }
  .list-strategy {
    // ul
    // {
    //     margin: 0 vw(-28,1920);
    // }
    // .box
    // {
    //     margin: 0 vw(28,1920);
    // }
    article {
      margin-top: vw(34, 1920);
    }
    .txt {
      margin-top: vw(20, 1920);
    }
  }
  .history-full__slick {
    .inner {
      padding: 0 vw(70, 1920);
    }
    .txt {
      margin-top: vw(10, 1920);
    }
  }
  .hornor-slick {
    margin: 0 vw(-28, 1920);
    padding-top: vw(60, 1920);
    .item {
      margin: 0 vw(28, 1920);
    }
  }
  .company-hybr__wrap {
    .ikon-dec__full {
      right: vw(80, 1920);
    }
    .cont {
      left: vw(160, 1920);
    }
    .txt {
      margin-top: vw(30, 1920);
    }
  }
  .company-honor__wrap {
    .partner-arrow {
      a {
        margin-left: vw(20, 1920);
      }
    }
  }
  .horor-toggle {
    margin-bottom: vw(40, 1920);
  }
  .shyear-item {
    text-align: center;
    span {
      font-size: vw(120, 1920);
    }
  }
}
@media (max-width: 1440px) {
  .list-culture {
    article {
      h1 {
        font-size: 20px;
      }
    }
  }
  .list-philosophy {
    span {
      font-size: 20px;
    }
  }
  .list-strategy {
    article {
      h1 {
        font-size: 30px;
      }
    }
    .txt {
      p {
        font-size: 20px;
      }
    }
  }
  .company-hybr__wrap {
    .title {
      h4 {
        font-size: 32px;
      }
    }
  }
  .history-full__slick {
    .title {
      font-size: 30px;
    }
  }
  .shy-arrow {
    font-size: 26px;
    line-height: 44px;
    width: 44px;
    height: 44px;
    margin-top: -22px;
  }
}
@media (max-width: 1366px) {
  .list-culture {
    article {
      h1 {
        font-size: 18px;
      }
    }
  }
  .list-philosophy {
    span {
      font-size: 18px;
    }
  }
  .list-strategy {
    article {
      h1 {
        font-size: 26px;
      }
    }
    .txt {
      p {
        font-size: 18px;
      }
    }
  }
  .horor-toggle {
    .title {
      p {
        font-size: 26px;
      }
    }
  }
  .company-intro {
    .link-btn {
      i {
        font-size: 20px;
      }
    }
  }
  .history-full__slick {
    .title {
      font-size: 26px;
    }
  }
  .shy-arrow {
    font-size: 22px;
    line-height: 40px;
    width: 40px;
    height: 40px;
    margin-top: -20px;
  }
}
@media (max-width: 1024px) {
  .company-culture__wrap {
    padding-bottom: 20px;
  }
  .company-intro {
    .inner {
      margin-top: 15px;
    }
  }
  .list-strategy {
    article {
      margin-top: 17px;
      h1 {
        font-size: 22px;
      }
    }
    .txt {
      p {
        font-size: 16px;
      }
    }
  }
  .company-hybr__wrap {
    padding-top: 46%;
    .title {
      h4 {
        font-size: 28px;
      }
    }
    .cont {
      left: 0;
      width: 100%;
      padding: 0 24px;
      p {
        font-size: 14px;
      }
    }
    .txt {
      margin-top: 15px;
    }
  }
  .list-culture {
    article {
      display: none;
      .txt {
        margin-top: 0;
      }
    }
    .item-right {
      background-color: transparent;
      @include transform(translateY(0));
      .il-title {
        font-size: 18px;
        display: block;
        margin-bottom: 15px;
        color: #fff;
      }
    }
  }
  .horor-toggle {
    margin-bottom: 20px;
    .title {
      max-width: 580px;
      padding-right: 48px;
      padding-left: 48px;
      p {
        font-size: 22px;
      }
    }
  }
  .list-philosophy {
    img {
      width: 65px;
    }
    .box {
      height: 260px;
      padding-top: 30px;
    }
  }
  .shyear-item {
    span {
      font-size: 60px;
      &::before {
        left: -20px;
      }
    }
  }
  .history-full__slick {
    .title {
      font-size: 22px;
      line-height: 1.6;
    }
    .txt {
      margin-top: 15px;
    }
    .inner {
      padding: 0 30px;
    }
  }
  .shy-arrow {
    line-height: 40px;
    width: 40px;
    height: 40px;
    margin-top: -20px;
  }
  .company-page__bgPic {
    .link-btn {
      bottom: 20px;
    }
  }
  .company-intro {
    .link-btn {
      i {
        font-size: 18px;
      }
    }
  }
}
@media (max-width: 768px) {
  .company-hybr__wrap {
    .title {
      h4 {
        font-size: 22px;
      }
    }
  }
  .list-philosophy {
    li {
      width: 50%;
    }
    span {
      margin-top: 15px;
      margin-bottom: 10px;
    }
  }
  .list-strategy {
    article {
      h1 {
        font-size: 20px;
      }
    }
    .txt {
      margin-top: 4px;
      p {
        font-size: 14px;
      }
    }
  }
  .shyear-item {
    span {
      font-size: 40px;
      &::before {
        left: -10px;
        display: none;
      }
    }
  }
  .slick-hyear {
    margin-right: 90px;
    margin-left: 90px;
  }
  .shy-left, .shy-right {
    width: 50px;
  }
  .shy-left {
    left: 40px;
    .shy-sbox {
      -webkit-transform: translateX(-100px);
      transform: translateX(-100px);
    }
  }
  .shy-right {
    right: 40px;
  }
  .history-full__slick {
    .pic {
      width: 100%;
    }
    .inner {
      width: 100%;
      margin-top: 30px;
      padding: 0;
    }
  }
  .company-intro {
    .link-btn {
      i {
        font-size: 16px;
      }
    }
  }
}
@media (max-width: 640px) {
  .company-hybr__wrap {
    padding-top: 64%;
    .title {
      h4 {
        font-size: 20px;
      }
    }
    .cont {
      p {
        font-size: 12px;
      }
    }
  }
  .company-honor__wrap {
    .partner-arrow {
      position: relative;
      right: auto;
      bottom: auto;
      margin-top: 30px;
    }
  }
  .horor-toggle {
    .title {
      padding-right: 30px;
      padding-left: 30px;
      p {
        font-size: 18px;
      }
    }
  }
  .list-philosophy {
    img {
      width: 50px;
    }
  }
  .history-full__slick {
    .title {
      font-size: 18px;
    }
  }
  .shy-arrow {
    font-size: 20px;
    line-height: 34px;
    width: 34px;
    height: 34px;
    margin-top: -17px;
  }
  .company-intro {
    .bg-pic {
      padding-top: 50%;
    }
  }
}
@media (max-width: 500px) {
  .list-philosophy {
    li {
      width: 100%;
    }
    .box {
      height: auto;
      padding-bottom: 30px;
    }
  }
  .company-hybr__wrap {
    padding-top: 90%;
  }
}
.index-product__feature li a:hover .txt {
  visibility: visible;
  opacity: 1;
}
.index-product__feature .txt {
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  width: 100%;
  opacity: 0;
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  max-height: 150px;
  overflow: hidden;
}