:root {
  --blue: #0063ad;
  --blue-deep: #0063ad;
  --ink: #303030;
  --muted: #777;
  --footer: #2c2f33;
  --dark: #111c25;
  --line: #e8e8e8;
  --max: 1120px;
  --wide: 1370px
}

/* Food industry home page -------------------------------------------------- */
.food-home {
  --food-green: #35b65f;
  --food-green-dark: #208d48;
  --food-lime: #a9cc47;
  --food-text: #262626;
  --food-muted: #858585;
  --food-line: #ececec;
  --food-wrap: 1180px;
  min-width: 320px;
  color: var(--food-text);
  background: #fff;
  font-family: "Microsoft YaHei", "PingFang SC", Arial, sans-serif;
  font-size: 14px;
  line-height: 1.7;
  overflow-x: hidden
}

.food-home *,
.food-home *:before,
.food-home *:after {
  box-sizing: border-box
}

.food-home a {
  color: inherit;
  text-decoration: none
}

.food-home img {
  display: block;
  max-width: 100%
}

.food-wrap {
  width: min(var(--food-wrap), calc(100% - 48px));
  margin: 0 auto
}

.food-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0
}

.food-header {
  position: relative;
  z-index: 100;
  height: 64px;
  background: rgba(255, 255, 255, .98);
  border-bottom: 1px solid rgba(0, 0, 0, .05);
  box-shadow: 0 2px 12px rgba(24, 54, 36, .04)
}

.food-header-inner {
  position: relative;
  height: 64px;
  display: flex;
  align-items: center;
  gap: 36px
}

.food-brand {
  flex: 0 0 auto;
  min-width: 150px;
  max-width: 225px;
  display: flex;
  align-items: center;
  gap: 8px;
  color: #222
}

.food-brand img {
  width: auto;
  height: auto;
  max-width: 210px;
  max-height: 42px;
  object-fit: contain
}

.food-brand-mark {
  color: var(--food-green);
  font-size: 38px;
  font-weight: 300;
  line-height: 1
}

.food-brand strong {
  font-size: 23px;
  line-height: 1.15;
  font-weight: 600;
  white-space: nowrap
}

.food-nav {
  min-width: 0;
  margin-left: auto;
  align-self: stretch
}

.food-nav>ul {
  height: 100%;
  display: flex;
  align-items: stretch;
  justify-content: flex-end;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none
}

.food-nav>ul>li {
  position: relative;
  display: flex;
  align-items: stretch
}

.food-nav>ul>li>a {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0 17px;
  color: #333;
  font-size: 15px;
  white-space: nowrap;
  transition: color .2s ease
}

.food-nav>ul>li:hover>a,
.food-nav>ul>li>a:focus-visible {
  color: var(--food-green)
}

.food-subnav {
  position: absolute;
  top: 100%;
  left: 50%;
  z-index: 20;
  min-width: 150px;
  margin: 0;
  padding: 6px 0;
  list-style: none;
  background: #fff;
  border-top: 3px solid var(--food-green);
  box-shadow: 0 14px 35px rgba(20, 60, 34, .14);
  opacity: 0;
  visibility: hidden;
  transform: translate(-50%, 8px);
  transition: opacity .2s ease, visibility .2s ease, transform .2s ease
}

.food-nav li:hover>.food-subnav {
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, 0)
}

.food-subnav a {
  display: block;
  padding: 8px 20px;
  color: #555;
  text-align: center;
  white-space: nowrap
}

.food-subnav a:hover {
  color: #fff;
  background: var(--food-green)
}

.food-search-button {
  flex: 0 0 38px;
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 0;
  color: #333;
  background: transparent;
  cursor: pointer
}

.food-search-button svg {
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.6;
  stroke-linecap: round
}

.food-search-button:hover {
  color: var(--food-green)
}

.food-search {
  position: absolute;
  top: calc(100% + 1px);
  right: 0;
  z-index: 40;
  width: min(380px, calc(100vw - 48px));
  display: flex;
  padding: 14px;
  background: #fff;
  border-top: 2px solid var(--food-green);
  box-shadow: 0 16px 35px rgba(20, 60, 34, .16);
  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  transition: .2s ease
}

.food-search.is-open {
  opacity: 1;
  visibility: visible;
  transform: none
}

.food-search input {
  min-width: 0;
  flex: 1;
  height: 42px;
  padding: 0 14px;
  border: 1px solid #ddd;
  border-right: 0;
  outline: 0;
  font: inherit
}

.food-search input:focus {
  border-color: var(--food-green)
}

.food-search button {
  width: 72px;
  border: 0;
  color: #fff;
  background: var(--food-green);
  font: inherit;
  cursor: pointer
}

.food-menu-button {
  display: none;
  width: 42px;
  height: 38px;
  margin-left: auto;
  padding: 8px;
  border: 0;
  border-radius: 3px;
  background: var(--food-green);
  cursor: pointer
}

.food-menu-button span {
  display: block;
  width: 100%;
  height: 2px;
  margin: 4px 0;
  border-radius: 2px;
  background: #fff;
  transition: transform .2s ease, opacity .2s ease
}

.food-hero {
  position: relative;
  height: clamp(430px, 46vw, 650px);
  overflow: hidden;
  color: #fff;
  background: linear-gradient(135deg, #287d56, #80bd47)
}

.food-hero swiper-container,
.food-hero swiper-slide,
.food-hero-link,
.food-hero-media,
.food-hero-fallback {
  width: 100%;
  height: 100%
}

.food-hero swiper-container {
  --swiper-pagination-color: #fff;
  --swiper-pagination-bullet-inactive-color: rgba(255, 255, 255, .7);
  --swiper-pagination-bullet-inactive-opacity: 1;
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-horizontal-gap: 7px
}

.food-hero swiper-container::part(pagination) {
  bottom: 22px
}

.food-hero swiper-container::part(bullet),
.food-hero swiper-container::part(bullet-active) {
  border: 1px solid rgba(255, 255, 255, .95);
  background: transparent
}

.food-hero swiper-container::part(bullet-active) {
  background: #fff
}

.food-hero-media {
  object-fit: cover
}

.food-hero-shade {
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(4, 52, 42, .22), rgba(6, 38, 25, .03) 62%, rgba(4, 28, 20, .12))
}

.food-hero-copy {
  position: absolute;
  inset: 0;
  z-index: 3;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-bottom: 8px;
  pointer-events: none;
  text-align: center;
  text-shadow: 0 3px 15px rgba(0, 0, 0, .35)
}

.food-hero-copy h1 {
  margin: 0;
  font-size: clamp(35px, 4vw, 58px);
  line-height: 1.25;
  font-weight: 300;
  letter-spacing: 3px
}

.food-hero-copy p {
  margin: 20px 0 0;
  font-size: clamp(18px, 2vw, 28px);
  font-weight: 300;
  letter-spacing: 2px
}

.food-promises {
  position: relative;
  z-index: 5;
  color: #fff;
  background: linear-gradient(90deg, #2aaa59, #3ec365 52%, #26aa55)
}

.food-promise-grid {
  min-height: 86px;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  align-items: center
}

.food-promise {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  padding: 12px 14px;
  border-right: 1px solid rgba(255, 255, 255, .14);
  transition: background .2s ease
}

.food-promise:first-child {
  border-left: 1px solid rgba(255, 255, 255, .14)
}

.food-promise:hover {
  background: rgba(255, 255, 255, .09)
}

.food-promise-icon {
  flex: 0 0 34px
}

.food-promise-icon svg {
  width: 34px;
  height: 34px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.4;
  stroke-linecap: round;
  stroke-linejoin: round
}

.food-promise strong,
.food-promise small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.food-promise strong {
  font-size: 15px;
  font-weight: 500
}

.food-promise small {
  margin-top: 2px;
  color: rgba(255, 255, 255, .82);
  font-size: 11px
}

.food-section {
  padding: 72px 0 76px
}

.food-products .food-wrap,
.food-about .food-wrap,
.food-news .food-wrap {
  width: 80%
}

.food-section-head {
  margin-bottom: 38px;
  text-align: center
}

.food-section-head h2 {
  position: relative;
  display: inline-block;
  margin: 0;
  padding-bottom: 13px;
  color: #252525;
  font-size: 28px;
  line-height: 1.3;
  font-weight: 400;
  letter-spacing: 2px
}

.food-section-head h2:after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 36px;
  height: 2px;
  background: var(--food-green);
  transform: translateX(-50%)
}

.food-section-head p {
  margin: 8px 0 0;
  color: #aaa;
  font-size: 13px;
  letter-spacing: 1px
}

.food-product-grid {
  height: 530px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(2, 1fr);
  gap: 10px
}

.food-product-card {
  position: relative;
  min-width: 0;
  overflow: hidden;
  border-radius: 4px;
  color: #fff;
  background: var(--food-green);
  box-shadow: 0 10px 28px rgba(28, 88, 45, .12)
}

.food-product-card:nth-child(3n) {
  background: var(--food-lime)
}

.food-product-1 {
  grid-column: 1 / span 2;
  grid-row: 1
}

.food-product-2 {
  grid-column: 3;
  grid-row: 1 / span 2
}

.food-product-3 {
  grid-column: 4;
  grid-row: 1
}

.food-product-4 {
  grid-column: 1;
  grid-row: 2
}

.food-product-5 {
  grid-column: 2;
  grid-row: 2
}

.food-product-6 {
  grid-column: 4;
  grid-row: 2
}

.food-product-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .65s cubic-bezier(.2, .7, .2, 1)
}

.food-product-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(17, 63, 34, .72), rgba(17, 63, 34, .05) 78%);
  transition: background .3s ease
}

.food-product-2 .food-product-overlay,
.food-product-3 .food-product-overlay {
  background: linear-gradient(180deg, rgba(17, 63, 34, .06) 30%, rgba(17, 63, 34, .72))
}

.food-product-content {
  position: absolute;
  left: 28px;
  right: 24px;
  bottom: 26px;
  z-index: 2
}

.food-product-content strong,
.food-product-content small,
.food-product-content i {
  display: block
}

.food-product-content strong {
  color: #fff !important;
  font-size: 22px;
  font-weight: 500;
  text-shadow: 0 2px 8px rgba(0, 0, 0, .58)
}

.food-product-content small {
  margin-top: 5px;
  color: #fff !important;
  font-size: 12px;
  line-height: 1.55;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-shadow: 0 1px 5px rgba(0, 0, 0, .72)
}

.food-product-content i {
  margin-top: 13px;
  color: #fff !important;
  font-size: 24px;
  font-style: normal;
  line-height: 1;
  text-shadow: 0 1px 5px rgba(0, 0, 0, .65)
}

.food-product-card:hover img {
  transform: scale(1.055)
}

.food-product-card:hover .food-product-overlay {
  background-color: rgba(25, 144, 67, .22)
}

.food-center {
  margin-top: 34px;
  text-align: center
}

.food-more-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  min-width: 150px;
  height: 43px;
  padding: 0 22px;
  color: #777;
  border: 1px solid #ddd;
  transition: color .2s ease, border-color .2s ease, background .2s ease
}

.food-more-button:hover {
  color: #fff;
  border-color: var(--food-green);
  background: var(--food-green)
}

.food-about {
  position: relative;
  min-height: 610px;
  padding: 68px 0 74px;
  overflow: hidden;
  background: linear-gradient(135deg, #589f33, #256f3c)
}

.food-about-bg,
.food-about-shade {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%
}

.food-about-bg {
  object-fit: cover
}

.food-about-shade {
  background: linear-gradient(rgba(34, 106, 48, .32), rgba(19, 65, 32, .43))
}

.food-about .food-wrap {
  position: relative;
  z-index: 2
}

.food-section-head-light h2,
.food-section-head-light p {
  color: #fff;
  text-shadow: 0 2px 8px rgba(0, 0, 0, .2)
}

.food-section-head-light h2:after {
  background: #fff
}

.food-section-head-light p {
  color: rgba(255, 255, 255, .82)
}

.food-about-card {
  min-height: 320px;
  display: grid;
  grid-template-columns: 1fr 1.22fr;
  max-width: none;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0 18px 45px rgba(15, 58, 30, .22)
}

.food-about-media {
  min-height: 320px;
  overflow: hidden;
  background: #edf4e8
}

.food-about-media img {
  width: 100%;
  height: 100%;
  min-height: 320px;
  object-fit: cover
}

.food-about-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 38px 45px
}

.food-about-copy h3 {
  margin: 0 0 18px;
  font-size: 24px;
  font-weight: 400
}

.food-about-copy p,
.food-about-description {
  color: #777;
  font-size: 14px;
  line-height: 2
}

.food-about-description {
  max-height: 142px;
  overflow: hidden
}

.food-about-description p {
  margin: 0 0 9px
}

.food-about-copy>a {
  align-self: flex-start;
  margin-top: 20px;
  color: var(--food-green);
  font-size: 14px
}

.food-about-copy>a span {
  margin-left: 8px;
  transition: margin .2s ease
}

.food-about-copy>a:hover span {
  margin-left: 14px
}

.food-news {
  padding-bottom: 64px
}

.food-news-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px
}

.food-news-card {
  min-width: 0;
  overflow: hidden;
  border-radius: 4px;
  background: #fff;
  border: 1px solid #eee;
  transition: transform .25s ease, box-shadow .25s ease
}

.food-news-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 18px 40px rgba(30, 75, 43, .11)
}

.food-news-image {
  height: 245px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  color: rgba(255, 255, 255, .88);
  background: linear-gradient(135deg, #87be50, #2e9d58);
  font-size: 17px;
  letter-spacing: 3px
}

.food-news-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .5s ease
}

.food-news-card:hover .food-news-image img {
  transform: scale(1.045)
}

.food-news-body {
  position: relative;
  min-height: 158px;
  padding: 20px 22px 24px
}

.food-news-meta {
  display: flex;
  align-items: center;
  gap: 12px;
  color: #aaa;
  font-size: 12px
}

.food-news-meta time {
  color: var(--food-green)
}

.food-news-meta span:before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 10px;
  margin-right: 12px;
  background: #ddd;
  vertical-align: -1px
}

.food-news-body h3 {
  margin: 9px 34px 0 0;
  font-size: 17px;
  line-height: 1.55;
  font-weight: 500;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2
}

.food-news-body h3 a:hover {
  color: var(--food-green)
}

.food-news-body p {
  margin: 7px 36px 0 0;
  color: #999;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.food-news-arrow {
  position: absolute;
  right: 22px;
  bottom: 24px;
  color: #aaa;
  font-size: 23px;
  transition: color .2s ease, transform .2s ease
}

.food-news-card:hover .food-news-arrow {
  color: var(--food-green);
  transform: translateX(4px)
}

.food-partners {
  padding: 48px 0 54px;
  border-top: 1px solid #eee;
  background: #f7faf8
}

.food-partners .food-wrap {
  width: 80%
}

.food-partner-head {
  margin-bottom: 26px;
  text-align: center
}

.food-partner-head h2 {
  margin: 0;
  color: #252525;
  font-size: 24px;
  line-height: 1.35;
  font-weight: 400;
  letter-spacing: 2px
}

.food-partner-head p {
  margin: 7px 0 0;
  color: #999;
  font-size: 13px;
  letter-spacing: 1px
}

.food-partner-list {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  align-items: center;
  gap: 12px
}

.food-partner-list a {
  min-width: 0;
  height: 84px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  overflow: hidden;
  color: #777;
  background: #fff;
  border: 1px solid #e5ebe7;
  border-radius: 4px;
  font-size: 13px;
  text-align: center;
  filter: none;
  opacity: 1;
  box-shadow: 0 5px 16px rgba(31, 83, 46, .05);
  transition: filter .2s ease, opacity .2s ease, transform .2s ease, border-color .2s ease, box-shadow .2s ease
}

.food-partner-list a:hover {
  filter: none;
  opacity: 1;
  transform: translateY(-3px);
  border-color: rgba(54, 182, 95, .45);
  box-shadow: 0 12px 26px rgba(31, 83, 46, .12)
}

.food-partner-list img {
  display: block;
  width: 100%;
  max-width: none;
  height: 100%;
  max-height: none;
  object-fit: cover
}

.food-footer {
  color: #777;
  background: #f7f7f7
}

.food-footer-main {
  min-height: 188px;
  display: grid;
  grid-template-columns: 1.25fr 1fr auto;
  align-items: center;
  gap: 70px;
  padding-top: 35px;
  padding-bottom: 35px
}

.food-footer h2 {
  margin: 0 0 14px;
  color: #555;
  font-size: 15px;
  font-weight: 500
}

.food-footer p {
  margin: 3px 0;
  font-size: 13px
}

.food-footer a:hover {
  color: var(--food-green)
}

.food-footer-nav>div {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 16px
}

.food-footer-nav a {
  font-size: 13px
}

.food-footer-qr {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  font-size: 12px
}

.food-footer-qr img {
  width: 88px;
  height: 88px;
  padding: 4px;
  object-fit: contain;
  background: #fff
}

.food-footer-bottom {
  min-height: 50px;
  display: flex;
  align-items: center;
  color: rgba(255, 255, 255, .72);
  background: #292929;
  font-size: 12px
}

.food-footer-bottom .food-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  flex-wrap: wrap;
  text-align: center
}

@media (max-width: 1100px) {
  .food-header-inner {
    gap: 16px
  }

  .food-brand {
    min-width: 130px;
    max-width: 180px
  }

  .food-nav>ul>li>a {
    padding: 0 11px;
    font-size: 14px
  }

  .food-promise {
    gap: 9px;
    padding-left: 8px;
    padding-right: 8px
  }

  .food-promise-icon {
    flex-basis: 29px
  }

  .food-promise-icon svg {
    width: 29px;
    height: 29px
  }
}

@media (max-width: 860px) {
  .food-header,
  .food-header-inner {
    height: 68px
  }

  .food-brand img {
    max-height: 44px
  }

  .food-menu-button {
    display: block
  }

  .food-menu-button.is-open span:nth-child(1) {
    transform: translateY(6px) rotate(45deg)
  }

  .food-menu-button.is-open span:nth-child(2) {
    opacity: 0
  }

  .food-menu-button.is-open span:nth-child(3) {
    transform: translateY(-6px) rotate(-45deg)
  }

  .food-nav {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    height: auto;
    max-height: calc(100vh - 68px);
    overflow-y: auto;
    padding: 8px 16px 16px;
    background: #fff;
    box-shadow: 0 18px 32px rgba(20, 60, 34, .16);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-8px);
    transition: .2s ease
  }

  .food-nav.is-open {
    opacity: 1;
    visibility: visible;
    transform: none
  }

  .food-nav>ul {
    height: auto;
    display: block
  }

  .food-nav>ul>li {
    display: block;
    border-bottom: 1px solid #eee
  }

  .food-nav>ul>li>a {
    height: 46px;
    padding: 0 10px
  }

  .food-subnav {
    position: static;
    min-width: 0;
    display: flex;
    flex-wrap: wrap;
    padding: 0 8px 8px;
    border: 0;
    box-shadow: none;
    opacity: 1;
    visibility: visible;
    transform: none
  }

  .food-subnav a {
    padding: 5px 10px;
    font-size: 13px
  }

  .food-promise-grid {
    grid-template-columns: repeat(3, 1fr)
  }

  .food-promise:nth-child(n+4) {
    display: none
  }

  .food-product-grid {
    height: auto;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, 250px)
  }

  .food-product-card {
    grid-column: auto;
    grid-row: auto
  }

  .food-product-2 {
    grid-row: span 2
  }

  .food-product-5 {
    grid-column: 2;
    grid-row: 3
  }

  .food-about-card {
    grid-template-columns: .9fr 1.1fr
  }

  .food-about-copy {
    padding: 28px
  }

  .food-news-grid {
    gap: 16px
  }

  .food-news-image {
    height: 190px
  }

  .food-partner-list {
    grid-template-columns: repeat(4, 1fr)
  }
}

@media (max-width: 600px) {
  .food-wrap {
    width: calc(100% - 28px)
  }

  .food-products .food-wrap,
  .food-about .food-wrap,
  .food-news .food-wrap {
    width: calc(100% - 28px)
  }

  .food-brand {
    max-width: 170px
  }

  .food-search-button {
    flex-basis: 34px;
    width: 34px
  }

  .food-search {
    right: 0;
    width: 100%
  }

  .food-hero {
    height: 390px
  }

  .food-hero-copy h1 {
    font-size: 29px;
    letter-spacing: 1px
  }

  .food-hero-copy p {
    margin-top: 12px;
    font-size: 16px
  }

  .food-promise-grid {
    grid-template-columns: 1fr
  }

  .food-promise {
    min-height: 66px;
    justify-content: flex-start;
    padding-left: 24px;
    border-right: 0;
    border-bottom: 1px solid rgba(255, 255, 255, .14)
  }

  .food-promise:nth-child(n+3) {
    display: none
  }

  .food-section {
    padding: 52px 0
  }

  .food-section-head {
    margin-bottom: 28px
  }

  .food-section-head h2 {
    font-size: 24px
  }

  .food-product-grid {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: none;
    gap: 10px
  }

  .food-product-card,
  .food-product-2,
  .food-product-5 {
    grid-column: auto;
    grid-row: auto;
    height: 230px
  }

  .food-about {
    min-height: 0;
    padding: 52px 0
  }

  .food-about-card {
    display: block
  }

  .food-about-media,
  .food-about-media img {
    min-height: 0;
    height: 230px
  }

  .food-about-copy {
    padding: 28px 24px 32px
  }

  .food-news-grid {
    grid-template-columns: 1fr;
    gap: 22px
  }

  .food-news-image {
    height: 220px
  }

  .food-partner-list {
    grid-template-columns: repeat(2, 1fr)
  }

  .food-partners {
    padding: 38px 0 42px
  }

  .food-partners .food-wrap {
    width: calc(100% - 28px)
  }

  .food-partner-head {
    margin-bottom: 22px
  }

  .food-partner-head h2 {
    font-size: 22px
  }

  .food-partner-list a {
    height: 76px;
    padding: 10px
  }

  .food-footer-main {
    min-height: 0;
    grid-template-columns: 1fr;
    gap: 24px;
    padding-top: 36px;
    padding-bottom: 36px
  }

  .food-footer-qr {
    align-items: flex-start
  }

  .food-footer-bottom {
    padding: 12px 0
  }

  .food-footer-bottom .food-wrap {
    align-items: center;
    flex-direction: column;
    gap: 4px
  }
}

* {
  box-sizing: border-box
}

html {
  scroll-behavior: smooth
}

body {
  margin: 0;
  background: #fff;
  color: var(--ink);
  font-family: Arial, "Microsoft YaHei", "PingFang SC", sans-serif;
  font-size: 14px;
  line-height: 1.7;
  -webkit-font-smoothing: antialiased
}

.home-loader {
  display: none
}

.home-motion-ready body.home-is-loading {
  cursor: wait
}

.home-motion-ready body.home-is-loading .home-loader {
  position: fixed;
  inset: 0;
  z-index: 999;
  display: grid;
  place-items: center;
  background: rgba(255, 255, 255, .94);
  transition: opacity .36s ease, visibility .36s ease
}

.home-motion-ready body.home-loaded .home-loader {
  opacity: 0;
  visibility: hidden;
  pointer-events: none
}

.home-loader-mark {
  position: relative;
  width: 56px;
  height: 56px;
  border: 3px solid rgba(0, 99, 173, .14);
  border-top-color: #0063ad;
  border-radius: 50%;
  animation: homeLoaderSpin .86s linear infinite
}

.home-loader-mark:after {
  content: "";
  position: absolute;
  inset: 14px;
  border: 2px solid rgba(0, 99, 173, .18);
  border-bottom-color: #0063ad;
  border-radius: 50%;
  animation: homeLoaderSpin 1.12s linear reverse infinite
}

.home-motion-ready .home-animate {
  opacity: 0;
  transform: translateY(34px);
  transition: opacity .72s ease, transform .72s cubic-bezier(.2, .8, .2, 1);
  transition-delay: var(--home-animate-delay, 0ms);
  will-change: opacity, transform
}

.home-motion-ready .home-animate-hero {
  transform: translateY(0) scale(.985)
}

.home-motion-ready .home-animate.is-visible {
  opacity: 1;
  transform: none
}

@keyframes homeLoaderSpin {
  to {
    transform: rotate(360deg)
  }
}

@media(prefers-reduced-motion: reduce) {
  .home-loader {
    display: none !important
  }

  .home-motion-ready .home-animate {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important
  }
}

a {
  color: inherit;
  text-decoration: none
}

img,
video {
  display: block;
  max-width: 100%;
  height: auto
}

ul {
  list-style: none;
  margin: 0;
  padding: 0
}

p {
  margin: 0
}

.wrap {
  width: min(var(--max), calc(100% - 40px));
  margin: 0 auto
}

.preview-note {
  height: 31px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff28a;
  color: #737373;
  font-size: 13px;
  text-align: center
}

.welcome {
  height: 30px;
  display: flex;
  align-items: center;
  color: #777;
  font-size: 13px;
  background: #fff
}

.welcome .wrap {
  display: flex;
  justify-content: space-between;
  gap: 16px
}

.site-head {
  background: #fff;
  border-bottom: 1px solid #f4f4f4
}

.head-inner {
  height: 95px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 42px
}

.brand {
  display: flex;
  align-items: center;
  min-width: 220px;
  max-width: 330px
}

.brand-logo {
  max-height: 58px;
  width: auto
}

.brand-fallback {
  display: flex;
  flex-direction: column;
  line-height: 1.1
}

.brand-name {
  color: #1b5b91;
  font-size: 28px;
  font-weight: 900;
  letter-spacing: 1px
}

.brand-sub {
  margin-top: 5px;
  color: #555;
  font-size: 12px;
  letter-spacing: 6px
}

.nav-toggle {
  display: none;
  border: 0;
  background: var(--blue);
  color: #fff;
  border-radius: 2px;
  padding: 7px 12px;
  font-size: 20px;
  cursor: pointer
}

.mainnav {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  min-width: 0;
  flex: 1
}

.nav-list {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0;
  min-width: 0
}

.nav-item {
  position: relative
}

.nav-link {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 95px;
  padding: 0 21px;
  color: #333;
  font-size: 16px;
  white-space: nowrap;
  transition: color .2s ease
}

.nav-link:hover,
.nav-link:focus-visible,
.nav-item.is-active>.nav-link {
  color: var(--blue);
  outline: none
}

.nav-sublist {
  position: absolute;
  left: 50%;
  top: 100%;
  z-index: 40;
  min-width: 128px;
  background: #fff;
  box-shadow: 0 12px 30px rgba(0, 0, 0, .12);
  opacity: 0;
  visibility: hidden;
  transform: translateX(-50%);
  transition: .2s ease;
  overflow: hidden
}

.nav-item:hover .nav-sublist,
.nav-item:focus-within .nav-sublist {
  opacity: 1;
  visibility: visible
}

.nav-sublist .nav-link {
  height: 42px;
  justify-content: flex-start;
  padding: 0 18px;
  font-size: 14px;
  border-bottom: 1px solid #f2f2f2
}

.nav-sublist .nav-link:hover {
  background: #f5fbff
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0
}

.hero {
  position: relative;
  overflow: hidden;
  background: #121820
}

.hero swiper-container {
  display: block;
  --swiper-pagination-color: #0063ad;
  --swiper-pagination-bullet-inactive-color: #0063ad;
  --swiper-pagination-bullet-inactive-opacity: .28;
  --swiper-pagination-bullet-size: 14px
}

.hero swiper-container:not(:defined) swiper-slide:not(:first-child) {
  display: none
}

.hero swiper-slide {
  height: auto
}

.hero-slide-link {
  display: block
}

.hero-media {
  width: 100%;
  height: auto;
  object-fit: contain;
  object-position: center;
  background: #121820
}

