/* 全屏菜单页面 */
.menuMain {position: relative;width: 100%;height: 100vh;overflow: hidden;color: #fff;background: url(../images/menu-bg.webp) no-repeat center center;background-size: cover;transition: opacity 0.6s ease, visibility 0.6s ease;}
.menuMain-inner {position: relative;z-index: 2;display: flex;width: 100%;height: 100%;}

/* ===== 入口导航页预加载 ===== */
.menu-preload {position: fixed;inset: 0;z-index: 9999;display: flex;align-items: center;justify-content: center;background: #000;transition: opacity 0.65s ease, visibility 0.65s ease;}
.menu-preload.is-hide {opacity: 0;visibility: hidden;pointer-events: none;}
.menu-preload-box {position: relative;width: min(3.6rem, 56vw);height: min(3.6rem, 56vw);display: flex;align-items: center;justify-content: center;}
.menu-preload-glow {position: absolute;left: 50%;top: 50%;width: 120%;height: 120%;transform: translate(-50%, -50%);border-radius: 50%;background: radial-gradient(circle, rgba(70, 110, 220, 0.28) 0%, rgba(40, 70, 160, 0.1) 42%, rgba(0, 0, 0, 0) 70%);pointer-events: none;}
/* SVG 镂空：只在环形条形处透出后面的背景图 */
.menu-preload-ring {position: absolute;width: 160%;height: 160%;left: 50%; transform: translate(-50%, -50%);top: 50%; overflow: hidden;-webkit-mask: url(../images/loading.svg) center / contain no-repeat;mask: url(../images/loading.svg) center / contain no-repeat;animation: menuPreloadSpin 8s linear infinite;will-change: transform;}
.menu-preload-ring::before {content: "";position: absolute;left: 50%;top: 50%;width: 100vw;height: 100vh;transform: translate(-50%, -50%);background: url(../images/menu-bg.webp) center center / cover no-repeat;animation: menuPreloadSpinReverse 8s linear infinite;will-change: transform;}
.menu-preload-percent {position: relative;z-index: 2;display: flex;align-items: baseline;justify-content: center;color: #fff;font-family: "CKTKingkong", sans-serif;font-weight: normal;font-size: .68rem;letter-spacing: 0.04em;line-height: 1;text-shadow: 0 0 12px rgba(120, 160, 255, 0.35);user-select: none;}
.menu-preload-num {min-width: 1.6em;text-align: right;}
.menu-preload-unit {margin-left: 0.02em;}
@keyframes menuPreloadSpin {
  0% {transform: translate(-50%, -50%) rotate(0deg);}
  100% {transform: translate(-50%, -50%) rotate(360deg);}
}
@keyframes menuPreloadSpinReverse {
  0% {transform: translate(-50%, -50%) rotate(0deg);}
  100% {transform: translate(-50%, -50%) rotate(-360deg);}
}
@media (max-width: 767px) {
  .menu-preload-ring {width: 150%;height: 150%;}
  .menu-preload-box {width: 4.2rem;height: 4.2rem;}
}

/* 左侧导航 */
.menu-side {position: relative;flex-shrink: 0;width: 25%;height: 100%;display: flex;flex-direction: column;justify-content: flex-start; align-items: flex-end; padding: 0.6rem .9rem 0.5rem 0.7rem; padding-top: 1.5rem; border-right: 1px solid rgba(255, 255, 255, 0.28);box-sizing: border-box;}
.menu-nav {display: flex;flex-direction: column;align-items: flex-start;gap: 0.18rem; padding-bottom: 1rem;}
.menu-nav-arrow {display: flex;align-items: center;justify-content: center;padding: 0;background: none;border: 0; transform: translateX(-30%); color: rgba(255, 255, 255, 0.55);font-size: 0.28rem;line-height: 1;cursor: pointer;transition: color 0.35s, opacity 0.35s;}
.menu-nav-arrow:hover {color: #fff;}
.menu-nav-list {display: flex;flex-direction: column;gap: 0.3rem;}
.menu-nav-list li {display: flex;align-items: center;gap: 0.5rem;cursor: pointer;color: rgba(255, 255, 255, 0.5);transition: color 0.35s;}
.menu-nav-list li a {color: rgba(255, 255, 255, 0.5);}
.menu-nav-list li i {flex-shrink: 0;width: 0.08rem;height: 0.08rem; min-height: 6px; min-width: 6px; border-radius: 50%;background: rgba(255, 255, 255, 0.5);transition: all 0.35s;}
.menu-nav-list li span {transition: color 0.35s, font-weight 0.35s;}
.menu-nav-list li.on a,
.menu-nav-list li:hover a {color: #fff;}
.menu-nav-list li.on i,
.menu-nav-list li:hover i {background: #fff;box-shadow: 0 0 0.12rem rgba(255, 255, 255, 0.55);}
.menu-nav-list li.on a {font-weight: 600;}
/* <992：导航链接不可点击跳转（事件落到 li，由 JS 切换 slide） */
@media (max-width: 991.98px) {
  .menu-nav-list li a {pointer-events: none;}
}

/* 左下角文案 */
.menu-foot {position: absolute;left: 0.7rem;right: 0.3rem;bottom: 0.45rem;}
.menu-slogan {color: #fff;font-size: var(--font32);font-weight: 700;line-height: 1.35;}
.menu-copy {color: #999;font-size: var(--font14);line-height: 1.5;}
/* 右侧内容 */
.menu-content {position: relative;flex: 1;height: 100%;min-width: 0;}
.menuSwiper {width: 100%;height: 100%;}
.menuSwiper .swiper-slide {height: 100%;}
.menu-slide {height: 100%; padding: .5rem; padding-top: 2rem; padding-left: .65rem;}
.menu-tit {color: #fff;font-size: var(--font54);font-weight: 700;line-height: 1.25;}
.menu-etit {color: rgba(210, 220, 235, 0.5);font-weight: 400;text-transform: uppercase;line-height: 1.4;}
.menu-desc {margin-top: 0.3rem;max-width: 8.2rem;}
.menu-desc p {color: rgba(255, 255, 255, 0.92);font-size: var(--font16);line-height: 1.8;text-align: justify;}
.menu-slide .more {margin-top: 1rem;}
.menu-more {position: relative;}
.menu-more::before {content: '';position: absolute;left: 0;top: 50%;transform: translate(0, -50%);flex-shrink: 0;width: .66rem;height: .66rem; min-height: 45px; min-width: 45px;   border-radius: 50%;background: #8cc63f;transition: .5s;}
.menu-more-txt {position: relative;z-index: 1;padding: 0 .3rem;display: inline-flex;color: #fff;align-items: center;;gap: .15rem; transition: .5s;}
.menu-more-txt i {font-size: var(--font20);font-weight: 500;}
@media (any-hover: hover) {
  .menu-more:hover::before {left: 0;width: 100%;  border-radius: 100px;}
  .menu-more:hover .menu-more-txt {color: #fff !important;}
}
/* 底部 logo */
.menu-logo {position: absolute;left: .65rem;bottom: 0.5rem;z-index: 3;pointer-events: none;}
.menu-logo img {display: block;height: 0.52rem;width: auto;object-fit: contain;}


/* =================头部 start!!!=================== */
#c-placeholder {}
header {}
.headBox {transition: .5s; position: fixed; width: 100%; top: 0; left: 0; z-index: 99;  border-bottom: 1px solid rgba(255, 255, 255,.2);}
.headBox .inner {gap: .2rem; height: 1rem;}
.headBox .logo {padding:.1rem 0;height: 100%;}
.headBox .logo img {max-width: 100%; height: .50rem; max-height: 100%; object-fit: contain;    filter: brightness(0) invert(1); transition: .5s;}
.headBox .le {height: 100%; flex-shrink: 0; width: auto;}
.headBox .le .logo a {height: 100%; display: flex; align-items: center;}
.headBox .re {height: 100%;gap: .15rem; display: inline-flex; align-items: center;}

/* 导航 */
nav {height: 100%;width: 54%;}
nav > ul {display: flex; height: 100%; align-items: center;justify-content: space-between;}
nav > ul > li {height: 100%; display: flex; align-items: center;}
nav > ul > li > a {height: 100%; gap: 5px; display: flex; align-items: center; color: #fff; transition: all 0.4s; position: relative;}
nav > ul > li > a span {transition: .3s; height: 100%; display: flex; align-items: center; position: relative;z-index: 1;}
nav > ul > li > a span::after {content: ''; z-index: -1;  position: absolute; left: 50%; transform: translateX(-50%) translateY(50%) scale(0);  width: .15rem; height: .15rem; border-radius: 50%; background: #85C02E;  transition: .5s; }
nav > ul > li.on > a {font-weight: 700;}
nav > ul > li.on > a span::after { width: 100%; transform: translateX(-50%) translateY(50%) scale(1);}
@media (any-hover: hover) {
  nav > ul > li:hover > a span {font-weight: 700;}
  nav > ul > li:hover a span::after { width: 100%; transform: translateX(-50%) translateY(50%) scale(1);}
}

/* 二级导航 mega-menu */
/* nav > ul > li.has-dropdown {position: static;} */
.navTwo {display: none; position: absolute; left: 0; top: 100%; width: 100%;  z-index: 98; border-top: 1px solid rgba(0, 30, 98, 0.12); }
.navTwo-inner {}
.navTwo-box {padding: .65rem; padding-left: .75rem; gap: 1rem;background: #fff;box-shadow: 0px 6px 9px 0px rgba(48,48,48,0.03);}
/* 左侧菜单 */
.navTwo-menu {flex-shrink: 0; width: 2.5rem; display: flex; flex-direction: column; gap: 0.3rem;}
.navTwo-menu li a {display: flex; align-items: center; gap: 0.25rem; color: #333; font-size: var(--font16); line-height: 1.4; transition: color 0.35s;}
.navTwo-menu li a i {flex-shrink: 0; width: 0.08rem; height: 0.08rem; min-width: 6px; min-height: 6px; border-radius: 50%; background: #D9D9D9; transition: background 0.35s, box-shadow 0.35s;}
.navTwo-menu li a span {transition: color 0.35s, font-weight 0.35s;}
.navTwo-menu li.on a,
.navTwo-menu li:hover a {color: #85C02E;}
.navTwo-menu li.on a i,
.navTwo-menu li:hover a i {background: #85C02E;}
.navTwo-menu li.on a span {font-weight: 600;}
/* 右侧内容 */
.navTwo-main {flex: 1; min-width: 0; position: relative;}
.navTwo-panel {display: none; align-items: center; gap: 0.8rem; width: 100%;}
.navTwo-panel.on {display: flex; animation: fadeIn 0.3s ease-in-out;}
.navTwo-pic {flex: 1; min-width: 0; width: 50%;}
.navTwo-pic .imgBox {width: 100%; aspect-ratio: 16 / 10; background: #f5f5f5; overflow: hidden;}
.navTwo-pic .imgBox img {display: block; width: 100%; height: 100%; object-fit: cover;}
.navTwo-info { flex: 1; min-width: 0;}
.navTwo-tit {color: #85C02E; font-size: var(--font48); font-weight: 700; line-height: 1.3;}
.navTwo-desc {margin-top: 0.2rem; color: #666; font-size: var(--font24); line-height: 1.7;}
.navTwo-info .more {margin-top: .6rem;}
.navTwo-info .more .menu-more-txt  {position: relative; color: #333;}


.head_search > a {width: .5rem; height: .5rem; background: #F2F2F2;border-radius: 5px;transition: .5s;}
.head_search > a i {color: #85C02E;}
@media (any-hover: hover) {
  .head_search > a:hover {background: #85C02E; color: #fff;}
  .head_search > a:hover i {color: #fff;}
}
/* 搜索 */
.head_search {cursor: pointer; position: relative;}
.search-dropdown {position: absolute;top: 110%;right: 0;width: 3.5rem;background: #fff;box-shadow: 0 .1rem .3rem rgba(0, 0, 0, 0.1);padding: .2rem;border-radius: .1rem;margin-top: .15rem;opacity: 0;visibility: hidden;transform: translateX(3%);transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);z-index: 100;}
.search-dropdown.active {opacity: 1;visibility: visible;}
/* 小三角 */
.search-dropdown::before {content: "";position: absolute;bottom: 100%;right: .25rem;border-width: .1rem;border-style: solid;border-color: transparent transparent #fff transparent;}
.search-dropdown .search-form {display: flex;align-items: center;background: #f5f5f5;border-radius: .5rem;padding: .05rem .15rem;border: 1px solid transparent;transition: all 0.3s;width: 100%;}
.search-dropdown .search-form:focus-within {background: #fff;border-color: #85C02E;box-shadow: 0 0 .1rem rgba(102, 45, 145, 0.1);}
.search-dropdown .search-input {flex: 1;border: none;background: transparent;padding: .1rem;font-size: var(--font14);color: #333;outline: none;}
.search-dropdown .search-submit {background: transparent;border: none;color: #85C02E;font-size: var(--font18);cursor: pointer;display: flex;align-items: center;justify-content: center;transition: transform 0.3s;}
.search-dropdown .search-submit:hover {transform: scale(1.1);}
@media screen and (max-width: 767px) {
  .search-dropdown {position: fixed;top: 1.2rem; left: 5%;right: 5%;width: 90%;margin-top: 0;   transform: translateX(0%);}
  .search-dropdown::before {display: none;}
  
}

header.c-style2 {}
header.c-style2 .headBox {box-shadow: 0px 6px 6px 0px rgba(5,26,157,0.07);background: #fff; border-color: rgba(0, 0, 0, 0.06);}
header.c-style2 .headBox .logo img {filter: none;}
header.c-style2 nav > ul > li > a {color: #333;}
/* header.c-style2 nav > ul > li.on > a,
header.c-style2 nav > ul > li.on > a span {color: #fff;} */
header.c-style2 .mobmenu dl dd {background: #333;}
#c-placeholder {height: 1rem;}

/* header.c-style3 {background: #fff;}
header.c-style3 .headBox {border-color: rgba(222, 222, 222,.8);background: #fff;}
header.c-style3 .headBox .logo img {filter: none;}
header.c-style3 nav > ul > li > a {color: #333;}
header.c-style3 nav > ul > li.on > a {color: #85C02E;}
header.c-style3 nav > ul > li > a span::after {background: #85C02E;} */

/* =================头部 end!!!=================== */



/* ===============公用css star!!!!===================*/
.more1 {display: inline-flex; border-radius: 6px; background: #85C02E; color: #fff;  padding: .25rem .64rem;   transition: .5s;}
.more2 {display: inline-flex; border-radius: 100px; background: #001e62; color: #fff;  padding: .15rem .24rem;   transition: .5s;}
.more2 i {font-size: var(--font14); margin-left: .1rem; font-weight: 600; transform: rotate(145deg); display: inline-block; transition: .5s;}
@media (any-hover: hover) {
  .more1:hover {background: #85C02E; box-shadow: 0 0 0 .1rem rgba(0, 15, 132,.2);}
}

.indexTitle .etit {display: block; color: #999; font-size: var(--font16); line-height: 1.4;}
.indexTitle .tit { color: #85C02E; font-size: var(--font48); font-weight: 700; line-height: 1.3;}

/* ===============公用css end!!!!===================*/


/* ======首页======= */
.indexSwiper {height: 100vh;position: relative;overflow: hidden;}
.indexSwiper >.swiper-wrapper >.home-slide {height: 100%; position: relative; overflow: hidden; z-index: 2;}
.indexSwiper >.swiper-wrapper >.home-slide >.bjBox {height: 100%;position: absolute; width: 100%;left: 0;top: 0; z-index: -1;}
.indexSwiper >.swiper-wrapper >.home-slide >.bjBox > img ,.indexSwiper .swiper-wrapper >.home-slide .bjBox video {width: 100%; height: 100%; object-fit: cover; display: block;}
/* 控件 */
.indexpagtion {right: 1% !important; left: auto;}
.indexpagtion span {margin: .15rem!important; width: .12rem; height: .13rem;  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); opacity: 1; background: #fff; background-size: contain; transition: .35s;}
.indexpagtion .swiper-pagination-bullet-active { background: #85C02E;}
.indexSwiper.is-light .indexpagtion span {background: #d6d6d6;}
.indexSwiper.is-light .indexpagtion .swiper-pagination-bullet-active {background: #85C02E;}

/* 第一屏 */
.indexBanner {position: relative; overflow: hidden; }
.indexBanner .swiper,
.indexBanner .swiper-wrapper,
.indexBanner .slide {height: 100%;}
.indexBanner .swiper {position: relative;}
.indexBanner .slide {overflow: hidden;}
.indexBanner .slide .imgBox video{display: block; width: 100%; height: 100%;  }
.indexBanner .slide .imgBox img {display: block; width: 100%; height: 100%; object-fit: cover; object-position: center center; transition: 1s linear 2s;transform: scale(1.1, 1.1);}
/* 当前 */
.indexBanner .swiper-slide-active .imgBox img, .indexBanner .swiper-slide-duplicate-active .imgBox img {transition: 6s linear;transform: scale(1, 1);}
.indexBanner .slide .box {position: relative; z-index: 2; width: 100%; height: 100%;}
.indexBanner .slide.slide1 .p2 {font-size: .58rem; color: #fff; font-weight: 700;}
.indexBanner .slide.slide1 .more {margin-top: .7rem;}
/* 切换按钮 + 进度分页器 */
.indexBanner .banner-ctrl {position: absolute; left: 50%; bottom: 0.55rem; z-index: 10; display: flex; align-items: center; gap: 0.15rem; transform: translateX(-50%); pointer-events: none;}
.indexBanner .banner-ctrl .banner-prev,
.indexBanner .banner-ctrl .banner-next {position: static; width: auto; height: auto; margin: 0; padding: 0; background: none; color: #fff; font-size: var(--font28); line-height: 1; cursor: pointer; pointer-events: auto; transition: opacity 0.35s;}
.indexBanner .banner-ctrl .banner-prev::after,
.indexBanner .banner-ctrl .banner-next::after {display: none;}
.indexBanner .banner-ctrl .banner-prev:hover,
.indexBanner .banner-ctrl .banner-next:hover {opacity: 0.7;}
.indexBanner .banner-ctrl .banner-prev.swiper-button-disabled,
.indexBanner .banner-ctrl .banner-next.swiper-button-disabled {opacity: 0.35; cursor: default;}
.indexBanner .banner-pagtion {display: flex; align-items: center; gap: 0.14rem; pointer-events: none;}
.indexBanner .banner-pagtion .cur,
.indexBanner .banner-pagtion .total {min-width: 0.28rem; font-size: var(--font16); line-height: 1;  font-variant-numeric: tabular-nums; text-align: center;}
.indexBanner .banner-pagtion .cur {color: #fff; font-weight: 700;}
.indexBanner .banner-pagtion .total {color: rgba(255, 255, 255, 0.4); font-weight: 400;}
.indexBanner .banner-pagtion .progress {position: relative; width: 2rem; height: 1px; background: rgba(255, 255, 255, 0.35);}
.indexBanner .banner-pagtion .progress i {position: absolute; left: 0; top: 50%; display: block; width: 0; height: 2px; background: #fff; transform: translateY(-50%); transition: width 0.45s ease;}

/* 第二屏 关于我们 */
.indexOne {background: #F2F2F2;}
.indexOne-box {position: relative; display: flex; flex-direction: column; height: 100%;}
.indexOne .indexTitle {position: absolute; left: 0; top: 1.4rem; z-index: 3; width: 100%;}
.indexOne-list {display: flex; height: 100%;}
.indexOne-item {position: relative; flex: 1; min-width: 0; background: #F2F2F2; transition: background-color 0.4s ease;}
.indexOne-item .item-inner {display: flex; flex-direction: column; align-items: center; justify-content: flex-start; height: 100%; padding: 3rem 0; padding-bottom: 1.5rem; box-sizing: border-box; text-align: center;}
.indexOne-item .item-top {position: relative; display: flex; flex-direction: column; align-items: center; width: 100%;}
.indexOne-item .item-top .logo {display: flex; align-items: center; justify-content: center; height: 0.85rem;}
.indexOne-item .item-top .logo img {display: block; max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain;}
.indexOne-item .item-line {display: block; width: 0.4rem; height: 2px; margin-top: 0.32rem; background: #85C02E; transition: width 0.4s ease;}
/* 左右卡片：校徽下方灰线 + 居中绿色短线 */
.indexOne-item .item-top {padding-bottom: 0.6rem; border-bottom: 1px solid rgba(214, 214, 214,.5);}
.indexOne-item .item-line {position: absolute; left: 50%; bottom: 0; margin-top: 0; transform: translate(-50%, 50%);}
.indexOne-item .item-body {display: flex; flex-direction: column; align-items: center; margin-top: 0.6rem; padding: 0 1rem;}
.indexOne-item .item-body .lab {display: flex; align-items: center; justify-content: center; min-height: 0.7rem;}
.indexOne-item .item-body .lab img {display: block; max-width: 2.6rem; max-height: 0.85rem; width: auto; height: auto; object-fit: contain; mix-blend-mode: multiply;}
.indexOne-item .item-body .name {color: #222; font-size: var(--font22); font-weight: 700; line-height: 1.45;}
.indexOne-item .item-body .desc {margin-top: 0.3rem; color: #666; font-size: var(--font14);}
.indexOne-item .item-body .more {position: absolute; left: 50%; bottom: 0.5rem; transform: translateX(-50%); opacity: 0; visibility: hidden;  transition: opacity 0.4s ease, bottom 0.4s ease, visibility 0.4s;}
.indexOne-item .item-body .more .menu-more-txt {color: #333;}
.indexOne-item .item-tags {position: absolute; left: 0; right: 0; bottom: 0.25rem; display: flex; align-items: center; justify-content: center; gap: 0.2rem;}
.indexOne-item .item-tags span {color: #BABABA; font-size: var(--font14); line-height: 1.4;}
@media (any-hover: hover) {
  .indexOne-item:hover {background: #fff;}
  .indexOne-item:hover .item-top {border-color: transparent;}
  .indexOne-item:hover .item-line {width: 0;}
  .indexOne-item:hover .item-body .more {opacity: 1; visibility: visible; bottom: 1rem;}
}

/* 第三屏 技术支持 */
.indexTwo {background: #e8f2fb;}
/* 背景图 1920×960（2:1），与 object-fit:cover 同步，保证定位点贴合地图 */
.indexTwo-stage {position: absolute; left: 50%; top: 50%; z-index: 0; width: max(100%, calc(100vh * 2)); height: max(100%, calc(100vw / 2)); transform: translate(-50%, -50%); pointer-events: none;}
.indexTwo-stage .indexTwo-bg {display: block; width: 100%; height: 100%; object-fit: fill;}
.indexTwo-pins {position: absolute; inset: 0; z-index: 1;}
.indexTwo-pins .map-pin {position: absolute; z-index: 1; width: 0.18rem; height: 0.22rem; transform: translate(-50%, -42%);}
/* 中间圆孔透明镂空（evenodd），非白色填充 */
.indexTwo-pins .map-pin > i {display: block; width: 100%; height: 100%; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 32'%3E%3Cpath fill='%234B9FD9' fill-rule='evenodd' d='M12 0C5.373 0 0 5.373 0 12c0 8.284 10.119 18.667 10.95 19.536a1.5 1.5 0 0 0 2.1 0C13.881 30.667 24 20.284 24 12 24 5.373 18.627 0 12 0zm0 7.5a4.5 4.5 0 1 0 0 9 4.5 4.5 0 0 0 0-9z'/%3E%3C/svg%3E") no-repeat center / contain; filter: drop-shadow(0 2px 3px rgba(30, 90, 140, 0.25));}
.indexTwo-pins .map-pin--logo {z-index: 2; width: 0.28rem; height: 0.34rem;}
.indexTwo-pins .map-pin--logo > i {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 32'%3E%3Cpath fill='%231E6FA8' fill-rule='evenodd' d='M12 0C5.373 0 0 5.373 0 12c0 8.284 10.119 18.667 10.95 19.536a1.5 1.5 0 0 0 2.1 0C13.881 30.667 24 20.284 24 12 24 5.373 18.627 0 12 0zm0 7.5a4.5 4.5 0 1 0 0 9 4.5 4.5 0 0 0 0-9z'/%3E%3C/svg%3E");}
.indexTwo-pins .map-pin--logo .pin-logo {position: absolute; left: 50%; top: calc(100% + 0.1rem); z-index: 2; display: flex; align-items: center; justify-content: center; padding: 0.15rem 0.3rem; background: #fff; border-radius: 0.06rem; box-shadow: 0 0.04rem 0.16rem rgba(30, 80, 130, 0.12); transform: translateX(-50%); white-space: nowrap;}
.indexTwo-pins .map-pin--logo .pin-logo img {display: block; height: 0.25rem; width: auto; object-fit: contain;}
.indexTwo-box {position: relative; z-index: 2; height: 100%; pointer-events: none;}
.indexTwo-box .container {position: relative; height: 100%; padding-top: 1.5rem;}
.indexTwo-box .indexTitle {}
.indexTwo-card {margin-top: .6rem; position: relative; z-index: 3; display: flex; flex-direction: column; gap: 0.5rem; width: 6.35rem; max-width: 100%; padding: 0.5rem 0.55rem 0.55rem; background: rgba(255, 255, 255, 0.8); border-radius: 0.1rem;  box-sizing: border-box; pointer-events: auto;}
.indexTwo-card .card-item .name {color: #85C02E; font-size: var(--font24); font-weight: 700; line-height: 1.35;}
.indexTwo-card .card-item .desc {margin-top: 0.15rem;}
.indexTwo-card .card-item .desc p {color: #333; font-size: var(--font16); line-height: 1.7;}

/* 第四屏 业务板块 */
.indexThre {background: #fff;}
.indexThre > .bjBox img {object-fit: cover; object-position: center center;}
.indexThre-box {position: relative; z-index: 2; height: 100%;}
.indexThre .indexTitle {position: absolute; left: 0; top: 1.4rem; z-index: 3; width: 100%; pointer-events: none;}
.indexThre-list {display: flex; height: 100%;}
.indexThre-item {position: relative; flex: 1; min-width: 0; border-right: 1px solid rgba(214, 214, 214, 0.55);}
.indexThre-item:last-child {border-right: 0;}
.indexThre-item .item-inner {display: flex; flex-direction: column; height: 100%;}
.indexThre-item .item-top {height: calc(100% - 42%); position: relative; display: flex; flex: 1; flex-direction: column; align-items: center; justify-content: flex-start; padding: 2.45rem 0.8rem 0.85rem; box-sizing: border-box; text-align: center;}
.indexThre-item .top {transform: translateY(70%); transition: transform 0.4s ease;}
.indexThre-item .icon {display: flex; align-items: center; justify-content: center; height: 0.8rem;}
.indexThre-item .icon img {display: block; max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain;}
.indexThre-item .name {margin-top: 0.32rem; color: #333; font-size: var(--font24); font-weight: 700; line-height: 1.4;}
.indexThre-item .desc {margin-top: 0.28rem; min-height: 0.75rem; color: #666; opacity: 0; visibility: hidden; transform: translateY(0.12rem); transition: opacity 0.4s ease, transform 0.4s ease, visibility 0.4s;}
.indexThre-item .item-more {position: absolute; left: 50%; bottom: 0; z-index: 2; display: flex; align-items: center; justify-content: center; width: 0.8rem; height: 0.8rem; border-radius: 50%; background: #85C02E; color: #fff; font-size: 0.28rem; line-height: 1; transform: translate(-50%, 50%); transition: transform 0.35s ease, box-shadow 0.35s ease;}
.indexThre-item .item-more i {font-size: .36rem;}
.indexThre-item .item-pic {flex-shrink: 0; height: 42%; overflow: hidden;}
.indexThre-item .item-pic img {display: block; width: 100%; height: 100%; object-fit: cover; object-position: center center; transition: transform 0.6s ease;}
@media (any-hover: hover) {
  .indexThre-item:hover .top {transform: translateY(0);}
  .indexThre-item:hover .desc {opacity: 1; visibility: visible; transform: translateY(0); transition-delay: .3s;}
  .indexThre-item:hover .item-more {transform: translate(-50%, 50%) scale(1.06) rotate(180deg); box-shadow: 0 0.06rem 0.18rem rgba(133, 192, 46, 0.35);}
  .indexThre-item:hover .item-pic img {transform: scale(1.04);}
}
@media (any-hover: none) {
  .indexThre-item .desc {opacity: 1; visibility: visible; transform: none;}
}

/* 第五屏 合作客户 */
.indexFour {background: #f4f8fc;}
.indexFour > .bjBox img {object-fit: cover; object-position: center center;}
.indexFour-box {position: relative; z-index: 2; display: flex; flex-direction: column; height: 100%;}
.indexFour-box .container {display: flex; flex-direction: column; height: 100%; padding-top: 1.5rem; padding-bottom: 0.6rem; box-sizing: border-box;}
.indexFour .indexTitle {flex-shrink: 0;}
.indexFour-main {flex: 1; min-height: 0; display: flex; align-items: center; margin-top: 0.5rem;}
.indexFour-swiper {width: 100%; height: 4.25rem; overflow: hidden;}
.indexFour-swiper .swiper-slide {opacity: 1; transition: opacity 0.45s ease; box-sizing: border-box;}
.indexFour-swiper .swiper-slide.is-fade {opacity: 0.28;}
.indexFour-row {display: grid; grid-template-columns: repeat(6, 1fr); gap: 0.24rem; height: 100%;}
.indexFour-row li {min-width: 0; height: 100%;}
.indexFour-row .logo-card {display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; padding: 0.15rem; background: #fff; border-radius: 0.06rem; box-shadow: 0 0.06rem 0.18rem rgba(0, 0, 0, 0.05); box-sizing: border-box; transition: box-shadow 0.35s ease, transform 0.35s ease;}
.indexFour-row .logo-card img {display: block; max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain;}
@media (any-hover: hover) {
  .indexFour-row .logo-card:hover {transform: translateY(-0.03rem); box-shadow: 0 0.08rem 0.22rem rgba(0, 0, 0, 0.08);}
}

/* 第六屏 新闻资讯 */
.indexFive {background: #fff;}
.indexFive > .bjBox img {object-fit: cover; object-position: center center;}
.indexFive-box {position: relative; z-index: 2; height: 100%;}
.indexFive-box .container {height: 100%; padding-top: 1.8rem; padding-bottom: 0.6rem; box-sizing: border-box;}
.indexFive-inner {display: flex; align-items: flex-start; gap: 0.5rem; height: 100%;}
.indexFive-side {flex-shrink: 0; width: 3.6rem; padding-top: .4rem; box-sizing: border-box;}
.indexFive-line {display: block; width: 0.42rem; height: 2px; margin-top: 0.8rem; background: #85C02E;}
.indexFive-sub {margin-top: 0.35rem; color: #333; font-size: var(--font24); line-height: 1.5;}
.indexFive-pag {display: flex; align-items: center; gap: 0.1rem; margin-top: 1.5rem; font-variant-numeric: tabular-nums;}
.indexFive-pag .indexFive-prev,
.indexFive-pag .indexFive-next {position: static; width: auto; height: auto; margin: 0; padding: 0; background: none; color: #999; font-size: var(--font28); line-height: 1; cursor: pointer; transition: color 0.35s;}
.indexFive-pag .indexFive-prev::after,
.indexFive-pag .indexFive-next::after {display: none;}
.indexFive-pag .indexFive-prev:hover,
.indexFive-pag .indexFive-next:hover {color: #85C02E;}
.indexFive-pag .indexFive-prev.swiper-button-disabled,
.indexFive-pag .indexFive-next.swiper-button-disabled {opacity: 0.35; cursor: default;}
.indexFive-pag .cur {min-width: 0.4rem; color: #85C02E; font-size: var(--font42); font-weight: 700; line-height: 1; text-align: center;}
.indexFive-pag .sep {color: #ccc; font-size: var(--font20); line-height: 1;}
.indexFive-pag .total {min-width: 0.32rem; color: #333; font-size: var(--font20); line-height: 1; text-align: center;}
.indexFive-side .more {margin-top: 1rem;}
.indexFive-side .more .menu-more-txt {color: #333;}
/* 右侧内容 */
.indexFive-main {flex: 1; min-width: 0;  padding: 0.08rem 0.06rem 0.2rem; box-sizing: border-box;}
.indexFive-swiper {width: 100%; height: 100%; overflow: hidden;}
.indexFive-swiper .swiper-wrapper {align-items: stretch;}
.indexFive-swiper .swiper-slide {height: auto; box-sizing: border-box;}
.indexFive-swiper .swiper-slide:last-child .news-card {border-right: 0;}
.indexFive-swiper .news-card {position: relative; z-index: 1; display: flex; flex-direction: column; height: 100%; padding: 0.35rem; padding-top: .6rem; border-radius: 8px; border-right: 1px solid #E4E4E4; background: transparent; box-sizing: border-box; transition: background-color 0.4s ease, box-shadow 0.4s ease, border-color 0.4s ease;}
.indexFive-swiper .news-card::after {content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: #85C02E; transform: scaleX(0); transform-origin: left center; transition: transform 0.4s ease;}
.indexFive-swiper .news-date {display: flex; align-items: baseline; gap: 0.12rem;}
.indexFive-swiper .news-date .day {color: #333; font-size: var(--font32); font-weight: 500; line-height: 1;}
.indexFive-swiper .news-date .ym {color: #666; font-size: var(--font16); line-height: 1.2;}
.indexFive-swiper .news-tit {margin-top: 0.7rem; color: #222; font-size: var(--font20); font-weight: 700; line-height: 1.45;}
.indexFive-swiper .news-desc {flex-shrink: 0; margin-top: 0.2rem; color: #999; font-size: var(--font14); line-height: 1.7;}
.indexFive-swiper .news-pic {flex-shrink: 0; margin-top: 0.32rem; width: 100%; aspect-ratio: 16 / 10; overflow: hidden; background: #f2f2f2;}
.indexFive-swiper .news-pic img {display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease;}
.indexFive-swiper .news-more {display: flex; align-items: center; justify-content: center; width: 0.6rem; height: 0.6rem; margin-top: 0.36rem; border: 1px solid #cfcfcf; border-radius: 50%; color: #999; box-sizing: border-box; transition: background-color 0.35s ease, border-color 0.35s ease, color 0.35s ease;}
.indexFive-swiper .news-more i {font-size: 0.22rem; line-height: 1;}
@media (any-hover: hover) {
  .indexFive-swiper .news-card:hover {z-index: 3; background: #fff; border-right-color: transparent; box-shadow: 0px 7px .3rem 0px rgba(196,220,241,0.88);}
  .indexFive-swiper .news-card:hover::after {transform: scaleX(1);}
  .indexFive-swiper .news-card:hover .news-pic img {transform: scale(1.04);}
  .indexFive-swiper .news-card:hover .news-more {background: #85C02E; border-color: #85C02E; color: #fff;}
}


/* ================= Footer ================= */
.footer-slide {height: 100% !important;}
.footer {position: relative; display: flex; flex-direction: column; width: 100%; min-height: 100vh; color: #fff; background: #0a0e1a url(../images/footer-bg.webp) no-repeat center center; background-size: cover;}
.footer-main {position: relative; z-index: 1; flex: 1; width: 100%; padding: 1.4rem 0 0.8rem; box-sizing: border-box;}
.footer-main .container {display: flex; flex-direction: column; align-items: center;}
.footer-brand {display: flex; align-items: center; justify-content: center;}
.footer-brand img {display: block; width: 4.6rem; max-width: 100%; height: auto; object-fit: contain;}
.footer-line {display: block; width: 100%; height: 1px; margin: 1rem 0 0; background: rgba(255, 255, 255, 0.2);}
.footer-nav {width: 100%; justify-content: space-between; flex-wrap: wrap; gap: 0.2rem; margin-top: 0.45rem; padding: 0 1rem;}
.footer-nav a {color: #BABABA; font-size: var(--font24); line-height: 1.4; letter-spacing: 0.02em; white-space: nowrap; transition: color 0.35s, opacity 0.35s;}
@media (any-hover: hover) {
  .footer-nav a:hover {color: #85C02E;}
}
.footer-bar {position: relative; z-index: 2; flex-shrink: 0; width: 100%; }
.footer-bar-inner {gap: 0.3rem 0.4rem; min-height: 0.7rem; padding: 0.18rem 0; box-sizing: border-box; color: rgba(255, 255, 255, 0.85); font-size: var(--font14); line-height: 1.4;}
.footer-contact {gap: 0.25rem 0.55rem; flex-wrap: wrap; flex-shrink: 0;}
.footer-contact a,
.footer-contact > span {gap: 0.08rem; color: rgba(255, 255, 255, 0.85); transition: color 0.35s;}
.footer-contact i {font-size: 0.18rem; line-height: 1; color: rgba(255, 255, 255, 0.9);}
@media (any-hover: hover) {
  .footer-contact a:hover {color: #85C02E;}
}
.footer-copy {gap: 0.35rem; row-gap: .1rem; flex-wrap: wrap; justify-content: center; min-width: 0; text-align: center;}
.footer-copy a {color: rgba(255, 255, 255, 0.85); transition: color 0.35s;}
@media (any-hover: hover) {
  .footer-copy a:hover {color: #85C02E;}
}
.footer-extra {gap: 0.3rem 0.4rem; flex-shrink: 0; justify-content: flex-end;}
.footer-extra > a,
.footer-extra > span,
.footer-extra > span a {color: rgba(255, 255, 255, 0.85); transition: color 0.35s;}
@media (any-hover: hover) {
  .footer-extra > a:hover,
  .footer-extra > span a:hover {color: #85C02E;}
}
.backTop {position: absolute; right: .15rem; bottom: .2rem; gap: 0; margin-left: 0.1rem; color: #fff; line-height: 1; transition: color 0.35s, opacity 0.35s;}
.backTop i {font-size: 0.22rem; line-height: 1;}
.backTop span {font-size: 12px; margin-top: .1rem; font-weight: 600; line-height: 1;}
@media (any-hover: hover) {
 .backTop:hover {color: #85C02E;}
}


/* ===============================================================================内页 */

/* 内页公用样式 start */
/* 内页banner */
.ny-banner {position: relative; color: #fff; overflow: hidden;}
.ny-banner .bjBox {position: absolute; inset: 0; z-index: 0;}
.ny-banner .bjBox img {display: block; width: 100%; height: 100%; object-fit: cover;}
.ny-banner .container {position: relative; z-index: 2;}
.ny-banner .inner { min-height: 100vh; display: flex; flex-direction: column;    justify-content: center;}
.ny-banner .subtit {font-size: var(--font24); font-weight: 700; line-height: 1.3;}
.ny-banner .tit {margin-top: 0.22rem; color: #fff; font-size: .58rem; font-weight: 700; line-height: 1.22;}
.ny-banner-bottom {position: absolute; left: 0; right: 0; bottom: 0; z-index: 3; bottom: .5rem;}
.ny-banner-bar { gap: .4rem;}

/* 内页面包屑 */
.ny-breadcrumb {display: inline-flex; align-items: center; gap: .1rem; color: rgba(255, 255, 255, 0.8); font-size: var(--font16); line-height: 1.4; white-space: nowrap;}
.ny-breadcrumb a,
.ny-breadcrumb span {color: rgba(255, 255, 255, 0.8);}
.ny-breadcrumb a:hover {color: #85C02E;}

/* 内页tabs */
.ny-tabs {flex: 1; justify-content: flex-end; gap: .8rem; min-width: 0;}
.ny-tabs li a {position: relative; display: inline-flex; align-items: center; justify-content: center; color: #fff; font-size: var(--font16); line-height: 1.4; transition: color .3s;}
.ny-tabs li a::after {content: '';z-index: -1;position: absolute;left: 50%;transform: translateX(-50%) translateY(50%) scale(0);width: .15rem;height: .15rem;border-radius: 50%;background: #85C02E;transition: .5s;}
.ny-tabs li.on a::after {width: 100%;transform: translateX(-50%) translateY(50%) scale(1);}
@media (any-hover: hover) {
  .ny-tabs li:hover a::after {width: 100%; transform: translateX(-50%) translateY(50%) scale(1);}
}
/* 锚点定位：预留固定头部高度 */
#aboutOne,
#aboutTwo,
#aboutThree,
#aboutFour,
#aboutFive,
#aboutSix {scroll-margin-top: 1.2rem;}

/* 内页底部 */
.footer.footer-inner {min-height: 5.2rem; background-position: center bottom;}
.footer-inner .footer-main {flex: none; padding: 1.5rem 0 .92rem;}
.footer-inner .footer-nav a {color: rgba(255, 255, 255, 1);}
.footer-inner .footer-nav a:hover {color: #85C02E;}
.footer-inner .footer-bar {margin-top: auto;}

/* 详情页面包屑 */

.mbx {background: #fff; padding: .3rem 0;}
.breadcrumb {background: #fff; display: inline-flex; align-items: center; gap: 0.1rem;  color: #999;  line-height: 1.4;}
.breadcrumb a,
.breadcrumb span {color: #999;}
.breadcrumb a:hover {color: #85C02E;}

/* 内页公用样式 end */


/* =====关于我们 */
.aboutTitle {position: relative;}
.aboutTitle .watermark {
  position: absolute; 
  left: 0; top: 0%; z-index: 0; color: transparent; font-size: 1.2rem; font-weight: 800;  line-height: 1; text-transform: uppercase; 
  transform: translateY(-50%); white-space: nowrap; pointer-events: none; user-select: none;
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, .2), rgba(255, 255, 255, .0001));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.aboutTitle .tit {position: relative; z-index: 1; margin: 0; color: #fff; font-size: var(--font48); font-weight: 700; line-height: 1.2;}
.aboutTitle2 .watermark {left: 50%; transform: translate(-50%, -50%); background-image: -webkit-linear-gradient(top, rgba(61, 97, 9,.12), rgba(255, 255, 255, .0001));}
.aboutTitle2 .tit {color: #85C02E;}


.aboutOne {position: relative; padding: .8rem 0 1.5rem; }
.aboutOne .container {position: relative; z-index: 2;}
.aboutOne-layout {position: relative; display: flex; justify-content: space-between; align-items: flex-start;}
.aboutOne-axis {position: absolute; left: 50%; top: .8rem; bottom: 0; width: 1px; transform: translateX(-50%);}
.aboutOne-axis .track,
.aboutOne-axis .progress {position: absolute; left: 50%; top: 0; width: 1px; transform: translateX(-50%);}
.aboutOne-axis .track {height: 100%; background: #F2F2F2;}
.aboutOne-axis .progress {height: 100%; background: linear-gradient(180deg, #8dca36 0%, #7cbc26 100%); transform: translateX(-50%) scaleY(0); transform-origin: top center;}
.aboutOne-axis .dot {position: absolute; top: 0; left: 50%; width: .12rem; height: .12rem; border-radius: 50%; background: #85C02E; box-shadow: 0 0 0 .08rem rgba(133, 192, 46, .12); transform: translate(-50%, -50%);}

.aboutOne-left {position: relative; flex: 1; max-width: 50%; padding-right: .9rem; min-height: calc(100vh - 2rem); display: flex; flex-direction: column; justify-content: space-between;}
.aboutOne-head {position: relative;}
.aboutOne-kicker {font-size: var(--font42); line-height: 1.45; color: #8BC34A; font-weight: 300;}
.aboutOne-title {font-size: var(--font42); line-height: 1.35; color: #7DBF2F; font-weight: 700;}
.aboutOne-since {display: inline-flex; align-items: flex-end; gap: .6rem; margin-top: .2rem; line-height: 1; font-size: 2rem; position: relative; z-index: 1; will-change: transform;}
.aboutOne-since--relative {position: relative;}
.aboutOne-since .label {font-weight: 300; color: #85C02E;}
.aboutOne-since .year {font-weight: 700; color: #85C02E;}
.aboutOne .bg {position: absolute; left: 0; bottom: 0; width: 48%; height: auto;}
.aboutOne .bg img {display: block; width: 100%; height: 100%; object-fit: cover;}
.aboutOne-video {position: relative; z-index: 2; margin-top: .5rem; margin-bottom: 1.5rem;}
.aboutOne-video .video-btn {position: relative; width: .9rem; height: .9rem; border-radius: 50%; background: linear-gradient(180deg, #92d135 0%, #7cbc26 100%); color: #fff; font-size: .3rem; overflow: visible; box-shadow: 0 .08rem .22rem rgba(133, 192, 46, .18);}
.aboutOne-video .video-btn i {position: relative; z-index: 3; transform: translateX(.02rem);}
.aboutOne-video .video-btn::before {content: ''; position: absolute; left: 50%; top: 50%; width: 1.7rem; height: 1.7rem; border-radius: 50%; border: 1px solid rgba(133, 192, 46, .28); transform: translate(-50%, -50%);}
.aboutOne-video .video-orbit {position: absolute; left: 50%; top: 50%; z-index: 2; width: 1.7rem; height: 1.7rem; border-radius: 50%; transform: translate(-50%, -50%); animation: aboutVideoOrbit 3s linear infinite;}
.aboutOne-video .video-orbit::before {content: ''; position: absolute; inset: 0; border-radius: 50%; background: conic-gradient(from 0deg, rgba(133, 192, 46, 0) 0deg, rgba(133, 192, 46, 0) 250deg, rgba(133, 192, 46, .18) 300deg, rgba(133, 192, 46, .72) 340deg, rgba(133, 192, 46, 0) 360deg); -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 2px), #000 calc(100% - 1px)); mask: radial-gradient(farthest-side, transparent calc(100% - 2px), #000 calc(100% - 1px));}
.aboutOne-video .video-orbit::after {content: ''; position: absolute; left: 50%; top: 0; width: .14rem; height: .14rem; border-radius: 50%; background: #85C02E; box-shadow: 0 0 0 .04rem rgba(133, 192, 46, .16); transform: translate(-50%, -50%);}
@keyframes aboutVideoOrbit {
  from {transform: translate(-50%, -50%) rotate(0deg);}
  to {transform: translate(-50%, -50%) rotate(360deg);}
}
.aboutOne-right {position: relative; flex: 1; padding-left: .9rem; max-width: 50%; padding-top: 5rem; padding-bottom: 4rem;}
.aboutOne-copy {position: relative; z-index: 2; }
.aboutOne-copy p {font-size: var(--font20); color: #333; text-align: justify;}
.aboutOne-copy p + p {margin-top: .38rem;  }
.aboutOne-copy strong {color: #7DBF2F; font-weight: 700;}
.aboutOne-logos {position: relative; z-index: 2; display: flex; align-items: center; justify-content: space-between; gap: .5rem; margin-top: .8rem; padding-top: .7rem; border-top: 1px solid rgba(125, 191, 47, .08);}
.aboutOne-logoItem {display: inline-flex; align-items: center;}
.aboutOne-logoItem img {max-width: 100%; object-fit: contain;}

/* 同步愿景 aboutTwo */
.aboutTwo {position: relative; overflow: hidden; padding: 3.5rem 0; padding-bottom: 0; color: #fff;}
.aboutTwo .bjBox {position: absolute; inset: 0; z-index: 0; overflow: hidden;}
.aboutTwo .bjBox img {display: block; width: 100%; height: 120%; object-fit: cover; object-position: center center; will-change: transform; transform: translate3d(0, -10%, 0);}
.aboutTwo .container {position: relative; z-index: 2; display: flex; align-items: flex-end; justify-content: flex-end; max-width: none; height: 100%; min-height: inherit;}
.aboutTwo .box {width: 60%; position: relative; display: flex; flex-direction: column; justify-content: space-between; max-width: 11.2rem; min-height: 4rem; padding: 1.1rem 0rem .6rem .8rem; background: #92C63E; border-radius: .7rem 0 0 0; box-sizing: border-box; z-index: 1;}
.aboutTwo .box::after {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: #92C63E; border-radius: .7rem 0 0 0; width: 100vw; z-index: -1;}
.aboutTwo .head {position: relative;}
.aboutTwo .line {display: block; width: 100%; height: 1px; margin-top: .45rem; background: rgba(255, 255, 255, .2);}
.aboutTwo .list {display: flex; align-items: flex-start; justify-content: space-between; gap: .4rem; margin: .6rem 0 0; padding: 0 .1rem 0; list-style: none;}
.aboutTwo .list li {flex: 1; min-width: 0; display: flex; flex-direction: column; align-items: center; text-align: center;}
.aboutTwo .list .icon {display: flex; align-items: center; justify-content: center; height: .8rem; width: .8rem;}
.aboutTwo .list .icon img {display: block; max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain;}
.aboutTwo .list p {margin-top: .26rem; color: #fff; font-size: var(--font30); font-weight: 500; line-height: 1.45; white-space: nowrap;}

/* 同步定位 aboutThree */
.aboutThree {position: relative; padding: 1.1rem 0 1.2rem; background: #F2F2F2;}
.aboutThree::before {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 45%; background: #fff;}
.aboutThree .aboutTitle {margin-bottom: 0.8rem;}
.aboutThree .aboutTitle .watermark { background-image: -webkit-linear-gradient(top, rgba(61, 97, 9,.12), rgba(255, 255, 255, .0001));}
.aboutThree .aboutTitle .tit {color: #85C02E;}
.aboutThree-list {width: calc(100% + 10%); display: flex; align-items: flex-end; gap: 0.25rem; position: relative; z-index: 1;}
.aboutThree-item {flex: 1; min-width: 0; transition: transform 0.35s ease;}
.aboutThree-item .item-inner {display: flex;flex-direction: column;height: 100%;background: #fff;border: 1px solid #F2F2F2;box-sizing: border-box;transition: border-color 0.35s ease, box-shadow 0.35s ease, transform 0.35s ease;}
.aboutThree-item .item-top {display: flex;flex-direction: column;align-items: center;flex: 1;padding: 0.7rem;text-align: center;box-sizing: border-box;transition: padding 0.35s ease;}
.aboutThree-item .icon {display: flex;align-items: center;justify-content: center;height: 0.78rem;}
.aboutThree-item .icon img {display: block;max-width: 100%;max-height: 100%;width: auto;height: auto;object-fit: contain;}
.aboutThree-item .name {margin-top: 0.28rem;color: #333;font-size: var(--font24);font-weight: 700;line-height: 1.4;}
.aboutThree-item .desc {margin-top: 0.35rem;color: #333;line-height: 1.6;text-align: center;}
.aboutThree-item .item-pic {flex-shrink: 0;width: 100%;overflow: hidden;}
.aboutThree-item .item-pic img {display: block;width: 100%;height: 100%;object-fit: cover;object-position: center center;transition: transform 0.55s ease;}
@media (any-hover: hover) {
  .aboutThree-item:hover {transform: translateY(-0.25rem);}
  .aboutThree-item:hover .item-inner {border-color: #85C02E;}
  .aboutThree-item:hover .item-pic img {transform: scale(1.02);}
}

/* 同步溯源 aboutFour */
.aboutFour {position: relative; overflow: hidden; padding: 1.5rem 0 1.5rem; color: #fff; background: url(../images/aboutFour-bg.webp) no-repeat center; background-size: cover;}
.aboutFour::before {content: ''; position: absolute; left: 0; bottom: 1rem; width: 100%; height: 45%;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.001) 0%, rgba(133, 192, 46,.5) 100%);
  /* clip-path: polygon(100% 0%, 93% 0%, 100% 100%, 0% 100%); */
  clip-path: polygon(30% 0%, 70% 0%, 100% 100%, 0% 100%);
  transition: 1s;
  opacity: 0;
}

.aboutFour.on::before {  clip-path: polygon(7% 0%, 93% 0%, 100% 100%, 0% 100%); opacity: 1;}

.aboutFour::after {content: ''; position: absolute; left: 0; bottom: .5rem; width: 100%; height: 1px; background: #97C959; opacity: .5;}
.aboutFour .container {position: relative; z-index: 2;}
.aboutFour .aboutTitle {display: flex; align-items: center; justify-content: center; min-height: 0.9rem; margin-bottom: 0.7rem; text-align: center;}
.aboutFour .aboutTitle .watermark {left: 50%; transform: translate(-50%, -50%); }
.aboutFour .aboutTitle .tit {color: #fff;}
.aboutFour-list {display: flex; gap: 0.3rem;}
.aboutFour-item {flex: 1; min-width: 0; transition: flex 0.55s cubic-bezier(.4, 0, .2, 1);}
.aboutFour-item.on {flex: 2;}
.aboutFour-item .item-inner {display: flex; flex-direction: column; justify-content: space-between; height: 100%; height: 4rem; padding: 0.5rem; padding-bottom: .25rem; box-sizing: border-box; text-align: center;background: rgba(255,255,255,0.07); border: 1px solid #4A6479; transition: background 0.4s ease, border-color 0.4s ease, padding 0.45s ease;}
.aboutFour-item .item-body {display: flex; flex-direction: column; align-items: center; flex: 1; min-width: 0;}
.aboutFour-item .tag {  padding: 0 0.18rem; box-sizing: border-box;color: #85C02E; padding: .1rem .24rem; line-height: 1; white-space: nowrap; background: rgba(133, 192, 46,.4); }
.aboutFour-item .name {margin-top: 0.1rem; color: #fff; font-size: var(--font24); font-weight: 700; line-height: 1.45;}
.aboutFour-item .sub {max-height: 0; margin-top: .1rem; overflow: hidden; opacity: 0; color: rgba(255, 255, 255, .88); font-size: var(--font20); line-height: 1.5; transform: translateY(0.22rem); transition: max-height 0.45s ease, opacity 0.4s ease, transform 0.45s ease, margin-top 0.45s ease;}
.aboutFour-item .desc {max-height: 0; margin-top: 0; overflow: hidden; opacity: 0; transform: translateY(0.28rem); transition: max-height 0.5s ease, opacity 0.45s ease 0.05s, transform 0.5s ease, margin-top 0.5s ease;}
.aboutFour-item .desc p {margin: 0; color: #fff; margin-top: .4rem; text-align: center;}
.aboutFour-item .item-logo {display: flex; align-items: center; justify-content: center; flex-shrink: 0; height: 0.56rem; margin-top: 0.2rem;}
.aboutFour-item .item-logo img {display: block; max-width: 1.5rem; max-height: 100%; width: auto; height: auto; object-fit: contain;}
.aboutFour-item:nth-child(1) .item-logo img,
.aboutFour-item:nth-child(2) .item-logo img {mix-blend-mode: screen;}
.aboutFour-item.on .sub,
.aboutFour-item.on .desc {max-height: 3.2rem; opacity: 1; transform: translateY(0); transition-delay: .4s;}
.aboutFour-arrow {display: flex; align-items: center; justify-content: center; margin: 0.55rem 0 0.45rem;}
.aboutFour-arrow img {display: block; width: 0.34rem; height: auto; mix-blend-mode: screen; animation: aboutFourArrowBounce 1.6s ease-in-out infinite;}
@keyframes aboutFourArrowBounce {
  0%, 100% {transform: translateY(0);}
  50% {transform: translateY(0.12rem);}
}
.aboutFour-foot {align-items: center; justify-content: center; gap: 0.5rem;}
.aboutFour-foot .foot-logo {flex-shrink: 0;}
.aboutFour-foot .foot-logo img {display: block; width: 2rem; height: auto; mix-blend-mode: screen;}
.aboutFour-foot .foot-slogan {text-align: right;}
.aboutFour-foot .foot-slogan p {margin: 0; color: #fff; font-size: var(--font24); font-weight: 700;}

/* 发展历程 aboutFive */
.aboutFive {position: relative; overflow: hidden; padding: 1.8rem 0 1.2rem; background: url(../images/aboutFive-bg.webp) no-repeat center; background-size: cover;}
.aboutFive .container {position: relative; z-index: 2;}
.aboutFive .aboutTitle { margin-bottom: 1rem; text-align: center;}
.aboutFive .aboutTitle .watermark {left: 50%; transform: translate(-50%, -50%); background-image: -webkit-linear-gradient(top, rgba(61, 97, 9, .12), rgba(255, 255, 255, .0001));}
.aboutFive .aboutTitle .tit {color: #85C02E;}
.aboutFive-main {display: flex; align-items: stretch; gap: 0.5rem; height: 5rem; }
.aboutFive-left {position: relative; width: 38%; padding-left: 0.45rem; box-sizing: border-box;}
.aboutFive-progress {position: absolute; left: 0; top: 0.15rem; bottom: 0.15rem; width: 2px; background: rgba(0, 0, 0, .08); border-radius: 1px; overflow: hidden;}
.aboutFive-progress-fill {display: block; width: 100%; height: 100%; background: #85C02E; transform: scaleY(0); transform-origin: top center; transition: transform 0.55s cubic-bezier(0.22, 0.61, 0.36, 1); will-change: transform;}
.aboutFive-years {display: flex; flex-direction: column; gap: 0;}
.aboutFive-years .year-item {max-height: 0;  overflow: hidden; opacity: 0; pointer-events: none; transform: translateY(0.16rem); transition: max-height 0.55s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 0.4s ease, transform 0.5s cubic-bezier(0.22, 0.61, 0.36, 1), margin 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);}
.aboutFive-years .year-item.show {max-height: 0.9rem; margin-bottom: 0.35rem; opacity: 1; pointer-events: auto; transform: translateY(0);}
.aboutFive-years .year-item.show.on {max-height: 4.2rem;}
.aboutFive-years .year {display: block; padding: 0; border: 0; background: none; color: #C2C2C2; font-size: 0.72rem; font-weight: 700; line-height: 1; cursor: pointer; transition: color 0.45s ease;}
.aboutFive-years .year-item.on .year {color: #699D39;}
.aboutFive-years .year-body {max-height: 0; margin-top: 0; overflow: hidden; opacity: 0; transform: translateY(0.12rem); transition: max-height 0.55s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 0.45s ease, transform 0.55s cubic-bezier(0.22, 0.61, 0.36, 1), margin-top 0.55s cubic-bezier(0.22, 0.61, 0.36, 1);}
.aboutFive-years .year-item.on .year-body {max-height: 3rem; margin-top: 0.18rem; opacity: 1; transform: translateY(0); transition-delay: 0.1s;}
.aboutFive-years .name {margin: 0; color: #6C9F3E; font-size: var(--font24); font-weight: 700; line-height: 1.45; opacity: 0; transform: translateY(0.12rem); transition: opacity 0.45s ease, transform 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);}
.aboutFive-years .desc {margin: 0.16rem 0 0; color: #888; text-align: justify; opacity: 0; transform: translateY(0.12rem); transition: opacity 0.45s ease, transform 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);}
.aboutFive-years .year-item.on .name {opacity: 1; transform: translateY(0); transition-delay: 0.2s;}
.aboutFive-years .year-item.on .desc {opacity: 1; transform: translateY(0); transition-delay: 0.34s;}
.aboutFive-years .year-item:not(.on) .name,
.aboutFive-years .year-item:not(.on) .desc {transition-delay: 0s; transition-duration: 0.2s;}
.aboutFive-years .year-item:not(.on) .year-body {transition-delay: 0s; transition-duration: 0.28s;}
@media (any-hover: hover) {
  .aboutFive-years .year-item:not(.on) .year:hover {color: #999;}
}
.aboutFive-visual {position: relative; flex: 1; min-width: 0; display: flex; align-items: center;}
.aboutFive-card {position: relative; z-index: 2; width: 100%; margin-left: auto; aspect-ratio: 1.5 / 1; box-sizing: border-box;}
.aboutFive-swiper {position: relative; width: 100%; height: 100%; overflow: visible;}
.aboutFive-swiper .swiper-wrapper {position: relative; width: 100%; height: 100%;}
.aboutFive-swiper .swiper-slide {position: absolute !important; left: 0; top: 0; width: 100%; height: 100%; margin: 0; transition: transform 0.65s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.55s ease, filter 0.55s ease; pointer-events: none; opacity: 0; z-index: 0; transform: translate(22%, 0) scale(0.82); will-change: transform, opacity;}
.aboutFive-swiper .swiper-slide .pic {width: 100%; height: 100%; overflow: hidden; background: #fff; border-radius: .8rem 8px .8rem 8px; padding: .6rem;}
.aboutFive-swiper .swiper-slide .pic img {display: block; max-width: 100%; max-height: 100%;  object-fit: contain;}
/* 堆叠：当前在前；下一项 / 下下一项错位露出；离开项向左淡出 */
.aboutFive-swiper .swiper-slide.stack-0 {z-index: 3; opacity: 1; transform: translate(0, 0) scale(1); pointer-events: auto; filter: none;}
.aboutFive-swiper .swiper-slide.stack-1 {z-index: 2; opacity: 0.78; transform: translate(8%, 0) scale(0.92); filter: brightness(0.97);}
.aboutFive-swiper .swiper-slide.stack-2 {z-index: 1; opacity: 0.48; transform: translate(16%, 0) scale(0.84); filter: brightness(0.94);}
.aboutFive-swiper .swiper-slide.stack-exit {z-index: 4; opacity: 0; transform: translate(-8%, 2%) scale(0.96); pointer-events: none; filter: brightness(1.02);}
.aboutFive-swiper .swiper-slide.stack-prev {z-index: 0; opacity: 0; transform: translate(-12%, 4%) scale(0.9); pointer-events: none;}
.aboutFive-swiper .swiper-slide.stack-hidden {z-index: 0; opacity: 0; transform: translate(22%, 0) scale(0.82); pointer-events: none;}

.aboutFive-nav {padding: 1rem 0; flex: 0 0 1.2rem; width: 1.2rem; margin-left: .8rem; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; }
.aboutFive-nav .nav-arrow {display: flex; align-items: center; justify-content: center; transform: translateX(-35%); padding: 0; border: 0; background: none; color: #b0b0b0; font-size: var(--font28); line-height: 1; cursor: pointer; transition: color 0.3s, opacity 0.3s;}
.aboutFive-nav .nav-arrow:hover {color: #85C02E;}
.aboutFive-nav .nav-arrow.swiper-button-disabled {opacity: 0.35; cursor: default;}
.aboutFive-thumbs {width: 100%; flex: 1; }
/* .aboutFive-thumbs .swiper-wrapper {display: flex; flex-direction: column; transform: none !important; height: auto !important;} */
.aboutFive-thumbs .swiper-slide {display: flex; align-items: center; gap: .4rem;  color: #b0b0b0; cursor: pointer; transition: color 0.35s ease; box-sizing: border-box;}
.aboutFive-thumbs .swiper-slide:last-child {margin-bottom: 0;}
.aboutFive-thumbs .swiper-slide i {flex-shrink: 0; width: 0.08rem; height: 0.08rem; min-width: 6px; min-height: 6px; border-radius: 50%; background: #666666; opacity: .5; transition: background 0.35s ease, transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), box-shadow 0.35s ease;}
.aboutFive-thumbs .swiper-slide span {font-size: var(--font16); line-height: 1.3; white-space: nowrap; transition: color 0.35s ease;}
.aboutFive-thumbs .swiper-slide-thumb-active,
.aboutFive-thumbs .swiper-slide:hover {color: #85C02E;}
.aboutFive-thumbs .swiper-slide-thumb-active i,
.aboutFive-thumbs .swiper-slide:hover i {background: #85C02E; opacity: 1;}
.aboutFive-thumbs .swiper-slide-thumb-active i {}
.aboutFive-thumbs .swiper-slide-thumb-active span {font-weight: 600;}

.aboutSix {padding: .9rem 0; background: #F9F9F9;}
.aboutSix .aboutTitle .watermark {background-image: -webkit-linear-gradient(top, rgba(61, 97, 9, .12), rgba(255, 255, 255, .0001));}
.aboutSix .aboutTitle .tit {color: #85C02E;}
.aboutSix .box {gap: 5%;}
.aboutSix .left {mix-blend-mode: multiply; width: 50%;}
.aboutSix .left img {max-width: 100%; object-fit: contain;}
.aboutSix .right {width: 45%;}
.aboutSix .right .xian {width: 100%; height: 1px; background: #E2E2E2; margin: .6rem 0;}
.aboutSix .right .p1 {font-size: var(--font24);font-weight: 800;}
.aboutSix .right .p2 p {color: #666666; margin-top: .3rem;}

/* =====技术支持  */
.techOne {position: relative; padding: 1.5rem 0 0;background: #FCFCFC;}
.techOne .aboutTitle {margin-bottom: .8rem;}
.techOne-list {display: flex; align-items: stretch; gap: 0.7rem;}
.techOne-item {position: relative; flex: 1; min-width: 0; overflow: hidden; padding-bottom: 0.8rem;}
.techOne-item::before {content: ''; position: absolute; left: 0%; top:100%; z-index: 0; width: 2.8rem; height: 2.8rem; border: 1rem solid rgba(133, 192, 46,.1); aspect-ratio: 1; border-radius: 50%;  transition: 0.65s cubic-bezier(0.22, 0.61, 0.36, 1); pointer-events: none;}
.techOne-item .pic {position: relative; z-index: 1; width: 100%; aspect-ratio: 5 / 4; border-radius: 0.1rem; background: #F5F5F5; overflow: hidden;}
.techOne-item .pic img {display: block; width: 100%; height: 100%; object-fit: cover; object-position: center top;}
.techOne-item .info {position: relative; z-index: 1; margin-top: .5rem; padding-right: .5rem; padding-left: .35rem; border-left: 1px solid #F2F2F2;}
.techOne-item .name {position: relative;  color: #85C02E; font-size: var(--font24); font-weight: 700; line-height: 1.35;}
.techOne-item .name::before {content: ''; position: absolute; left: -.36rem; top: 50%; width: 2px; height: 100%; background: #85C02E; transform: translateY(-50%);}
.techOne-item .tags {margin-top: 0.2rem;}
.techOne-item .tags p {margin: 0; color: #333; }
.techOne-item .desc {margin: 0.3rem 0 0;}
@media (any-hover: hover) {
  .techOne-item:hover::before {top: 0;}
}

/* 企业背景 techTwo */
.techTwo {position: relative; padding: 1.2rem 0 1.5rem; background: #fff; overflow: hidden;}
.techTwo .aboutTitle {margin-bottom: 1.5rem;}
.techTwo-list {margin: 0; padding: 0; list-style: none;}
.techTwo-item:first-child {margin-top: 0;}
.techTwo-item {margin-top: 1.8rem;}
.techTwo-inner {position: relative; display: flex; align-items: stretch;}
.techTwo-item--reverse .techTwo-inner {flex-direction: row-reverse;    justify-content: space-between;}
.techTwo-info {  position: relative; z-index: 2; display: flex; flex-direction: column; justify-content: center; flex: 0 0 50%;max-width: 50%;   padding: .8rem 0;  z-index: 2;}
.techTwo-info::after {content: ''; position: absolute; inset: 0; left: -20%; width: 130%; height: 100%; background: url(../images/techTwo-info-bg.jpg) no-repeat center; background-size: cover; z-index: -1;}
.techTwo-logos {flex-wrap: wrap; gap: 0.2rem; justify-content: space-between;}
.techTwo-logoItem {display: inline-flex; align-items: center;}
.techTwo-logoItem img {display: block; max-height: 0.8rem; width: auto; max-width: 100%; object-fit: contain; mix-blend-mode: multiply;}
.techTwo-lab {margin: 0; color: #333; font-size: var(--font22); line-height: 1.5;}
.techTwo-line {display: block; width: 100%; height: 1px; margin-top: 0.42rem; background: #D9D9D9; position: relative;}
.techTwo-line::before {content: ''; position: absolute; left: 0; top: 0; width: 20%; height: 100%; background: #85C02E;}
.techTwo-desc {margin: 0.38rem 0 0; color: #000; font-size: var(--font18);}
.techTwo-info .more {margin-top: 0.55rem;}
.techTwo-info .more .menu-more-txt {color: #333;}
.techTwo-pic {position: relative; right: -10%; width: 50%; transform: scale(1.2); transform-origin: right; z-index: 1; min-width: 0; overflow: hidden; background: #F5F5F5;}
.techTwo-pic img {display: block; width: 100%; height: 100%; min-height: 3.8rem; object-fit: cover; object-position: center center;}
.techTwo-item:nth-child(even) .techTwo-pic {right: auto; left: -10%; transform-origin: left;}
.techTwo-item:nth-child(even) .techTwo-info::after {left: -10%;}

.techThre {position: relative; padding-top: 1rem; padding-bottom: 1.5rem; overflow: hidden;}
.techThre .indexTwo-box .container {padding-top: .5rem;}
.techThre .indexTwo-card {background: rgba(242, 242, 242, 0.8);}
.techThre .indexTwo-stage {width: 100%; height: auto;}

/* 技术支持详情页 */
.techDate { background: #F2F2F2;padding-bottom: 1rem;}
.techDate-card {background: #fff; margin-top: .7rem; box-shadow: 0 2px 16px rgba(0, 0, 0, 0.06); padding: 0.8rem .5rem;}
.techDate-head {gap: 0.4rem; align-items: center; flex-wrap: wrap; row-gap: .3rem;}
.techDate-tit {margin: 0; color: #333; font-size: var(--font40); font-weight: 700; line-height: 1.3;}
.techDate-logo {flex-shrink: 0;}
.techDate-logo img {display: block; max-height: 0.8rem; width: auto; max-width: 100%; object-fit: contain;}
.techDate-line {width: 100%; height: 1px; margin: 0.38rem 0 0.48rem; background: #E5E5E5;}
.techDate-body img {max-width: 100%;}

/* =====业务板块 */
.business {position: relative; background: #fff;}
.business-scene {position: relative;}
.business-item {position: relative; height: 200vh;}
.business-item + .business-item {margin-top: -100vh;}
.business-panel {position: sticky; top: 0; width: 100%; height: 100vh; overflow: hidden; transform-origin: center top; will-change: transform; background: #fff;}
.business-media {position: absolute; inset: 0; z-index: 0; overflow: hidden; background: inherit;}
.business-media-img {display: block; width: 100%; height: 100%; object-fit: cover; object-position: center center;}
.business-panel .container {position: relative; z-index: 2; height: 100%;}
.business-copy {position: absolute; display: flex; flex-direction: column; align-items: flex-start; max-width: 5rem; color: #333;}
.business-title {margin: 0; font-size: 0.58rem; font-weight: bold; line-height: 1.2;}
.business-desc {margin-top: 0.18rem; color: inherit; font-size: var(--font24);}
.business-link {margin-top: 0.6rem;}
.business-link .menu-more-txt {color: #333;}
/* 内容位置 */
.business-copy--left {left: 0; top: 50%; transform: translateY(-50%);}
.business-copy--right {right: 0; bottom: 1.5rem;}
.business-copy--center {left: 50%; align-items: center; text-align: center; transform: translateX(-50%); top: 1.5rem;}
/* 字体颜色 */
.business-item--dark {color: #fff;}
.business-item--dark .business-link .menu-more-txt {color: #fff;}

/* =====业务板块详情 */
.businessDate {background: #F2F2F2; padding-bottom: 1rem;}
.businessDate-layout {display: flex; align-items: flex-start; gap: 0.6rem; margin-top: 0.7rem;}
.businessDate-main {flex: 1; min-width: 0;}
.businessDate-card {background: #fff; padding: 0.5rem;}
.businessDate-label {margin: 0; color: #333; font-size: var(--font20); line-height: 1.4;}
.businessDate-tit {margin: 0.16rem 0 0; color: #333; font-size: var(--font40); font-weight: bold; line-height: 1.35;}
.businessDate-line {width: 100%; height: 1px; margin: 0.38rem 0 0.48rem; background: #E2E2E2;position: relative;}
.businessDate-line::before {content: ''; position: absolute; left: 0; top: 0; width: 6%; height: 3px; background: #85C02E;}
.businessDate-body {}
.businessDate-body img {max-width: 100%; height: auto !important;}
.businessDate-aside {flex-shrink: 0; width: 23%; display: flex; flex-direction: column; gap: 0.2rem; position: sticky; top: 1.5rem;}
.businessDate-nav {position: relative; display: block; height: 2.68rem; border-radius: 0.1rem; overflow: hidden;}
.businessDate-nav-bg {position: absolute; inset: 0;}
.businessDate-nav-bg img {display: block; width: 100%; height: 100%; object-fit: cover; object-position: center center;}
.businessDate-nav-mask {position: absolute; inset: 0; background: rgba(0, 0, 0, 0.7); transition: background 0.35s;}
.businessDate-nav-inner {position: relative; z-index: 1; height: 100%; gap: 0.18rem;}
.businessDate-nav-icon {display: flex; align-items: center; justify-content: center; height: 0.8rem;}
.businessDate-nav-icon img {display: block; max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain;}
.businessDate-nav-name {color: #fff; font-size: var(--font20); font-weight: 700; line-height: 1.4;}
@media (any-hover: hover) {
  .businessDate-nav:hover .businessDate-nav-mask {background: rgba(0, 0, 0, 0.42);}
}


/* =====展望未来 */
.futureMain {background: #F0F2F5;}
.futureOne {}
.futureOne-layout {display: flex; align-items: stretch; gap: 0.9rem;}
.futureOne-left {flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 0.24rem; padding: 0.9rem 0 .7rem;}
.future-card {display: flex; align-items: stretch; min-height: 2.5rem; background: #fff; overflow: hidden;}
.future-card--market {min-height: 1.9rem;}
.future-card-label {flex-shrink: 0; display: flex; align-items: center; justify-content: center; padding: 0.2rem .3rem; box-sizing: border-box; background: #85C02E; color: #fff; font-size: var(--font30); font-weight: 700;}
.future-card-body {flex: 1; min-width: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 0.4rem 0.2rem;}
.future-card-body img {display: block; max-width: 100%; max-height: 100%; object-fit: contain; object-position: center center;}
/* 右侧数据栏 */
.futureOne-right {flex-shrink: 0; width: 28%; position: relative; display: flex; flex-direction: column; justify-content: flex-start; gap: 0.8rem; padding: 1rem 0 .7rem; padding-left: .8rem; box-sizing: border-box;  color: #fff; z-index: 1;}
.futureOne-right::before {content: ''; position: absolute; left: 0; top: 0; width: 100vw; height: 100%; background: #85C02E;z-index: -1;}
.future-stat-icon {height: 0.8rem;}
.future-stat-icon img {display: block; max-width: 100%; max-height: 100%; object-fit: contain;}
.future-stat-num {margin: 0.2rem 0 0; color: #fff; font-size: .6rem; font-weight: 800; line-height: 1.12;}
.future-stat-tit {margin: 0.1rem 0 0; color: #fff; font-size: var(--font24); font-weight: 500; line-height: 1.45;}
.future-stat-list {margin-top: 0.2rem;}
.future-stat-list li {position: relative; padding-left: 0.24rem; color: #fff; font-size: var(--font18); line-height: 1.75;}
.future-stat-list li::before {content: '—'; position: absolute; left: 0; top: 0; color: rgba(255, 255, 255, 0.95);}

.futureTwo {background: url(../images/futureTwo-bg.webp) no-repeat center; background-size: cover; background-attachment: fixed;}
.futureTwo .box {padding: 1.2rem 0 .8rem; height: calc(100vh - 1rem); display: flex; flex-direction: column; justify-content: space-between;}
.futureTwo .numlist {display: flex; gap: 1rem;}
.futureTwo .numlist .num {color: #fff; font-size: var(--font50);font-weight: bold; display: flex; align-items: center;}
.futureTwo .numlist .txt {color: #fff;}

/* =====合作客户 */
.customerMain {position: relative; overflow: hidden; background: #f5f8fc;}
.customerOne {position: relative; z-index: 1; padding: 1rem 0 1.2rem;}
.customerOne-hd .tit {margin: 0; color: #333; font-size: var(--font48); font-weight: 700; line-height: 1.35;}
.customer-marquee {display: flex; flex-direction: column; gap: 0.25rem; margin-top: 0.85rem;}
.customer-track {width: 100%; overflow: hidden;}
.customer-track-inner {display: flex; width: max-content; will-change: transform;}
.customer-logos {display: flex; flex-shrink: 0; gap: 0.28rem; padding-right: 0.28rem;}
.customer-logo-item {flex-shrink: 0;}
.customer-logos li {flex-shrink: 0;}
.customer-logos .logo-card {display: flex; align-items: center; justify-content: center; width: 2.4rem; height: 1.45rem; padding: 0.2rem; background: #fff; border-radius: 0.08rem; box-shadow: 0 0.08rem 0.22rem rgba(180, 205, 235, 0.42); box-sizing: border-box; transition: box-shadow 0.35s ease, transform 0.35s ease;}
.customer-logos .logo-card img {display: block; max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain;}
@media (any-hover: hover) {
  .customer-logos .logo-card:hover {transform: translateY(-0.03rem); box-shadow: 0 0.1rem 0.26rem rgba(160, 190, 230, 0.55);}
}

/* =====新闻资讯 */
.newsMain {position: relative; background: #fff;}
.newsOne {padding: 1rem 0 1.2rem;}
.newsOne-hd .tit {margin: 0; color: #333; font-size: var(--font48); font-weight: 700; line-height: 1.45;}
.news-list {display: flex; flex-direction: column; gap: 1.2rem; margin-top: 1.4rem;}
.news-item {position: relative; display: flex; align-items: center; gap: 0.7rem; min-height: 2.5rem; padding: .3rem; background: #fff; border-radius: 8px; box-shadow: 0px 7px .3rem 0px rgba(196,220,241,0.88); box-sizing: border-box; overflow: visible; transition: box-shadow 0.35s ease, transform 0.35s ease;}
.news-item .news-pic {flex-shrink: 0; width: 34%; aspect-ratio: 16 / 9; height: 3rem; margin-top: -.8rem; overflow: hidden;;}
.news-item .news-pic img {display: block; width: 100%; height: 100%; object-fit: cover; object-position: center center; transition: transform 0.5s ease;}
.news-item .news-info {flex: 1; min-width: 0; display: flex; flex-direction: column; justify-content: center; padding: 0.12rem 0; box-sizing: border-box;}
.news-item .news-date {display: block; color: #999; font-size: var(--font15); line-height: 1.4;}
.news-item .news-tit {margin: 0.2rem 0 0; color: #333; font-size: var(--font20); font-weight: 700; line-height: 1.5;}
.news-item .news-desc { color: #666; font-size: var(--font15);}
.news-item .news-more {display: flex; align-items: center; justify-content: center; width: 0.66rem; height: 0.66rem; min-height: 40px; min-width: 40px; margin-top: 0.3rem; border-radius: 50%; background: #85C02E; color: #fff; box-sizing: border-box; transition: transform 0.35s ease, box-shadow 0.35s ease;}
.news-item .news-more i {font-size: 0.2rem; line-height: 1;}
@media (any-hover: hover) {
  .news-item:hover {transform: translateY(-0.04rem); box-shadow: 0 0.14rem 0.42rem rgba(170, 200, 230, 0.9);}
  .news-item:hover .news-pic img {transform: scale(1.04);}
  .news-item:hover .news-more {transform: scale(1.06); box-shadow: 0 0.06rem 0.16rem rgba(133, 192, 46, 0.35);}
}

/* =====新闻详情 */
.newsDate {background: #F2F2F2; padding-bottom: 1rem;}
.newsDate-layout {display: flex; align-items: flex-start; gap: 0.6rem; margin-top: 0.7rem;}
.newsDate-main {flex: 1; min-width: 0;}
.newsDate-card {background: #fff; padding: 0.5rem; box-sizing: border-box;}
.newsDate-tit {margin: 0; color: #333; font-size: var(--font40); font-weight: 700; line-height: 1.4;}
.newsDate-meta {display: flex; align-items: center; flex-wrap: wrap; gap: 0.4rem; margin-top: 0.28rem; color: #666; line-height: 1.5;}
.newsDate-line {width: 100%; height: 1px; margin: 0.2rem 0 0.48rem; background: #E2E2E2; position: relative;}
.newsDate-line::before {content: ''; position: absolute; left: 0; top: -1px; width: 0.8rem; height: 3px; background: #85C02E;}
.newsDate-body {}
.newsDate-body img {display: block; max-width: 100%; height: auto;}
.newsDate-aside {flex-shrink: 0; width: 23%; position: sticky; top: 1.5rem;}
.newsDate-aside-tit {margin: 0; color: #333; font-size: var(--font40); font-weight: 700; line-height: 1.35;}
.newsDate-rec {display: flex; flex-direction: column; gap: 0.3rem; margin-top: 0.3rem;}
.newsDate-rec-item {display: block;}
.newsDate-rec-pic {width: 100%; aspect-ratio: 16 / 9; overflow: hidden; background: #e8e8e8;}
.newsDate-rec-pic img {display: block; width: 100%; height: 100%; object-fit: cover; object-position: center center; transition: transform 0.5s ease;}
.newsDate-rec-tit {margin: 0.2rem 0 0; color: #333; font-size: var(--font18); font-weight: 500; line-height: 1.5; transition: color 0.3s;}
@media (any-hover: hover) {
  .newsDate-rec-item:hover .newsDate-rec-pic img {transform: scale(1.04);}
  .newsDate-rec-item:hover .newsDate-rec-tit {color: #85C02E;}
}

/* =====联系我们 */
.contactMain {position: relative; background: #fff;}
.tactOne {padding: 1rem 0 1.2rem;}
.tactOne-hd {align-items: flex-end; gap: 0.4rem;}
.tactOne-hd .tit {margin: 0; color: #333; font-size: var(--font48); font-weight: 700; line-height: 1.35;}
.tactOne-tabs {flex-shrink: 0; gap: 0.7rem; padding-top: 0.12rem;}
.tactOne-tabs li a {position: relative; z-index: 1; display: inline-flex; align-items: center; justify-content: center; padding-bottom: 0.14rem; color: #333; font-size: var(--font18); line-height: 1.4; transition: color 0.3s;}
.tactOne-tabs li a::after {content: ''; z-index: -1;  position: absolute; left: 50%; transform: translateX(-50%) translateY(50%) scale(0);  width: .15rem; height: .15rem; border-radius: 50%; background: #85C02E;  transition: .5s; }
.tactOne-tabs li.on a {font-weight: 700;}
.tactOne-tabs li.on a::after {width: 100%; transform: translateX(-50%) translateY(50%) scale(1);}
.tactOne-panels {margin-top: 1rem;}
.tactOne-panel {display: none;}
.tactOne-panel.on {display: block; animation: fadeIn 0.35s ease-in-out;}
.tactOne-body {align-items: flex-start; gap: 1rem;}
.tactOne-info {flex-shrink: 0; width: 30%; max-width: 4rem; padding-top: .3rem;}
.tactOne-info .name {margin: 0; color: #333; font-size: var(--font24); font-weight: 700; line-height: 1.45;}
.tactOne-list {margin-top: 0.3rem;}
.tactOne-list li {color: #333; font-size: var(--font18); margin-top: .15rem;}
.tactOne-list li a {color: #333;}
@media (any-hover: hover) {
  .tactOne-list li a:hover {color: #85C02E;}
}
.tactOne-qr {margin-top: 0.8rem; width: 2rem; max-width: 100%;}
.tactOne-qr img {display: block; width: 100%; height: auto;}
.tactOne-map {flex: 1; min-width: 0;}
.tactOne-map a {display: block; width: 100%; overflow: hidden;}
.tactOne-map img {display: block; width: 100%; height: auto; object-fit: cover;}

.tactTwo {padding: 0.4rem 0 .6rem; background: #fff;}
.tactTwo .tit {margin: 0; color: #333; font-size: var(--font48); font-weight: 700; line-height: 1.35; text-align: center;}
.tactTwo-form {margin-top: .8rem;}
.tactTwo-form .layui-row {margin-left: -0.5rem; margin-right: -0.5rem;}
.tactTwo-form .layui-col-md6 {padding: 0 0.5rem; box-sizing: border-box;}
.tactTwo-item {position: relative; margin-bottom: 0.4rem;}
.tactTwo-item .layui-input {height: 0.7rem; min-height: 48px; padding: 0 0.55rem 0 0; border: none; border-bottom: 1px solid #dcdcdc; border-radius: 0; background: transparent; color: #333; font-size: var(--font18); line-height: 0.7rem; box-shadow: none;}
.tactTwo-item .layui-input:hover,
.tactTwo-item .layui-input:focus {border: none !important; border-bottom: 1px solid #85C02E !important; box-shadow: none !important;}
.tactTwo-item .layui-input::placeholder {color: #999; font-size: var(--font18);}
.tactTwo-item > i {position: absolute; right: 0; top: 50%; transform: translateY(-50%); color: #999; font-size: 0.3rem; line-height: 1; pointer-events: none;}
.tactTwo-item--code .layui-input {padding-right: 1.5rem;}
.tactTwo-code {position: absolute; right: 0; top: 50%; transform: translateY(-50%); display: block; width: 1.28rem; height: 0.48rem; object-fit: contain; cursor: pointer;}
.tactTwo-submit {margin-top: 0.4rem;}
.tactTwo-submit .layui-btn {display: inline-flex; align-items: center; justify-content: center; height: 0.64rem; min-height: 46px; padding: 0 0.4rem; border: 0; border-radius: 999px; background: #85C02E; color: #fff; font-size: var(--font16); font-weight: 500; line-height: 1; box-shadow: none;}
.tactTwo-submit .layui-btn:hover {opacity: 0.9; background: #85C02E;}