.hero-fallback {
  height: clamp(320px, 39vw, 570px);
  position: relative;
  display: grid;
  place-items: center;
  overflow: hidden;
  background: linear-gradient(90deg, rgba(0, 0, 0, .52), rgba(0, 0, 0, .12)), radial-gradient(circle at 22% 57%, #d8dbe0 0 10%, transparent 16%), linear-gradient(180deg, #1a1d21 0, #3e454c 44%, #cfd4d9 100%);
  color: #fff;
  text-align: center
}

.hero-fallback:before {
  content: "";
  position: absolute;
  left: 10%;
  bottom: 80px;
  width: 260px;
  height: 180px;
  background: linear-gradient(135deg, #0c4ea3, #6d7fa4);
  border-radius: 8px;
  box-shadow: 0 18px 45px rgba(0, 0, 0, .35)
}

.hero-fallback:after {
  content: "";
  position: absolute;
  left: 48%;
  top: 33%;
  width: 40%;
  height: 1px;
  background: rgba(255, 255, 255, .55);
  box-shadow: 0 18px 0 rgba(255, 255, 255, .18), 0 36px 0 rgba(255, 255, 255, .12)
}

.hero-copy {
  position: relative;
  z-index: 2;
  margin-left: 20%;
  text-shadow: 0 3px 12px rgba(0, 0, 0, .6)
}

.hero-heading {
  margin: 0;
  font-size: 48px;
  font-weight: 400;
  letter-spacing: 10px
}

.hero-copy p {
  margin-top: 12px;
  color: #eee;
  font-size: 16px;
  letter-spacing: 3px
}

.hero .swiper-pagination,
.hero swiper-container::part(pagination) {
  bottom: 18px
}

.hero .swiper-pagination-bullet,
.hero swiper-container::part(bullet) {
  width: 14px;
  height: 14px;
  border-radius: 99px;
  background: rgba(0, 99, 173, .28);
  opacity: 1;
  transition: width .24s ease, background-color .24s ease, transform .24s ease
}

.hero .swiper-pagination-bullet-active,
.hero swiper-container::part(bullet-active) {
  width: 42px;
  background: #0063ad;
  opacity: 1
}

.section {
  padding: 58px 0 66px;
  background: #fff
}

.section-title {
  text-align: center;
  margin: 0 0 30px
}

.section-title .en {
  display: block;
  color: #34363a;
  font-size: 30px;
  line-height: 1.15;
  font-weight: 900;
  letter-spacing: .5px
}

.section-title .cn {
  display: block;
  margin-top: 5px;
  color: #363636;
  font-size: 23px;
  font-weight: 900;
  line-height: 1.2
}

.section-title a:hover .en,
.section-title a:hover .cn {
  color: var(--blue)
}

.home-profile {
  background: #fff;
  color: #2f2f2f
}

.home-profile-inner {
  width: min(1260px, calc(100% - 40px));
  margin: 0 auto
}

.home-profile-searchbar {
  border-top: 1px solid #ededed;
  border-bottom: 1px solid #e7e7e7;
  background: #fff
}

.home-profile-search-inner {
  min-height: 76px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px
}

.home-keywords {
  display: flex;
  align-items: center;
  gap: 22px;
  min-width: 0;
  color: #333;
  font-size: 14px;
  line-height: 1.4;
  white-space: nowrap
}

.home-keywords strong {
  font-weight: 700
}

.home-keywords a {
  color: #333;
  transition: color .2s ease
}

.home-keywords a:hover,
.home-keywords a:focus-visible {
  color: #0063ad;
  outline: none
}

.home-search {
  display: flex;
  align-items: stretch;
  flex: 0 0 358px;
  height: 32px
}

.home-search input {
  min-width: 0;
  flex: 1 1 auto;
  height: 32px;
  border: 1px solid #ddd;
  border-right: 0;
  border-radius: 0;
  padding: 0 20px;
  background: #fff;
  color: #333;
  font: inherit;
  line-height: 32px;
  outline: none
}

.home-search input::placeholder {
  color: #777
}

.home-search input:focus {
  border-color: #0063ad
}

.home-search button {
  flex: 0 0 100px;
  height: 32px;
  border: 1px solid #0063ad;
  border-radius: 0;
  padding: 0 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: #0063ad;
  color: #fff;
  font: inherit;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 6px;
  text-indent: 6px;
  cursor: pointer;
  white-space: nowrap;
  transition: background-color .2s ease, border-color .2s ease
}

.home-search button:hover,
.home-search button:focus-visible {
  background: #0063ad;
  border-color: #0063ad;
  outline: none
}

.home-search-icon {
  position: relative;
  display: block;
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  border: 2px solid currentColor;
  border-radius: 50%
}

.home-search-icon:after {
  content: "";
  position: absolute;
  right: -5px;
  bottom: -4px;
  width: 7px;
  height: 2px;
  border-radius: 2px;
  background: currentColor;
  transform: rotate(45deg);
  transform-origin: left center
}

.home-profile-body {
  position: relative;
  overflow: hidden;
  padding: 56px 0 48px;
  background:
    radial-gradient(circle at 22% 43%, rgba(0, 99, 173, .08) 0 2px, transparent 2px 100%),
    radial-gradient(circle at 54% 48%, rgba(0, 99, 173, .11) 0 2px, transparent 2px 100%),
    radial-gradient(circle at 77% 45%, rgba(0, 99, 173, .08) 0 2px, transparent 2px 100%),
    #fff;
  background-size: 18px 18px, 16px 16px, 18px 18px;
  background-position: center 176px, center 190px, center 176px
}

.home-profile-body:before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -46px;
  width: min(1620px, 92vw);
  height: 278px;
  transform: translateX(-50%);
  opacity: .42;
  background: #d9ecfb;
  clip-path: polygon(0 14%, 6% 9%, 12% 18%, 18% 12%, 25% 23%, 32% 11%, 38% 28%, 46% 14%, 53% 21%, 60% 9%, 67% 25%, 73% 15%, 80% 29%, 88% 18%, 94% 28%, 100% 24%, 100% 100%, 0 100%)
}

.home-profile-heading {
  position: relative;
  z-index: 1;
  text-align: center
}

.home-profile-heading h2 {
  margin: 0;
  color: #202020;
  font-size: 42px;
  line-height: 1.25;
  font-weight: 900;
  letter-spacing: 0
}

.home-profile-heading h2 span {
  color: #0063ad
}

.home-profile-heading p {
  position: relative;
  display: inline-block;
  margin: 8px 0 0;
  padding: 0 62px;
  color: #666;
  font-size: 17px;
  line-height: 1.6
}

.home-profile-heading p:before,
.home-profile-heading p:after {
  content: "";
  position: absolute;
  top: 50%;
  width: 48px;
  height: 1px;
  background: #b9d6ef
}

.home-profile-heading p:before {
  left: 0
}

.home-profile-heading p:after {
  right: 0
}

.home-profile-heading p:before,
.home-profile-heading p:after {
  box-shadow: 40px 0 0 -37px #0063ad
}

.home-profile-stats {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 72px;
  margin-top: 30px
}

.home-profile-stat {
  min-width: 0;
  text-align: center
}

.home-profile-stat strong {
  display: flex;
  align-items: baseline;
  justify-content: center;
  color: #2d2d2d;
  font-size: 80px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: 0
}

.home-profile-stat strong em {
  margin-left: 10px;
  color: #111;
  font-style: normal;
  font-size: 14px;
  font-weight: 400
}

.home-profile-stat h3 {
  margin: 18px 0 12px;
  color: #202020;
  font-size: 24px;
  line-height: 1.3;
  font-weight: 700
}

.home-profile-stat p {
  width: min(260px, 100%);
  margin: 0 auto;
  color: #333;
  font-size: 14px;
  line-height: 1.75
}

.industry-section {
  padding: 46px 0 54px;
  background: #f7f7f7
}

.industry-wrap {
  width: min(1368px, calc(100% - 40px));
  margin: 0 auto
}

.industry-heading {
  text-align: center;
  margin: 0 0 24px;
  color: #000
}

.industry-heading a {
  display: inline-block
}

.industry-heading h2 {
  margin: 0;
  color: #000;
  font-size: 26px;
  line-height: 1.28;
  font-weight: 400
}

.industry-heading p {
  margin: 10px 0 0;
  color: #111;
  font-size: 14px;
  line-height: 1.6
}

.industry-grid {
  display: flex;
  gap: 2px;
  min-height: 450px
}

.industry-card {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1 1 0;
  min-width: 0;
  overflow: hidden;
  background: #dce2e8;
  color: #fff;
  text-align: center;
  isolation: isolate;
  outline: none;
  transition: flex-grow .32s ease
}

.industry-card:hover,
.industry-card:focus-visible {
  flex-grow: 1.95;
  align-items: flex-start;
  justify-content: flex-start;
  text-align: left
}

.industry-card img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
  transition: transform .45s ease, filter .3s ease
}

.industry-card:before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: rgba(0, 0, 0, .33);
  transition: background .3s ease
}

.industry-card:hover img,
.industry-card:focus-visible img {
  transform: scale(1.06);
  filter: saturate(1.08)
}

.industry-card:hover:before,
.industry-card:focus-visible:before {
  background: rgba(0, 99, 173, .66)
}

.industry-card-body {
  position: relative;
  z-index: 2;
  display: flex;
  min-height: 100%;
  width: 100%;
  padding: 34px 28px;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 12px;
  transition: padding .32s ease, align-items .32s ease
}

.industry-card:hover .industry-card-body,
.industry-card:focus-visible .industry-card-body {
  align-items: flex-start;
  justify-content: flex-start;
  padding: 50px 38px
}

.industry-card h3 {
  margin: 0;
  color: #fff;
  font-size: 20px;
  line-height: 1.35;
  font-weight: 400;
  text-shadow: 0 2px 12px rgba(0, 0, 0, .3);
  transition: font-size .32s ease, font-weight .32s ease, padding .32s ease, width .32s ease
}

.industry-card:hover h3,
.industry-card:focus-visible h3 {
  position: relative;
  width: 100%;
  padding: 0 0 28px 54px;
  font-size: 17px;
  font-weight: 700
}

.industry-card:hover h3:before,
.industry-card:focus-visible h3:before {
  content: "";
  position: absolute;
  left: 0;
  top: -8px;
  width: 36px;
  height: 36px;
  border: 4px solid rgba(255, 255, 255, .92);
  border-radius: 8px;
  transform: rotate(-35deg)
}

.industry-card:hover h3:after,
.industry-card:focus-visible h3:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background: rgba(255, 255, 255, .86)
}

.industry-card p {
  margin: 10px 0 0;
  color: rgba(255, 255, 255, .9);
  font-size: 13px;
  line-height: 1.75;
  display: none;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden
}

.industry-card:hover p,
.industry-card:focus-visible p {
  display: -webkit-box
}

.industry-placeholder {
  position: absolute;
  inset: 0;
  z-index: 0;
  background: linear-gradient(135deg, #b8c3d6, #6679bd)
}

.industry-empty {
  width: 100%;
  min-height: 260px;
  display: grid;
  place-items: center;
  background: #eef1f4;
  color: #0063ad;
  font-weight: 700
}

.industry-cta {
  position: relative;
  min-height: 350px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 64px 0;
  overflow: hidden;
  background: #111a22;
  color: #fff;
  text-align: center;
  isolation: isolate
}

.industry-cta:before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(90deg, rgba(0, 0, 0, .78), rgba(0, 0, 0, .36) 48%, rgba(0, 0, 0, .08))
}

.industry-cta-bg {
  position: absolute;
  inset: 0;
  z-index: -2;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  filter: saturate(1.05)
}

.industry-cta .industry-wrap {
  width: min(1320px, calc(100% - 40px));
  margin: 0 auto
}

.industry-cta-copy {
  display: flex;
  align-items: center;
  flex-direction: column
}

.industry-eyebrow {
  margin: 0 0 14px;
  color: #0063ad;
  font-size: 19px;
  line-height: 1.3;
  letter-spacing: 0;
  text-transform: uppercase
}

.industry-eyebrow span {
  margin-left: 2px;
  font-size: 16px;
  text-transform: none
}

.industry-cta h2 {
  margin: 0;
  color: #fff;
  font-size: 40px;
  line-height: 1.35;
  font-weight: 900
}

.industry-desc {
  margin: 16px 0 0;
  color: #fff;
  font-size: 19px;
  line-height: 1.75
}

.industry-phone {
  display: inline-flex;
  min-width: 410px;
  min-height: 60px;
  align-items: center;
  justify-content: center;
  gap: 18px;
  margin-top: 36px;
  padding: 6px 36px;
  border: 1px solid #0063ad;
  border-radius: 999px;
  color: #0063ad;
  font-size: 36px;
  line-height: 1;
  font-weight: 700
}

.industry-phone span {
  position: relative;
  width: 34px;
  height: 34px;
  border: 3px solid currentColor;
  border-radius: 50%
}

.industry-phone span:before {
  content: "";
  position: absolute;
  left: 9px;
  top: 7px;
  width: 8px;
  height: 14px;
  border: solid currentColor;
  border-width: 0 0 3px 3px;
  border-radius: 0 0 0 7px;
  transform: rotate(-45deg)
}

.ability-section {
  padding: 48px 0 46px;
  background: #fff
}

.ability-wrap {
  width: min(var(--wide), calc(100% - 40px));
  margin: 0 auto
}

.ability-heading {
  text-align: center;
  margin: 0 0 24px;
  color: #000
}

.ability-heading h2 {
  margin: 0;
  color: #000;
  font-size: 26px;
  line-height: 1.28;
  font-weight: 400
}

.ability-heading p {
  margin: 10px 0 0;
  color: #111;
  font-size: 14px;
  line-height: 1.6
}

.ability-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px
}

.ability-card {
  display: block;
  width: 100%;
  border: 0;
  padding: 0;
  background: #f7f7f7;
  color: #222;
  text-align: center;
  font: inherit;
  cursor: pointer;
  border-radius: 8px;
  overflow: hidden;
  transition: transform .24s ease, box-shadow .24s ease;
  outline: none
}

.ability-card:hover,
.ability-card:focus-visible,
.ability-card.is-active {
  transform: translateY(-5px);
  box-shadow: 0 16px 34px rgba(0, 99, 173, .16)
}

.ability-media {
  height: 207px;
  overflow: hidden;
  background: #e8eef5
}

.ability-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .42s ease, filter .3s ease
}

.ability-card:hover img,
.ability-card:focus-visible img,
.ability-card.is-active img {
  transform: scale(1.055);
  filter: saturate(1.08)
}

.ability-card.is-active .ability-title {
  color: #0063ad
}

.ability-media .placeholder {
  height: 100%;
  min-height: 0;
  color: #0063ad
}

.ability-body {
  min-height: 142px;
  padding: 17px 24px 20px;
  border-top: 1px solid #eee
}

.ability-title {
  margin: 0 0 35px;
  color: #111;
  font-size: 18px;
  line-height: 1.35;
  font-weight: 400
}

.ability-summary {
  margin: 0;
  color: #333;
  font-size: 13px;
  line-height: 1.65;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden
}

.ability-action {
  text-align: center;
  margin-top: 44px
}

.ability-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 150px;
  height: 42px;
  padding: 0 26px;
  background: #0063ad;
  color: #fff;
  border-radius: 4px;
  font-weight: 700
}

.ability-btn:hover,
.ability-btn:focus-visible {
  background: #0063ad;
  outline: none
}

.ability-fallback-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px
}

.ability-fallback-card {
  background: #f7f7f7;
  text-align: center;
  border-radius: 8px;
  overflow: hidden
}

.ability-fallback-media {
  height: 207px;
  background: linear-gradient(135deg, #dbe8f5, #8ba3d6)
}

.ability-fallback-body {
  min-height: 142px;
  padding: 17px 24px 20px;
  border-top: 1px solid #eee
}

.ability-fallback-body h3 {
  margin: 0 0 35px;
  color: #111;
  font-size: 18px;
  line-height: 1.35;
  font-weight: 400
}

.ability-fallback-body p {
  margin: 0;
  color: #333;
  font-size: 13px;
  line-height: 1.65
}

.product-showcase {
  padding: 54px 0 56px;
  background: #f4f4f4
}

.product-wrap {
  width: 100%;
  margin: 0 auto
}

.product-heading {
  width: min(1280px, calc(100% - 40px));
  margin: 0 auto 38px;
  text-align: center
}

.product-heading a {
  display: inline-block
}

.product-heading h2 {
  margin: 0;
  color: #20252b;
  font-size: 34px;
  line-height: 1.25;
  font-weight: 900
}

.product-heading p {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 14px;
  margin: 14px 0 0;
  color: #6d7378;
  font-size: 16px;
  line-height: 1.6
}

.product-heading p:before,
.product-heading p:after {
  content: "";
  display: block;
  width: 46px;
  height: 1px;
  background: #c6d8ea
}

.product-heading p:after {
  order: 3
}

.product-heading p:before {
  box-shadow: 40px 0 0 -37px var(--blue)
}

.product-heading p:after {
  box-shadow: -40px 0 0 -37px var(--blue)
}

.product-tabs {
  display: grid;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  width: min(1280px, calc(100% - 40px));
  margin: 0 auto 45px;
  border: 1px solid #e1e1e1;
  border-right: 0;
  background: #ededed
}

.product-tabs a {
  display: flex;
  min-height: 75px;
  align-items: center;
  justify-content: center;
  padding: 12px 14px;
  border-right: 1px solid #e1e1e1;
  color: #3f454a;
  font-size: 15px;
  line-height: 1.35;
  text-align: center;
  transition: background .22s ease, color .22s ease
}

.product-tabs a:hover,
.product-tabs a:focus-visible,
.product-tabs a.is-active {
  background: var(--blue);
  color: #fff;
  outline: none
}

.product-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 20px;
  width: 100%;
  margin: 0 auto
}

.product-panel[hidden] {
  display: none
}

.product-card {
  position: relative;
  display: block;
  overflow: hidden;
  background: #fff;
  color: #20252b;
  transition: transform .28s ease, box-shadow .28s ease
}

.product-card:hover,
.product-card:focus-visible {
  transform: translateY(-5px);
  box-shadow: 0 18px 36px rgba(0, 99, 173, .16);
  outline: none
}

.product-media {
  display: block;
  height: 402px;
  padding: 34px 24px 20px;
  background: #fff;
  overflow: hidden
}

.product-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: transform .45s ease, filter .35s ease
}

.product-card:hover img,
.product-card:focus-visible img {
  transform: scale(1.045);
  filter: saturate(1.08)
}

.product-body {
  display: flex;
  min-height: 108px;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin: 0 32px;
  padding: 24px 0 26px;
  border-top: 1px solid #ececec;
  transition: border-color .22s ease
}

.product-title {
  min-width: 0;
  color: #15191f;
  font-size: 17px;
  line-height: 1.45;
  overflow-wrap: anywhere;
  transition: color .22s ease
}

.product-card:hover .product-body,
.product-card:focus-visible .product-body {
  border-top-color: #0063ad
}

.product-card:hover .product-title,
.product-card:focus-visible .product-title {
  color: #0063ad
}

.product-more {
  display: grid;
  width: 30px;
  height: 30px;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 50%;
  background: var(--blue);
  color: #fff;
  font-size: 23px;
  line-height: 1;
  font-weight: 700;
  transition: background .22s ease, transform .22s ease
}

.product-card:hover .product-more,
.product-card:focus-visible .product-more {
  background: #0063ad;
  transform: rotate(90deg)
}

.placeholder {
  width: 100%;
  min-height: 180px;
  display: grid;
  place-items: center;
  padding: 20px;
  background: linear-gradient(135deg, #e9eef3, #c7d5e1);
  color: #1e659d;
  font-weight: 700;
  text-align: center
}

.product-card .placeholder {
  height: 100%;
  min-height: 0
}

.product-intro-section {
  padding: 72px 0;
  background: #fff;
  color: #24282d
}

.product-intro-wrap {
  width: min(1280px, calc(100% - 40px));
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(420px, 52.5%);
  gap: 54px;
  align-items: center
}

.product-intro-copy {
  min-width: 0
}

.product-intro-copy h2 {
  margin: 0;
  color: #24282d;
  font-size: 34px;
  line-height: 1.62;
  font-weight: 900
}

.product-intro-copy h2 span {
  color: #0063ad;
  display: inline
}

.product-intro-list {
  display: grid;
  gap: 18px;
  margin: 46px 0 0;
  padding: 0;
  list-style: none
}

.product-intro-list li {
  position: relative;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 6px;
  padding-left: 20px;
  color: #565d64;
  font-size: 15px;
  line-height: 1.9
}

.product-intro-list li:before {
  content: "";
  position: absolute;
  left: 0;
  top: .78em;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #0063ad
}

.product-intro-list strong {
  color: #0063ad;
  font-weight: 700;
  white-space: nowrap
}

.product-intro-media {
  min-width: 0;
  background: #eef3f7;
  overflow: hidden
}

.product-intro-media img {
  width: 100%;
  height: 566px;
  object-fit: cover;
  object-position: center
}

.product-intro-placeholder {
  min-height: 566px;
  display: grid;
  place-items: center;
  padding: 30px;
  color: #0063ad;
  background: linear-gradient(135deg, #eef5fb, #d6e7f4);
  font-size: 28px;
  font-weight: 900;
  text-align: center
}

.partner-section {
  position: relative;
  overflow: hidden;
  padding: 22px 0 26px;
  background: #fff;
  color: #24282d
}

.partner-section:before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  display: none;
  background: rgba(0, 99, 173, .78)
}

.partner-section:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  height: 100%;
  display: none;
  background: linear-gradient(180deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, 0) 38%, rgba(44, 62, 124, .14)), linear-gradient(90deg, rgba(42, 60, 120, .08), rgba(255, 255, 255, .04), rgba(42, 60, 120, .1));
  pointer-events: none
}

.partner-wrap {
  position: relative;
  z-index: 2;
  width: min(1280px, calc(100% - 40px));
  margin: 0 auto;
  display: block;
  padding: 30px 0 12px
}

.partner-copy {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 36px;
  margin-bottom: 36px
}

.partner-copy:after {
  content: "";
  grid-column: 2;
  grid-row: 1;
  height: 1px;
  background: #e8e8e8
}

.partner-copy h2 {
  margin: 0;
  color: #141a21;
  font-size: 29px;
  line-height: 1.25;
  font-weight: 900
}

.partner-copy p {
  margin: 28px 0 0;
  color: #666;
  font-size: 18px;
  line-height: 1.75
}

.partner-more {
  grid-column: 3;
  grid-row: 1;
  color: #888;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 15px;
  line-height: 1;
  white-space: nowrap;
  transition: color .2s ease
}

.partner-more:hover,
.partner-more:focus-visible {
  color: #0063ad;
  outline: none
}

.partner-grid {
  position: relative;
  overflow: hidden;
  width: 100%
}

.partner-grid:before,
.partner-grid:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 2;
  width: 18px;
  display: none;
  pointer-events: none
}

.partner-grid:before {
  left: 0;
  background: linear-gradient(90deg, #fff, rgba(255, 255, 255, 0))
}

.partner-grid:after {
  right: 0;
  background: linear-gradient(270deg, #fff, rgba(255, 255, 255, 0))
}

.partner-track {
  display: flex;
  width: max-content;
  gap: 16px;
  animation: partnerMarquee 24s linear infinite;
  will-change: transform
}

.partner-grid:hover .partner-track,
.partner-grid:focus-within .partner-track {
  animation-play-state: paused
}

@keyframes partnerMarquee {
  from {
    transform: translateX(0)
  }

  to {
    transform: translateX(calc(-50% - 8px))
  }
}

.partner-card {
  flex: 0 0 calc((min(1280px, calc(100vw - 40px)) - 64px) / 5);
  min-height: 166px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 17px;
  padding: 0;
  background: #fff;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  overflow: hidden
}

.partner-card,
.partner-card img,
.partner-name {
  border-radius: 0
}

.partner-card:hover,
.partner-card:focus-visible {
  outline: none
}

.partner-card img {
  max-width: 100%;
  width: 100%;
  height: 122px;
  padding: 19px 30px;
  border: 1px solid #e8e8e8;
  object-fit: contain
}

.partner-card:hover img,
.partner-card:focus-visible img {
  border-color: var(--blue)
}

.partner-title {
  display: block;
  width: 100%;
  min-height: 26px;
  padding: 0 8px;
  color: #777;
  font-size: 16px;
  line-height: 1.4;
  text-align: center;
  overflow-wrap: anywhere
}

.partner-card:hover .partner-title,
.partner-card:focus-visible .partner-title {
  color: var(--blue)
}

.partner-name {
  width: 100%;
  height: 122px;
  display: grid;
  place-items: center;
  color: var(--blue);
  font-size: 24px;
  line-height: 1.15;
  font-weight: 800;
  text-align: center;
  padding: 20px 18px;
  border: 1px solid #e8e8e8
}

.partner-name.zh {
  color: #d92520;
  font-size: 34px;
  letter-spacing: 2px
}

.partner-name.dark {
  color: #111;
  font-family: Georgia, serif
}

.brand-intro-section {
  position: relative;
  overflow: hidden;
  padding: 88px 0 100px;
  background: #f6f6f6;
  color: #222
}

.brand-intro-section:before,
.brand-intro-section:after {
  content: "";
  position: absolute;
  z-index: 0;
  width: 460px;
  height: 460px;
  border: 1px solid rgba(0, 91, 172, .08);
  border-radius: 50%;
  pointer-events: none
}

.brand-intro-section:before {
  left: -140px;
  top: -210px
}

.brand-intro-section:after {
  right: -130px;
  bottom: -230px
}

.brand-intro-wrap {
  position: relative;
  z-index: 1;
  width: min(1310px, calc(100% - 40px));
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(420px, 688px) minmax(360px, 1fr);
  gap: 52px;
  align-items: center
}

.brand-intro-media {
  min-height: 416px;
  background: #dbe5ef;
  overflow: hidden
}

.brand-intro-media img {
  width: 100%;
  height: 416px;
  object-fit: cover
}

.brand-intro-placeholder {
  min-height: 416px;
  display: grid;
  place-items: center;
  padding: 32px;
  color: #0063ad;
  font-size: 30px;
  line-height: 1.35;
  font-weight: 900;
  text-align: center;
  background: linear-gradient(135deg, #e8f1fa, #f7fbff)
}

.brand-intro-copy h2 {
  margin: 0 0 4px;
  color: #0063ad;
  font-size: 32px;
  line-height: 1.28;
  font-weight: 900
}

.brand-intro-lead {
  max-width: 690px;
  margin: 0 0 24px;
  color: #111;
  font-size: 25px;
  line-height: 1.6
}

.brand-intro-text {
  max-width: 660px;
  color: #4a5565;
  font-size: 16px;
  line-height: 2
}

.brand-intro-text p+p {
  margin-top: 6px
}

.brand-intro-more {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 172px;
  height: 58px;
  margin-top: 8px;
  background: #0063ad;
  border-bottom: 3px solid #168ce6;
  color: #fff;
  font-size: 16px;
  line-height: 1;
  font-weight: 700;
  transition: background-color .2s ease, transform .2s ease
}

.brand-intro-more:before {
  content: "";
  width: 18px;
  height: 18px;
  margin-right: 10px;
  background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 3h10a2 2 0 0 1 2 2v8h-2V5H5v14h7v2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2Zm3 5h6v2H8V8Zm0 4h5v2H8v-2Zm10.6 2.2 2.2 2.2-5.7 5.6H13v-2.1l5.6-5.7Z'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 3h10a2 2 0 0 1 2 2v8h-2V5H5v14h7v2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2Zm3 5h6v2H8V8Zm0 4h5v2H8v-2Zm10.6 2.2 2.2 2.2-5.7 5.6H13v-2.1l5.6-5.7Z'/%3E%3C/svg%3E") center / contain no-repeat
}

.brand-intro-more:hover,
.brand-intro-more:focus-visible {
  background: #0063ad;
  color: #fff;
  outline: none;
  transform: translateY(-1px)
}

.expert-section {
  position: relative;
  overflow: hidden;
  min-height: 640px;
  background: #e9eef6;
  color: #1d2940
}

.expert-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  opacity: 1
}

.expert-section:before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(90deg, rgba(238, 244, 250, .96) 0, rgba(238, 244, 250, .84) 43%, rgba(226, 233, 244, .78) 100%)
}

.expert-section.has-bg:before {
  background: linear-gradient(90deg, rgba(238, 244, 250, .82) 0, rgba(238, 244, 250, .56) 42%, rgba(226, 233, 244, .42) 100%)
}

.expert-wrap {
  position: relative;
  z-index: 2;
  width: min(var(--wide), calc(100% - 40px));
  min-height: 640px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(360px, 520px) minmax(460px, 1fr);
  gap: 120px;
  align-items: center
}

.expert-copy {
  padding: 24px 0
}

.expert-title {
  margin: 0;
  color: #111827;
  font-size: 30px;
  line-height: 1.32;
  font-weight: 400
}

.expert-subtitle {
  margin: 18px 0 0;
  color: #1d2940;
  font-size: 16px;
  line-height: 1.7
}

.expert-desc {
  margin: 44px 0 0;
  max-width: 520px;
  color: #445066;
  font-size: 14px;
  line-height: 1.7
}

.expert-desc p {
  margin: 0 0 8px
}

.expert-more {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 150px;
  height: 42px;
  margin-top: 44px;
  padding: 0 28px;
  background: #0063ad;
  color: #fff;
  border-radius: 4px;
  font-weight: 700
}

.expert-more:hover,
.expert-more:focus-visible {
  background: #0063ad;
  outline: none
}

.expert-panel {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: 230px;
  gap: 5px;
  align-items: stretch
}

.expert-stat {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #fff;
  border-radius: 8px;
  text-align: center
}

.expert-stat:nth-child(1) {
  grid-column: 2
}

.expert-stat:nth-child(2) {
  grid-column: 3
}

.expert-stat:nth-child(3) {
  grid-column: 1
}

.expert-stat:nth-child(4) {
  grid-column: 2
}

.expert-stat strong {
  position: relative;
  color: #0063ad;
  font-size: 50px;
  line-height: 1;
  font-weight: 400
}

.expert-stat em {
  position: absolute;
  right: -20px;
  top: -14px;
  width: 22px;
  height: 22px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #0063ad;
  color: #fff;
  font-style: normal;
  font-size: 12px;
  line-height: 1
}

.expert-stat span {
  margin-top: 14px;
  color: #333;
  font-size: 18px;
  line-height: 1.3
}

.expert-visual {
  position: relative;
  grid-column: 3;
  border-radius: 8px;
  overflow: hidden;
  background: #9fb3dc
}

.expert-visual-slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity .55s ease
}

.expert-visual-slide.is-active {
  opacity: 1
}

.expert-visual img {
  width: 100%;
  height: 100%;
  object-fit: cover
}

.expert-visual:after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 99, 173, .42);
  pointer-events: none
}

.expert-visual.is-empty {
  display: none
}

.news-section {
  padding-top: 58px;
  background: #fff
}

.news-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  max-width: 1040px;
  margin: 0 auto
}

.news-grid .news-card:nth-child(n+4) {
  display: none
}

.news-card {
  position: relative;
  display: block;
  border: 1px solid #e3e3e3;
  background: #fff;
  transition: box-shadow .25s ease, transform .25s ease, border-color .25s ease;
  overflow: hidden
}

.news-card:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 4px;
  z-index: 2;
  background: linear-gradient(90deg, #0063ad, #0063ad);
  transition: width .28s ease
}

.news-card:hover,
.news-card:focus-visible {
  border-color: #0063ad;
  box-shadow: 0 18px 34px rgba(0, 99, 173, .16);
  transform: translateY(-5px);
  outline: none
}

.news-card:hover:before,
.news-card:focus-visible:before {
  width: 100%
}

.news-media {
  height: 180px;
  background: #edf2f5;
  overflow: hidden
}

.news-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .42s ease, filter .3s ease
}

.news-card:hover img,
.news-card:focus-visible img {
  transform: scale(1.055);
  filter: saturate(1.1)
}

.news-body {
  position: relative;
  padding: 18px 20px 22px;
  transition: background .25s ease
}

.news-card:hover .news-body,
.news-card:focus-visible .news-body {
  background: #f7fbff
}

.news-date {
  color: #999;
  font-size: 13px;
  transition: color .25s ease
}

.news-title {
  margin: 7px 0 8px;
  color: #333;
  font-size: 17px;
  line-height: 1.45;
  font-weight: 700;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  transition: color .25s ease
}

.news-desc {
  color: #777;
  line-height: 1.8;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden
}

.news-card:hover .news-date,
.news-card:focus-visible .news-date,
.news-card:hover .news-title,
.news-card:focus-visible .news-title {
  color: #0063ad
}

.footer {
  background: #2d3034;
  color: #fff;
  margin-top: 0
}

.footer-main {
  display: grid;
  grid-template-columns: repeat(4, 1fr) 156px;
  gap: 42px;
  padding: 48px 0 42px
}

.footer-col h3 {
  margin: 0 0 14px;
  color: #fff;
  font-size: 18px
}

.footer-col a {
  position: relative;
  display: block;
  margin: 0 0 8px;
  padding-left: 18px;
  color: #eee;
  font-size: 14px;
  line-height: 1.8;
  border-bottom: 1px dashed rgba(255, 255, 255, .28)
}

.footer-col a:before {
  content: "◆";
  position: absolute;
  left: 0;
  top: 0;
  color: #fff;
  font-size: 12px
}

.footer-col a:hover {
  color: #0063ad
}

.qr {
  width: 116px;
  height: 116px;
  margin: 0 auto 8px;
  background: #fff;
  padding: 9px;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 4px
}

.qr i {
  background: #111
}

.qr i:nth-child(2n) {
  background: #fff
}

.qr i:nth-child(3n) {
  background: #111
}

.qr-label {
  text-align: center;
  color: #eee
}

.copyright {
  background: #222426;
  color: #ddd;
  text-align: center;
  font-size: 12px;
  padding: 12px 20px
}

.copyright a {
  color: #ddd;
  margin: 0 6px
}

.copyright a:hover {
  color: #fff
}

@media(max-width:1180px) {
  .nav-link {
    padding: 0 13px
  }

  .industry-grid {
    min-height: 390px
  }

  .ability-grid,
  .ability-fallback-grid {
    grid-template-columns: repeat(2, 1fr)
  }

  .partner-card {
    flex-basis: calc((100vw - 104px) / 5)
  }

  .brand-intro-wrap {
    grid-template-columns: minmax(360px, 1fr) minmax(340px, 1fr);
    gap: 36px
  }

  .brand-intro-copy h2 {
    font-size: 28px
  }

  .brand-intro-lead {
    font-size: 21px
  }

  .partner-name {
    font-size: 24px
  }

  .partner-name.zh {
    font-size: 28px
  }

  .expert-wrap {
    grid-template-columns: minmax(300px, 430px) 1fr;
    gap: 48px
  }

  .expert-panel {
    grid-auto-rows: 190px
  }

  .footer-main {
    grid-template-columns: repeat(3, 1fr)
  }
}

@media(max-width:900px) {
  .head-inner {
    height: auto;
    min-height: 78px
  }

  .brand {
    min-width: 0
  }

  .nav-toggle {
    display: block
  }

  .mainnav {
    position: relative;
    flex: 0 0 auto
  }

  .nav-list {
    display: none;
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 60;
    width: min(310px, 90vw);
    background: #fff;
    box-shadow: 0 16px 32px rgba(0, 0, 0, .16);
    flex-direction: column;
    align-items: stretch
  }

  .mainnav.is-open .nav-list {
    display: flex
  }

  .nav-item {
    width: 100%
  }

  .nav-link {
    height: 46px;
    justify-content: flex-start;
    border-bottom: 1px solid #eee
  }

  .nav-sublist {
    position: static;
    display: block;
    opacity: 1;
    visibility: visible;
    transform: none;
    box-shadow: none;
    background: #f7fbff
  }

  .nav-sublist .nav-link {
    padding-left: 34px
  }

  .hero-copy {
    margin-left: 0
  }

  .hero-copy h1 {
    font-size: 34px;
    letter-spacing: 4px
  }

  .industry-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    min-height: 0
  }

  .industry-card,
  .industry-card:hover,
  .industry-card:focus-visible {
    min-height: 260px;
    align-items: center;
    justify-content: center;
    text-align: center
  }

  .industry-card:hover .industry-card-body,
  .industry-card:focus-visible .industry-card-body {
    align-items: center;
    justify-content: center;
    padding: 34px 28px
  }

  .industry-card:hover h3,
  .industry-card:focus-visible h3 {
    width: auto;
    padding: 0;
    font-size: 20px;
    font-weight: 400
  }

  .industry-card:hover h3:before,
  .industry-card:focus-visible h3:before,
  .industry-card:hover h3:after,
  .industry-card:focus-visible h3:after {
    display: none
  }

  .industry-card:hover p,
  .industry-card:focus-visible p {
    display: none
  }

  .partner-copy {
    gap: 18px
  }

  .partner-card {
    flex-basis: 210px
  }

  .brand-intro-section {
    padding: 64px 0 72px
  }

  .brand-intro-wrap {
    grid-template-columns: 1fr;
    gap: 30px
  }

  .brand-intro-media,
  .brand-intro-media img,
  .brand-intro-placeholder {
    min-height: 0;
    height: 340px
  }

  .brand-intro-copy h2,
  .brand-intro-lead,
  .brand-intro-text {
    max-width: none
  }

  .expert-wrap {
    grid-template-columns: 1fr;
    min-height: 0;
    padding: 54px 0;
    gap: 30px
  }

  .expert-section {
    min-height: 0
  }

  .expert-panel {
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: 180px
  }

  .expert-stat:nth-child(n),
  .expert-visual {
    grid-column: auto
  }

  .product-grid,
  .news-grid {
    grid-template-columns: 1fr 1fr
  }

  .news-grid .news-card:nth-child(4) {
    display: block
  }
}

@media(max-width:620px) {
  .preview-note {
    height: auto;
    padding: 6px 12px
  }

  .welcome .wrap {
    flex-direction: column;
    align-items: flex-start;
    padding: 7px 0;
    gap: 0
  }

  .head-inner {
    gap: 16px
  }

  .brand-logo {
    max-height: 46px
  }

  .section {
    padding: 42px 0
  }

  .section-title .en {
    font-size: 25px
  }

  .section-title .cn {
    font-size: 19px
  }

  .industry-section {
    padding: 38px 0 44px
  }

  .industry-wrap,
  .ability-wrap {
    width: calc(100% - 28px)
  }

  .industry-heading h2,
  .ability-heading h2 {
    font-size: 24px
  }

  .industry-grid,
  .ability-grid,
  .ability-fallback-grid {
    grid-template-columns: 1fr
  }

  .industry-card,
  .industry-card:hover,
  .industry-card:focus-visible {
    min-height: 220px
  }

  .ability-section {
    padding: 40px 0 42px
  }

  .ability-media,
  .ability-fallback-media {
    height: 190px
  }

  .ability-body,
  .ability-fallback-body {
    min-height: auto
  }

  .ability-title,
  .ability-fallback-body h3 {
    margin-bottom: 18px
  }

  .ability-action {
    margin-top: 30px
  }

  .partner-section {
    padding: 42px 0
  }

  .partner-wrap {
    width: calc(100% - 28px)
  }

  .partner-copy h2 {
    font-size: 26px
  }

  .partner-card {
    min-height: 148px
  }

  .partner-card img {
    height: 108px;
    padding: 18px 20px 10px
  }

  .partner-name {
    font-size: 22px
  }

  .partner-name.zh {
    font-size: 24px
  }

  .expert-wrap {
    width: calc(100% - 28px);
    padding: 42px 0
  }

  .expert-title {
    font-size: 25px
  }

  .expert-desc {
    margin-top: 28px
  }

  .expert-more {
    margin-top: 28px
  }

  .expert-panel {
    grid-auto-rows: 150px
  }

  .expert-stat strong {
    font-size: 40px
  }

  .expert-stat span {
    font-size: 16px
  }

  .footer-main {
    grid-template-columns: 1fr
  }

  .product-grid,
  .news-grid {
    grid-template-columns: repeat(2, 1fr)
  }

  .product-card img,
  .product-card .placeholder {
    height: 220px
  }

  .footer-main {
    text-align: center
  }

  .footer-col a {
    padding-left: 0
  }

  .footer-col a:before {
    display: none
  }
}

@media(max-width:374px) {
  .product-card:nth-child(n+5) {
    display: none
  }
}

.news-wrap {
  width: min(var(--wide), calc(100% - 40px));
  margin: 0 auto
}

.news-section {
  padding: 58px 0 66px
}

.news-heading {
  text-align: center;
  margin: 0 0 30px;
  color: #000
}

.news-heading a {
  display: inline-block
}

.news-heading h2 {
  margin: 0;
  color: #000;
  font-size: 26px;
  line-height: 1.28;
  font-weight: 400
}

.news-heading p {
  margin: 10px 0 0;
  color: #111;
  font-size: 14px;
  line-height: 1.6
}

.news-heading a:hover h2,
.news-heading a:hover p {
  color: var(--blue)
}

.news-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 26px;
  max-width: none;
  margin: 0
}

.news-grid .news-card:nth-child(n+4) {
  display: block
}

.news-card {
  position: relative;
  display: flex;
  min-height: 428px;
  border: 0;
  border-radius: 4px;
  background: #102235;
  color: #fff;
  overflow: hidden;
  isolation: isolate;
  box-shadow: none;
  transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease
}

.news-card:before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  width: auto;
  height: auto;
  background: linear-gradient(180deg, rgba(7, 18, 30, .08) 0, rgba(7, 18, 30, .24) 42%, rgba(4, 14, 24, .82) 100%);
  transition: background .25s ease
}

.news-card:hover,
.news-card:focus-visible {
  box-shadow: 0 0 0 2px #0063ad, 0 16px 34px rgba(0, 99, 173, .18);
  transform: translateY(-4px);
  outline: none
}

.news-card:hover:before,
.news-card:focus-visible:before {
  width: auto;
  background: linear-gradient(180deg, rgba(7, 18, 30, .04) 0, rgba(0, 99, 173, .18) 42%, rgba(4, 14, 24, .86) 100%)
}

.news-media {
  position: absolute;
  inset: 0;
  height: auto;
  background: #dce7ee;
  overflow: hidden
}

.news-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .42s ease, filter .3s ease
}

.news-card:hover img,
.news-card:focus-visible img {
  transform: scale(1.055);
  filter: saturate(1.08) brightness(.92)
}

.news-media .placeholder {
  height: 100%;
  min-height: 0;
  background: linear-gradient(135deg, #aebed0, #516cae);
  color: #fff
}

.news-body {
  position: relative;
  z-index: 3;
  display: flex;
  min-height: 100%;
  width: 100%;
  padding: 0 20px 26px;
  flex-direction: column;
  justify-content: flex-end;
  background: transparent;
  transition: none
}

.news-card:hover .news-body,
.news-card:focus-visible .news-body {
  background: transparent
}

.news-date,
.news-desc {
  display: none
}

.news-title {
  position: relative;
  margin: 0 0 28px;
  padding-left: 18px;
  color: #fff;
  font-size: 18px;
  line-height: 1.45;
  font-weight: 800;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-shadow: 0 2px 12px rgba(0, 0, 0, .4);
  transition: color .25s ease
}

.news-title:before {
  content: "";
  position: absolute;
  left: 0;
  top: .58em;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, .35)
}

.news-more {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 42px;
  border-radius: 4px;
  background: #fff;
  color: #111827;
  font-size: 14px;
  font-weight: 700;
  transition: background .25s ease, color .25s ease
}

.news-card:hover .news-title,
.news-card:focus-visible .news-title {
  color: #fff
}

.news-card:hover .news-more,
.news-card:focus-visible .news-more {
  background: #0063ad;
  color: #fff
}

@media(max-width:1180px) {
  .news-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr))
  }

  .news-card {
    min-height: 360px
  }
}

@media(max-width:900px) {
  .news-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }

  .news-card {
    min-height: 320px
  }
}

@media(max-width:620px) {
  .news-wrap {
    width: calc(100% - 28px)
  }

  .news-heading h2 {
    font-size: 24px
  }

  .news-grid {
    grid-template-columns: 1fr
  }

  .news-card {
    min-height: 300px
  }

  .news-title {
    font-size: 17px
  }
}

/* PC/tablet/mobile responsive safeguards */
html,
body {
  overflow-x: hidden
}

.site-head,
.hero,
.industry-section,
.ability-section,
.partner-section,
.expert-section,
.news-section,
.footer {
  width: 100%
}

.brand,
.brand-fallback,
.nav-link,
.industry-card h3,
.ability-title,
.partner-copy h2,
.partner-name,
.expert-title,
.expert-stat span,
.news-title,
.footer-col h3,
.footer-col a {
  overflow-wrap: anywhere
}

.hero-media {
  min-height: 220px
}

.hero-media.placeholder {
  min-height: clamp(220px, 36vw, 520px)
}

@media(max-width:1280px) {
  .head-inner {
    gap: 20px
  }

  .nav-link {
    padding: 0 14px;
    font-size: 15px
  }

  .home-profile-inner {
    width: min(1180px, calc(100% - 40px))
  }

  .home-profile-stats {
    gap: 38px
  }

  .partner-wrap,
  .expert-wrap,
  .ability-wrap,
  .news-wrap {
    width: min(1180px, calc(100% - 40px))
  }
}

@media(max-width:1024px) {
  .hero-media {
    height: clamp(260px, 42vw, 430px);
    object-fit: cover
  }

  .home-profile-search-inner {
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    padding: 16px 0;
    gap: 14px
  }

  .home-search {
    flex-basis: auto;
    width: min(420px, 100%)
  }

  .home-profile-heading h2 {
    font-size: 34px
  }

  .home-profile-stats {
    gap: 24px
  }

  .home-profile-stat strong {
    font-size: 62px
  }

  .product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }

  .partner-card {
    flex-basis: 210px
  }

  .footer-main {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }
}

@media(max-width:900px) {
  .site-head {
    position: sticky;
    top: 0;
    z-index: 100
  }

  .head-wrap,
  .wrap {
    width: calc(100% - 32px)
  }

  .head-inner {
    min-height: 70px
  }

  .brand {
    max-width: min(260px, calc(100vw - 96px))
  }

  .brand-name {
    font-size: 22px;
    white-space: normal
  }

  .brand-sub {
    letter-spacing: 3px;
    white-space: normal
  }

  .nav-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    min-width: 42px;
    min-height: 38px
  }

  .mainnav {
    position: static
  }

  .nav-list {
    left: 0;
    right: 0;
    top: 100%;
    width: 100%;
    max-height: calc(100vh - 70px);
    overflow-y: auto
  }

  .hero-copy {
    width: calc(100% - 32px);
    margin: 0 auto
  }

  .hero-heading {
    font-size: 34px;
    letter-spacing: 4px
  }

  .hero-copy p {
    letter-spacing: 1px
  }

  .home-profile-body {
    padding: 44px 0 42px
  }

  .home-profile-heading p {
    padding: 0;
    font-size: 15px
  }

  .home-profile-heading p:before,
  .home-profile-heading p:after {
    display: none
  }

  .home-profile-stats {
    grid-template-columns: 1fr;
    gap: 28px;
    margin-top: 28px
  }

  .home-profile-stat {
    max-width: 420px;
    margin: 0 auto
  }

  .home-profile-stat h3 {
    margin-top: 12px
  }

  .product-intro-wrap {
    grid-template-columns: 1fr;
    gap: 32px
  }

  .product-intro-media img,
  .product-intro-placeholder {
    height: auto;
    min-height: 360px
  }

  .industry-grid {
    gap: 12px
  }

  .industry-card {
    border-radius: 8px
  }

  .industry-card-body {
    padding: 28px 22px
  }

  .ability-grid,
  .ability-fallback-grid,
  .product-grid,
  .news-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }

  .partner-card {
    flex-basis: 190px
  }

  .expert-section:before,
  .expert-section.has-bg:before {
    background: rgba(238, 244, 250, .88)
  }
}

@media(max-width:620px) {
  .wrap,
  .head-wrap,
  .home-profile-inner,
  .industry-wrap,
  .ability-wrap,
  .partner-wrap,
  .expert-wrap,
  .news-wrap {
    width: calc(100% - 28px)
  }

  .welcome {
    height: auto
  }

  .site-head {
    border-bottom-width: 2px
  }

  .head-inner {
    min-height: 64px
  }

  .brand {
    max-width: calc(100vw - 86px)
  }

  .brand-logo {
    max-width: 100%;
    max-height: 40px
  }

  .brand-name {
    font-size: 19px
  }

  .brand-sub {
    display: none
  }

  .nav-list {
    padding: 8px 14px 16px
  }

  .hero-media {
    height: clamp(190px, 56vw, 300px);
    min-height: 190px;
    object-fit: cover
  }

  .hero-fallback {
    height: 300px
  }

  .hero-fallback:before,
  .hero-fallback:after {
    opacity: .45
  }

  .hero-heading {
    font-size: 28px;
    letter-spacing: 2px
  }

  .hero-copy p {
    font-size: 14px
  }

  .home-profile-search-inner {
    min-height: 0;
    padding: 12px 0
  }

  .home-keywords {
    width: 100%;
    flex-wrap: wrap;
    gap: 8px 14px;
    font-size: 13px;
    white-space: normal
  }

  .home-keywords strong {
    width: 100%
  }

  .home-search {
    width: 100%;
    height: 36px
  }

  .home-search input {
    height: 36px;
    padding: 0 12px;
    line-height: 36px
  }

  .home-search button {
    flex-basis: 86px;
    height: 36px;
    padding: 0 12px;
    letter-spacing: 3px;
    text-indent: 3px
  }

  .home-profile-body {
    padding: 34px 0 36px
  }

  .home-profile-body:before {
    width: 125vw;
    height: 210px;
    bottom: -38px
  }

  .home-profile-heading h2 {
    font-size: 27px
  }

  .home-profile-heading h2 span {
    display: block
  }

  .home-profile-heading p {
    font-size: 14px
  }

  .home-profile-stat strong {
    font-size: 54px
  }

  .home-profile-stat h3 {
    margin-bottom: 8px;
    font-size: 21px
  }

  .home-profile-stat p {
    font-size: 13px
  }

  .product-intro-section {
    padding: 40px 0
  }

  .product-intro-wrap {
    width: calc(100% - 28px)
  }

  .product-intro-copy h2 {
    font-size: 24px;
    line-height: 1.55
  }

  .product-intro-list {
    gap: 12px;
    margin-top: 26px
  }

  .product-intro-list li {
    grid-template-columns: 1fr;
    gap: 0;
    font-size: 14px
  }

  .product-intro-media img,
  .product-intro-placeholder {
    min-height: 240px;
    height: 240px
  }

  .section,
  .industry-section,
  .ability-section,
  .news-section {
    padding-top: 36px;
    padding-bottom: 40px
  }

  .section-title,
  .industry-heading,
  .ability-heading,
  .news-heading {
    margin-bottom: 22px
  }

  .industry-heading h2,
  .ability-heading h2,
  .news-heading h2 {
    font-size: 22px
  }

  .industry-heading p,
  .ability-heading p,
  .news-heading p {
    font-size: 13px
  }

  .industry-grid,
  .ability-grid,
  .ability-fallback-grid,
  .product-grid,
  .expert-panel,
  .news-grid,
  .footer-main {
    grid-template-columns: 1fr
  }

  .industry-card,
  .industry-card:hover,
  .industry-card:focus-visible {
    min-height: 210px
  }

  .ability-media,
  .ability-fallback-media,
  .product-card img,
  .product-card .placeholder {
    height: 190px
  }

  .ability-body,
  .ability-fallback-body {
    padding: 16px 18px 18px
  }

  .partner-section {
    padding: 38px 0
  }

  .partner-copy h2 {
    font-size: 22px
  }

  .partner-copy {
    grid-template-columns: auto 1fr;
    gap: 12px;
    margin-bottom: 24px
  }

  .partner-more {
    display: none
  }

  .partner-track {
    gap: 10px;
    animation-duration: 20s
  }

  .partner-card {
    flex-basis: 168px;
    min-height: 132px
  }

  .partner-card img {
    height: 92px;
    padding: 16px 14px 8px
  }

  .partner-title {
    font-size: 14px
  }

  .expert-wrap {
    padding: 38px 0
  }

  .expert-title {
    font-size: 22px
  }

  .expert-subtitle,
  .expert-desc {
    font-size: 14px
  }

  .expert-panel {
    grid-auto-rows: auto
  }

  .expert-stat {
    min-height: 128px;
    padding: 22px 14px
  }

  .expert-visual {
    min-height: 180px
  }

  .news-card {
    min-height: 280px
  }

  .news-body {
    padding: 0 16px 20px
  }

  .footer-main {
    gap: 22px;
    padding: 34px 0
  }
}

@media(max-width:420px) {
  .hero-media {
    height: 210px
  }

  .hero-heading {
    font-size: 24px
  }

  .industry-card,
  .industry-card:hover,
  .industry-card:focus-visible {
    min-height: 190px
  }

  .ability-media,
  .ability-fallback-media,
  .product-card img,
  .product-card .placeholder {
    height: 170px
  }

  .news-card {
    min-height: 250px
  }

  .news-more,
  .ability-btn,
  .expert-more {
    width: 100%
  }
}

@media(min-width:1181px) {
  .product-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr))
  }
}

@media(max-width:1180px) {
  .product-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr))
  }

  .product-media {
    height: 320px
  }
}

@media(max-width:1024px) {
  .product-tabs {
    grid-template-columns: repeat(4, minmax(0, 1fr))
  }

  .product-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr))
  }
}

@media(max-width:760px) {
  .product-showcase {
    padding: 40px 0 32px
  }

  .product-heading {
    margin-bottom: 24px
  }

  .product-heading h2 {
    font-size: 28px
  }

  .product-heading p {
    display: block;
    font-size: 14px
  }

  .product-heading p:before,
  .product-heading p:after {
    display: none
  }

  .product-tabs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-bottom: 24px
  }

  .product-tabs a {
    min-height: 48px;
    font-size: 14px
  }

  .product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px
  }

  .product-media {
    height: 210px;
    padding: 18px 14px 10px
  }

  .product-card img,
  .product-card .placeholder {
    height: 100%
  }

  .product-body {
    min-height: 78px;
    margin: 0 16px;
    padding: 16px 0 18px
  }

  .product-title {
    font-size: 15px
  }
}

@media(max-width:520px) {
  .product-wrap {
    width: calc(100% - 28px)
  }

  .product-grid {
    grid-template-columns: 1fr
  }

  .product-media {
    height: 230px
  }

  .product-card img,
  .product-card .placeholder {
    height: 100%
  }
}

@media(min-width:901px) {
  .industry-cta {
    min-height: 350px;
    padding: 64px 0
  }
}

@media(max-width:900px) {
  .industry-cta {
    min-height: 320px;
    padding: 54px 0
  }

  .industry-cta h2 {
    font-size: 32px
  }

  .industry-desc {
    font-size: 17px
  }

  .industry-phone {
    min-width: min(410px, 100%);
    font-size: 30px
  }
}

@media(max-width:620px) {
  .industry-cta {
    min-height: 300px;
    padding: 42px 0
  }

  .industry-cta .industry-wrap {
    width: calc(100% - 28px)
  }

  .industry-eyebrow {
    font-size: 14px
  }

  .industry-eyebrow span {
    display: block;
    margin: 4px 0 0;
    font-size: 13px
  }

  .industry-cta h2 {
    font-size: 24px
  }

  .industry-desc {
    font-size: 14px
  }

  .industry-phone {
    min-width: 0;
    width: 100%;
    min-height: 52px;
    gap: 12px;
    padding: 6px 18px;
    font-size: 24px
  }

  .industry-phone span {
    width: 28px;
    height: 28px
  }
}

.home-news-heading {
  text-align: center;
  margin: 0 0 46px
}

.home-news-heading h2 {
  margin: 0;
  color: #17202c;
  font-size: 38px;
  line-height: 1.2;
  font-weight: 900;
  letter-spacing: 0
}

.home-news-heading p {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  margin: 14px auto 0;
  color: #6a7280;
  font-size: 18px;
  line-height: 1.7
}

.home-news-heading p::before,
.home-news-heading p::after {
  content: "";
  width: 58px;
  height: 1px;
  background:
    radial-gradient(circle at right center, #0063ad 0 3px, transparent 3.5px),
    linear-gradient(90deg, rgba(0, 99, 173, 0), rgba(0, 99, 173, .35));
  background-repeat: no-repeat;
  background-size: 100% 7px, 100% 1px;
  background-position: center, center
}

.home-news-heading p::after {
  background:
    radial-gradient(circle at left center, #0063ad 0 3px, transparent 3.5px),
    linear-gradient(90deg, rgba(0, 99, 173, .35), rgba(0, 99, 173, 0));
  background-repeat: no-repeat;
  background-size: 100% 7px, 100% 1px;
  background-position: center, center
}

.home-news-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.36fr) minmax(390px, .98fr);
  gap: 64px;
  align-items: start
}

.home-news-left {
  min-width: 0
}

.home-news-left,
.home-news-faq {
  min-height: 0
}

.home-news-tabs,
.home-news-faq-head {
  display: flex;
  align-items: center;
  gap: 42px;
  min-height: 34px;
  margin-bottom: 28px
}

.home-news-tabs h3,
.home-news-faq-head h3 {
  margin: 0;
  color: #17202c;
  font-size: 24px;
  line-height: 1.25;
  font-weight: 900
}

.home-news-tabs h3.is-active {
  color: #0063ad
}

.home-news-tabs a,
.home-news-faq-head a {
  margin-left: auto;
  color: #8a9098;
  font-size: 14px;
  letter-spacing: .8px
}

.home-news-tabs a:hover,
.home-news-faq-head a:hover {
  color: #0063ad
}

.home-news-cover {
  display: block;
  width: 100%;
  height: 256px;
  overflow: hidden;
  background: #e9eef5;
  box-shadow: 0 16px 34px rgba(20, 42, 74, .1)
}

.home-news-cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .45s ease
}

.home-news-cover:hover img {
  transform: scale(1.035)
}

.home-news-cover.is-empty {
  display: grid;
  place-items: center;
  color: #fff;
  font-size: 24px;
  font-weight: 900;
  background: linear-gradient(135deg, #9fb7d7, #0063ad)
}

.home-news-list {
  display: grid;
  gap: 0;
  margin: 24px 0 0;
  padding: 0;
  list-style: none
}

.home-news-list a {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 24px;
  min-height: 38px;
  padding: 4px 0;
  color: #344050;
  font-size: 16px;
  line-height: 1.55
}

.home-news-list span {
  position: relative;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-left: 28px
}

.home-news-list span::before {
  content: "";
  position: absolute;
  left: 0;
  top: .62em;
  width: 9px;
  height: 9px;
  border: 2px solid #9aa1aa;
  border-radius: 50%;
  box-sizing: border-box
}

.home-news-list time {
  color: #6f7886;
  font-size: 15px;
  white-space: nowrap
}

.home-news-list a:hover span,
.home-news-list a:hover time {
  color: #0063ad
}

.home-news-faq {
  position: relative;
  min-width: 0;
  padding-left: 52px
}

.home-news-faq::before {
  content: "";
  position: absolute;
  left: 0;
  top: 60px;
  bottom: 0;
  width: 1px;
  background: linear-gradient(180deg, rgba(0, 99, 173, .08), rgba(0, 99, 173, .26), rgba(0, 99, 173, .05))
}

.home-faq-list {
  display: grid;
  gap: 14px;
  margin: 0;
  padding: 0;
  list-style: none
}

.home-faq-list li {
  border: 0
}

.home-faq-list a {
  display: block;
  min-height: 92px;
  padding: 17px 22px 16px;
  color: #4c535c;
  background: #fff;
  border: 1px solid #edf1f5;
  box-shadow: 0 10px 28px rgba(25, 48, 82, .06);
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease
}

.home-faq-list a:hover,
.home-faq-list a:focus-visible {
  border-color: rgba(0, 99, 173, .32);
  box-shadow: 0 16px 36px rgba(25, 75, 130, .12);
  outline: none;
  transform: translateY(-2px)
}

.home-faq-list strong {
  display: block;
  position: relative;
  margin-bottom: 9px;
  padding-left: 18px;
  color: #263446;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.home-faq-list strong::before {
  content: "";
  position: absolute;
  left: 0;
  top: .66em;
  width: 6px;
  height: 6px;
  background: #0063ad;
  transform: rotate(45deg)
}

.home-faq-list span {
  display: -webkit-box;
  color: #8993a1;
  font-size: 14px;
  line-height: 1.65;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical
}

.home-faq-list a:hover strong,
.home-faq-list a:hover span {
  color: #0063ad
}

@media(max-width:1180px) {
  .home-news-layout {
    grid-template-columns: 1fr;
    gap: 42px
  }

  .home-news-faq {
    padding-left: 0
  }

  .home-news-faq::before {
    display: none
  }
}

@media(max-width:760px) {
  .home-news-heading {
    margin-bottom: 28px
  }

  .home-news-heading h2 {
    font-size: 28px
  }

  .home-news-heading p {
    display: flex;
    gap: 8px;
    font-size: 14px
  }

  .home-news-heading p::before,
  .home-news-heading p::after {
    width: 34px;
    flex: 0 0 34px
  }

  .home-news-tabs,
  .home-news-faq-head {
    gap: 22px;
    margin-bottom: 20px
  }

  .home-news-tabs h3,
  .home-news-faq-head h3 {
    font-size: 20px
  }

  .home-news-cover {
    height: 210px
  }

  .home-news-list a {
    grid-template-columns: 1fr;
    gap: 2px;
    font-size: 15px
  }

  .home-news-list time {
    padding-left: 28px;
    font-size: 13px
  }

  .home-faq-list a {
    min-height: 0;
    padding: 15px 16px
  }

  .home-faq-list strong,
  .home-faq-list span {
    white-space: normal
  }

  .home-faq-list span {
    -webkit-line-clamp: 2
  }
}

.news-section {
  padding: 64px 0 58px;
  background: #fff
}

.news-wrap {
  width: min(1280px, calc(100% - 40px));
  margin: 0 auto
}

.home-news-heading {
  margin: 0 0 52px
}

.home-news-heading h2 {
  color: #161d27;
  font-size: 38px;
  line-height: 1.16;
  font-weight: 900
}

.home-news-heading p {
  margin-top: 12px;
  color: #777f89;
  font-size: 16px
}

.home-news-layout {
  display: grid;
  grid-template-columns: minmax(0, 700px) minmax(0, 492px);
  gap: 48px;
  justify-content: start;
  align-items: start
}

.home-news-tabs,
.home-news-faq-head {
  min-height: 34px;
  margin-bottom: 38px
}

.home-news-faq-head {
  margin-bottom: 24px
}

.home-news-tabs {
  gap: 58px
}

.home-news-tabs h3,
.home-news-faq-head h3 {
  font-size: 24px;
  line-height: 1.25;
  font-weight: 900
}

.home-news-tabs h3 {
  color: #171d26;
  cursor: pointer;
  transition: color .2s ease
}

.home-news-tabs h3.is-active {
  color: #0063ad
}

.home-news-tabs h3:focus-visible {
  color: #0063ad;
  outline: none
}

.home-news-tabs a,
.home-news-faq-head a {
  color: #8c929b;
  font-size: 14px;
  letter-spacing: 0
}

.home-news-cover {
  height: 256px;
  box-shadow: none;
  background: #eef2f6
}

.home-news-panel[hidden],
.home-news-tabs a[hidden] {
  display: none
}

.home-news-list {
  margin-top: 22px
}

.home-news-list a {
  min-height: 37px;
  padding: 3px 0;
  color: #333b46;
  font-size: 16px
}

.home-news-list span {
  padding-left: 28px
}

.home-news-list span::before {
  top: .62em;
  width: 12px;
  height: 12px;
  border: 3px solid #8e8e8e;
  background: #fff
}

.home-news-list time {
  color: #6e7580;
  font-size: 16px
}

.home-news-faq {
  padding-left: 64px
}

.home-news-faq::before {
  left: 0;
  top: 0;
  bottom: -8px;
  width: 1px;
  background: linear-gradient(90deg, rgba(0, 0, 0, .02), rgba(0, 0, 0, .08), rgba(0, 0, 0, .02))
}

.home-faq-list {
  display: block
}

.home-faq-list li {
  border-bottom: 1px dashed #d8d8d8
}

.home-faq-list a {
  min-height: 0;
  padding: 20px 0 21px;
  color: #555c66;
  background: transparent;
  border: 0;
  box-shadow: none;
  transition: color .2s ease
}

.home-faq-list li:first-child a {
  padding-top: 0
}

.home-faq-list a:hover,
.home-faq-list a:focus-visible {
  color: #0063ad;
  border-color: transparent;
  box-shadow: none;
  outline: none;
  transform: none
}

.home-faq-list strong {
  margin-bottom: 8px;
  padding-left: 0;
  color: #4a4f58;
  font-size: 17px;
  line-height: 1.45;
  font-weight: 400
}

.home-faq-list strong::before {
  display: none
}

.home-faq-list span {
  color: #969696;
  font-size: 16px;
  line-height: 1.72;
  -webkit-line-clamp: 1
}

.home-faq-list a:hover strong,
.home-faq-list a:hover span {
  color: #0063ad
}

@media(max-width:1180px) {
  .home-news-layout {
    grid-template-columns: 1fr;
    gap: 42px
  }

  .home-news-faq {
    padding-left: 0
  }

  .home-news-faq::before {
    display: none
  }
}

@media(max-width:760px) {
  .news-section {
    padding: 48px 0 44px
  }

  .news-wrap {
    width: calc(100% - 28px)
  }

  .home-news-heading {
    margin-bottom: 30px
  }

  .home-news-heading h2 {
    font-size: 30px
  }

  .home-news-heading p {
    font-size: 14px
  }

  .home-news-tabs,
  .home-news-faq-head {
    margin-bottom: 22px
  }

  .home-news-tabs {
    gap: 24px
  }

  .home-news-cover {
    height: 210px
  }

  .home-news-list a {
    grid-template-columns: 1fr;
    gap: 2px
  }

  .home-news-list time {
    padding-left: 28px;
    font-size: 13px
  }

  .home-faq-list strong,
  .home-faq-list span {
    white-space: normal
  }

  .home-faq-list span {
    -webkit-line-clamp: 2
  }
}

.ability-section {
  padding: 88px 0 96px;
  background: #fff
}

.ability-wrap {
  width: min(1280px, calc(100% - 40px));
  margin: 0 auto
}

.ability-heading {
  text-align: center;
  margin: 0 0 46px;
  color: #000
}

.ability-heading h2 {
  margin: 0;
  color: #1c2431;
  font-size: clamp(34px, 3.8vw, 42px);
  line-height: 1.18;
  font-weight: 900;
  letter-spacing: 0
}

.ability-heading h2 span {
  color: #0063ad
}

.ability-heading p {
  max-width: 1040px;
  margin: 14px auto 0;
  color: #6c7480;
  font-size: 18px;
  line-height: 1.8;
  letter-spacing: 0;
  white-space: normal
}

.ability-showcase {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(360px, 1fr);
  gap: 16px;
  align-items: stretch;
  max-width: 1280px;
  margin: 0 auto
}

.ability-side {
  display: grid;
  grid-template-rows: 1fr 1fr;
  gap: 16px;
  min-width: 0
}

.ability-photo {
  position: relative;
  display: block;
  min-width: 0;
  margin: 0;
  overflow: hidden;
  background: #e9eef4;
  line-height: 0
}

.ability-photo-large {
  height: 540px
}

.ability-photo-small {
  height: 262px
}

.ability-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .45s ease
}

.ability-photo:hover img {
  transform: scale(1.035)
}

.ability-photo-placeholder {
  display: grid;
  place-items: center;
  height: 100%;
  color: #fff;
  font-size: 24px;
  font-weight: 800;
  letter-spacing: 4px;
  background: linear-gradient(135deg, #9ab7d3, #0063ad)
}

@media(max-width:1180px) {
  .ability-showcase {
    grid-template-columns: minmax(0, 1.65fr) minmax(260px, .9fr)
  }

  .ability-photo-large {
    height: 480px
  }

  .ability-photo-small {
    height: 232px
  }
}

@media(max-width:760px) {
  .ability-section {
    padding: 40px 0 42px
  }

  .ability-wrap {
    width: calc(100% - 28px)
  }

  .ability-heading {
    margin-bottom: 22px
  }

  .ability-heading h2 {
    font-size: 24px
  }

  .ability-heading p {
    font-size: 13px
  }

  .ability-showcase {
    grid-template-columns: 1fr;
    gap: 12px
  }

  .ability-side {
    grid-template-columns: 1fr;
    grid-template-rows: none;
    gap: 12px
  }

  .ability-photo-large {
    height: 260px
  }

  .ability-photo-small {
    height: 190px
  }
}




/* Extracted from home.html to reduce inline CSS payload. */

    body {
      background: #102c27;
      color: #17211f;
    }

    main {
      background: #f6fbf8;
    }

    .hero {
      min-height: 620px;
      padding: 68px 0 86px;
      background:
        radial-gradient(circle at 72% 20%, rgba(218, 255, 74, .22), transparent 18%),
        radial-gradient(circle at 18% 100%, rgba(20, 137, 113, .26), transparent 30%),
        linear-gradient(135deg, #18304b 0%, #122b43 52%, #142e3f 100%);
      overflow: hidden;
    }

    .hero swiper-container,
    .hero swiper-slide {
      width: min(1180px, calc(100% - 48px));
      height: 560px;
      margin: 0 auto;
      overflow: visible;
    }

    .hero swiper-container::before {
      content: "以可持续发展助力美好未来";
      position: absolute;
      left: 0;
      top: 74px;
      z-index: 5;
      width: min(480px, 46vw);
      color: #fff;
      font-size: clamp(42px, 5vw, 74px);
      line-height: .98;
      font-weight: 800;
      letter-spacing: -.03em;
    }

    .hero swiper-container::after {
      content: "以可靠技术、及时服务和优质产品提供高效解决方案。";
      position: absolute;
      right: 0;
      top: 108px;
      z-index: 5;
      width: 310px;
      color: rgba(255, 255, 255, .78);
      font-size: 15px;
      line-height: 1.7;
    }

    .hero swiper-slide {
      position: relative;
      display: block;
    }

    .hero-slide-link {
      position: absolute;
      inset: 0;
      display: block;
      border-radius: 34px;
      overflow: hidden;
    }

    .hero-media {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center;
      border-radius: 34px;
      filter: saturate(1.03);
    }

    .hero swiper-slide::before {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 4;
      height: 210px;
      background: linear-gradient(180deg, transparent, rgba(18, 43, 67, .72));
      border-radius: 0 0 34px 34px;
      pointer-events: none;
    }

    .hero swiper-slide::after {
      content: "降低成本";
      position: absolute;
      left: 42%;
      bottom: 42px;
      z-index: 6;
      width: 250px;
      min-height: 128px;
      padding: 54px 26px 24px;
      border-radius: 26px;
      color: #fff;
      background: #0A7864;
      box-shadow: 0 20px 52px rgba(6, 44, 37, .28);
      font-size: 25px;
      line-height: 1.15;
      font-weight: 800;
    }

    .hero .swiper-pagination,
    .hero swiper-container::part(pagination) {
      bottom: -48px;
    }

    .hero swiper-container::part(bullet) {
      width: 16px;
      height: 16px;
      background: rgba(255, 255, 255, .42);
      opacity: 1;
    }

    .hero swiper-container::part(bullet-active) {
      width: 54px;
      border-radius: 999px;
      background: #dfff4f;
    }

    .why-solar {
      padding: 84px 0 80px;
      background: #fff;
    }

    .why-solar-wrap {
      width: 70%;
      margin: 0 auto;
    }

    .why-solar-heading {
      max-width: 560px;
      margin: 0 auto 42px;
      text-align: center;
    }

    .why-solar-heading h2 {
      margin: 0;
      color: #111917;
      font-size: clamp(36px, 4.2vw, 54px);
      line-height: 1.05;
      font-weight: 500;
      letter-spacing: 0;
    }

    .why-solar-heading h2 span {
      color: #0A7864;
    }

    .why-solar-heading p {
      max-width: 480px;
      margin: 18px auto 0;
      color: #6d7472;
      font-size: 18px;
      line-height: 1.45;
      font-weight: 400;
    }

    .why-solar-layout {
      display: grid;
      grid-template-columns: minmax(0, 1.48fr) minmax(360px, .95fr);
      gap: 30px;
      align-items: stretch;
    }

    .why-solar-media {
      min-height: 486px;
      overflow: hidden;
      border-radius: 30px;
      background: #dcefe8;
    }

    .why-solar-media img,
    .why-solar-placeholder {
      width: 100%;
      height: 100%;
      display: grid;
      place-items: center;
      object-fit: cover;
      object-position: center;
      color: #0A7864;
      font-size: 28px;
      font-weight: 800;
    }

    .why-solar-cards {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 20px;
    }

    .why-solar-card {
      position: relative;
      min-height: 233px;
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      overflow: hidden;
      padding: 28px;
      border-radius: 18px;
      background-color: #0A7864;
      background-position: center;
      background-size: cover;
      color: #fff;
      isolation: isolate;
    }

    .why-solar-card::before {
      content: "";
      position: absolute;
      inset: 0;
      z-index: -1;
      background:
        linear-gradient(180deg, rgba(4, 31, 26, .12), rgba(4, 31, 26, .82)),
        linear-gradient(135deg, rgba(10, 120, 100, .42), rgba(223, 255, 79, .12));
      pointer-events: none;
    }

    .why-solar-card h3 {
      margin: 0 0 12px;
      color: #fff;
      font-size: 17px;
      line-height: 1.25;
      font-weight: 800;
      text-shadow: 0 2px 12px rgba(0, 0, 0, .26);
    }

    .why-solar-card-desc {
      display: -webkit-box;
      max-height: 4.05em;
      overflow: hidden;
      color: rgba(255, 255, 255, .82);
      font-size: 15px;
      line-height: 1.35;
      font-weight: 600;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 3;
    }

    .why-solar-card-desc :where(p, div, ul, ol) {
      margin: 0;
      padding: 0;
    }

    .home-profile {
      padding: 84px 0 74px;
      background: #fff;
    }

    .home-profile-searchbar {
      display: none;
    }

    .home-profile-inner,
    .product-wrap,
    .product-intro-wrap,
    .industry-wrap,
    .ability-wrap,
    .partner-wrap,
    .news-wrap {
      width: min(1120px, calc(100% - 48px));
      margin: 0 auto;
    }

    .home-profile-body {
      padding: 0;
      background: transparent;
    }

    .home-profile-heading {
      max-width: 680px;
      margin: 0 auto 44px;
      text-align: center;
    }

    .home-profile-heading h2,
    .product-heading h2,
    .ability-heading h2,
    .home-news-heading h2 {
      margin: 0;
      color: #17211f;
      font-size: clamp(34px, 4vw, 52px);
      line-height: 1.06;
      font-weight: 800;
      letter-spacing: -.03em;
    }

    .home-profile-heading h2::after,
    .product-heading h2::after,
    .ability-heading h2::after,
    .home-news-heading h2::after {
      content: "";
      display: inline-block;
      width: .58em;
      height: .58em;
      margin-left: 8px;
      border-radius: 50%;
      background: #0A7864;
      vertical-align: .05em;
    }

    .home-profile-heading p,
    .product-heading p,
    .ability-heading p,
    .home-news-heading p {
      max-width: 620px;
      margin: 15px auto 0;
      color: #70807d;
      font-size: 16px;
      line-height: 1.7;
    }

    .home-profile-stats {
      display: grid;
      grid-template-columns: 1.35fr repeat(2, minmax(0, 1fr));
      gap: 22px;
      align-items: stretch;
    }

    .home-profile-stat {
      min-height: 210px;
      padding: 28px;
      border: 0;
      border-radius: 18px;
      background: #f4faf7;
      box-shadow: none;
    }

    .home-profile-stat:first-child {
      grid-row: span 2;
      min-height: 430px;
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      color: #fff;
      background:
        linear-gradient(180deg, rgba(16, 44, 39, .02), rgba(16, 44, 39, .78)),
        linear-gradient(135deg, #d7f3e7, #93d8c4);
    }

    .home-profile-stat strong {
      color: #0A7864;
      font-size: 42px;
      line-height: 1;
    }

    .home-profile-stat:first-child strong,
    .home-profile-stat:first-child h3,
    .home-profile-stat:first-child p {
      color: #fff;
    }

    .home-profile-stat h3 {
      margin: 22px 0 10px;
      color: #162522;
      font-size: 20px;
      line-height: 1.2;
      font-weight: 800;
    }

    .home-profile-stat p {
      color: #6e807c;
      font-size: 14px;
      line-height: 1.65;
    }

    .product-showcase {
      padding: 88px 0 92px;
      background: #0A7864;
    }

    .product-heading {
      display: flex;
      align-items: flex-end;
      justify-content: space-between;
      gap: 24px;
      margin-bottom: 38px;
    }

    .product-heading a {
      display: block;
    }

    .product-heading h2 {
      color: #fff;
    }

    .product-heading h2::after {
      background: #dfff4f;
    }

    .product-heading p {
      margin-left: 0;
      color: rgba(255, 255, 255, .72);
    }

    .product-tabs {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      margin-bottom: 26px;
    }

    .product-tabs a {
      min-height: 38px;
      padding: 9px 17px;
      border: 1px solid rgba(255, 255, 255, .22);
      border-radius: 999px;
      color: rgba(255, 255, 255, .78);
      font-weight: 700;
    }

    .product-tabs a.is-active,
    .product-tabs a:hover {
      border-color: #dfff4f;
      background: #dfff4f;
      color: #10312b;
    }

    .product-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 22px;
    }

    .product-card {
      min-height: 380px;
      display: flex;
      flex-direction: column;
      overflow: hidden;
      border-radius: 24px;
      background: #f8fffb;
      box-shadow: none;
      transition: transform .22s ease;
    }

    .product-card:hover {
      transform: translateY(-6px);
    }

    .product-media {
      height: 270px;
      border-radius: 0;
      background: #dbeee8;
    }

    .product-media img,
    .product-media .placeholder {
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius: 0;
    }

    .product-body {
      flex: 1;
      min-height: 110px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 16px;
      padding: 22px 24px;
    }

    .product-title {
      color: #142521;
      font-size: 18px;
      line-height: 1.3;
      font-weight: 800;
    }

    .product-more {
      width: 34px;
      height: 34px;
      flex: 0 0 34px;
      display: grid;
      place-items: center;
      border-radius: 50%;
      background: #0A7864;
      color: #fff;
    }

    .product-intro-section,
    .partner-section {
      display: none;
    }

    .industry-cta {
      min-height: 460px;
      padding: 92px 0;
      background: #f6fbf8;
    }

    .industry-cta-bg {
      opacity: .18;
      filter: saturate(.85);
    }

    .industry-cta .industry-wrap {
      width: 70%;
      max-width: none;
      justify-content: center;
    }

    .industry-cta-copy {
      max-width: 820px;
      margin: 0 auto;
      color: #fff;
      text-align: center;
    }

    .industry-eyebrow {
      color: #0A7864;
      font-weight: 800;
    }

    .industry-cta h2 {
      color: #fff;
      font-size: clamp(34px, 4vw, 54px);
      line-height: 1.05;
      letter-spacing: -.03em;
      text-shadow: 0 3px 18px rgba(0, 0, 0, .28);
    }

    .industry-desc {
      max-width: 620px;
      margin: 18px auto 28px;
      color: rgba(255, 255, 255, .86);
      text-shadow: 0 2px 14px rgba(0, 0, 0, .26);
    }

    .industry-phone {
      border-radius: 999px;
      background: #0A7864;
      color: #fff;
    }

    .ability-section {
      padding: 94px 0;
      background: #fff;
    }

    .ability-wrap {
      width: 70%;
      max-width: none;
    }

    .ability-heading {
      max-width: 720px;
      margin: 0 auto 42px;
      text-align: center;
    }

    .ability-heading h2 span,
    .home-news-heading h2 span {
      color: #0A7864;
    }

    .ability-showcase {
      display: grid;
      grid-template-columns: .75fr 1.35fr;
      gap: 22px;
    }

    .ability-side {
      display: grid;
      gap: 22px;
    }

    .ability-photo {
      min-height: 260px;
      overflow: hidden;
      border-radius: 28px;
      background: #e6f4ef;
    }

    .ability-photo-large {
      min-height: 560px;
    }

    .ability-photo img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform .4s ease;
    }

    .ability-photo:hover img {
      transform: scale(1.04);
    }

    .news-section {
      padding: 94px 0 104px;
      background: #f6fbf8;
    }

    .home-news-heading {
      max-width: 720px;
      margin: 0 auto 42px;
      text-align: center;
    }

    .news-wrap {
      width: 70%;
      max-width: none;
    }

    .home-news-layout {
      display: grid;
      grid-template-columns: 1fr .72fr;
      gap: 24px;
    }

    .home-news-left,
    .home-news-faq {
      padding: 28px;
      border-radius: 24px;
      background: #fff;
      box-shadow: 0 20px 52px rgba(18, 65, 53, .08);
    }

    .home-news-faq {
      padding-left: 28px;
    }

    .home-news-faq::before {
      display: none;
    }

    .home-news-tabs,
    .home-news-faq-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 18px;
      margin-bottom: 22px;
    }

    .home-news-tabs h3,
    .home-news-faq-head h3 {
      margin: 0;
      color: #17211f;
      font-size: 22px;
      font-weight: 800;
    }

    .home-news-tabs h3.is-active {
      color: #0A7864;
    }

    .home-news-tabs a,
    .home-news-faq-head a {
      color: #0A7864;
      font-weight: 800;
    }

    .home-news-cover {
      height: 180px;
      margin-bottom: 16px;
      border-radius: 20px;
      background: linear-gradient(135deg, #0A7864, #dfff4f);
      background-position: center;
      background-size: cover;
    }

    .home-news-cover.is-empty span {
      color: #fff;
      font-size: 28px;
      font-weight: 800;
    }

    .home-news-list a,
    .home-faq-list a {
      min-height: 58px;
      border-bottom: 1px solid #e6efeb;
      color: #263530;
    }

    .home-news-list span::before,
    .home-faq-list strong::before {
      color: #0A7864;
    }

    @media(max-width: 991px) {
      .hero {
        min-height: 520px;
        padding: 42px 0 70px;
      }

      .hero swiper-container,
      .hero swiper-slide {
        width: calc(100% - 28px);
        height: 460px;
      }

      .hero swiper-container::before,
      .hero swiper-container::after,
      .hero swiper-slide::after {
        display: none;
      }

      .home-profile-stats,
      .product-grid,
      .ability-showcase,
      .home-news-layout {
        grid-template-columns: 1fr;
      }

      .ability-wrap {
        width: calc(100% - 32px);
      }

      .home-profile-stat:first-child,
      .ability-photo-large {
        min-height: 320px;
      }

      .industry-cta .industry-wrap {
        width: calc(100% - 32px) !important;
      }

    }

    @media(max-width: 640px) {

      .hero swiper-container,
      .hero swiper-slide {
        height: 340px;
      }

      .home-profile,
      .product-showcase,
      .industry-cta,
      .ability-section,
      .news-section {
        padding-top: 58px;
        padding-bottom: 62px;
      }

      .home-profile-inner,
      .product-wrap,
      .product-intro-wrap,
      .industry-wrap,
      .ability-wrap,
      .partner-wrap,
      .news-wrap {
        width: calc(100% - 28px);
      }

      .product-card {
        min-height: 0;
      }

      .product-media {
        height: 220px;
      }
    }

    .hero {
      min-height: 0;
      padding: 0;
      background: #fff;
      overflow: hidden;
    }

    .hero swiper-container,
    .hero swiper-slide {
      width: 100%;
      height: auto;
      margin: 0;
      overflow: hidden;
    }

    .hero swiper-container::before,
    .hero swiper-container::after,
    .hero swiper-slide::before,
    .hero swiper-slide::after {
      display: none !important;
      content: none !important;
    }

    .hero-slide-link {
      position: static;
      display: block;
      width: 100%;
      height: auto;
      border-radius: 0;
      overflow: hidden;
    }

    .hero-media {
      width: 100%;
      height: auto;
      border-radius: 0;
      object-fit: contain;
      object-position: center;
      filter: none;
    }

    .hero .swiper-pagination,
    .hero swiper-container::part(pagination) {
      bottom: 26px;
    }

    .hero swiper-container::part(bullet) {
      width: 16px;
      height: 16px;
      background: rgba(10, 120, 100, .28);
      opacity: 1;
    }

    .hero swiper-container::part(bullet-active) {
      width: 54px;
      border-radius: 999px;
      background: #0A7864;
    }

    .hero-fallback {
      min-height: clamp(360px, 32vw, 620px);
      border-radius: 0;
    }

    @media(max-width: 991px) {

      .hero swiper-container,
      .hero swiper-slide {
        height: auto;
      }

      .hero-fallback {
        min-height: clamp(260px, 48vw, 430px);
      }
    }

    @media(max-width: 640px) {

      .hero swiper-container,
      .hero swiper-slide {
        height: auto;
      }

      .hero-fallback {
        min-height: 230px;
      }
    }

    .home-profile-heading h2::after {
      display: none;
    }

    .home-profile-heading h2 .home-profile-accent {
      color: #0A7864;
      font-weight: inherit;
    }

    .home-profile-feature-grid {
      width: min(1120px, calc(100% - 48px));
      margin: 0 auto;
      display: grid;
      grid-template-columns: minmax(0, 1.48fr) minmax(360px, .92fr);
      gap: 28px;
      align-items: stretch;
    }

    .home-profile-feature-media {
      min-height: 430px;
      overflow: hidden;
      border-radius: 34px;
      background: linear-gradient(135deg, #dcefe8, #eef8f4);
    }

    .home-profile-feature-media img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    .home-profile-feature-placeholder {
      width: 100%;
      height: 100%;
      min-height: 430px;
      display: grid;
      place-items: center;
      padding: 36px;
      color: #0A7864;
      font-size: 24px;
      font-weight: 800;
      text-align: center;
      background: linear-gradient(135deg, rgba(10, 120, 100, .12), rgba(10, 120, 100, .04));
    }

    .home-profile-stats {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 20px;
      align-items: stretch;
    }

    .home-profile-stat,
    .home-profile-stat:first-child {
      min-height: 205px;
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      padding: 30px 28px;
      border: 0;
      border-radius: 22px;
      color: #17211f;
      background: #f3faf7;
      box-shadow: none;
    }

    .home-profile-stat strong {
      width: 46px;
      height: 46px;
      display: grid;
      place-items: center;
      margin-bottom: auto;
      border-radius: 50%;
      background: #0A7864;
      color: #fff !important;
      font-size: 0;
      line-height: 1;
    }

    .home-profile-stat strong::before {
      color: #fff;
      font-size: 21px;
      line-height: 1;
    }

    .home-profile-stat:nth-child(1) strong::before {
      content: "♻";
    }

    .home-profile-stat:nth-child(2) strong::before {
      content: "⚙";
    }

    .home-profile-stat:nth-child(3) strong::before {
      content: "☼";
    }

    .home-profile-stat:nth-child(4) strong::before {
      content: "↗";
    }

    .home-profile-stat strong span,
    .home-profile-stat strong em {
      display: none;
    }

    .home-profile-stat:first-child strong,
    .home-profile-stat:first-child h3,
    .home-profile-stat:first-child p {
      color: inherit;
    }

    .home-profile-stat h3 {
      margin: 30px 0 10px;
      color: #17211f;
      font-size: 18px;
      line-height: 1.25;
      font-weight: 800;
    }

    .home-profile-stat p {
      color: #6d7d78;
      font-size: 14px;
      line-height: 1.55;
    }

    @media(max-width: 991px) {
      .home-profile-feature-grid {
        grid-template-columns: 1fr;
      }

      .home-profile-feature-media,
      .home-profile-feature-placeholder {
        min-height: 320px;
      }
    }

    @media(max-width: 640px) {
      .home-profile-feature-grid {
        width: calc(100% - 28px);
        gap: 16px;
      }

      .home-profile-stats {
        grid-template-columns: 1fr;
        gap: 14px;
      }

      .home-profile-stat {
        min-height: 170px;
      }
    }

    .home-profile-body::before,
    .home-profile-heading p::before,
    .home-profile-heading p::after {
      display: none !important;
      content: none !important;
    }

    .home-profile-heading {
      max-width: 760px !important;
      margin: 0 auto 46px !important;
      text-align: center !important;
    }

    .home-profile-heading h2 {
      max-width: 760px;
      margin: 0 auto !important;
      color: #151f1d !important;
      font-size: clamp(40px, 4.2vw, 60px) !important;
      line-height: 1.05 !important;
      font-weight: 900 !important;
      letter-spacing: -.035em !important;
      text-align: center !important;
      word-break: normal;
      overflow-wrap: normal;
    }

    .home-profile-heading h2 .home-profile-accent {
      color: #0A7864 !important;
    }

    .home-profile-heading p {
      max-width: 560px !important;
      margin: 16px auto 0 !important;
      color: #6e7c78 !important;
      font-size: 18px !important;
      line-height: 1.55 !important;
      text-align: center !important;
    }

    .home-profile-feature-grid .home-profile-stats {
      display: grid !important;
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      grid-auto-rows: 1fr;
      gap: 20px !important;
      align-items: stretch !important;
    }

    .home-profile-feature-grid .home-profile-stat,
    .home-profile-feature-grid .home-profile-stat:first-child {
      min-height: 205px !important;
      height: auto !important;
      display: flex !important;
      flex-direction: column !important;
      align-items: flex-start !important;
      justify-content: flex-start !important;
      padding: 30px 28px !important;
      border-radius: 22px !important;
      background: #f3faf7 !important;
      color: #17211f !important;
      text-align: left !important;
      transform: none !important;
    }

    .home-profile-feature-grid .home-profile-stat strong {
      flex: 0 0 46px !important;
      width: 46px !important;
      height: 46px !important;
      margin: 0 0 34px !important;
      display: grid !important;
      place-items: center !important;
      border-radius: 50% !important;
      background: #0A7864 !important;
      color: #fff !important;
      font-size: 0 !important;
      line-height: 1 !important;
    }

    .home-profile-feature-grid .home-profile-stat h3 {
      margin: auto 0 10px !important;
      color: #17211f !important;
      font-size: 18px !important;
      line-height: 1.22 !important;
      font-weight: 900 !important;
      text-align: left !important;
    }

    .home-profile-feature-grid .home-profile-stat p {
      margin: 0 !important;
      color: #6d7d78 !important;
      font-size: 14px !important;
      line-height: 1.55 !important;
      text-align: left !important;
    }

    @media(max-width: 640px) {
      .home-profile-heading h2 {
        font-size: 34px !important;
      }

      .home-profile-feature-grid .home-profile-stats {
        grid-template-columns: 1fr !important;
      }
    }

    .home-profile {
      padding: 74px 0 86px !important;
      background: #fff !important;
    }

    .home-profile .home-profile-inner {
      width: min(1180px, calc(100% - 48px)) !important;
    }

    .home-profile-heading {
      max-width: 620px !important;
      margin: 0 auto 42px !important;
    }

    .home-profile-heading h2 {
      font-size: clamp(38px, 3.4vw, 52px) !important;
      line-height: 1.08 !important;
      letter-spacing: -.04em !important;
    }

    .home-profile-heading p {
      max-width: 430px !important;
      margin-top: 14px !important;
      font-size: 17px !important;
      line-height: 1.45 !important;
    }

    .home-profile-feature-grid {
      width: min(1180px, calc(100% - 48px)) !important;
      grid-template-columns: minmax(0, 1.52fr) minmax(360px, .98fr) !important;
      gap: 28px !important;
      align-items: stretch !important;
    }

    .home-profile-feature-media {
      min-height: 455px !important;
      height: 455px !important;
      border-radius: 32px !important;
      margin: 0 !important;
    }

    .home-profile-feature-media img {
      display: block;
      width: 100% !important;
      height: 100% !important;
      object-fit: cover !important;
      object-position: center !important;
    }

    .home-profile-feature-grid .home-profile-stats {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      grid-auto-rows: 1fr !important;
      gap: 20px !important;
      height: 455px !important;
    }

    .home-profile-feature-grid .home-profile-stat,
    .home-profile-feature-grid .home-profile-stat:first-child {
      min-height: 0 !important;
      height: 100% !important;
      padding: 34px 28px 28px !important;
      border-radius: 20px !important;
      background: #f4faf7 !important;
    }

    .home-profile-feature-grid .home-profile-stat strong {
      margin: 0 0 38px !important;
    }

    .home-profile-feature-grid .home-profile-stat h3 {
      margin: 0 0 10px !important;
      font-size: 17px !important;
      line-height: 1.25 !important;
    }

    .home-profile-feature-grid .home-profile-stat p {
      max-width: 150px;
      font-size: 14px !important;
      line-height: 1.45 !important;
    }

    @media(max-width: 991px) {
      .home-profile-feature-grid {
        grid-template-columns: 1fr !important;
      }

      .home-profile-feature-media,
      .home-profile-feature-grid .home-profile-stats {
        height: auto !important;
      }

      .home-profile-feature-media {
        min-height: 330px !important;
      }

      .home-profile-feature-grid .home-profile-stats {
        grid-auto-rows: minmax(180px, auto) !important;
      }
    }

    @media(max-width: 640px) {
      .home-profile {
        padding: 54px 0 62px !important;
      }

      .home-profile .home-profile-inner,
      .home-profile-feature-grid {
        width: calc(100% - 28px) !important;
      }

      .home-profile-heading h2 {
        font-size: 34px !important;
      }

      .home-profile-feature-media {
        min-height: 250px !important;
        border-radius: 22px !important;
      }

      .home-profile-feature-grid .home-profile-stats {
        grid-template-columns: 1fr !important;
      }
    }

    .home-profile .home-profile-inner,
    .home-profile-feature-grid {
      width: 90% !important;
      max-width: 1320px !important;
    }

    .home-profile-feature-grid {
      grid-template-columns: minmax(0, 1.45fr) minmax(420px, .95fr) !important;
      gap: 30px !important;
    }

    .home-profile-feature-media {
      height: 470px !important;
      min-height: 470px !important;
    }

    .home-profile-feature-grid .home-profile-stats {
      height: 470px !important;
      gap: 22px !important;
      overflow: visible !important;
    }

    .home-profile-feature-grid .home-profile-stat,
    .home-profile-feature-grid .home-profile-stat:first-child {
      min-height: 224px !important;
      overflow: visible !important;
      padding: 32px 28px 28px !important;
    }

    .home-profile-feature-grid .home-profile-stat strong {
      margin-bottom: 36px !important;
    }

    .home-profile-feature-grid .home-profile-stat h3 {
      margin-top: 0 !important;
      margin-bottom: 10px !important;
    }

    .home-profile-feature-grid .home-profile-stat p {
      max-width: 190px !important;
    }

    @media(max-width: 991px) {
      .home-profile-feature-grid {
        grid-template-columns: 1fr !important;
      }

      .home-profile-feature-media,
      .home-profile-feature-grid .home-profile-stats {
        height: auto !important;
      }

      .home-profile-feature-media {
        min-height: 330px !important;
      }
    }

    .home-profile {
      padding: 78px 0 92px !important;
      background: #fff !important;
    }

    .home-profile-body {
      padding: 0 !important;
      background: #fff !important;
    }

    .home-profile .home-profile-inner {
      width: 90% !important;
      max-width: none !important;
      margin: 0 auto !important;
    }

    .home-profile-heading {
      max-width: 620px !important;
      margin: 0 auto 52px !important;
      text-align: center !important;
    }

    .home-profile-heading h2 {
      margin: 0 !important;
      color: #111a18 !important;
      font-size: clamp(40px, 4vw, 58px) !important;
      line-height: 1.05 !important;
      font-weight: 500 !important;
      letter-spacing: -.045em !important;
    }

    .home-profile-heading h2 .home-profile-accent {
      color: #0A7864 !important;
      font-weight: 500 !important;
    }

    .home-profile-heading p {
      max-width: 450px !important;
      margin: 16px auto 0 !important;
      color: #6d7472 !important;
      font-size: 17px !important;
      line-height: 1.45 !important;
      font-weight: 400 !important;
    }

    .home-profile-feature-grid {
      width: 90% !important;
      max-width: none !important;
      margin: 0 auto !important;
      display: grid !important;
      grid-template-columns: minmax(0, 1.48fr) minmax(500px, .92fr) !important;
      gap: 36px !important;
      align-items: stretch !important;
    }

    .home-profile-feature-media {
      width: 100% !important;
      height: 520px !important;
      min-height: 520px !important;
      margin: 0 !important;
      overflow: hidden !important;
      border-radius: 32px !important;
      background: #eef7f3 !important;
    }

    .home-profile-feature-media img {
      display: block !important;
      width: 100% !important;
      height: 100% !important;
      object-fit: cover !important;
      object-position: center !important;
    }

    .home-profile-feature-grid .home-profile-stats {
      width: 100% !important;
      height: 520px !important;
      display: grid !important;
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      grid-template-rows: repeat(2, 248px) !important;
      gap: 24px !important;
      align-items: stretch !important;
      overflow: visible !important;
    }

    .home-profile-feature-grid .home-profile-stat,
    .home-profile-feature-grid .home-profile-stat:first-child {
      width: 100% !important;
      height: 100% !important;
      min-height: 0 !important;
      display: flex !important;
      flex-direction: column !important;
      align-items: flex-start !important;
      justify-content: flex-start !important;
      padding: 46px 28px 30px !important;
      border: 0 !important;
      border-radius: 18px !important;
      background: #f4faf7 !important;
      box-shadow: none !important;
      overflow: visible !important;
      text-align: left !important;
    }

    .home-profile-feature-grid .home-profile-stat strong {
      width: 46px !important;
      height: 46px !important;
      flex: 0 0 46px !important;
      display: grid !important;
      place-items: center !important;
      margin: 0 0 54px !important;
      border-radius: 50% !important;
      background: #0A7864 !important;
      color: #fff !important;
    }

    .home-profile-feature-grid .home-profile-stat h3 {
      margin: 0 0 12px !important;
      color: #17211f !important;
      font-size: 17px !important;
      line-height: 1.22 !important;
      font-weight: 800 !important;
      letter-spacing: -.01em !important;
      text-align: left !important;
    }

    .home-profile-feature-grid .home-profile-stat p {
      max-width: 180px !important;
      margin: 0 !important;
      color: #6c7673 !important;
      font-size: 14px !important;
      line-height: 1.45 !important;
      font-weight: 500 !important;
      text-align: left !important;
    }

    @media(max-width: 1180px) {
      .home-profile-feature-grid {
        grid-template-columns: minmax(0, 1.35fr) minmax(420px, 1fr) !important;
        gap: 24px !important;
      }

      .home-profile-feature-media,
      .home-profile-feature-grid .home-profile-stats {
        height: 470px !important;
        min-height: 470px !important;
      }

      .home-profile-feature-grid .home-profile-stat {
        padding: 34px 24px 26px !important;
      }

      .home-profile-feature-grid .home-profile-stat strong {
        margin-bottom: 34px !important;
      }
    }

    @media(max-width: 991px) {
      .home-profile-feature-grid {
        grid-template-columns: 1fr !important;
      }

      .home-profile-feature-media,
      .home-profile-feature-grid .home-profile-stats {
        height: auto !important;
        min-height: 0 !important;
      }

      .home-profile-feature-media {
        aspect-ratio: 1.55 / 1;
      }

      .home-profile-feature-grid .home-profile-stats {
        grid-auto-rows: minmax(210px, auto) !important;
      }
    }

    @media(max-width: 640px) {
      .home-profile {
        padding: 56px 0 64px !important;
      }

      .home-profile .home-profile-inner,
      .home-profile-feature-grid {
        width: calc(100% - 28px) !important;
      }

      .home-profile-heading {
        margin-bottom: 32px !important;
      }

      .home-profile-heading h2 {
        font-size: 36px !important;
      }

      .home-profile-feature-grid .home-profile-stats {
        grid-template-columns: 1fr !important;
      }
    }

    .home-profile {
      padding: 72px 0 70px !important;
    }

    .home-profile-heading {
      max-width: 560px !important;
      margin-bottom: 38px !important;
    }

    .home-profile-heading h2 {
      font-size: clamp(36px, 3.45vw, 48px) !important;
      line-height: 1.08 !important;
      font-weight: 700 !important;
      letter-spacing: -.045em !important;
    }

    .home-profile-heading p {
      max-width: 430px !important;
      margin-top: 12px !important;
      font-size: 17px !important;
      line-height: 1.35 !important;
    }

    .home-profile-feature-grid {
      width: 90% !important;
      max-width: none !important;
      grid-template-columns: minmax(0, 1.45fr) minmax(396px, .72fr) !important;
      gap: 26px !important;
    }

    .home-profile-feature-media {
      height: 420px !important;
      min-height: 420px !important;
      border-radius: 28px !important;
    }

    .home-profile-feature-grid .home-profile-stats {
      height: 420px !important;
      min-height: 420px !important;
      grid-template-columns: repeat(2, 1fr) !important;
      grid-template-rows: repeat(2, 1fr) !important;
      gap: 18px !important;
    }

    .home-profile-feature-grid .home-profile-stat,
    .home-profile-feature-grid .home-profile-stat:first-child {
      padding: 40px 18px 24px !important;
      border-radius: 14px !important;
      background: #f5fbf8 !important;
    }

    .home-profile-stat-link {
      min-height: 100%;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      color: inherit;
    }

    .home-profile-feature-grid .home-profile-stat strong {
      width: 38px !important;
      height: 38px !important;
      flex-basis: 38px !important;
      margin-bottom: 34px !important;
      box-shadow: 0 0 0 4px rgba(10, 120, 100, .08) !important;
    }

    .home-profile-stat strong::before {
      font-size: 18px !important;
    }

    .home-profile-feature-grid .home-profile-stat h3 {
      margin-bottom: 9px !important;
      font-size: 14px !important;
      line-height: 1.25 !important;
      letter-spacing: -.02em !important;
    }

    .home-profile-feature-grid .home-profile-stat p {
      max-width: 142px !important;
      font-size: 13px !important;
      line-height: 1.32 !important;
      font-weight: 500 !important;
    }

    .home-profile-feature-grid .home-profile-stat-text {
      display: -webkit-box !important;
      max-width: 142px !important;
      overflow: hidden !important;
      color: #6c7673 !important;
      font-size: 13px !important;
      line-height: 1.32 !important;
      font-weight: 500 !important;
      text-align: left !important;
      -webkit-box-orient: vertical !important;
      -webkit-line-clamp: 3 !important;
    }

    .home-profile-feature-grid .home-profile-stat-text :where(p, div, ul, ol) {
      margin: 0 !important;
      padding: 0 !important;
    }

    @media(max-width: 1100px) {
      .home-profile-feature-grid {
        width: min(100% - 40px, 920px) !important;
        grid-template-columns: minmax(0, 1fr) 360px !important;
      }
    }

    @media(max-width: 900px) {
      .home-profile-feature-grid {
        grid-template-columns: 1fr !important;
      }

      .home-profile-feature-media {
        height: auto !important;
        min-height: 0 !important;
        aspect-ratio: 1.55 / 1;
      }

      .home-profile-feature-grid .home-profile-stats {
        height: auto !important;
        min-height: 0 !important;
        grid-auto-rows: minmax(190px, auto) !important;
      }
    }

    @media(max-width: 640px) {
      .home-profile {
        padding: 48px 0 56px !important;
      }

      .home-profile-feature-grid {
        width: calc(100% - 28px) !important;
        gap: 18px !important;
      }

      .home-profile-heading h2 {
        font-size: 34px !important;
      }

      .home-profile-heading p {
        font-size: 15px !important;
      }

      .home-profile-feature-grid .home-profile-stats {
        grid-template-columns: 1fr !important;
        grid-auto-rows: minmax(170px, auto) !important;
      }

      .home-profile-feature-grid .home-profile-stat,
      .home-profile-feature-grid .home-profile-stat:first-child {
        padding: 28px 22px 24px !important;
      }

      .home-profile-feature-grid .home-profile-stat strong {
        margin-bottom: 22px !important;
      }
    }

    .product-showcase {
      padding: 84px 0 78px !important;
      background: #0A7864 !important;
    }

    .product-wrap {
      width: 90% !important;
      max-width: none !important;
    }

    .product-heading {
      display: flex !important;
      align-items: flex-start !important;
      justify-content: space-between !important;
      gap: 28px !important;
      margin: 0 0 46px !important;
    }

    .product-heading h2 {
      max-width: 690px !important;
      margin: 0 !important;
      color: #fff !important;
      font-size: clamp(34px, 4.2vw, 48px) !important;
      line-height: 1.08 !important;
      font-weight: 700 !important;
      letter-spacing: -.045em !important;
    }

    .product-heading h2::after {
      display: none !important;
    }

    .product-heading h2 span {
      color: #e8ff56 !important;
      font-family: Georgia, "Times New Roman", serif !important;
      font-weight: 500 !important;
      letter-spacing: -.055em !important;
    }

    .product-heading p {
      max-width: 560px !important;
      margin: 18px 0 0 !important;
      color: rgba(255, 255, 255, .78) !important;
      font-size: 16px !important;
      line-height: 1.45 !important;
      font-weight: 400 !important;
    }

    .product-view-all {
      flex: 0 0 auto !important;
      min-width: 96px !important;
      height: 40px !important;
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      gap: 8px !important;
      margin-top: 18px !important;
      padding: 0 16px !important;
      border-radius: 10px !important;
      background: #e8ff56 !important;
      color: #0b251f !important;
      font-size: 13px !important;
      line-height: 1 !important;
      font-weight: 600 !important;
      box-shadow: 0 2px 0 rgba(4, 54, 43, .18) !important;
      white-space: nowrap !important;
    }

    .product-view-all span {
      display: inline-block !important;
      transform: rotate(45deg) !important;
      font-size: 17px !important;
      line-height: 1 !important;
    }

    .product-tabs {
      display: none !important;
    }

    .product-panel[hidden] {
      display: none !important;
    }

    .product-grid {
      display: grid !important;
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
      gap: 16px !important;
      align-items: stretch !important;
    }

    .product-grid .product-card:nth-child(n+4) {
      display: none !important;
    }

    .product-card {
      min-height: 388px !important;
      height: 388px !important;
      display: flex !important;
      flex-direction: column !important;
      overflow: hidden !important;
      border-radius: 28px !important;
      background: #fff !important;
      color: #111a18 !important;
      box-shadow: none !important;
      transform: none !important;
      transition: transform .22s ease, box-shadow .22s ease !important;
    }

    .product-card:hover,
    .product-card:focus-visible {
      transform: translateY(-5px) !important;
      box-shadow: 0 22px 38px rgba(3, 42, 35, .2) !important;
      outline: none !important;
    }

    .product-media {
      display: block !important;
      height: 294px !important;
      flex: 0 0 294px !important;
      overflow: hidden !important;
      border-radius: 0 !important;
      background: #dfeee9 !important;
    }

    .product-media img,
    .product-media .placeholder {
      width: 100% !important;
      height: 100% !important;
      display: grid !important;
      place-items: center !important;
      object-fit: cover !important;
      object-position: center !important;
      border-radius: 0 !important;
    }

    .product-body {
      position: relative !important;
      flex: 1 1 auto !important;
      min-height: 94px !important;
      display: flex !important;
      flex-direction: column !important;
      align-items: flex-start !important;
      justify-content: center !important;
      gap: 8px !important;
      padding: 18px 60px 20px 20px !important;
      background: #fff !important;
    }

    .product-title {
      display: block !important;
      max-width: 100% !important;
      color: #111a18 !important;
      font-size: 17px !important;
      line-height: 1.25 !important;
      font-weight: 800 !important;
      letter-spacing: -.02em !important;
    }

    .product-desc {
      display: -webkit-box !important;
      max-width: 190px !important;
      overflow: hidden !important;
      color: #495551 !important;
      font-size: 13px !important;
      line-height: 1.35 !important;
      font-weight: 400 !important;
      -webkit-box-orient: vertical !important;
      -webkit-line-clamp: 2 !important;
    }

    .product-desc :where(p, div, ul, ol) {
      margin: 0 !important;
      padding: 0 !important;
    }

    .product-more {
      position: absolute !important;
      right: 18px !important;
      bottom: 22px !important;
      width: 34px !important;
      height: 34px !important;
      flex: 0 0 34px !important;
      display: grid !important;
      place-items: center !important;
      border-radius: 50% !important;
      background: #0A7864 !important;
      color: #fff !important;
      font-size: 17px !important;
      line-height: 1 !important;
    }

    .product-grid .product-card:nth-child(2) .product-body {
      order: -1 !important;
      min-height: 92px !important;
      flex: 0 0 92px !important;
      padding-top: 18px !important;
      padding-bottom: 14px !important;
      justify-content: flex-start !important;
    }

    .product-grid .product-card:nth-child(2) .product-media {
      flex: 1 1 auto !important;
      height: auto !important;
      min-height: 0 !important;
      border-radius: 26px 26px 0 0 !important;
    }

    .product-grid .product-card:nth-child(2) .product-more {
      top: 30px !important;
      bottom: auto !important;
    }

    @media(max-width: 900px) {
      .product-wrap {
        width: 90% !important;
      }

      .product-heading {
        flex-direction: column !important;
        margin-bottom: 30px !important;
      }

      .product-view-all {
        margin-top: 0 !important;
      }

      .product-grid {
        grid-template-columns: 1fr !important;
      }

      .product-card {
        height: auto !important;
        min-height: 0 !important;
      }

      .product-media,
      .product-grid .product-card:nth-child(2) .product-media {
        height: auto !important;
        flex-basis: auto !important;
        aspect-ratio: 1.45 / 1 !important;
      }

      .product-grid .product-card:nth-child(2) .product-body {
        order: 0 !important;
      }
    }

    @media(max-width: 640px) {
      .product-showcase {
        padding: 56px 0 60px !important;
      }

      .product-heading h2 {
        font-size: 34px !important;
      }

      .product-heading p {
        font-size: 15px !important;
      }
    }

    .home-profile {
      padding: 38px 0 48px !important;
      background: #fff !important;
    }

    .home-profile-heading {
      max-width: 560px !important;
      margin: 0 auto 30px !important;
    }

    .home-profile-heading h2 {
      font-size: clamp(28px, 3.2vw, 38px) !important;
      line-height: 1.08 !important;
      font-weight: 700 !important;
    }

    .home-profile-heading p {
      max-width: 420px !important;
      margin-top: 10px !important;
      font-size: 14px !important;
      line-height: 1.45 !important;
    }

    .home-profile-feature-grid {
      width: min(82%, 1120px) !important;
      max-width: 1120px !important;
      margin: 0 auto !important;
      grid-template-columns: minmax(0, 1.58fr) minmax(320px, .92fr) !important;
      gap: 24px !important;
      align-items: stretch !important;
    }

    .home-profile-feature-media {
      height: 292px !important;
      min-height: 292px !important;
      border-radius: 22px !important;
    }

    .home-profile-feature-grid .home-profile-stats {
      height: 292px !important;
      min-height: 292px !important;
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
      gap: 14px !important;
    }

    .home-profile-feature-grid .home-profile-stat,
    .home-profile-feature-grid .home-profile-stat:first-child {
      padding: 28px 16px 18px !important;
      border-radius: 12px !important;
      background: #f5fbf8 !important;
    }

    .home-profile-feature-grid .home-profile-stat strong {
      width: 34px !important;
      height: 34px !important;
      flex-basis: 34px !important;
      margin-bottom: 22px !important;
    }

    .home-profile-stat strong::before {
      font-size: 16px !important;
    }

    .home-profile-feature-grid .home-profile-stat h3 {
      margin: 0 0 7px !important;
      font-size: 12px !important;
      line-height: 1.25 !important;
      font-weight: 800 !important;
    }

    .home-profile-feature-grid .home-profile-stat p,
    .home-profile-feature-grid .home-profile-stat-text {
      max-width: 132px !important;
      font-size: 11px !important;
      line-height: 1.35 !important;
      font-weight: 500 !important;
    }

    .product-showcase {
      margin-top: 0 !important;
      padding: 62px 0 0 !important;
      background: #0A7864 !important;
      overflow: hidden !important;
    }

    .product-wrap {
      width: min(82%, 1120px) !important;
      max-width: 1120px !important;
      margin: 0 auto !important;
    }

    .product-heading {
      align-items: flex-start !important;
      margin-bottom: 36px !important;
    }

    .product-heading h2 {
      font-size: clamp(30px, 3.5vw, 42px) !important;
      line-height: 1.08 !important;
    }

    .product-heading p {
      margin-top: 14px !important;
      font-size: 14px !important;
      line-height: 1.45 !important;
    }

    .product-view-all {
      height: 36px !important;
      min-width: 86px !important;
      margin-top: 16px !important;
      border-radius: 9px !important;
      font-size: 12px !important;
    }

    .product-grid {
      gap: 18px !important;
    }

    .product-card {
      height: 330px !important;
      min-height: 330px !important;
      border-radius: 22px !important;
    }

    .product-media {
      height: 235px !important;
      flex-basis: 235px !important;
    }

    .product-body {
      min-height: 95px !important;
      padding: 16px 56px 18px 18px !important;
      gap: 7px !important;
    }

    .product-title {
      font-size: 15px !important;
      line-height: 1.2 !important;
    }

    .product-desc {
      max-width: 190px !important;
      font-size: 11px !important;
      line-height: 1.35 !important;
    }

    .product-more {
      right: 18px !important;
      bottom: 20px !important;
      width: 30px !important;
      height: 30px !important;
      flex-basis: 30px !important;
      font-size: 15px !important;
    }

    .product-grid .product-card:nth-child(2) .product-body {
      min-height: 90px !important;
      flex-basis: 90px !important;
      padding-top: 16px !important;
    }

    .product-grid .product-card:nth-child(2) .product-more {
      top: 26px !important;
    }

    @media(max-width: 1180px) {
      .home-profile-feature-grid,
      .product-wrap {
        width: min(100% - 48px, 960px) !important;
      }

      .home-profile-feature-grid {
        grid-template-columns: minmax(0, 1.45fr) minmax(300px, .95fr) !important;
      }
    }

    @media(max-width: 900px) {
      .home-profile-feature-grid,
      .product-wrap {
        width: calc(100% - 32px) !important;
      }

      .home-profile-feature-grid {
        grid-template-columns: 1fr !important;
      }

      .home-profile-feature-media {
        height: auto !important;
        min-height: 0 !important;
        aspect-ratio: 1.55 / 1 !important;
      }

      .home-profile-feature-grid .home-profile-stats {
        height: auto !important;
        min-height: 0 !important;
        grid-auto-rows: minmax(138px, auto) !important;
      }
    }

    @media(max-width: 640px) {
      .home-profile {
        padding: 34px 0 42px !important;
      }

      .home-profile-feature-grid .home-profile-stats,
      .product-grid {
        grid-template-columns: 1fr !important;
      }

      .product-showcase {
        padding-top: 44px !important;
      }

      .product-heading {
        gap: 16px !important;
      }

      .product-card {
        height: auto !important;
        min-height: 0 !important;
      }

      .product-media,
      .product-grid .product-card:nth-child(2) .product-media {
        height: auto !important;
        flex-basis: auto !important;
        aspect-ratio: 1.45 / 1 !important;
      }

      .product-grid .product-card:nth-child(2) .product-body {
        order: 0 !important;
      }
    }

    .product-showcase {
      padding: 86px 0 78px !important;
      background: #0A7864 !important;
      overflow: hidden !important;
    }

    .product-showcase .product-wrap {
      width: 70% !important;
      max-width: none !important;
      margin: 0 auto !important;
    }

    .product-showcase .product-heading {
      display: flex !important;
      align-items: flex-start !important;
      justify-content: space-between !important;
      gap: 30px !important;
      margin: 0 0 54px !important;
    }

    .product-showcase .product-heading h2 {
      max-width: 720px !important;
      margin: 0 !important;
      color: #fff !important;
      font-size: clamp(38px, 4.2vw, 52px) !important;
      line-height: 1.08 !important;
      font-weight: 700 !important;
      letter-spacing: -.045em !important;
    }

    .product-showcase .product-heading h2 span {
      color: #e8ff56 !important;
      font-family: Georgia, "Times New Roman", serif !important;
      font-weight: 500 !important;
    }

    .product-showcase .product-heading p {
      max-width: 560px !important;
      margin: 18px 0 0 !important;
      color: rgba(255, 255, 255, .78) !important;
      font-size: 17px !important;
      line-height: 1.45 !important;
    }

    .product-showcase .product-view-all {
      min-width: 98px !important;
      height: 40px !important;
      margin-top: 16px !important;
      padding: 0 16px !important;
      border-radius: 10px !important;
      background: #e8ff56 !important;
      color: #10241f !important;
      font-size: 13px !important;
      font-weight: 600 !important;
    }

    .product-showcase .product-view-all span {
      transform: none !important;
    }

    .product-showcase .product-grid {
      display: grid !important;
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
      gap: 20px !important;
      align-items: stretch !important;
    }

    .product-showcase .product-grid .product-card:nth-child(n+4) {
      display: none !important;
    }

    .product-showcase .product-card {
      height: 390px !important;
      min-height: 390px !important;
      overflow: hidden !important;
      border-radius: 30px !important;
      background: #fff !important;
      box-shadow: none !important;
    }

    .product-showcase .product-media {
      width: 100% !important;
      height: 292px !important;
      flex: 0 0 292px !important;
      padding: 0 !important;
      overflow: hidden !important;
      border-radius: 30px 30px 0 0 !important;
      background: #dfeee9 !important;
    }

    .product-showcase .product-media img,
    .product-showcase .product-media .placeholder {
      width: 100% !important;
      height: 100% !important;
      display: block !important;
      object-fit: cover !important;
      object-position: center !important;
      border-radius: 0 !important;
    }

    .product-showcase .product-media .placeholder {
      display: grid !important;
      place-items: center !important;
    }

    .product-showcase .product-body {
      position: relative !important;
      min-height: 98px !important;
      display: flex !important;
      flex-direction: column !important;
      justify-content: center !important;
      align-items: flex-start !important;
      gap: 0 !important;
      padding: 18px 64px 22px 24px !important;
      background: #fff !important;
    }

    .product-showcase .product-title {
      color: #111a18 !important;
      font-size: 18px !important;
      line-height: 1.22 !important;
      font-weight: 800 !important;
    }

    .product-showcase .product-desc {
      display: -webkit-box !important;
      max-width: 210px !important;
      overflow: hidden !important;
      color: #4c5754 !important;
      font-size: 13px !important;
      line-height: 1.35 !important;
      -webkit-box-orient: vertical !important;
      -webkit-line-clamp: 2 !important;
    }

    .product-showcase .product-more {
      right: 22px !important;
      bottom: 28px !important;
      width: 36px !important;
      height: 36px !important;
      border-radius: 50% !important;
      background: #0A7864 !important;
      color: #fff !important;
      font-size: 17px !important;
    }

    .product-showcase .product-grid .product-card:nth-child(2) .product-body {
      order: -1 !important;
      min-height: 98px !important;
      flex: 0 0 98px !important;
      justify-content: center !important;
      padding-top: 18px !important;
    }

    .product-showcase .product-grid .product-card:nth-child(2) .product-media {
      flex: 1 1 auto !important;
      height: auto !important;
      min-height: 0 !important;
      border-radius: 0 0 30px 30px !important;
    }

    .product-showcase .product-grid .product-card:nth-child(2) .product-more {
      top: 32px !important;
      bottom: auto !important;
    }

    @media(max-width: 1180px) {
      .why-solar-wrap {
        width: 70%;
      }

      .product-showcase .product-wrap {
        width: 70% !important;
        max-width: none !important;
      }
    }

    @media(max-width: 900px) {
      .why-solar {
        padding: 58px 0 62px;
      }

      .why-solar-wrap {
        width: calc(100% - 32px);
      }

      .why-solar-heading {
        margin-bottom: 30px;
      }

      .why-solar-heading p {
        font-size: 16px;
      }

      .why-solar-layout {
        grid-template-columns: 1fr;
      }

      .why-solar-media {
        min-height: 0;
        aspect-ratio: 1.25 / 1;
        border-radius: 24px;
      }

      .why-solar-cards {
        grid-template-columns: 1fr;
      }

      .why-solar-card {
        min-height: 0;
        aspect-ratio: 1.22 / 1;
        padding: 28px 24px;
      }

      .product-showcase {
        padding: 58px 0 64px !important;
      }

      .product-showcase .product-wrap {
        width: calc(100% - 32px) !important;
      }

      .product-showcase .product-heading {
        flex-direction: column !important;
        margin-bottom: 32px !important;
      }

      .product-showcase .product-grid {
        grid-template-columns: 1fr !important;
      }

      .product-showcase .product-card {
        height: auto !important;
        min-height: 0 !important;
      }

      .product-showcase .product-media,
      .product-showcase .product-grid .product-card:nth-child(2) .product-media {
        height: auto !important;
        flex-basis: auto !important;
        aspect-ratio: 1.45 / 1 !important;
      }

      .product-showcase .product-grid .product-card:nth-child(2) .product-body {
        order: 0 !important;
      }
    }
  

/* Extracted from header.html/footer.html for home external asset mode. */
:root{--nav-blue:#0A7864;--nav-blue-deep:#0A7864;--nav-blue-pressed:#0A7864;--nav-blue-active:#0A7864;--nav-ink:#333;--nav-muted:#666;--nav-line:#e6e6e6;--nav-max:1280px}.site-head{font-family:Arial, "Microsoft YaHei", "PingFang SC", sans-serif;box-sizing:border-box}.site-head *{box-sizing:border-box}.topbar-hotline{display:inline-flex;align-items:center;gap:12px;flex:0 0 auto;margin-left:auto;color:#666;font-size:13px;line-height:1.2;white-space:nowrap}.topbar-hotline:before{content:"";width:33px;height:33px;flex:0 0 33px;border-radius:50%;background:var(--nav-blue);background-image:url("data:image/svg+xml,%3Csvg width='33' height='33' viewBox='0 0 33 33' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.1 21.4c-1 .9-1.7 1-2.7.5-2.7-1.3-4.9-3.5-6.3-6.2-.5-1-.4-1.7.5-2.7l.7-.8c.3-.3.3-.7.1-1.1L12.7 8c-.3-.5-.9-.7-1.4-.5l-1.9.8c-.7.3-1.2.9-1.2 1.7-.1 7.1 5.7 12.9 12.8 12.8.8 0 1.4-.5 1.7-1.2l.8-1.9c.2-.5 0-1.1-.5-1.4l-3.1-1.7c-.4-.2-.8-.1-1.1.1l-.7.7z' fill='%23fff'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center}.hotline-text{display:flex;flex-direction:column;gap:6px}.hotline-label{display:block}.topbar-hotline strong{display:block;color:#f00000;font-size:20px;font-weight:400;letter-spacing:1px}.site-head{position:relative;z-index:80;background:#fff;border-bottom:0;color:var(--nav-ink)}.head-wrap{width:min(var(--nav-max), calc(100% - 40px));margin:0 auto}.head-inner{height:112px;display:flex;align-items:center;justify-content:flex-start;gap:24px}.head-top{background:#fff}.brand-slogan{position:relative;min-width:280px;padding-left:22px;margin-left:8px;border-left:1px solid #ddd;line-height:1.45}.brand-slogan strong{display:block;color:var(--nav-blue);font-size:21px;font-weight:700}.brand-slogan span{display:block;color:#111;font-size:18px;font-weight:400}.brand{display:flex;align-items:center;flex:0 0 auto;min-width:218px;max-width:260px;color:inherit;text-decoration:none}.brand-logo{display:block;max-width:100%;max-height:58px;width:auto;height:auto;object-fit:contain}.brand-fallback{display:flex;flex-direction:column;line-height:1.08;min-width:190px}.brand-name{color:#1b5b91;font-size:28px;font-weight:900;letter-spacing:1px;white-space:nowrap}.brand-sub{margin-top:6px;color:#555;font-size:12px;letter-spacing:7px;white-space:nowrap}.mainnav{display:flex;align-items:center;justify-content:center;flex:1 1 auto;margin-left:0;min-width:0;height:100%}.nav-band{position:relative;z-index:20;height:60px;background:repeating-linear-gradient(135deg, #f7f7f7 0, #f7f7f7 2px, #f3f3f3 2px, #f3f3f3 4px);border-top:1px solid #f0f0f0}.nav-row{height:60px;display:flex;align-items:stretch;justify-content:center}.nav-check{position:absolute;inline-size:1px;block-size:1px;opacity:0;pointer-events:none}.nav-toggle{display:none;align-items:center;justify-content:center;width:44px;height:38px;border:0;border-radius:3px;background:var(--nav-blue);color:#fff;cursor:pointer;box-shadow:0 7px 18px rgba(10, 120, 100, .24)}.nav-toggle span,.nav-toggle:before,.nav-toggle:after{content:"";display:block;width:22px;height:2px;border-radius:99px;background:#fff;transition:transform .24s ease, opacity .2s ease}.nav-toggle{flex-direction:column;gap:5px}.nav-list{display:flex;align-items:stretch;justify-content:center;gap:0;margin:0;padding:0;list-style:none;height:100%}.nav-item{position:relative;flex:0 0 auto;margin:0;padding:0;list-style:none}.nav-link{position:relative;display:flex;align-items:center;justify-content:center;height:60px;min-height:0;min-width:142px;padding:0 28px;color:#555;text-decoration:none;font-size:16px;font-weight:400;line-height:1.2;white-space:nowrap;transition:background-color .2s ease, color .2s ease}.nav-list>.nav-item>.nav-link:before{content:"";position:absolute;left:0;top:50%;width:1px;height:14px;background:#d8d8d8;transform:translateY(-50%)}.nav-list>.nav-item:first-child>.nav-link:before{display:none}.nav-item.is-home>.nav-link{min-width:142px}.nav-link:hover{color:var(--nav-blue);outline:none}.nav-item:hover>.nav-link{background:var(--nav-blue-deep);color:#fff}.nav-item.is-current>.nav-link{background:var(--nav-blue-deep);color:#fff;font-weight:600}.nav-item>.nav-link:active{background:var(--nav-blue-pressed);color:#fff}.nav-list>.nav-item.is-current>.nav-link:before,.nav-list>.nav-item:hover>.nav-link:before,.nav-list>.nav-item:hover+.nav-item>.nav-link:before,.nav-list>.nav-item.is-current+.nav-item>.nav-link:before{display:none}.nav-item.has-children>.nav-link:after{display:none}.nav-item:hover>.nav-link:after{transform:rotate(180deg)}.nav-sublist{position:absolute;left:0;top:100%;z-index:90;width:142px;min-width:100%;margin:0;padding:0;list-style:none;background:#fff;box-shadow:none;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .2s ease, visibility .2s ease, transform .2s ease;overflow:hidden}.nav-item:hover>.nav-sublist{opacity:1;visibility:visible;transform:translateY(0)}.nav-subitem{margin:0;padding:0;list-style:none}.nav-sublist .nav-link{height:52px;min-height:0;min-width:0;justify-content:center;padding:0 18px;color:#111;background:#fff;font-size:14px;text-align:left;border-bottom:0}.nav-sublist .nav-link:hover,.nav-sublist .nav-link:focus-visible{color:#fff;background:var(--nav-blue-active);font-weight:400;outline:none}.nav-subitem.is-current>.nav-link,.nav-subitem.is-current>.nav-link:hover{color:#fff;background:var(--nav-blue-deep);font-weight:600}.nav-sublist .nav-link:active{color:#fff;background:var(--nav-blue-pressed)}@media(max-width:1180px){.head-inner{gap:18px}.nav-link{min-width:112px;padding:0 14px;font-size:15px}.brand{min-width:190px}.brand-slogan{min-width:240px}}@media(max-width:991px){.topbar-hotline{order:2;margin-left:auto;font-size:14px}.topbar-hotline strong{font-size:16px}.head-inner{height:74px;gap:16px}.brand-slogan{display:none}.nav-band,.nav-row{height:50px}.nav-row{justify-content:flex-end}.brand{min-width:0;max-width:240px}.brand-logo{max-height:48px}.brand-name{font-size:23px}.brand-sub{letter-spacing:4px}.mainnav{position:relative;flex:0 0 auto;height:auto}.nav-toggle{display:flex;position:relative;z-index:102}.nav-list{position:absolute;left:auto;right:0;top:100%;z-index:100;display:flex;height:auto;max-height:calc(100vh - 102px);overflow:auto;flex-direction:column;align-items:stretch;justify-content:flex-start;width:min(320px, calc(100vw - 28px));padding:8px 20px 18px;background:#fff;box-shadow:0 18px 35px rgba(0, 0, 0, .16);border-top:1px solid #f1f1f1;opacity:0;visibility:hidden;transform:translateY(-10px);pointer-events:none;transition:opacity .22s ease, visibility .22s ease, transform .22s ease}.nav-check:checked~.nav-toggle{background:var(--nav-blue-deep)}.nav-check:checked~.nav-toggle:before{transform:translateY(7px) rotate(45deg)}.nav-check:checked~.nav-toggle span{opacity:0}.nav-check:checked~.nav-toggle:after{transform:translateY(-7px) rotate(-45deg)}.nav-check:checked~.nav-list{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.nav-item{width:100%;border-bottom:1px solid #ededed}.nav-link{width:100%;height:48px;min-width:0;justify-content:flex-start;padding:0 14px;color:#222;font-size:15px;border-radius:4px}.nav-list>.nav-item>.nav-link:before{display:none}.nav-link:hover,.nav-item:hover>.nav-link{background:var(--nav-blue);color:#fff}.nav-sublist{position:static;display:block;min-width:0;margin:0 0 8px 0;padding:4px 0 6px 14px;background:#f8fbfd;box-shadow:none;opacity:1;visibility:visible;transform:none;overflow:visible}.nav-sublist .nav-link{height:38px;padding:0 12px;border-bottom:0;background:transparent;color:#555;font-size:14px}.nav-sublist .nav-link:before{content:"";width:4px;height:4px;margin-right:8px;border-radius:50%;background:#0A7864}.nav-item.has-children>.nav-link:after{transform:none}}@media(max-width:520px){.head-wrap{width:calc(100% - 28px)}.head-inner{height:66px;gap:12px}.brand{max-width:190px}.brand-logo{max-height:42px}.brand-name{font-size:20px}.brand-sub{font-size:11px;letter-spacing:3px}.topbar-hotline{display:none}.nav-toggle{width:40px;height:36px}.nav-list{padding-left:14px;padding-right:14px;max-height:calc(100vh - 94px)}}@media(max-width:991px){.nav-list .nav-sublist{display:none !important}.nav-item.has-children>.nav-link:after{display:none}}@media(max-width:991px){.nav-list>.nav-item>.nav-link:before{content:"";display:block;flex:0 0 4px;width:4px;height:22px;margin-right:10px;border-radius:99px;background:transparent;transition:background-color .2s ease}.nav-list>.nav-item:first-child>.nav-link:before{display:block}.nav-list>.nav-item.is-current>.nav-link,.nav-list>.nav-item:hover>.nav-link{background:var(--nav-blue);color:#fff}.nav-list>.nav-item.is-current>.nav-link:before,.nav-list>.nav-item:hover>.nav-link:before{background:#fff}}

.site-head{
position:sticky;
top:0;
z-index:200;
background:linear-gradient(90deg,#075846 0%,#0A7864 52%,#08614F 100%) !important;
border-bottom:1px solid rgba(255,255,255,.06) !important;
box-shadow:0 16px 34px rgba(11,28,48,.16);
color:#fff;
}
.site-head:before{
content:"";
position:absolute;
inset:0;
pointer-events:none;
background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,0));
}
.site-head .head-top,
.site-head .nav-band{
position:relative;
z-index:1;
background:transparent !important;
border:0 !important;
}
.site-head .head-wrap{
width:min(1260px,calc(100% - 40px)) !important;
}
.site-head .head-inner{
height:104px !important;
display:flex;
align-items:center;
justify-content:space-between;
gap:28px;
}
.site-head .brand{
min-width:180px !important;
max-width:260px !important;
filter:drop-shadow(0 2px 5px rgba(0,0,0,.18));
}
.site-head .brand-logo{
max-height:46px !important;
width:auto;
}
.site-head .brand-name{
color:#fff !important;
font-size:27px;
letter-spacing:0;
}
.site-head .brand-sub,
.site-head .brand-slogan{
display:none !important;
}
.site-head .nav-band{
height:auto !important;
}
.site-head .nav-row{
height:auto !important;
position:absolute;
left:50%;
top:-104px;
width:min(690px,calc(100% - 420px)) !important;
transform:translateX(-50%);
}
.site-head .mainnav{
height:104px !important;
display:flex;
align-items:center;
justify-content:center;
width:100%;
}
.site-head .nav-list{
height:104px !important;
display:flex;
align-items:center;
justify-content:center;
gap:34px;
}
.site-head .nav-item{
position:relative;
}
.site-head .nav-link{
height:104px !important;
min-width:0 !important;
padding:0 !important;
color:rgba(255,255,255,.82) !important;
background:transparent !important;
font-size:16px;
font-weight:600;
letter-spacing:0;
text-shadow:0 1px 3px rgba(0,0,0,.28);
transition:color .18s ease,opacity .18s ease;
}
.site-head .nav-list>.nav-item>.nav-link:before{
display:none !important;
}
.site-head .nav-item.is-home>.nav-link{
min-width:0 !important;
}
.site-head .nav-link:hover,
.site-head .nav-link:focus-visible,
.site-head .nav-item:hover>.nav-link,
.site-head .nav-item.is-current>.nav-link{
color:#fff !important;
background:transparent !important;
outline:none;
}
.site-head .nav-item.has-children>.nav-link:after{
content:"";
display:block !important;
width:8px;
height:8px;
margin-left:10px;
border:0;
border-right:2px solid currentColor;
border-bottom:2px solid currentColor;
transform:rotate(45deg) translateY(-2px);
opacity:.9;
transition:transform .18s ease;
}
.site-head .nav-item.has-children:hover>.nav-link:after{
transform:rotate(225deg) translate(-1px,-1px);
}
.site-head .nav-sublist{
top:calc(100% - 22px) !important;
left:50% !important;
width:max-content !important;
min-width:168px !important;
padding:10px 0 !important;
border:1px solid rgba(255,255,255,.12);
border-radius:8px;
background:rgba(7,88,70,.96) !important;
box-shadow:0 18px 38px rgba(0,0,0,.24) !important;
backdrop-filter:blur(12px);
transform:translate(-50%,8px) !important;
overflow:hidden;
}
.site-head .nav-item:hover>.nav-sublist{
transform:translate(-50%,0) !important;
}
.site-head .nav-sublist .nav-link{
height:42px !important;
justify-content:flex-start !important;
padding:0 20px !important;
color:rgba(255,255,255,.78) !important;
font-size:14px;
font-weight:500;
text-shadow:none;
}
.site-head .nav-sublist .nav-link:hover,
.site-head .nav-subitem.is-current>.nav-link{
color:#fff !important;
background:rgba(255,255,255,.08) !important;
}
.site-head .topbar-hotline{
height:52px;
min-width:150px;
display:inline-flex !important;
align-items:center;
justify-content:center;
gap:8px;
margin-left:auto !important;
padding:0 19px;
border:2px solid rgba(207,226,245,.45);
border-radius:12px;
background:rgba(255,255,255,.03);
color:#fff !important;
font-size:0;
box-shadow:inset 0 0 0 1px rgba(255,255,255,.04);
}
.site-head .topbar-hotline:before{
display:none !important;
}
.site-head .hotline-text{
display:flex;
align-items:center;
gap:8px;
}
.site-head .hotline-label{
font-size:0;
line-height:1;
}
.site-head .hotline-label:before{
content:"联系我们";
font-size:15px;
font-weight:700;
letter-spacing:0;
}
.site-head .topbar-hotline strong{
display:none !important;
}
.site-head .hotline-text:after{
content:"";
width:13px;
height:13px;
display:block;
background:no-repeat center/contain url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 2h8v8M12 2 2 12' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.site-head .nav-toggle{
width:44px;
height:40px;
border:1px solid rgba(255,255,255,.28);
border-radius:8px;
background:rgba(255,255,255,.08) !important;
box-shadow:none;
}
@media(max-width:1180px){
.site-head .nav-row{
width:min(620px,calc(100% - 370px)) !important;
}
.site-head .nav-list{
gap:24px;
}
.site-head .nav-link{
font-size:15px;
}
.site-head .topbar-hotline{
min-width:134px;
padding:0 16px;
}
}
@media(max-width:991px){
.site-head .head-wrap{
width:calc(100% - 32px) !important;
}
.site-head .head-inner{
height:74px !important;
}
.site-head .nav-row{
position:static;
width:auto !important;
transform:none;
}
.site-head .mainnav{
height:auto !important;
justify-content:flex-end;
}
.site-head .nav-list{
right:0;
top:calc(100% + 16px);
height:auto !important;
gap:0;
padding:10px;
border:1px solid rgba(255,255,255,.12);
border-radius:10px;
background:rgba(7,88,70,.98) !important;
box-shadow:0 18px 38px rgba(0,0,0,.24);
}
.site-head .nav-link{
height:46px !important;
justify-content:flex-start !important;
padding:0 12px !important;
color:rgba(255,255,255,.82) !important;
text-shadow:none;
}
.site-head .nav-list>.nav-item{
border-bottom:1px solid rgba(255,255,255,.08) !important;
}
.site-head .nav-list>.nav-item:last-child{
border-bottom:0 !important;
}
.site-head .nav-list>.nav-item>.nav-link:before{
display:none !important;
}
.site-head .nav-sublist{
display:none !important;
}
.site-head .topbar-hotline{
height:42px;
min-width:118px;
border-radius:9px;
padding:0 13px;
}
.site-head .hotline-label:before{
font-size:14px;
}
}
	@media(max-width:640px){
	.site-head .head-inner{
	height:66px !important;
	gap:12px;
}
.site-head .brand{
max-width:190px !important;
}
.site-head .brand-logo{
max-height:38px !important;
}
.site-head .brand-name{
font-size:22px;
}
	.site-head .topbar-hotline{
	display:none !important;
	}
	}
	@media(min-width:992px){
	.site-head{
	background:
	linear-gradient(90deg,rgba(5,68,55,.98),rgba(10,120,100,.98) 48%,rgba(6,82,66,.98)),
	radial-gradient(circle at 28% 22%,rgba(255,255,255,.10),transparent 28%),
	#0A7864 !important;
	box-shadow:0 10px 28px rgba(4,67,54,.18);
	}
	.site-head:before{
	background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,0) 62%);
	}
	.site-head .head-wrap{
	width:min(1320px,calc(100% - 88px)) !important;
	}
	.site-head .head-inner{
	height:132px !important;
	gap:38px;
	}
	.site-head .brand{
	min-width:170px !important;
	max-width:230px !important;
	}
	.site-head .brand-logo{
	max-height:52px !important;
	max-width:230px;
	}
	.site-head .nav-row{
	top:-132px;
	width:min(720px,calc(100% - 480px)) !important;
	}
	.site-head .mainnav,
	.site-head .nav-list,
	.site-head .nav-link{
	height:132px !important;
	}
	.site-head .nav-list{
	gap:32px;
	}
	.site-head .nav-link{
	color:rgba(255,255,255,.76) !important;
	font-size:17px;
	font-weight:500;
	text-shadow:0 2px 5px rgba(0,0,0,.36);
	}
	.site-head .nav-link:hover,
	.site-head .nav-link:focus-visible,
	.site-head .nav-item:hover>.nav-link,
	.site-head .nav-item.is-current>.nav-link{
	color:#fff !important;
	}
	.site-head .nav-item.has-children>.nav-link:after{
	width:9px;
	height:9px;
	margin-left:11px;
	border-right-width:2px;
	border-bottom-width:2px;
	}
	.site-head .nav-sublist{
	top:calc(100% - 34px) !important;
	border-radius:10px;
	background:rgba(7,88,70,.98) !important;
	}
	.site-head .topbar-hotline{
	width:152px;
	min-width:152px;
	height:56px;
	padding:0;
	border:2px solid rgba(210,244,235,.52);
	border-radius:13px;
	background:rgba(255,255,255,.025);
	box-shadow:inset 0 0 0 1px rgba(255,255,255,.035),0 9px 20px rgba(0,0,0,.08);
	}
	.site-head .hotline-text{
	flex-direction:row;
	justify-content:center;
	align-items:center;
	gap:5px;
	white-space:nowrap;
	}
	.site-head .hotline-label:before{
	font-size:15px;
	line-height:1;
	font-weight:700;
	}
	.site-head .hotline-text:after{
	width:14px;
	height:14px;
	}
	}
	
.site-footer{background:#151515;color:#ffffff;padding:42px 0 0;font-family:"Microsoft YaHei", Arial, sans-serif}.site-footer a{color:inherit;text-decoration:none}.site-footer-inner{width:min(100% - 40px, 1370px);margin:0 auto;padding:0 0 40px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:72px}.site-footer-nav{flex:1 1 auto;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:nowrap}.site-footer-col{min-width:0;text-align:left;display:flex;align-items:center}.site-footer-title{display:block;margin:0;font-size:16px;line-height:1.25;font-weight:700;text-align:left;color:#ffffff;white-space:nowrap}.site-footer-category-list{display:none;margin:0;padding:0;list-style:none}.site-footer-category-item{position:relative;width:fit-content;max-width:100%;min-height:24px;padding:0 22px 0 16px;border-bottom:1px dashed rgba(255, 255, 255, 0.34);font-size:12px;line-height:24px;color:rgba(255, 255, 255, 0.76);white-space:nowrap}.site-footer-category-item::before{content:"";position:absolute;left:4px;top:8px;width:7px;height:7px;background:rgba(255, 255, 255, 0.92);transform:rotate(45deg)}.site-footer-category-item.is-child{padding-left:27px;opacity:0.92}.site-footer-category-item.is-child::before{left:13px;width:7px;height:7px;top:9px}.site-footer-category-link{display:block;overflow:hidden;text-overflow:ellipsis}.site-footer-category-link:hover,.site-footer-title:hover{color:#0A7864}.site-footer-category-link:focus,.site-footer-category-link:active,.site-footer-category-link:focus-visible,.site-footer-title:focus,.site-footer-title:active,.site-footer-title:focus-visible{color:#0A7864;outline:2px solid rgba(10, 120, 100, 0.68);outline-offset:2px}.site-footer-qrcode{flex:0 0 118px;padding-top:0;margin-left:auto;text-align:center;color:#ffffff}.site-footer-qrcode-box{width:118px;height:118px;margin:0 auto 10px;display:flex;align-items:center;justify-content:center;border:6px solid #ffffff;box-shadow:0 12px 26px rgba(0, 0, 0, 0.22);background-color:#ffffff;background-image:linear-gradient(90deg, rgba(0, 0, 0, 0.14) 50%, transparent 50%), linear-gradient(rgba(0, 0, 0, 0.14) 50%, transparent 50%);background-size:10px 10px}.site-footer-qrcode-logo{display:block;width:100%;height:100%;object-fit:contain;background:#ffffff}.site-footer-qrcode-text{font-size:13px;line-height:1.4;color:rgba(255, 255, 255, 0.86)}.site-footer-copyright{width:100%;box-sizing:border-box;border-top:1px solid rgba(255, 255, 255, 0.1);background:#0a0a0a;color:#ffffff;padding:10px 12px;font-size:13px;line-height:1.4;text-align:center}.site-footer-copyright-inner{width:min(100% - 40px, 1370px);margin:0 auto;color:rgba(255, 255, 255, 0.92);display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.site-footer-icp{color:rgba(255, 255, 255, 0.86)}.site-footer-icp::before{content:"|";margin-right:12px;color:rgba(255, 255, 255, 0.36)}.site-footer-icp:hover{color:#0A7864}.site-footer-icp:focus,.site-footer-icp:active,.site-footer-icp:focus-visible{color:#0A7864;outline:2px solid rgba(10, 120, 100, 0.68);outline-offset:2px}.site-floating-contact{position:fixed;right:18px;bottom:24px;z-index:90;width:126px;box-sizing:border-box;border:1px solid #e7e7e7;background:#ffffff;color:#333333;box-shadow:0 12px 34px rgba(15, 31, 56, 0.16);font-family:"Microsoft YaHei", Arial, sans-serif;text-align:center}.site-floating-qrcode{padding:12px 11px 10px;border-bottom:1px solid #eeeeee}.site-floating-qrcode-title,.site-floating-phone-label{margin-bottom:8px;color:#333333;font-size:13px;line-height:1.35}.site-floating-qrcode img{display:block;width:92px;height:92px;margin:0 auto;object-fit:contain;background:#ffffff}.site-floating-phone{padding:12px 8px 13px;background:#fafafa}.site-floating-phone-number{display:block;color:#0A7864;font-size:13px;line-height:1.45;font-weight:700;overflow-wrap:anywhere}@media (max-width: 1200px){.site-footer-inner,.site-footer-copyright-inner{width:min(100% - 40px, 1370px)}.site-footer-inner{gap:42px}.site-footer-nav{gap:18px}.site-footer-title{font-size:15px}}@media (max-width: 900px){.site-footer-inner{gap:30px;flex-direction:column;align-items:center}.site-footer-qrcode{margin-left:0}.site-footer-nav{width:100%;justify-content:center;gap:20px;overflow-x:auto}.site-footer-title{font-size:14px}}@media (max-width: 560px){.site-footer{padding-top:28px}.site-footer-inner,.site-footer-copyright-inner{width:calc(100% - 28px)}.site-footer-icp::before{display:none}.site-footer-nav{width:100%;justify-content:flex-start;display:flex;gap:18px;overflow-x:auto}.site-footer-col{width:auto}.site-floating-contact{right:10px;bottom:12px;width:104px}.site-floating-qrcode{padding:9px 8px 8px}.site-floating-qrcode img{width:76px;height:76px}.site-floating-qrcode-title,.site-floating-phone-label,.site-floating-phone-number{font-size:12px}}

/* 网站首页展示区 ---------------------------------------------------------- */
.xfood-head,.xfood-head *,.agri-home,.agri-home *{box-sizing:border-box}
.xfood-head{position:relative;z-index:200;height:76px;color:#263128;background:rgba(255,255,255,.98);border-bottom:1px solid #edf1ec;box-shadow:0 3px 18px rgba(33,78,40,.06);font-family:"Avenir Next","Segoe UI",Arial,sans-serif}
.xfood-head a{text-decoration:none;color:inherit}.xfood-head-inner{width:min(1180px,calc(100% - 48px));height:100%;display:flex;align-items:center;gap:28px;margin:auto}.xfood-brand{max-width:210px;display:flex;align-items:center;gap:9px;text-decoration:none}.xfood-brand img{display:block;max-width:205px;max-height:52px;object-fit:contain}.xfood-brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:50% 46% 50% 42%;color:#fff;background:#399f50;font-size:25px;font-weight:800}.xfood-brand-name{font-size:20px;font-weight:800;letter-spacing:.06em}.xfood-nav{height:100%;margin-left:auto}.xfood-nav-list{height:100%;display:flex;align-items:stretch;margin:0;padding:0;list-style:none}.xfood-nav-item{position:relative;display:flex;align-items:stretch}.xfood-nav-link{display:flex;align-items:center;padding:0 15px;color:#354038!important;font-size:16px;font-weight:700;letter-spacing:.025em;white-space:nowrap}.xfood-nav-link:after{content:"";position:absolute;right:15px;bottom:17px;left:15px;height:2px;background:#ecaa17;transform:scaleX(0);transition:.25s}.xfood-nav-item:hover .xfood-nav-link,.xfood-nav-item.is-current .xfood-nav-link{color:#2f9a4c!important}.xfood-nav-item:hover .xfood-nav-link:after,.xfood-nav-item.is-current .xfood-nav-link:after{transform:scaleX(1)}.xfood-search-button{width:38px;height:38px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;color:#397e48;background:#f0f7f1;cursor:pointer}.xfood-search-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}.xfood-search-form{position:absolute;top:100%;right:0;width:min(390px,calc(100vw - 40px));display:flex;padding:12px;background:#fff;border-top:3px solid #3aa051;box-shadow:0 16px 38px rgba(21,59,30,.15);opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s}.xfood-search-form.is-open{opacity:1;visibility:visible;transform:none}.xfood-search-form input{min-width:0;flex:1;height:42px;padding:0 13px;border:1px solid #dfe7df;outline:0;font:inherit}.xfood-search-form button{width:72px;border:0;color:#fff;background:#389f50;font:inherit;font-weight:700}.xfood-menu-button{display:none;width:42px;height:38px;margin-left:auto;padding:8px;border:0;border-radius:4px;background:#3a9f51}.xfood-menu-button span{display:block;height:2px;margin:4px 0;background:#fff}.xfood-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.agri-home{--green:#3ba553;--green-dark:#287e40;--forest:#244a31;--gold:#f0ad16;--cream:#fbfaf5;--ink:#263228;--muted:#738077;--wrap:1160px;min-width:320px;margin:0;color:var(--ink);background:#fff;font-family:"Avenir Next","Segoe UI",Arial,sans-serif;font-size:15px;line-height:1.7;overflow-x:hidden}.agri-home a{color:inherit;text-decoration:none}.agri-home img{display:block;max-width:100%}.agri-wrap{width:min(var(--wrap),calc(100% - 48px));margin:0 auto}.agri-hero{position:relative;height:clamp(530px,50vw,720px);overflow:hidden;background:#5e9255}.agri-hero swiper-container,.agri-hero swiper-slide,.agri-hero-media,.agri-hero-link,.agri-hero-fallback{width:100%;height:100%}.agri-hero-media{object-fit:cover}.agri-hero-fallback{background:linear-gradient(90deg,rgba(40,109,50,.4),rgba(86,167,73,.05)),radial-gradient(circle at 70% 50%,#a7ce7c,#4d954e)}.agri-hero swiper-container{--swiper-navigation-size:16px;--swiper-navigation-color:#fff;--swiper-pagination-color:#fff;--swiper-pagination-bullet-inactive-color:#fff}.agri-hero swiper-container::part(button-prev),.agri-hero swiper-container::part(button-next){width:34px;height:34px;border-radius:4px;background:#3fa856}.agri-hero swiper-container::part(pagination){bottom:25px}.agri-hero-wash{position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,rgba(37,68,36,.23),transparent 68%),linear-gradient(0deg,rgba(30,65,34,.12),transparent 45%);pointer-events:none}.agri-hero-copy{position:absolute;top:50%;left:50%;z-index:3;width:430px;height:430px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:65px 56px;text-align:center;border-radius:50%;background:rgba(255,255,255,.84);box-shadow:0 24px 80px rgba(40,86,44,.12);transform:translate(-50%,-50%);backdrop-filter:blur(2px)}.agri-hero-copy:before{content:"";position:absolute;inset:18px;border:1px solid rgba(58,153,76,.26);border-radius:50%}.agri-hero-copy span{color:var(--green);font-size:23px;font-weight:800;letter-spacing:.05em}.agri-hero-copy p{margin:0 0 15px;color:#50725a;font-size:12px;letter-spacing:.18em;text-transform:uppercase}.agri-hero-copy h1{margin:0 0 25px;color:#2d6c3d;font-family:Georgia,serif;font-size:43px;line-height:1.12}.agri-hero-copy a{position:relative;z-index:1;padding-bottom:4px;border-bottom:1px solid #dda016;color:#536b57;font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.agri-hero-copy a b{color:var(--gold)}

.agri-panel{position:relative;z-index:5;width:min(1030px,calc(100% - 48px));margin:-34px auto 0;border-radius:28px 28px 0 0;background:#fff;box-shadow:0 -12px 40px rgba(43,75,46,.06)}.agri-heading{display:flex;align-items:center;justify-content:center;gap:13px;text-align:left}.agri-heading .agri-number{position:relative;color:#388e4a;font-family:Georgia,serif;font-size:42px;font-weight:700;line-height:1}.agri-heading .agri-number:before{content:"";position:absolute;top:-7px;left:1px;width:28px;height:5px;border-radius:3px;background:#9bc78e}.agri-heading p{margin:0;color:#91a195;font-size:10px;font-weight:800;letter-spacing:.18em}.agri-heading h2{margin:0;color:#344239;font-family:Georgia,serif;font-size:28px;line-height:1.15;text-transform:uppercase}.agri-heading-compact{padding:30px 20px 22px}.agri-scope-grid{display:grid;grid-template-columns:repeat(3,1fr);padding:0 34px 32px}.agri-scope-card{position:relative;min-height:310px;padding:38px 28px 30px;border-right:1px solid #e9eee8;overflow:hidden}.agri-scope-card:last-child{border-right:0}.agri-round-icon{width:38px;height:38px;display:grid;place-items:center;margin-bottom:16px;border:2px solid var(--green);border-radius:50%;color:var(--green);font-weight:800}.agri-scope-card:nth-child(2) .agri-round-icon{color:#f1aa10;border-color:#f1aa10}.agri-scope-card h3{margin:0 0 8px;font-family:Georgia,serif;font-size:18px}.agri-scope-card p{position:relative;z-index:2;max-width:235px;margin:0;color:#879188;font-size:12px;line-height:1.75}.agri-scope-card>a{position:absolute;right:24px;bottom:24px;z-index:3;padding:3px 10px;border:1px solid #e0e8df;border-radius:20px;color:#88938b;font-size:10px;text-transform:uppercase}.agri-scope-card>a span{color:var(--green)}.agri-scope-card img{position:absolute;bottom:0;left:10px;width:66%;height:115px;object-fit:contain;object-position:left bottom}.agri-scope-band{position:absolute;right:-30px;bottom:-30px;left:-30px;height:62px;display:flex;align-items:center;justify-content:center;gap:40px;padding:0 35px;color:#fff;background:rgba(55,165,76,.92);box-shadow:15px 15px 0 rgba(41,132,61,.85)}.agri-scope-band>span{position:absolute;left:44px;color:rgba(255,255,255,.15);font-size:45px;font-weight:300;letter-spacing:.28em}.agri-scope-band small,.agri-scope-band a{position:relative;z-index:2;font-size:10px;text-transform:uppercase}.agri-scope-band small{margin-left:auto}.agri-scope-band a{padding:4px 14px;border-radius:20px;background:rgba(255,255,255,.14)}

.agri-products{position:relative;padding:135px 0 150px;background:var(--cream);overflow:hidden}.agri-products:before{content:"";position:absolute;top:0;left:-12%;width:76%;height:100%;border-radius:0 0 72% 0;background:radial-gradient(circle at 25% 55%,rgba(233,194,27,.84),rgba(231,196,30,.92) 37%,transparent 38%)}.agri-products:after{content:"";position:absolute;right:-28%;bottom:-35%;width:90%;height:62%;border-radius:50% 0 0;background:linear-gradient(125deg,rgba(56,166,76,.92),rgba(38,129,58,.94))}.agri-products .agri-wrap{position:relative;z-index:2}.agri-category-row{max-width:840px;display:flex;justify-content:center;gap:10px;margin:32px auto 36px}.agri-category-row a{min-width:120px;padding:13px 12px;text-align:center;border-radius:8px;color:#7c897e;transition:.2s}.agri-category-row a.is-active,.agri-category-row a:hover{color:#fff;background:var(--gold);box-shadow:0 12px 25px rgba(208,150,12,.25)}.agri-category-row i{display:block;font-style:normal;font-size:27px;line-height:1}.agri-category-row span{display:block;margin-top:8px;font-size:16px;font-weight:700;text-transform:uppercase}.agri-product-grid{width:min(830px,100%);display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin:auto}.agri-product-card{position:relative;min-height:230px;padding:13px 13px 42px;border-radius:8px;background:#fff;box-shadow:0 14px 35px rgba(46,75,47,.08);transition:.3s}.agri-product-card:before{content:"";position:absolute;top:0;left:17px;width:44px;height:6px;border-radius:0 0 4px 4px;background:var(--green)}.agri-product-card:hover{transform:translateY(-7px);box-shadow:0 20px 42px rgba(45,92,50,.16)}.agri-product-card>img{width:100%;height:165px;object-fit:contain}.agri-product-card>div{position:absolute;right:13px;bottom:11px;left:13px;display:flex;justify-content:space-between;gap:10px;padding-top:8px;border-top:1px solid #edf0ec}.agri-product-card strong{font-size:12px}.agri-product-card div span{color:#8a968e;font-size:9px}.agri-product-placeholder{height:165px;display:grid;place-items:center;color:rgba(59,165,83,.35);font-size:26px;font-weight:800;letter-spacing:.15em;background:linear-gradient(135deg,#f2f8ee,#fff)}

.agri-advantages{position:relative;margin-top:-35px;padding:88px 0 55px;color:#fff;background:linear-gradient(135deg,#d9b614 0,#d2bb16 10%,#45ae5a 45%,#318c49 100%);overflow:hidden}.agri-advantages:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 82% 45%,rgba(255,255,255,.12),transparent 40%),linear-gradient(20deg,transparent 56%,rgba(255,255,255,.07) 57%);opacity:.8}.agri-adv-title{position:relative;z-index:2;margin:0 0 25px}.agri-adv-title>span{display:inline-grid;place-items:center;width:58px;height:58px;margin-right:12px;border-radius:50%;background:var(--gold);font-size:21px;font-weight:800}.agri-adv-title p{display:inline;margin:0;color:rgba(255,255,255,.75);font-size:11px;font-weight:700;letter-spacing:.15em}.agri-adv-title h2{margin:4px 0 0 72px;font-family:Georgia,serif;font-size:35px;line-height:1.1;text-transform:uppercase}.agri-adv-card{position:relative;z-index:2;min-height:430px;display:grid;grid-template-columns:58% 42%;border-radius:10px;background:#fff;box-shadow:0 26px 60px rgba(24,83,39,.2)}.agri-adv-copy{padding:53px 50px 70px;color:var(--ink)}.agri-kicker{color:#60a46e;font-size:14px;font-weight:800;letter-spacing:.14em}.agri-adv-copy h3{margin:8px 0 18px;font-family:Georgia,serif;font-size:28px}.agri-adv-copy>p{max-width:620px;margin:0 0 24px;color:#7d887f;font-size:13px}.agri-adv-meta{display:flex;gap:35px;margin-bottom:25px}.agri-adv-meta span{display:flex;flex-direction:column;color:#99a19a;font-size:10px}.agri-adv-meta b{color:#3a463c;font-size:12px}.agri-adv-copy>a{display:inline-flex;padding:11px 20px;border-radius:24px;color:#fff;background:var(--green);font-size:11px;font-weight:700;text-transform:uppercase}.agri-adv-media{position:relative;margin:-25px -22px 25px 0;border:9px solid #fff;border-radius:50%;overflow:hidden;box-shadow:0 18px 45px rgba(36,89,45,.22)}.agri-adv-media:after{content:"";position:absolute;right:-10px;bottom:15px;width:75%;height:20px;background:var(--gold);transform:rotate(-12deg)}.agri-adv-media img{width:100%;height:100%;object-fit:cover}.agri-adv-icons{position:absolute;bottom:-25px;left:45%;display:flex;gap:12px;transform:translateX(-50%)}.agri-adv-icons span{width:58px;height:58px;display:grid;place-items:center;text-align:center;border:4px solid #fff;border-radius:50%;color:#fff;background:#38a154;font-size:10px;line-height:1.1}.agri-adv-icons span:nth-child(2){background:#53b86a}.agri-adv-icons span:nth-child(3){background:#2f8d49}.agri-adv-icons span:nth-child(4){background:#466e50}.agri-adv-icons small{font-size:8px}

.agri-cases{position:relative;padding:85px 0 145px;color:#fff;background:linear-gradient(180deg,#349a4c,#48ae5b);overflow:hidden}.agri-cases:after{content:"";position:absolute;right:-10%;bottom:-120px;left:-10%;height:210px;border-radius:50% 50% 0 0;background:#fff}.agri-heading-light{justify-content:flex-start;color:#fff}.agri-heading-light .agri-number,.agri-heading-light h2{color:#fff}.agri-heading-light p{color:rgba(255,255,255,.65)}.agri-heading-light>a{margin-left:auto;font-size:11px}.agri-case-feature{display:grid;grid-template-columns:46% 54%;align-items:center;gap:40px;margin:35px 0 25px}.agri-case-main{position:relative;height:310px;padding:7px;border-radius:7px;background:#fff;box-shadow:0 20px 40px rgba(20,88,35,.18)}.agri-case-main img{width:100%;height:100%;object-fit:cover}.agri-case-copy{padding:25px 40px 25px 0}.agri-case-copy>span{color:#d6ee9d;font-size:10px;font-weight:800;letter-spacing:.15em}.agri-case-copy h3{max-width:430px;margin:8px 0 18px;font-family:Georgia,serif;font-size:29px;line-height:1.22}.agri-case-copy p{max-width:540px;color:rgba(255,255,255,.72);font-size:13px}.agri-case-copy a{display:inline-block;margin-top:8px;padding-bottom:3px;border-bottom:1px solid rgba(255,255,255,.5);font-size:11px;font-weight:700;text-transform:uppercase}.agri-case-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.agri-case-strip a{position:relative;height:130px;padding:5px;border-radius:5px;background:rgba(255,255,255,.9)}.agri-case-strip img{width:100%;height:100%;object-fit:cover}.agri-case-strip span{position:absolute;right:5px;bottom:5px;left:5px;padding:5px 8px;color:#fff;background:rgba(28,91,40,.72);font-size:9px;text-transform:uppercase}

.agri-about{position:relative;min-height:580px;display:grid;grid-template-columns:52% 48%;align-items:center;padding:70px 0 50px;background:#fff;overflow:hidden}.agri-about:after{content:"";position:absolute;right:-40px;bottom:-85px;width:250px;height:250px;border:35px dotted rgba(239,172,22,.22);border-radius:50%}.agri-about-media{position:relative;height:440px;overflow:hidden;border-radius:0 48% 48% 0}.agri-about-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.agri-about-copy{position:relative;z-index:2;max-width:590px;padding:20px 60px 20px 20px}.agri-about-copy .agri-heading{justify-content:flex-start;margin-bottom:30px}.agri-about-copy h3{max-width:520px;margin:10px 0 18px;font-family:Georgia,serif;font-size:28px;line-height:1.3}.agri-about-copy>p,.agri-about-rich{color:#7c887f;font-size:13px}.agri-about-rich p{margin:0 0 10px}.agri-about-stats{display:flex;gap:35px;margin:25px 0}.agri-about-stats span{display:flex;flex-direction:column;color:#8d968f;font-size:10px;text-transform:uppercase}.agri-about-stats b{color:var(--green);font-family:Georgia,serif;font-size:25px}.agri-about-copy>a{color:#3c8f4d;font-size:11px;font-weight:800;text-transform:uppercase}

.agri-news{padding:85px 0 95px;background:#fbfaf6}.agri-news .agri-heading{justify-content:flex-start}.agri-news .agri-heading>a{margin-left:auto;color:#4a8f55;font-size:11px;font-weight:700;text-transform:uppercase}.agri-news-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:35px}.agri-news-card{min-width:0;border-radius:7px;background:#fff;box-shadow:0 12px 34px rgba(53,75,55,.07);overflow:hidden}.agri-news-media{height:165px;display:block;overflow:hidden;background:linear-gradient(135deg,#dcecce,#58a761)}.agri-news-media img{width:100%;height:100%;object-fit:cover;transition:.35s}.agri-news-card:hover .agri-news-media img{transform:scale(1.05)}.agri-news-media>span{height:100%;display:grid;place-items:center;color:#fff;font-weight:800;letter-spacing:.13em}.agri-news-card>div{position:relative;min-height:145px;padding:18px 18px 22px}.agri-news-card time{color:#9ca69d;font-size:9px}.agri-news-card h3{margin:6px 0 12px;font-family:Georgia,serif;font-size:16px;line-height:1.4}.agri-news-card>div>a{color:#43a256;font-size:9px;font-weight:800;text-transform:uppercase}

.agri-contact{padding:55px 0 0;background:linear-gradient(180deg,#fbfaf6 48%,#294e35 48%)}.agri-contact-card{position:relative;min-height:220px;display:flex;align-items:center;justify-content:space-between;gap:50px;padding:45px 70px;border-radius:80px 0 80px 0;color:#fff;background:linear-gradient(120deg,#3baa55,#58b965);box-shadow:0 22px 55px rgba(35,104,50,.22);overflow:hidden}.agri-contact-card:after{content:"";position:absolute;right:-45px;bottom:-75px;width:220px;height:220px;border:25px solid rgba(240,174,24,.82);border-radius:50%}.agri-contact-card>div{position:relative;z-index:2}.agri-contact-card span{color:#d5efc6;font-size:10px;font-weight:800;letter-spacing:.16em}.agri-contact-card h2{max-width:650px;margin:6px 0;font-family:Georgia,serif;font-size:31px}.agri-contact-card p{margin:0;color:rgba(255,255,255,.75);font-size:12px}.agri-contact-actions{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.agri-contact-actions a:first-child{padding:12px 24px;border-radius:26px;color:#3b7f49;background:#fff;font-size:11px;font-weight:800;text-transform:uppercase}.agri-contact-actions a:last-child{font-size:13px;font-weight:700}

.agri-footer{padding:95px 0 0;color:#dce7de;background:#294e35;font-family:"Avenir Next","Segoe UI",Arial,sans-serif}.agri-footer a{color:inherit;text-decoration:none}.agri-footer-main{width:min(1160px,calc(100% - 48px));display:grid;grid-template-columns:1.2fr 2fr auto;align-items:center;gap:55px;margin:auto;padding-bottom:45px}.agri-footer-brand img{max-width:190px;max-height:55px;object-fit:contain;filter:brightness(0) invert(1)}.agri-footer-brand strong{color:#fff;font-size:24px}.agri-footer-brand p{max-width:340px;margin:15px 0 8px;color:rgba(255,255,255,.62);font-size:12px}.agri-footer-phone{color:#efb12b!important;font-weight:800}.agri-footer-nav{display:flex;justify-content:center;gap:25px;flex-wrap:wrap}.agri-footer-nav a{font-size:12px;font-weight:700}.agri-footer-nav a:hover{color:#f1b31f}.agri-footer-qr{text-align:center;min-width:200px}.agri-footer-qr img{display:block;width:190px;height:190px;padding:8px;margin:0 auto;background:#fff;object-fit:contain}.agri-footer-qr span{display:block;margin-top:10px;font-size:12px}.agri-footer-bottom{min-height:52px;display:flex;align-items:center;justify-content:center;gap:14px;padding:10px 24px;color:rgba(255,255,255,.5);background:#203d2a;font-size:10px}.agri-footer-icp:hover{color:#f1b31f;text-decoration:underline}

@media (max-width:1000px){.xfood-nav-link{padding:0 9px;font-size:16px}.agri-scope-grid{padding-right:15px;padding-left:15px}.agri-adv-card{grid-template-columns:60% 40%}.agri-adv-copy{padding-left:35px}.agri-news-grid{grid-template-columns:repeat(2,1fr)}.agri-footer-main{grid-template-columns:1fr 1.5fr}.agri-footer-qr{display:none}}
@media (max-width:840px){.xfood-head{height:66px}.xfood-head-inner{width:calc(100% - 30px);gap:10px}.xfood-menu-button{display:block}.xfood-nav{position:absolute;top:100%;right:0;left:0;height:auto;margin:0;padding:8px 15px 15px;background:#fff;border-top:1px solid #edf1ec;box-shadow:0 15px 30px rgba(25,70,34,.14);opacity:0;visibility:hidden;transform:translateY(-7px);transition:.2s}.xfood-nav.is-open{opacity:1;visibility:visible;transform:none}.xfood-nav-list{height:auto;display:block}.xfood-nav-item{display:block;border-bottom:1px solid #edf1ec}.xfood-nav-link{height:44px;padding:0 8px}.xfood-nav-link:after{display:none}.xfood-search-form{right:-15px}.agri-hero-copy{width:350px;height:350px;padding:45px}.agri-hero-copy h1{font-size:35px}.agri-scope{margin-top:-22px}.agri-scope-grid{grid-template-columns:1fr}.agri-scope-card{min-height:190px;border-right:0;border-bottom:1px solid #e9eee8}.agri-scope-card img{right:10px;left:auto;width:35%;height:140px}.agri-scope-band{right:0;left:0}.agri-products{padding-top:110px}.agri-category-row{overflow-x:auto;justify-content:flex-start;padding-bottom:8px}.agri-category-row a{flex:0 0 115px}.agri-product-grid{grid-template-columns:repeat(2,1fr)}.agri-adv-card{grid-template-columns:1fr;padding-bottom:35px}.agri-adv-media{width:360px;height:360px;margin:-20px auto 20px}.agri-adv-icons{left:50%}.agri-case-feature{grid-template-columns:1fr}.agri-case-copy{padding:0}.agri-case-strip{grid-template-columns:repeat(2,1fr)}.agri-about{grid-template-columns:1fr}.agri-about-media{height:360px;margin-right:40px}.agri-about-copy{max-width:none;padding:45px 40px}.agri-footer-main{grid-template-columns:1fr;text-align:center}.agri-footer-brand p{margin-right:auto;margin-left:auto}}
@media (max-width:580px){.agri-wrap{width:calc(100% - 30px)}.xfood-brand img{max-width:150px;max-height:42px}.xfood-brand-name{font-size:16px}.agri-hero{height:510px}.agri-hero-copy{width:292px;height:292px;padding:35px 32px}.agri-hero-copy span{font-size:18px}.agri-hero-copy p{font-size:9px}.agri-hero-copy h1{font-size:29px}.agri-panel{width:calc(100% - 22px)}.agri-heading h2{font-size:23px}.agri-heading .agri-number{font-size:35px}.agri-scope-card{padding-right:20px;padding-left:20px}.agri-scope-card img{opacity:.58}.agri-scope-band{padding:0 15px}.agri-scope-band>span{left:15px;font-size:28px}.agri-products{padding-bottom:100px}.agri-product-grid{gap:14px}.agri-product-card{min-height:195px}.agri-product-card>img,.agri-product-placeholder{height:128px}.agri-product-card>div{display:block}.agri-product-card div span{display:none}.agri-advantages{padding-top:60px}.agri-adv-title h2{margin-left:0;font-size:28px}.agri-adv-copy{padding:38px 24px 65px}.agri-adv-meta{display:block}.agri-adv-meta span{margin-top:10px}.agri-adv-media{width:260px;height:260px}.agri-adv-icons{gap:2px}.agri-adv-icons span{width:51px;height:51px}.agri-cases{padding-top:65px}.agri-heading-light{flex-wrap:wrap}.agri-heading-light>a{width:100%;margin-left:52px}.agri-case-main{height:230px}.agri-case-strip{gap:10px}.agri-case-strip a{height:100px}.agri-about-media{height:290px;margin-right:20px}.agri-about-copy{padding:40px 20px}.agri-about-stats{gap:15px}.agri-news{padding:65px 0}.agri-news-grid{grid-template-columns:1fr}.agri-news .agri-heading{flex-wrap:wrap}.agri-news .agri-heading>a{width:100%;margin-left:50px}.agri-contact{padding-top:35px}.agri-contact-card{width:calc(100% - 30px);display:block;padding:38px 28px;border-radius:48px 0 48px 0}.agri-contact-card h2{font-size:26px}.agri-contact-actions{align-items:flex-start;margin-top:25px}.agri-footer{padding-top:78px}.agri-footer-main{width:calc(100% - 30px);gap:30px}.agri-footer-nav{gap:13px 20px}.agri-footer-bottom{display:block;text-align:center}}

.xfood-brand-name{display:flex;flex-direction:column;line-height:1}.xfood-brand-name small{margin-top:5px;color:#6d826f;font-size:7px;font-weight:700;letter-spacing:.14em}

/* 导航栏联系电话 */
.xfood-header-phone{flex:0 0 auto;display:flex;align-items:center;gap:10px;min-height:46px;padding:0 0 0 18px;border-left:1px solid #dfe9df;color:#2f9a4c;white-space:nowrap}
.xfood-phone-label{color:#2f9a4c;font-size:13px;font-weight:700;letter-spacing:.06em}
.xfood-phone-icon{width:32px;height:32px;display:grid;place-items:center;flex:0 0 32px;color:#2f9a4c}
.xfood-phone-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.xfood-phone-numbers{display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.xfood-phone-numbers a{color:#2f9a4c!important;font-size:17px;font-weight:800;line-height:1.05;white-space:nowrap}
.xfood-phone-numbers a:hover,.xfood-phone-numbers a:focus-visible{color:#247d3a!important;outline:none}
.xfood-phone-numbers a:focus-visible{box-shadow:0 2px 0 rgba(47,154,76,.45)}
.xfood-mobile-phone{display:none}

/* 列表页面包屑统一 */
.site-list-main{padding-top:32px!important}
.site-list-breadcrumb{display:block!important;width:100%;max-width:1200px;box-sizing:border-box;margin:0 0 28px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;animation:none!important}
.site-list-breadcrumb-list{display:flex!important;align-items:center!important;flex-wrap:nowrap!important;gap:0!important;min-height:24px;margin:0!important;padding:0!important;overflow:hidden;list-style:none!important;color:#7a857d!important;font-size:14px!important;font-weight:400!important;line-height:1.6!important;white-space:nowrap}
.site-list-breadcrumb-list>li{display:inline-flex!important;align-items:center!important;flex:0 0 auto;min-width:0;margin:0!important;padding:0!important;color:#344239!important}
.site-list-breadcrumb-list>li:last-child{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.site-list-breadcrumb-list>li::after{display:none!important;content:none!important}
.site-list-breadcrumb-list>li+li:before,.site-list-breadcrumb-list>li+li::before{content:"/"!important;margin:0 9px!important;color:#b6c0b8!important;font-weight:400!important}
.site-list-breadcrumb-list a{color:#6f7a72!important;text-decoration:none!important;transition:color .2s ease}
.site-list-breadcrumb-list a:hover,.site-list-breadcrumb-list a:focus-visible{color:#0A7864!important;outline:none}
.site-list-breadcrumb-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:24px!important;margin:0 0 28px!important;padding-top:0!important}
.site-list-breadcrumb-row .site-list-breadcrumb{flex:1 1 auto;margin-bottom:0!important}
.xmdsite-main>.site-list-breadcrumb{margin-bottom:0!important}
.service-cctv-main>.site-list-breadcrumb{width:min(1200px,calc(100% - 40px));margin-right:auto!important;margin-left:auto!important}
.site-list-main.page-shell>.container{padding-right:0!important;padding-left:0!important}

/* 列表页八条分页 */
.site-original-pagination{display:none!important}
.site-page-item-hidden{display:none!important}
.site-content-pagination{width:100%;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:9px;margin:34px 0 0;padding:28px 0 0;border-top:1px solid rgba(112,133,118,.18);font-size:14px;line-height:1}
.site-content-pagination-status{margin-right:8px;color:#778279;line-height:38px;white-space:nowrap}
.site-content-pagination button{min-width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;padding:0 12px;border:1px solid #dce6de;border-radius:999px;color:#5f6c62;background:#fff;font:700 14px/1 inherit;cursor:pointer;transition:color .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease}
.site-content-pagination button:hover,.site-content-pagination button:focus-visible{border-color:#0A7864;color:#0A7864;outline:none;transform:translateY(-1px)}
.site-content-pagination button.is-current{border-color:#0A7864;color:#fff;background:#0A7864;box-shadow:0 9px 20px rgba(10,120,100,.2)}
.site-content-pagination button:disabled{border-color:#e5eae6;color:#aeb6b0;background:#f6f8f6;box-shadow:none;cursor:not-allowed;transform:none}

@media (max-width:1000px) and (min-width:841px){
  .xfood-header-phone{gap:5px;padding-left:11px}
  .xfood-header-phone .xfood-phone-label{display:none}
  .xfood-header-phone .xfood-phone-numbers a{font-size:15px}
}
@media (max-width:840px){
  .xfood-header-phone{display:none}
  .xfood-mobile-phone{display:flex;align-items:center;justify-content:space-between;min-height:68px;margin-top:8px;padding:8px 10px;color:#2f9a4c;background:#f7fbf7;white-space:nowrap}
  .xfood-mobile-phone .xfood-phone-label{font-size:14px}
  .xfood-mobile-phone .xfood-phone-numbers{gap:6px}
  .xfood-mobile-phone .xfood-phone-numbers a{font-size:17px}
  .site-list-main{padding-top:24px!important}
  .site-list-breadcrumb{margin-bottom:22px!important}
  .site-list-breadcrumb-list{min-height:22px;font-size:13px!important}
  .site-list-breadcrumb-row{margin-bottom:22px!important}
  .site-list-breadcrumb-row .site-list-breadcrumb{margin-bottom:0!important}
  .service-cctv-main>.site-list-breadcrumb{width:calc(100% - 28px)}
  .site-content-pagination{gap:6px;margin-top:26px;padding-top:22px}
  .site-content-pagination-status{width:100%;margin:0;text-align:center;line-height:1.6}
  .site-content-pagination button{min-width:34px;height:34px;padding:0 10px;font-size:13px}
}

/* Wider desktop composition and server-driven item summaries */
.agri-item-summary{position:relative;z-index:2;max-width:72%;max-height:68px;margin:0;color:#879188;font-size:12px;line-height:1.75;overflow:hidden}.agri-item-summary h1,.agri-item-summary h2,.agri-item-summary h3,.agri-item-summary h4,.agri-item-summary h5,.agri-item-summary h6{display:none}.agri-item-summary p{display:-webkit-box;margin:0;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}.agri-item-summary p~p{display:none}.agri-case-description p,.agri-news-summary p,.agri-about-rich p{margin:0}.agri-case-description{max-width:620px;max-height:92px;color:rgba(255,255,255,.74);font-size:13px;overflow:hidden}.agri-news-summary{max-height:42px;margin:0 0 12px;color:#879188;font-size:11px;line-height:1.65;overflow:hidden}.agri-about-rich{max-height:145px;overflow:hidden}

.agri-scope-card,.agri-case-main,.agri-case-strip a,.agri-news-card{transition:transform .28s ease,box-shadow .28s ease,background-color .28s ease}.agri-scope-card img,.agri-case-main img,.agri-case-strip img{transition:transform .35s ease}.agri-product-card:before{transition:width .3s ease}.agri-scope-card.is-active{z-index:1;background:#f7fcf7;box-shadow:inset 0 4px 0 var(--green),0 18px 36px rgba(43,105,54,.12);transform:translateY(-5px)}.agri-scope-card.is-active .agri-round-icon{color:#fff!important;border-color:var(--green)!important;background:var(--green)}.agri-scope-card:nth-child(2).is-active .agri-round-icon{border-color:var(--gold)!important;background:var(--gold)}.agri-scope-card.is-active img{transform:scale(1.05)}.agri-product-card.is-active{box-shadow:0 22px 46px rgba(45,92,50,.2),0 0 0 2px rgba(57,159,80,.55);transform:translateY(-7px)}.agri-product-card.is-active:before{width:calc(100% - 34px)}.agri-case-main.is-active,.agri-case-strip a.is-active{box-shadow:0 24px 48px rgba(14,70,28,.28),0 0 0 3px rgba(239,177,43,.9);transform:translateY(-6px)}.agri-case-main.is-active img,.agri-case-strip a.is-active img{transform:scale(1.04)}.agri-news-card.is-active{box-shadow:0 22px 46px rgba(45,92,50,.2),0 0 0 2px rgba(57,159,80,.5);transform:translateY(-6px)}.agri-news-card.is-active .agri-news-media img{transform:scale(1.06)}

/* 首页行业资质环形展示 */
.agri-qualifications{position:relative;padding:108px 0 118px;background:linear-gradient(180deg,#fff 0,#f4f8f1 100%);overflow:hidden}
.agri-qualifications:before,.agri-qualifications:after{content:"";position:absolute;border-radius:50%;pointer-events:none}
.agri-qualifications:before{top:-210px;left:-160px;width:460px;height:460px;border:70px solid rgba(59,165,83,.055)}
.agri-qualifications:after{right:-135px;bottom:-185px;width:390px;height:390px;border:56px dotted rgba(240,173,22,.12)}
.agri-qualifications .agri-wrap{position:relative;z-index:1}
.agri-qualification-heading{justify-content:flex-start}
.agri-qualification-tabs{display:flex;justify-content:center;gap:12px;margin:34px 0 18px;padding:0;overflow-x:auto;scrollbar-width:none}
.agri-qualification-tabs::-webkit-scrollbar{display:none}
.agri-qualification-tab{flex:0 0 auto;min-width:92px;height:40px;padding:0 23px;border:1px solid #dbe8dc;border-radius:999px;color:#627067;background:rgba(255,255,255,.85);font:700 13px/1 inherit;cursor:pointer;transition:color .22s ease,background .22s ease,border-color .22s ease,box-shadow .22s ease,transform .22s ease}
.agri-qualification-tab:hover,.agri-qualification-tab:focus-visible{border-color:var(--green);color:var(--green);outline:none;transform:translateY(-2px)}
.agri-qualification-tab.is-active{border-color:var(--green);color:#fff;background:var(--green);box-shadow:0 10px 24px rgba(42,134,62,.22)}
.agri-qualification-viewer{display:grid;grid-template-columns:66px minmax(0,1fr) 66px;align-items:center;gap:14px}
.agri-ring-panels{min-width:0;overflow:hidden}
.agri-ring-panel[hidden]{display:none}
.agri-certificate-ring{height:560px;display:flex;align-items:center;gap:24px;padding:28px;overflow-x:auto;scroll-snap-type:x mandatory;touch-action:pan-y;cursor:grab;perspective:1400px;user-select:none;-webkit-user-select:none}
.agri-certificate-ring:focus-visible{border-radius:20px;outline:2px solid rgba(59,165,83,.58);outline-offset:-4px}
.agri-certificate-ring.is-ready{position:relative;display:block;padding:0;overflow:visible;scroll-snap-type:none}
.agri-certificate-ring.is-ready:before{content:"";position:absolute;right:10%;bottom:30px;left:10%;height:72px;border:1px solid rgba(54,132,70,.18);border-radius:50%;background:radial-gradient(ellipse,rgba(45,111,57,.13),transparent 68%);box-shadow:0 20px 46px rgba(35,87,45,.12);transform:perspective(380px) rotateX(66deg)}
.agri-certificate-ring.is-dragging{cursor:grabbing}
.agri-certificate-card{position:relative;flex:0 0 310px;width:310px;min-height:455px;display:flex;flex-direction:column;scroll-snap-align:center;padding:14px 14px 19px;border:1px solid #e3ebe2;border-radius:15px;color:#334039;background:#fff;box-shadow:0 18px 46px rgba(38,77,44,.14);transform-origin:center center;transition:transform .5s cubic-bezier(.22,.7,.23,1),opacity .38s ease,box-shadow .25s ease}
.agri-certificate-ring.is-ready .agri-certificate-card{position:absolute;top:48%;left:50%;margin:0;will-change:transform,opacity}
.agri-certificate-ring.is-dragging .agri-certificate-card{transition:none}
.agri-certificate-card:hover,.agri-certificate-card:focus-visible{color:var(--green-dark);box-shadow:0 22px 52px rgba(39,102,52,.22);outline:none}
.agri-certificate-image{height:390px;display:flex;align-items:center;justify-content:center;padding:11px;border-radius:10px;background:#f7f8f5}
.agri-certificate-image img{width:100%;height:100%;object-fit:contain;pointer-events:none}
.agri-certificate-card strong{display:block;min-height:44px;margin-top:14px;padding:0 6px;text-align:center;font-size:15px;line-height:1.5}
.agri-ring-arrow{width:56px;height:56px;display:grid;place-items:center;padding:0;border:1px solid rgba(59,165,83,.34);border-radius:50%;color:var(--green);background:#fff;box-shadow:0 10px 25px rgba(42,96,53,.10);font:400 39px/1 Georgia,serif;cursor:pointer;transition:color .2s ease,background .2s ease,transform .2s ease,box-shadow .2s ease}
.agri-ring-arrow:hover,.agri-ring-arrow:focus-visible{color:#fff;background:var(--green);box-shadow:0 14px 30px rgba(42,134,62,.22);outline:none;transform:scale(1.06)}
.agri-ring-arrow:disabled{opacity:.35;cursor:not-allowed;transform:none}
.agri-ring-hint{margin:3px 0 0;text-align:center;color:#8a958d;font-size:11px;letter-spacing:.06em}

@media (max-width:840px){
  .agri-qualifications{padding:82px 0 92px}
  .agri-qualification-tabs{justify-content:flex-start;margin-top:28px;padding:0 2px 5px}
  .agri-qualification-viewer{grid-template-columns:52px minmax(0,1fr) 52px;gap:4px}
  .agri-certificate-ring{height:480px}
  .agri-certificate-card{flex-basis:260px;width:260px;min-height:392px;padding:12px 12px 16px}
  .agri-certificate-image{height:330px;padding:9px}
  .agri-certificate-card strong{min-height:40px;margin-top:11px;font-size:13px}
  .agri-ring-arrow{width:46px;height:46px;font-size:33px}
}
@media (max-width:580px){
  .agri-qualifications{padding:68px 0 78px}
  .agri-qualification-tab{min-width:80px;height:37px;padding:0 18px;font-size:12px}
  .agri-qualification-viewer{grid-template-columns:42px minmax(0,1fr) 42px;margin:0 -8px}
  .agri-certificate-ring{height:420px}
  .agri-certificate-card{flex-basis:226px;width:226px;min-height:346px;padding:9px 9px 13px}
  .agri-certificate-image{height:286px;padding:7px}
  .agri-certificate-card strong{min-height:38px;margin-top:10px;font-size:12px}
  .agri-ring-arrow{width:38px;height:38px;font-size:29px}
}
@media (prefers-reduced-motion:reduce){
  .agri-qualification-tab,.agri-certificate-card,.agri-ring-arrow{transition:none!important}
}

/* 全站侧边快捷联系方式 */
.xfood-floating-contact,.xfood-floating-contact *{box-sizing:border-box}
.xfood-floating-contact{position:fixed;right:24px;top:58%;z-index:260;font-family:"Microsoft YaHei",Arial,sans-serif;transform:translateY(-50%)}
.xfood-floating-button{position:relative;z-index:2;width:62px;height:62px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;color:#fff;background:#2f9a4c;box-shadow:0 12px 30px rgba(32,112,53,.3);cursor:pointer;transition:background-color .2s ease,transform .2s ease,box-shadow .2s ease}
.xfood-floating-button:hover,.xfood-floating-button:focus-visible,.xfood-floating-contact.is-open .xfood-floating-button{background:#247d3a;box-shadow:0 15px 34px rgba(32,112,53,.38);outline:none;transform:scale(1.06)}
.xfood-floating-button:focus-visible{outline:3px solid rgba(47,154,76,.3);outline-offset:4px}
.xfood-floating-button svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.xfood-floating-panel{position:absolute;right:78px;top:50%;width:240px;padding:22px;border:1px solid #dfe9df;border-radius:16px;color:#344239;background:#fff;box-shadow:0 18px 48px rgba(31,75,40,.2);opacity:0;visibility:hidden;pointer-events:none;transform:translate(12px,-50%);transition:opacity .22s ease,visibility .22s ease,transform .22s ease}
.xfood-floating-panel:after{content:"";position:absolute;right:-8px;top:50%;width:15px;height:15px;border-top:1px solid #dfe9df;border-right:1px solid #dfe9df;background:#fff;transform:translateY(-50%) rotate(45deg)}
.xfood-floating-contact.is-open .xfood-floating-panel{opacity:1;visibility:visible;pointer-events:auto;transform:translate(0,-50%)}
.xfood-floating-title{display:block;margin:0 0 14px;color:#245f34;font-size:19px;line-height:1.3}
.xfood-floating-label{display:block;margin-bottom:7px;color:#7b877e;font-size:13px}
.xfood-floating-numbers{display:flex;flex-direction:column;align-items:flex-start;gap:7px}
.xfood-floating-numbers a{color:#2f9a4c!important;font-size:18px;font-weight:800;line-height:1.25;text-decoration:none;white-space:nowrap}
.xfood-floating-numbers a:hover,.xfood-floating-numbers a:focus-visible{color:#247d3a!important;text-decoration:underline;text-underline-offset:3px;outline:none}
.xfood-floating-code{margin-top:17px;padding-top:16px;border-top:1px solid #e8eee8;text-align:center}
.xfood-floating-code img{display:block;width:132px;height:132px;margin:0 auto 8px;object-fit:contain;background:#fff}
.xfood-floating-code span{color:#66736a;font-size:13px}

@media (max-width:840px){
  .xfood-mobile-phone{justify-content:flex-start;gap:14px}
  .xfood-mobile-phone .xfood-phone-icon{width:36px;height:36px;flex-basis:36px}
  .xfood-mobile-phone .xfood-phone-icon svg{width:28px;height:28px}
  .xfood-floating-contact{right:14px;top:auto;bottom:22px;transform:none}
  .xfood-floating-button{width:56px;height:56px}
  .xfood-floating-button svg{width:27px;height:27px}
  .xfood-floating-panel{right:68px;top:auto;bottom:0;width:min(238px,calc(100vw - 98px));transform:translate(10px,0)}
  .xfood-floating-panel:after{top:auto;bottom:21px;transform:rotate(45deg)}
  .xfood-floating-contact.is-open .xfood-floating-panel{transform:none}
}
@media (max-width:420px){
  .xfood-floating-panel{padding:18px}
  .xfood-floating-title{font-size:17px}
  .xfood-floating-numbers a{font-size:16px}
  .xfood-floating-code img{width:108px;height:108px}
}
@media (prefers-reduced-motion:reduce){
  .xfood-floating-button,.xfood-floating-panel{transition:none!important}
}

/* 行业资质列表证书墙 */
.certificate-wall-section{position:relative;padding:38px;border:1px solid rgba(91,112,93,.16);border-radius:22px;background:linear-gradient(135deg,#edf3eb 0,#f8f7ef 48%,#eef4ec 100%);box-shadow:inset 0 0 0 8px rgba(255,255,255,.55),0 20px 46px rgba(43,73,47,.08);overflow:hidden}
.certificate-wall-section:before,.certificate-wall-section:after{content:"";position:absolute;pointer-events:none}
.certificate-wall-section:before{inset:16px;border:1px solid rgba(62,116,72,.1);border-radius:14px}
.certificate-wall-section:after{top:0;right:7%;left:7%;height:5px;border-radius:0 0 8px 8px;background:linear-gradient(90deg,transparent,#c99b3a 18%,#e3c778 50%,#c99b3a 82%,transparent)}
.certificate-wall-grid{position:relative;z-index:1;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:34px 26px!important;list-style:none}
.certificate-wall-item{min-width:0}
.certificate-wall-card{position:relative;display:flex!important;flex-direction:column;height:100%;padding:11px!important;border:1px solid #9a7132!important;border-radius:4px!important;background:linear-gradient(135deg,#7b5525 0,#c3954b 16%,#7c5728 31%,#d2ad65 48%,#805a29 67%,#be8d42 84%,#765022 100%)!important;box-shadow:0 4px 0 rgba(73,49,19,.18),0 13px 26px rgba(52,66,52,.17)!important;overflow:visible!important;transform-origin:center bottom;transition:transform .25s ease,box-shadow .25s ease!important}
.certificate-wall-card:before{content:"";position:absolute;inset:8px;z-index:0;border:1px solid rgba(255,244,199,.58);pointer-events:none}
.certificate-wall-card:hover,.certificate-wall-card:focus-visible{border-color:#704b1d!important;box-shadow:0 5px 0 rgba(73,49,19,.2),0 20px 34px rgba(45,79,51,.23)!important;outline:3px solid rgba(47,154,76,.22)!important;outline-offset:5px;transform:translateY(-7px)!important}
.certificate-wall-media{position:relative;z-index:1;aspect-ratio:auto!important;height:350px;padding:17px!important;border:1px solid #e1dbc9;background:#fffdf8!important;box-shadow:inset 0 0 0 7px #f1eee4;overflow:hidden}
.certificate-wall-media img{width:100%!important;height:100%!important;object-fit:contain!important;transform:none!important;filter:none}
.certificate-wall-card:hover .certificate-wall-media img,.certificate-wall-card:focus-visible .certificate-wall-media img{transform:none!important}
.certificate-wall-body{position:relative;z-index:1;display:flex!important;flex:1 1 auto;flex-direction:column;align-items:center;justify-content:center;gap:7px!important;min-height:90px;padding:15px 10px 11px!important;text-align:center;background:#fffdf8}
.certificate-wall-body .xmdsite-card-meta{justify-content:center;margin:0}
.certificate-wall-body .xmdsite-card-meta span{display:inline-flex;align-items:center;min-height:24px;padding:2px 11px;border-radius:999px;color:#287e40;background:#eaf4e9;font-size:12px;font-weight:700}
.certificate-wall-body .xmdsite-card-title{margin:0;color:#344239;font-size:16px;line-height:1.45}

@media (max-width:1100px){
  .certificate-wall-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:30px!important}
  .certificate-wall-media{height:410px}
}
@media (max-width:640px){
  .certificate-wall-section{padding:28px 24px;border-radius:16px}
  .certificate-wall-section:before{inset:11px}
  .certificate-wall-grid{grid-template-columns:1fr!important;gap:28px!important}
  .certificate-wall-card{width:min(100%,370px);margin:0 auto}
  .certificate-wall-media{height:430px;padding:14px!important}
  .certificate-wall-body{min-height:82px}
}
@media (max-width:420px){
  .certificate-wall-section{padding:23px 18px}
  .certificate-wall-media{height:390px}
}
@media (prefers-reduced-motion:reduce){
  .certificate-wall-card{transition:none!important}
}

@media (min-width:841px){.agri-scope-card img{bottom:28px}}

.agri-round-icon{width:32px;height:32px;margin-bottom:13px;border-width:1.5px;font-size:12px}

@media (min-width:1101px){
  .xfood-head-inner{width:min(1540px,82vw)}
  .agri-home{--wrap:1540px}
  .agri-wrap{width:min(var(--wrap),82vw)}
  .agri-panel{width:min(1460px,76vw)}
  .agri-heading{gap:17px}
  .agri-heading .agri-number{font-size:48px}
  .agri-heading h2{font-size:33px}
  .agri-heading p{font-size:11px}
  .agri-heading-compact{padding:32px 24px 14px}
  .agri-scope-grid{padding:0 58px 42px}
  .agri-scope-card{min-height:380px;padding:8px 36px 34px}
  .agri-scope-card h3{font-size:21px}
  .agri-scope-card img{left:24px;width:62%;height:150px}
  .agri-scope-card>a{right:30px;bottom:30px}
  .agri-scope-band{right:-36px;left:-36px;height:70px}
  .agri-products{padding-top:155px;padding-bottom:175px}
  .agri-category-row{max-width:1180px;gap:18px;margin-top:42px;margin-bottom:46px}
  .agri-category-row a{min-width:150px;padding:17px 16px}
  .agri-category-row span{font-size:16px}
  .agri-product-grid{width:min(1320px,72vw);gap:32px}
  .agri-product-card{min-height:310px;padding:17px 17px 52px}
  .agri-product-card>img,.agri-product-placeholder{height:225px}
  .agri-product-card>div{right:17px;bottom:14px;left:17px}
  .agri-product-card strong{font-size:14px}
  .agri-product-card div span{font-size:10px}
  .agri-advantages{padding-top:110px;padding-bottom:75px}
  .agri-adv-title{margin-bottom:36px}
  .agri-adv-title h2{font-size:42px}
  .agri-adv-card{min-height:520px}
  .agri-adv-copy{padding:72px 70px 90px}
  .agri-adv-copy h3{font-size:35px}
  .agri-adv-copy>p{font-size:15px}
  .agri-adv-media{margin:-35px -30px 32px 0}
  .agri-cases{padding-top:110px;padding-bottom:175px}
  .agri-case-feature{gap:60px;margin-top:48px;margin-bottom:34px}
  .agri-case-main{height:405px}
  .agri-case-copy h3{font-size:36px}
  .agri-case-copy p,.agri-case-description{font-size:15px}
  .agri-case-strip{gap:28px}
  .agri-case-strip a{height:175px}
  .agri-case-strip span{font-size:10px}
  .agri-about{grid-template-columns:55% 45%;min-height:700px;padding-top:90px;padding-bottom:70px}
  .agri-about-media{height:545px}
  .agri-about-copy{max-width:720px;padding-right:70px;padding-left:30px}
  .agri-about-copy h3{font-size:34px}
  .agri-about-copy>p,.agri-about-rich{font-size:14px}
  .agri-news{padding-top:110px;padding-bottom:120px}
  .agri-news-grid{gap:30px;margin-top:48px}
  .agri-news-media{height:225px}
  .agri-news-card>div{min-height:205px;padding:24px 24px 28px}
  .agri-news-card h3{font-size:19px}
  .agri-contact-card{min-height:260px;padding:55px 90px}
  .agri-contact-card h2{font-size:38px}
  .agri-footer-main{width:min(1540px,82vw)}
}

/* 手机端焦点轮播图按原图比例随视口同步缩放 */
@media (max-width:768px){
  .agri-home .agri-hero{
    width:100%;
    height:39vw;
    min-height:0;
  }
  .agri-home .agri-hero-media{
    object-fit:contain;
    object-position:center;
  }
  .page-hero,
  .xmdsite-page-hero,
  .hero-images{
    --xmdsite-list-hero-height:39vw!important;
    height:39vw!important;
    min-height:0!important;
  }
  .page-hero .hero-media,
  .page-hero .hero-image-list,
  .page-hero .hero-slide,
  .page-hero .hero-image-item,
  .page-hero .hero-image-link,
  .page-hero .hero-media-content,
  .page-hero .hero-file,
  .xmdsite-page-hero .xmdsite-hero-media,
  .xmdsite-page-hero .xmdsite-hero-image-list,
  .xmdsite-page-hero .xmdsite-hero-slide,
  .xmdsite-page-hero .xmdsite-hero-image-item,
  .xmdsite-page-hero .xmdsite-hero-image-link,
  .xmdsite-page-hero .xmdsite-hero-media-content,
  .xmdsite-page-hero .xmdsite-hero-file,
  .hero-images swiper-container,
  .hero-images swiper-slide,
  .hero-images .hero-image-item,
  .hero-images .hero-image-link,
  .hero-images .hero-media,
  .hero-images .hero-file{
    height:39vw!important;
    min-height:0!important;
    max-height:none!important;
  }
  .page-hero .hero-media-content,
  .xmdsite-page-hero .xmdsite-hero-media-content,
  .hero-images .hero-media{
    width:100%!important;
    height:39vw!important;
    object-fit:contain!important;
    object-position:center!important;
  }
  .agri-home .agri-hero swiper-container{
    --swiper-navigation-size:12px;
  }
  .agri-home .agri-hero swiper-container::part(button-prev),
  .agri-home .agri-hero swiper-container::part(button-next){
    width:30px;
    height:30px;
  }
  .agri-home .agri-hero swiper-container::part(pagination){
    bottom:10px;
  }
}

/* 公共页脚品牌与联系信息 */
.agri-footer .agri-footer-main{
  grid-template-columns:minmax(210px,.9fr) minmax(340px,1.45fr) minmax(220px,1fr) 210px;
  align-items:start;
  gap:44px;
  padding-bottom:55px;
}
.agri-footer-identity{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:16px;
}
.agri-footer .agri-footer-logo{
  display:block;
  width:auto;
  max-width:220px;
  max-height:70px;
  object-fit:contain;
  object-position:left center;
}
.agri-footer-brand p{
  margin-top:18px;
  font-size:13px;
  line-height:1.8;
}
.agri-footer-contact-info{
  display:grid;
  gap:12px;
  margin:0;
  padding:4px 0 4px 30px;
  border-left:1px solid rgba(255,255,255,.16);
  color:rgba(255,255,255,.76);
  font-size:14px;
  font-style:normal;
  line-height:1.75;
}
.agri-footer-contact-title{
  margin-bottom:3px;
  color:#fff;
  font-size:18px;
  line-height:1.4;
}
.agri-footer-contact-row{
  display:grid;
  grid-template-columns:76px minmax(0,1fr);
  align-items:start;
}
.agri-footer-contact-row>span:first-child{
  color:rgba(255,255,255,.55);
  white-space:nowrap;
}
.agri-footer-email,
.agri-footer-addresses{
  min-width:0;
  color:rgba(255,255,255,.9)!important;
}
.agri-footer-email{
  overflow-wrap:anywhere;
}
.agri-footer-email:hover,
.agri-footer-email:focus-visible{
  color:#f1b31f!important;
  outline:none;
  text-decoration:underline;
  text-underline-offset:3px;
}
.agri-footer-addresses{
  display:flex;
  flex-direction:column;
  gap:3px;
}
.agri-footer .agri-footer-nav{
  align-content:start;
  justify-content:flex-start;
  gap:18px 24px;
  padding-top:8px;
}
.agri-footer .agri-footer-nav a{
  font-size:14px;
}
.agri-footer .agri-footer-qr{
  display:block;
  min-width:190px;
}

@media (max-width:1400px) and (min-width:841px){
  .agri-footer .agri-footer-main{
    width:min(100% - 48px,1080px);
    grid-template-columns:minmax(190px,.8fr) minmax(330px,1.4fr) 190px;
    gap:34px;
  }
  .agri-footer .agri-footer-nav{
    grid-column:1 / 3;
    justify-content:flex-start;
    padding-top:0;
  }
  .agri-footer .agri-footer-qr{
    grid-column:3;
    grid-row:1 / 3;
  }
}

@media (max-width:840px){
  .agri-footer{
    padding-top:52px;
  }
  .agri-footer .agri-footer-main{
    width:calc(100% - 36px);
    grid-template-columns:1fr;
    gap:28px;
    padding-bottom:38px;
    text-align:left;
  }
  .agri-footer-identity{
    align-items:center;
    text-align:center;
  }
  .agri-footer-brand p{
    max-width:none;
    margin-right:auto;
    margin-left:auto;
    text-align:center;
  }
  .agri-footer-contact-info{
    width:min(100%,560px);
    margin:0 auto;
    padding:24px 0 0;
    border-top:1px solid rgba(255,255,255,.16);
    border-left:0;
  }
  .agri-footer .agri-footer-nav{
    justify-content:center;
    padding-top:4px;
  }
  .agri-footer .agri-footer-qr{
    min-width:0;
    margin:0 auto;
  }
  .agri-footer .agri-footer-qr img{
    width:170px;
    height:170px;
  }
}

@media (max-width:480px){
  .agri-footer .agri-footer-logo{
    max-width:190px;
    max-height:62px;
  }
  .agri-footer-contact-info{
    font-size:13px;
  }
  .agri-footer-contact-row{
    grid-template-columns:70px minmax(0,1fr);
  }
  .agri-footer .agri-footer-nav{
    gap:14px 18px;
  }
  .agri-footer .agri-footer-nav a{
    font-size:13px;
  }
}