@charset "utf-8";

/* ==================== 首页样式 ==================== */
.home-banner { position: relative; }
.home-banner .swiper-container { width: 100%; }
.home-banner .swiper-slide { position: relative; height: 100vh; overflow: hidden; background-position: center; background-size: cover; }
.home-banner .swiper-slide img { width: 100%; height: 100%; object-fit: cover; }
.home-banner .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; z-index: 1; }
.home-banner .home-banner-text { position: absolute; left: 0; right: 0; top: 150px; z-index: 3; text-align: center; }
.home-banner-text .tag { font-size: 22px; color: #5a4632; letter-spacing: 6px; margin-bottom: 10px; }
.home-banner-text .tit { font-size: 48px; font-weight: bold; color: #3a2c1c; letter-spacing: 2px; text-shadow: 0 2px 8px rgba(255, 255, 255, .35); }
.home-banner-text .tit em { color: var(--orange); font-style: normal; }
.home-banner-text .sub { margin-top: 14px; font-size: 18px; color: #5a4632; letter-spacing: 2px; }
.home-banner .home-banner-pager { position: absolute; left: 0; right: 0; bottom: 35px; z-index: 4; text-align: center; }
.home-banner .swiper-pagination-bullet { width: 12px; height: 12px; background: #fff; opacity: 1; margin: 0 5px; transition: width .25s; border-radius: 6px; }
.home-banner .swiper-pagination-bullet-active { width: 35px; background: var(--green); }

/* Banner左右切换按钮 */
.home-banner .swiper-button-prev, .home-banner .swiper-button-next { width: 50px; height: 50px; background: rgba(255, 255, 255, 0.5); border-radius: 50%; color: var(--green); transition: all 0.3s; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); }
.home-banner .swiper-button-prev { left: 60px; }
.home-banner .swiper-button-next { right: 60px; }
.home-banner .swiper-button-prev::after, .home-banner .swiper-button-next::after { font-size: 20px; font-weight: bold; }
.home-banner .swiper-button-prev:hover, .home-banner .swiper-button-next:hover { background: rgba(255, 255, 255, 0.9); transform: scale(1.1); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); }

/* 平板端调整间距 */
@media (max-width:1200px) {
    .home-banner .swiper-button-prev { left: 40px; }
    .home-banner .swiper-button-next { right: 40px; }
}
@media (max-width:992px) {
    .home-banner .swiper-button-prev { left: 20px; }
    .home-banner .swiper-button-next { right: 20px; }
}

/* 移动端隐藏切换按钮 */
@media (max-width:768px) {
    .home-banner .swiper-button-prev, .home-banner .swiper-button-next { display: none; }
}
.home-about { position: relative; background: #eff7ef; overflow: hidden; padding: 130px 0 0; min-height: 600px; }
/*.home-about .container { position: relative; z-index: 3; }*/
.home-about-bar { position: absolute; top: 0; right: 0; bottom: 0; z-index: 6; width: 80px; background: var(--green); display: flex; flex-direction: column; align-items: center; justify-content: center; color: #fff; transition: background .25s; }
.home-about-bar .t { writing-mode: vertical-rl; -webkit-writing-mode: vertical-rl; font-size: 18px; letter-spacing: 2px; }
.home-about-bar .arrow { margin-top: 18px; font-size: 18px; color: #fff; }
.home-about-bar:hover { background: var(--green-dark); }
.home-about-since { position: absolute; right: 130px; top: 240px; z-index: 1; text-align: right; pointer-events: none; line-height: .78; width: 693px; height: 347px; background: url(../images/index/since.png) no-repeat center/contain; }
.home-about-since b { display: block; font-size: 175px; font-weight: bold; letter-spacing: 14px; color: #d7efe1; display: none; }
.home-about-since span { display: block; font-size: 205px; font-weight: bold; letter-spacing: 10px; color: transparent; -webkit-text-stroke: 2px #bce4d0; display: none; }
.home-about-img { position: absolute; right: 65px; bottom: 0; z-index: 10; width: 100%; max-width: 1200px; }
.home-about-img img { width: 100%; }
/*.home-about-head { position: relative; z-index: 4; }*/
.home-about-head .ani-play {
    position: absolute; left: 45%; bottom: 43%; z-index: 99; 
}
.home-about-head .play { display: inline-flex; align-items: center; height: 58px; padding: 0 28px 0 7px; background: var(--green); color: #fff; border-radius: 30px; font-size: 18px; transition: .25s; animation: buttonBreath 3s infinite ease-in-out;}
.home-about-head .play i { width: 44px; height: 44px; margin-right: 14px; border-radius: 50%; background: #fff; display: flex; align-items: center; justify-content: center; color: var(--green); font-size: 24px; }
.home-about-head .play:hover { background: var(--green-dark); animation-play-state: paused;transform: scale(1.05);}
/* 呼吸灯动画核心逻辑 */
@keyframes buttonBreath {
    0% {
        box-shadow: 0 0 0 0 rgba(7, 171, 106, 0.6);
    }
    50% {
        box-shadow: 0 0 0 12px rgba(7, 171, 106, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(7, 171, 106, 0);
    }
}
.home-about-desc { position: relative; z-index: 4; max-width: 740px; margin-top: 46px; color: #69737a; font-size: 16px; line-height: 2; }
.home-about-desc a {margin-left: 10px; color: var(--green);transition: letter-spacing .25s;}
.home-about-desc a:hover {letter-spacing: 2px;}
.home-about-desc p { margin-bottom: 20px; }
.home-about-data { position: relative; z-index: 4; margin-top: 100px; padding-bottom: 170px; display: flex; flex-wrap: wrap; max-width: 490px; }
.home-about-data li { width: 50%; margin-bottom: 60px; }
.home-about-data li:nth-child(3), .home-about-data li:nth-child(4) { margin-bottom: 0; }
.home-about-data .num { font-family: DIN-Medium; color: var(--green); font-size: 90px; line-height: 0.75; display: flex; align-items: flex-start; }
.home-about-data .num sup { margin-left: 10px; line-height: 0; font-family: DIN-Medium; font-size: 72px; margin-top: 10px; }
.home-about-data .num sup em { font-size: 38px; font-style: normal; font-weight: bold; }
.home-about-data .lab { margin-top: 18px; color: var(--green); font-size: 16px; padding-left: 5px; }
.home-product { padding: 74px 0 70px; background: #fff; }
.home-product .home-product-top { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 36px; }
.home-product-grid { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 10px; }
.home-prod-big { position: relative; border-radius: 10px; overflow: hidden; }
.home-prod-big img { height: 100%; width: 100%; object-fit: cover; }
.home-prod-big .info { position: absolute; left: 8%; top: 10%; z-index: 2; }
.home-prod-big .info h3 { font-size: 42px; color: #1a1a1a; font-weight: bold; line-height: 1.2; }
.home-prod-big .info .en { margin-top: 8px; font-size: 16px; color: #9a9fa4; text-transform: uppercase; }
.home-prod-big .btns { position: absolute; left: calc(8% - 10px); bottom: 40px; z-index: 2; display: flex; opacity: 0; transition: .25s; transform: translateY(10px); }
.home-prod-big:hover .btns { opacity: 1; transform: translateY(0); }
.home-product-grid2 { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 10px; margin-top: 10px; }
.home-prod-sm { position: relative; height: 395px; border-radius: 10px; padding: 35px 40px; background: url(../images/index/product-cate-bg.jpg) no-repeat center; background-size: cover; overflow: hidden; }
.home-prod-sm .info { position: absolute; left: 40px; top: 40px; z-index: 2; }
.home-prod-sm h3 { font-size: 28px; color: #2c2c2c; font-weight: bold; }
.home-prod-sm .en { margin-top: 6px; font-size: 16px; color: #9a9fa4; text-transform: uppercase; }
.home-prod-sm img { position: absolute; left: 50%; bottom: 55px; transform: translateX(-50%); max-height: 200px; width: auto; transition: .3s; }
.home-prod-sm:hover img { transform: translateX(-50%) scale(1.05); }
.home-scene { background: #fff; padding-top: 70px; }
.home-scene .home-scene-top { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 34px; }
.home-scene .container { position: relative; }
.home-scene-body { position: relative; padding: 100px 0 100px; overflow: hidden; background: #18848a url("../images/index/scene-bg.jpg") no-repeat center/cover; }
.home-scene-body:before { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; background: rgba(20, 128, 134, .55); }
.home-scene-inner { position: relative; z-index: 2; display: flex; align-items: stretch; }
.home-scene-left { position: relative; flex: 1; margin-right: 16px; min-width: 0; }
.home-scene-left .swiper-container { width: 100%; border-radius: 20px; overflow: hidden; }
.home-scene-left .swiper-slide { position: relative; background: #dfe4e6; border-radius: 20px; overflow: hidden; }
.home-scene-left .swiper-slide>img { display: block; width: 100%; height: auto; }
.home-scene-left .swiper-slide .cap { position: absolute; left: 75px; top: 65px; z-index: 2; }
.home-scene-left .swiper-slide .cap h3 { font-size: 42px; color: #1a1a1a; font-weight: bold; line-height: 1.25; }
.home-scene-left .swiper-slide .cap .en { font-size: 18px; color: #47525d; text-transform: uppercase; font-family: SourceHanSerifCN-Medium; }
.home-scene-left .swiper-slide .brands { position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; padding: 0 8%; height: 130px; display: flex; align-items: center; justify-content: space-between; background-color: rgba(13, 42, 48, .6); }
.home-scene-left .swiper-slide .brands span { margin-right: 36px; font-weight: bold; color: #3a4046; font-style: italic; opacity: .85; }
.home-scene-tiles { flex: 0 0 485px; display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: repeat(3, 1fr); grid-gap: 16px; }
.home-scene-tiles a { display: flex; flex-direction: column; align-items: center; justify-content: center; background: #fff; border-radius: 10px; padding: 14px 6px; text-align: center; transition: box-shadow .25s, transform .25s; color: #47525d; cursor: pointer; transition: .25s; }
.home-scene-tiles a .ic { width: 80px; height: 80px; margin-bottom: 18px; background-repeat: no-repeat; background-position: 0; background-size: 160px; transition: .25s; }
.home-scene-tiles a span { font-size: 18px; }
.home-scene-tiles a:hover { color: var(--green); box-shadow: 0 10px 26px rgba(0, 0, 0, .12); }
.home-scene-tiles a.active { color: var(--green); }
.home-scene-tiles a.active .ic { background-position: -80px; }
.home-honor { text-align: center; height: 1220px; position: relative; background: #fafafa; }
.home-honor .info { position: absolute; z-index: 2; top: 90px; left: 0; width: 100%; }
.home-honor-divider { display: flex; align-items: center; justify-content: center; margin: 30px auto 6px; max-width: 760px; }
.home-honor-divider .line { flex: 1; height: 1px; background: linear-gradient(90deg, rgba(8, 160, 107, 0), rgba(8, 160, 107, .4)); }
.home-honor-divider .line.r { background: linear-gradient(90deg, rgba(8, 160, 107, .4), rgba(8, 160, 107, 0)); }
.home-honor-divider span { padding: 0 18px; color: var(--text-sub); font-size: 15px; }
.home-honor-pic { height: 100%; }
.home-honor-pic img { width: 100%; height: 100%; object-fit: cover; }
.home-honor-logos { position: absolute; z-index: 2; left: 0; width: 100%; bottom: 98px; }
.home-honor-logos ul { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.home-honor-logos li { display: flex; align-items: center; }
.home-network { position: relative; overflow: hidden; background: #eef0f4 url("../images/index/network-bg2.jpg") no-repeat center/cover; padding: 30px 0; }
.home-network-stage { position: relative; width: 100%; max-width: 1920px; margin: 0 auto; padding-top: 54.79%; }
.home-network-stage>* { position: absolute; }
.home-network-globe { left: 42.5%; top: 15%; width: 40%; z-index: 1; }
.home-network-globe img { width: 100%; }
.home-network-dot { width: 1.4%; padding-top: 1.4%; z-index: 3; transform: translate(-50%, -50%); }
.home-network-dot i { position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; width: 42%; height: 42%; border-radius: 50%; background: #27c07a; box-shadow: 0 0 .3vw .15vw rgba(39, 192, 122, .4); }
.home-network-dot:before { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; border-radius: 50%; background: rgba(39, 192, 122, .45); -webkit-animation: netPulse 2s ease-out infinite; animation: netPulse 2s ease-out infinite; }
.home-network-dot.d1 { left: 62.4%; top: 40.5%; }
.home-network-dot.d2 { left: 66.2%; top: 48.5%; }
.home-network-dot.d3 { left: 60.5%; top: 57%; }
.home-network-dot.d2:before { -webkit-animation-delay: .6s; animation-delay: .6s; }
.home-network-dot.d3:before { -webkit-animation-delay: 1.2s; animation-delay: 1.2s; }
@-webkit-keyframes netPulse {
    0% { transform: scale(.4); opacity: .8; }
    100% { transform: scale(2); opacity: 0; }
}
@keyframes netPulse {
    0% { transform: scale(.4); opacity: .8; }
    100% { transform: scale(2); opacity: 0; }
}
.home-network-lines { left: 0; top: 0; width: 100%; height: 100%; z-index: 2; }
.home-network-head { left: 9%; top: 33%; z-index: 4; width: 34%; }
.home-network-head .cn { position: relative; display: inline-block; font-size: 60px; font-weight: bold; color: var(--green); line-height: 1; letter-spacing: 1px; }
.home-network-head .cn:after { content: ""; position: absolute; right: -1.2vw; top: -.1vw; width: .7vw; height: .7vw; border: 2px solid var(--green); border-radius: 50%; }
.home-network-head .en { display: flex; align-items: center; margin-top: 22px; font-size: 24px; line-height: 1; font-weight: bold; color: rgba(26, 26, 26, .1); text-transform: uppercase; }
.home-network-head .en .chev { display: inline-block; width: 38px; height: 14px; margin-right: 10px; flex: 0 0 auto; background: url(../images/common/icon-tit.png) no-repeat center/contain; }
.home-network-head .desc { margin-top: 35px; font-size: 28px; color: #1a1a1a; line-height: 1.45; }
.home-network-head .uline { position: relative; height: 1px; width: 262px; margin-top: 35px; background: rgba(26, 26, 26, .1); }
.home-network-head .uline:after { content: ""; position: absolute; right: -25px; top: -7px; width: 13px; height: 13px; border: 1px solid #c8cfc8; border-radius: 50%; }
.home-network-num { z-index: 4; }
.home-network-num .num { font-family: DIN-Medium; color: var(--green); font-size: 6vw; line-height: 1; display: flex; align-items: flex-start; }
.home-network-num .num sup { font-size: 2.1vw; margin-left: 2px; line-height: 1.2; }
.home-network-num .lab { font-size: .84vw; color: #5a6168; white-space: nowrap; margin-top: 2.1vw; margin-left: .1vw; }
.home-network-num.s27 { left: 40.6%; top: 15.5%; }
.home-network-num.s23 { left: 34.8%; top: 68%; }
.home-network-num.s30 { left: 84.2%; top: 57%; }
.home-network-map-trigger { position: relative; display: block; margin: 0; padding: 0; border: 0; outline: 0; background: transparent; color: inherit; font: inherit; cursor: pointer; }
.home-network-map-trigger .num { position: relative; z-index: 2; }
.home-network-map-trigger:focus .home-network-map-ring,
.home-network-map-trigger:hover .home-network-map-ring { box-shadow: 0 0 0 .4vw rgba(195, 48, 55, .07); }
.home-network-map-ring { position: absolute; z-index: 1; left: 50%; top: 50%; width: 9.5vw; height: 9.5vw; max-width: 182px; max-height: 182px; min-width: 122px; min-height: 122px; border-radius: 50%; background: rgba(195, 48, 55, .065); transform: translate(-50%, -50%); transition: box-shadow .3s ease, background .3s ease; pointer-events: none; display: none;}
.home-network-map-ring:after { content: ""; position: absolute; z-index: 2; left: 2%; top: 2%; right: 2%; bottom: 2%; box-sizing: border-box; border: 2px dashed rgba(195, 48, 55, .48); border-radius: 50%; -webkit-animation: homeNetworkRingSpin 14s linear infinite; animation: homeNetworkRingSpin 14s linear infinite; }
.home-network-map-ring i { display: none; }
.home-network-map-trigger:hover .home-network-map-ring { background: rgba(195, 48, 55, .085); }
@-webkit-keyframes homeNetworkRingSpin {
    from { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes homeNetworkRingSpin {
    from { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
.home-network-num.s27 .num { transition: color .25s ease, transform .25s ease; }
.home-network-map-label { display: block; padding: 0; border: 0; outline: 0; background: transparent; font-family: inherit; line-height: inherit; text-align: left; cursor: pointer; }
.home-network-map-hint { display: inline-flex; align-items: center; justify-content: center; height: 30px; margin-top: 10px; padding: 0 13px; border: 1px solid rgba(0, 168, 112, .42); border-radius: 16px; background: rgba(255, 255, 255, .76); color: #008f61; font-size: 13px; line-height: 28px; white-space: nowrap; cursor: pointer; transition: color .25s ease, background .25s ease, border-color .25s ease, box-shadow .25s ease; }
.home-network-map-hint i { display: inline-block; margin-left: 7px; font-family: Arial, sans-serif; font-style: normal; font-size: 16px; line-height: 1; }
.home-network-num.s27.visible .home-network-map-hint { -webkit-animation: homeNetworkHintIn .5s ease .7s both; animation: homeNetworkHintIn .5s ease .7s both; }
.home-network-num.s27.visible .home-network-map-hint i { -webkit-animation: homeNetworkHintArrow .38s ease 1.25s 4 alternate; animation: homeNetworkHintArrow .38s ease 1.25s 4 alternate; }
.home-network-map-hint:hover,
.home-network-map-hint:focus { border-color: #00a870; outline: 0; background: #00a870; color: #fff; box-shadow: 0 7px 18px rgba(0, 168, 112, .18); }
.home-network-map-preview { position: absolute; z-index: 20; left: calc(100% + 26px); top: -60px; display: block; width: 330px; margin: 0; padding: 10px; border: 1px solid rgba(0, 168, 112, .16); border-radius: 12px; outline: 0; background: #fff; box-shadow: 0 18px 50px rgba(34, 63, 53, .2); opacity: 0; visibility: hidden; transform: translateX(-10px) scale(.97); transform-origin: left center; cursor: zoom-in; transition: opacity .24s ease, visibility .24s ease, transform .24s ease; }
.home-network-map-preview:before { content: ""; position: absolute; right: 100%; top: 0; width: 27px; height: 100%; }
.home-network-map-preview:after { content: ""; position: absolute; right: 100%; top: 88px; width: 0; height: 0; border-top: 9px solid transparent; border-bottom: 9px solid transparent; border-right: 10px solid #fff; }
.home-network-map-preview-head { display: flex; align-items: center; justify-content: space-between; padding: 5px 5px 11px; text-align: left; }
.home-network-map-preview-head b { color: #25332e; font-size: 16px; font-weight: bold; line-height: 1.3; }
.home-network-map-preview-head em { color: #00a870; font-size: 12px; font-style: normal; line-height: 1.3; }
.home-network-map-preview-pic { display: block; overflow: hidden; border-radius: 7px; background: #f5f7f6; }
.home-network-map-preview-pic img { display: block; width: 100%; height: auto; }
@media (min-width:993px) {
    .home-network-num.s27:hover .num,
    .home-network-num.s27.is-keyboard-focus .num { transform: translateY(-2px); }
    .home-network-num.s27:hover .home-network-map-preview,
    .home-network-num.s27.is-keyboard-focus .home-network-map-preview { opacity: 1; visibility: visible; transform: translateX(0) scale(1); }
}
@-webkit-keyframes homeNetworkHintIn {
    0% { opacity: 0; -webkit-transform: translateY(8px); transform: translateY(8px); }
    100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
}
@keyframes homeNetworkHintIn {
    0% { opacity: 0; -webkit-transform: translateY(8px); transform: translateY(8px); }
    100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
}
@-webkit-keyframes homeNetworkHintArrow {
    from { -webkit-transform: translateX(0); transform: translateX(0); }
    to { -webkit-transform: translateX(4px); transform: translateX(4px); }
}
@keyframes homeNetworkHintArrow {
    from { -webkit-transform: translateX(0); transform: translateX(0); }
    to { -webkit-transform: translateX(4px); transform: translateX(4px); }
}
.home-network-map-modal { position: fixed; z-index: 10020; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; padding: 54px 24px 24px; box-sizing: border-box; opacity: 0; visibility: hidden; transition: opacity .3s ease, visibility .3s ease; }
.home-network-map-modal.show { opacity: 1; visibility: visible; }
.home-network-map-overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(8, 17, 14, .82); cursor: pointer; }
.home-network-map-dialog { position: relative; z-index: 1; width: auto; max-width: 92vw; max-height: calc(100vh - 78px); background: #fff; box-shadow: 0 18px 60px rgba(0, 0, 0, .28); transform: scale(.94); transition: transform .3s ease; }
.home-network-map-dialog .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }
.home-network-map-modal.show .home-network-map-dialog { transform: scale(1); }
.home-network-map-dialog img { display: block; width: auto; max-width: 100%; max-height: calc(100vh - 78px); height: auto; }
.home-network-map-close { position: absolute; right: -2px; top: -46px; width: 40px; height: 40px; padding: 0; border: 0; background: transparent; color: #fff; font-size: 38px; font-family: Arial, sans-serif; line-height: 40px; text-align: center; cursor: pointer; transition: transform .25s ease; }
.home-network-map-close:hover { transform: rotate(90deg); }
.home-network-map-close:focus { outline: 1px solid rgba(255, 255, 255, .8); }
body.home-network-map-open { overflow: hidden; }
body.home-network-map-open .footer-consult-bar { visibility: hidden; }
.home-news { padding: 100px 0 100px; background: #fff; }
.home-news-top h2 { font-size: 60px; color: #231815; font-weight: bold; line-height: 1; }
.home-news-tabs { margin-top: 45px; display: flex; margin-right: 64px; }
.home-news-tabs li { margin-right: 40px; font-size: 18px; color: #47525d; cursor: pointer; transition: color .25s; }
.home-news-tabs li:hover, .home-news-tabs li.active { color: var(--green); }
.home-news-panel~.home-news-panel { display: none; }
.home-news-feature { display: flex; margin: 40px 0 60px; position: relative; }
.home-news-feature .left { width: 44.5%; min-width: 0; }
.home-news-feature .left h3 { font-size: 32px; color: #231815; line-height: 1.25; font-weight: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; height: 80px; transition: .25s}
.home-news-feature .left>a:hover h3 {color: var(--green);}
.home-news-feature .left .sum { margin-top: 24px; color: #808080; line-height: 1.85; font-size: 15px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; height: 56px; }
.home-news-feature .left .meta { margin-top: 50px; padding-top: 26px; border-top: 1px solid #ededed; display: flex; align-items: center; justify-content: space-between; line-height: 1.2; }
.home-news-feature .left .meta .more { color: var(--orange); font-size: 18px; transition: .25s; }
.home-news-feature .left .meta .more:hover { letter-spacing: 2px; }
.home-news-feature .left .meta .more span { margin-left: 8px; }
.home-news-feature .left .meta .date { color: #47525d; font-size: 18px; }
.home-news-feature .pic { position: absolute; right: 0; top: -175px; width: 49%; height: 457px; border-radius: 20px; overflow: hidden; border: 1px solid #eee; }
.home-news-feature .pic img { width: 100%; height: 100%; object-fit: cover; display: block; }
.home-news-list { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 20px; }
.home-news-list li { border: 1px solid #c7cdd4; border-radius: 10px; padding: 32px 32px; transition: box-shadow .25s, border-color .25s; cursor: pointer; }
.home-news-list li h4 { height: 64px; font-size: 20px; color: #333; line-height: 1.6; font-weight: normal; transition: color .25s; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; min-height: 58px; }
.home-news-list li .date { margin-top: 35px; color: #47525d; font-size: 18px; }
.home-news-list li:hover { box-shadow: 0 12px 30px rgba(0, 0, 0, .08); }
.home-news-list li:hover h4 { color: var(--green); }
@media (max-width:1706px) {
    .home-about { padding: 110px 0 0; }
    .home-about-img { width: 95%; max-width: 1100px; right: 60px; }
    .home-about-since { width: 650px; height: 325px; right: 100px; top: 200px; }
    .home-about-head .ani-play { right: 90px; }
    .home-product-grid { grid-gap: 14px; }
    .home-product-grid2 { grid-gap: 14px; }
    .home-scene-tiles { flex: 0 0 460px; }
    .home-news-list { grid-gap: 24px; }
}
@media (max-width:1536px) {
    .home-about { padding: 100px 0 0; }
    .home-about-img { width: 90%; max-width: 1000px; right: 50px; }
    .home-about-since { width: 600px; height: 300px; right: 80px; top: 180px; }
    .home-about-head .ani-play {right: 90px;}
    .home-about-head .play {  height: 54px; font-size: 17px; }
    .home-about-data .num { font-size: 80px; }
    .home-about-data .num sup { font-size: 64px; }
    .home-product-grid { grid-gap: 12px; }
    .home-product-grid2 { grid-gap: 12px; }
    .home-prod-big .info h3 { font-size: 38px; }
    .home-prod-sm h3 { font-size: 26px; }
    .home-scene-tiles { flex: 0 0 440px; }
    .home-honor { height: auto; min-height: 1000px; padding: 100px 0; }
    .home-network-head .cn { font-size: 58px; }
    .home-news-list { grid-gap: 22px; }
}
@media (max-width:1400px) {
    .home-about-since b { font-size: 130px; }
    .home-about-since span { font-size: 155px; }
    .home-about-since { right: 120px; width: 500px; }
}
@media (max-width:1200px) {
    .home-about-img { width: 62%; opacity: .6; }
    .home-about-since b { font-size: 100px; }
    .home-about-since span { font-size: 120px; }
    .home-scene-tiles { flex: 0 0 420px; }
}
@media (max-width:1280px) {
    .home-banner .swiper-slide { height: 80vh; }
    .home-banner-text { top: 120px; }
    .home-about { padding: 80px 0 0; }
    .home-about-img { width: 75%; opacity: 0.7; right: 40px; }
    .home-about-since { width: 500px; height: 250px; right: 60px; top: 160px; }
    .home-about-head .play { height: 50px; font-size: 16px; }
    .home-about-head .play i { width: 38px; height: 38px; }
    .home-about-data { margin-top: 80px; padding-bottom: 140px; }
    .home-about-data .num { font-size: 70px; }
    .home-about-data .num sup { font-size: 56px; }
    .home-about-data .num sup em { font-size: 32px; }
    .home-about-data .lab { font-size: 15px; }
    .home-about-desc { font-size: 15px; max-width: 680px; }
    .home-product-grid { grid-gap: 10px; }
    .home-product-grid2 { grid-gap: 10px; }
    .home-prod-big .info h3 { font-size: 36px; }
    .home-prod-sm h3 { font-size: 24px; }
    .home-prod-sm { height: 360px; }
    .home-scene-tiles { flex: 0 0 400px; }
    .home-scene-tiles a { padding: 32px 10px; }
    .home-scene-tiles a .ic { width: 58px; height: 58px; }
    .home-scene-tiles a span { font-size: 16px; }
    .home-honor { height: auto; min-height: 900px; padding: 80px 0; }
    .home-honor-head .cn { font-size: 52px; }
    .home-honor-logos li { width: 20%; }
    .home-network-head .cn { font-size: 52px; }
    .home-network-stage { padding-top: 50%; }
    .home-news-list { grid-gap: 18px; }
    .home-news-list li { padding: 28px; }
}
@media (max-width:992px) {
    .home-banner .swiper-slide { height: 440px; }
    .home-banner-text { top: 90px; }
    .home-banner-text .tit { font-size: 30px; }
    .home-banner-text .sub { font-size: 14px; }
    .home-about { display: flex; flex-direction: column; padding-top: 46px; min-height: 0; }
    .home-about-bar { display: none; }
    .home-about-since { display: none; }
    .home-about .container { order: 1; }
    .home-about-img { order: 2; position: static; width: 100%; max-width: none; margin-top: 28px; }
    .home-about-head .ani-play {right: 0; }
    .home-about-head .play { height: 46px; font-size: 14px; }
    .home-about-head .play i { width: 34px; height: 34px; margin-right: 10px; }
    .home-about-desc { font-size: 14px; margin-top: 24px; max-width: none; }
    .home-about-data { padding-bottom: 34px; max-width: none; }
    .home-about-data .num { font-size: 46px; }
    .home-about-data .num sup { font-size: 22px; }
    .home-product-grid { grid-template-columns: 1fr; }
    .home-product-grid2 { grid-template-columns: repeat(2, 1fr); }
    .home-prod-big .info { left: 4%; top: 5%; }
    .home-prod-big .info h3 { font-size: 24px; }
    .home-prod-sm { height: 395px; padding: 20px 20px; }
    .home-scene-inner { display: block; }
    .home-scene-left { margin-right: 0; margin-bottom: 16px; }
    .home-scene-left .swiper-slide .cap { left: 35px; top: 35px; }
    .home-scene-left .swiper-slide .cap h3 { font-size: 24px; }
    .home-scene-tiles { flex: none; }
    .home-network { padding: 50px 0; overflow: hidden; }
    .home-network-stage { padding-top: 0; max-width: none; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; padding-left: 16px; padding-right: 16px; }
    .home-network-stage>* { position: static; }
    .home-network-lines, .home-network-dot { display: none; }
    .home-network-head { order: 1; width: 100%; text-align: center; margin-bottom: 6px; }
    .home-network-head .cn { font-size: 28px; }
    .home-network-head .cn:after { width: 11px; height: 11px; right: -18px; top: 0; }
    .home-network-head .en { justify-content: center; font-size: 16px; margin-top: 10px; }
    .home-network-head .en .chev { width: 36px; height: 12px; margin-right: 10px; }
    .home-network-head .desc { font-size: 15px; margin-top: 14px; }
    .home-network-head .uline { display: none; }
    .home-network-globe { order: 2; width: 100%; max-width: 80%; margin: 30px auto 30px; }
    .home-network-num { order: 3; width: 33.33%; text-align: center; margin-top: 18px; }
    .home-network-num .num { font-size: 40px; justify-content: center; }
    .home-network-num .num sup { font-size: 18px; }
    .home-network-num .lab { font-size: 12px; margin-top: 8px; white-space: normal; }
    .home-network-map-ring { width: 84px; height: 84px; min-width: 0; min-height: 0; }
    .home-network-map-trigger { margin-left: auto; margin-right: auto; }
    .home-network-num.s27 .lab { margin: 18px auto 0; text-align: center; }
    .home-network-map-hint { height: 27px; margin-top: 8px; padding: 0 9px; border-radius: 14px; font-size: 11px; line-height: 25px; }
    .home-network-map-hint i { margin-left: 5px; font-size: 14px; }
    .home-network-map-preview { display: none; }
    .home-honor { height: auto !important; min-height: 700px; padding: 60px 0; overflow: hidden; }
    .home-honor .info { position: static; padding: 0 20px; }
    .home-honor-logos { position: static; margin-top: 40px; /*padding: 0 20px; */ }
    .home-honor-logos ul { justify-content: center; }
    .home-honor-logos li { width: 33.33%; justify-content: center; margin-bottom: 20px; }
    .home-honor-pic { margin-top: -30px;/* display: none; */ }
    .home-news { padding: 50px 0; }
    .home-news-feature { display: flex; flex-direction: column-reverse; margin: 40px 0 40px; }
    .home-news-feature .left { margin-top: 24px; width: 100%; }
    .home-news-feature .left .meta { margin-top: 20px; padding-top: 20px; }
    .home-news-feature .pic { width: 100%; position: static; height: 412px; }
    .home-news-list { grid-template-columns: 1fr 1fr; }
    .home-news-top h2 { font-size: 28px; }
    .home-news-tabs { margin-top: 35px; margin-right: 0; }
    .home-news-feature .left h3 { font-size: 22px; height: auto; }
    .home-news-feature .left .sum { margin-top: 15px; line-height: 1.75; font-size: 14px; height: auto; }
    .home-news-feature .left .meta { margin-top: 15px; padding-top: 15px; }
    .home-news-feature .left .meta .more, .home-news-feature .left .meta .date { font-size: 14px; }
    .home-news-list li { padding: 20px; }
    .home-news-list li h4 { height: auto; font-size: 16px; min-height: auto; }
    .home-news-list li .date { margin-top: 20px; font-size: 14px; }
}
@media (max-width:640px) {
    .home-banner .swiper-slide { height: auto; }
    .home-banner-text .tit { font-size: 26px; }
    .home-banner .home-banner-pager { bottom: 10px; }
    .home-banner .swiper-pagination-bullet { width: 8px; height: 8px; margin: 0 4px; border-radius: 4px; }
    .home-banner .swiper-pagination-bullet-active { width: 24px; }
    .home-about { padding-top: 50px; min-height: 0; overflow: hidden; }
    .home-about-head .ani-play { position: static; margin-top: 18px;}
    .home-about-head .play { height: 42px; padding: 0 20px 0 5px;}
    .home-about-img { margin-top: 20px; }
    .home-about-data li { width: 50%; margin-bottom: 24px; }
    .home-about-data .num { font-size: 38px; }
    .home-about-data .num sup { font-size: 18px; }
    .home-about-data .lab { font-size: 13px; }
    .home-about-since { display: none; }
    .sec-head-top { margin-bottom: 40px; }
    .home-about-data { margin-top: 60px; }
    .home-product-grid2 {grid-gap: 10px; }
    .home-prod-sm img { position: static; transform: none; max-height: 140px; display: block; margin: 0 auto; margin-top: 20px; }
    .home-prod-big .info { left: 20px; top: 20px; }
    .home-prod-big .info h3 { font-size: 20px; }
    .home-prod-big .info .en { font-size: 10px; margin-top: 4px; }
    .home-prod-sm { height: auto; padding: 20px 18px; }
    .home-prod-sm h3 { font-size: 18px; line-height: 1.2; }
    .home-prod-sm .en { font-size: 10px; margin-top: 4px; }
    .home-scene-body { padding: 45px 0 50px; }
    .home-scene-tiles { grid-template-columns: 1fr 1fr; grid-gap: 12px; }
    .home-scene-tiles a { padding: 22px 6px 20px; }
    .home-scene-tiles a .ic { width: 42px; height: 42px; margin-bottom: 10px; background-size: 84px; }
    .home-scene-tiles a.active .ic { background-position: -42px; }
    .home-scene-tiles a span { font-size: 14px; }
    .home-scene-left .swiper-slide .cap { left: 20px; top: 20px; }
    .home-scene-left .swiper-slide .cap h3 { font-size: 20px; }
    .home-scene-left .swiper-slide .brands { padding: 0 4%; height: 60px; }
    .home-scene-left .swiper-slide .brands img { height: 20px; }
    .home-honor { height: auto !important; min-height: 500px; padding: 50px 0 40px; }
    .home-honor .info { padding: 0 16px; }
    .home-honor-head .cn { font-size: 30px; }
    .home-honor-logos { margin-top: 10px; }
    .home-honor-logos li { width: 33.3333%; margin-bottom: 16px; }
    .home-honor-logos li img { height: 50px; }
    .home-news-top { display: block; }
    .home-news-top h2 { font-size: 24px; }
    .home-news-tabs { margin-top: 20px; margin-left: 0; justify-content: space-between;}
    .home-news-tabs li { margin-right: 0; font-size: 15px; }
    .home-news-feature { margin: 30px 0 0; }
    .home-news-feature .pic { height: 230px; }
    .home-news-feature .left h3 { font-size: 18px; }
    .home-news-list { grid-template-columns: 1fr; display: none;}
    .home-product { padding: 50px 0 50px; overflow: hidden; }
    .home-prod-big .btns { display: none; }
    .home-scene { padding-top: 20px; }
    .home-network-num .lab { font-size: 11px; }
    .home-network-head .cn { font-size: 24px; }
    .home-network-head .cn:after { width: 6px; height: 6px; right: -15px; }
    .home-network-head .en { font-size: 13px; margin-top: 10px; }
    .home-network-head .en .chev { width: 30px; height: 10px; margin-right: 6px; }
    .home-network-map-modal { padding: 48px 12px 12px; }
    .home-network-map-dialog { max-width: 100%; max-height: calc(100vh - 60px); }
    .home-network-map-dialog img { max-height: calc(100vh - 60px); }
    .home-network-map-close { top: -42px; right: 0; width: 36px; height: 36px; font-size: 34px; line-height: 36px; }
}
@media (prefers-reduced-motion: reduce) {
    .home-network-map-ring:after, .home-network-map-ring i { -webkit-animation: none; animation: none; }
    .home-network-num.s27.visible .home-network-map-hint,
    .home-network-num.s27.visible .home-network-map-hint i { opacity: 1; transform: none; -webkit-animation: none; animation: none; }
    .home-network-num.s27 .num, .home-network-map-hint, .home-network-map-preview { transition: none; }
    .home-network-map-modal, .home-network-map-dialog { transition: none; }
}
.ny-banner { position: relative; overflow: hidden; }
.ny-banner .ny-banner-text { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 2; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding-top: 90px; }
.ny-banner-text .tit { font-size: 72px; font-weight: bold; color: #1a1a1a; line-height: 1.2; font-family: var(--font-big); }
.ny-banner-text .sub { margin-top: 32px; font-size: 32px; color: #1a1a1a; letter-spacing: 32px; }
.ny-banner-text .en { margin-top: 15px; font-size: 16px; color: #47525d; }
.ny-banner-text .com-btn { margin-top: 70px; }
.ny-banner-cc .ny-banner-text { padding-top: 50px }
.ny-banner-full { height: 100vh; }
.ny-banner-full .ny-banner-text { padding-top: 20vh; padding-bottom: 13vh; justify-content: space-between; }

/* ==================== 产品详情页样式 ==================== */
.pd-crumb { display: flex; align-items: center; justify-content: space-between; padding: 40px 0 0; }
.pd-crumb .nav { display: flex; align-items: center; font-size: 15px; color: #93959b; }
.pd-crumb .nav i { display: inline-block; width: 6px; height: 6px; background-color: #949eb6; margin-right: 5px; border-radius: 50%; }
.pd-crumb .nav a { color: #9aa0a6; transition: color .2s; margin: 0 5px; }
.pd-crumb .nav span.sep { margin: 0 9px; color: #c4cacd; font-family: cursive; }
.pd-crumb .nav a:hover, .pd-crumb .nav .active { color: #47525d; }
.pd-crumb .nav .active br { display: none; }
.pd-crumb .back { display: flex; align-items: center; font-size: 16px; color: #47525d; line-height: 1; }
.pd-crumb .back i { font-size: 18px; margin-right: 10px; color: #47525d; }
.pd-crumb .back:hover { color: var(--green); }
.ny-subnav { display: flex; border-bottom: 1px solid #d9d9d9; padding: 30px 0 20px 20px; }
.ny-subnav a { position: relative; display: flex; align-items: center; height: 50px; margin-right: 60px; font-size: 18px; color: #1a1a1a; cursor: pointer; transition: color .2s; }
.ny-subnav a:before { content: ""; width: 6px; height: 6px; margin-right: 13px; border-radius: 50%; background: transparent; transition: background .2s; }
.ny-subnav a:hover { color: var(--green); }
.ny-subnav a.active { color: var(--green); }
.ny-subnav a.active:before { background: var(--green); }
.ny-title { position: relative; text-align: center; margin-bottom: 50px; overflow: hidden; padding-bottom: 15px; }
.ny-title .t { position: relative; z-index: 2; font-size: 60px; font-weight: bold; color: var(--green); line-height: 1.2; }
.ny-title .en { position: absolute; left: 50%; top: 55px; transform: translateX(-50%); z-index: 1; font-size: 24px; font-weight: bold; color: #1a1a1a; opacity: .1; text-transform: uppercase; white-space: nowrap; }
.ny-title .div { position: relative; z-index: 2; display: flex; align-items: center; justify-content: center; margin: 30px 0 25px; }
.ny-title .div .ln { width: 305px; height: 1px; background: #7e9bb0; }
.ny-title .div .dot { width: 13px; height: 13px; margin: 0 18px; border: 1px solid #7e9bb0; border-radius: 50%; flex: 0 0 auto; }
.ny-title .div .cv { width: 38px; height: 14px; margin: 0 13px; background: url(../images/common/icon-tit2.png) no-repeat center/contain; }
.ny-title .div .cv.r { transform: rotateY(180deg); }
.ny-title .sub { position: relative; z-index: 2; font-size: 28px; color: #1a1a1a; line-height: 1.3; }
.com-more-md { text-align: center; }
.com-more-md a { display: inline-flex; justify-content: space-between; align-items: center; width: 280px; height: 52px; padding: 5px 5px 5px 30px; background: #bdc2cd; color: #fff; border-radius: 26px; font-size: 18px; transition: .25s; }
.com-more-md a i { width: 42px; height: 42px; border-radius: 50%; font-size: 18px; background: #fff; color: #05a16c; display: flex; align-items: center; justify-content: center; }
.com-more-md a:hover { background: var(--green); color: #fff; width: 320px; }
.com-more-md a:hover i { }
.pl-cate-wrap { background: #fff; border-bottom: 1px solid #d9d9d9; }
.pl-cate { display: flex; }
.pl-cate a { position: relative; flex: 1; padding: 40px 6px 35px; text-align: center; color: #1a1a1a; transition: color .25s; }
.pl-cate a i { display: block; font-size: 48px; line-height: 1; margin: 0 auto 16px; font-weight: normal; }
.pl-cate a span { font-size: 18px; }
.pl-cate a:after { content: ""; position: absolute; left: 50%; bottom: -1px; width: 0; height: 2px; background: var(--green); transition: width .25s, left .25s; }
.pl-cate a:hover { color: var(--green); }
.pl-cate a.active { color: var(--green); font-weight: bold; }
.pl-cate a.active:after { width: 100%; left: 0; }
.pl-list { padding: 80px 0 130px; background: #fff; }
.pl-head { margin-bottom: 60px; }
.pl-head .t-line { display: flex; align-items: flex-end; line-height: 1; }
.pl-head .cn { position: relative; font-size: 60px; font-weight: bold; color: var(--green); line-height: 1; }
.pl-head .cn:after { content: ""; position: absolute; right: -36px; top: 0; width: 16px; height: 16px; border: 2px solid var(--green); border-radius: 50%; }
.pl-head .en { margin-left: 18px; font-size: 24px; font-weight: bold; opacity: .1; color: #1a1a1a; text-transform: uppercase; line-height: 1; margin-bottom: -3px; font-family: MiSans-Semibold; }
.pl-uline { position: relative; height: 1px; margin-top: 30px; background: #e8e8e8; }
.pl-uline .chev { position: absolute; left: 0; top: -7px; width: 52px; height: 14px; background: #fff url(../images/common/icon-tit.png) no-repeat left center/contain; }
.pl-uline:after { content: ""; position: absolute; right: 0; top: -8px; width: 12px; height: 12px; border: solid 2px #c8cfc8; border-radius: 50%; background: #fff; }
.pl-uline:before { content: ""; position: absolute; right: 12px; top: -8px; width: 12px; height: 12px; background: #fff; }

/* ==================== 产品列表页样式 ==================== */
.pl-grid { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 20px; margin-bottom: 60px; }
.pl-card { cursor: pointer; overflow: hidden; }
.pl-card .pic { position: relative; width: 100%; padding-top: 100%; border-radius: 10px; overflow: hidden; background: linear-gradient(160deg, #fbfcfd 0%, #eef2f6 100%); }
.pl-card .pic img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); max-width: 100%; max-height: 100%; transition: transform .3s; mix-blend-mode: multiply; }
.pl-card .info { padding: 20px 20px 30px 20px; }
.pl-card .info h3 { font-size: 24px; color: #2c2c2c; font-weight: normal; transition: color .25s; line-height: 1.2; }
.pl-card .info p { margin-top: 10px; font-size: 14px; color: #9a9fa4; }
.pl-card:hover .pic img { transform: translate(-50%, -50%) scale(1.06); }
.pl-card:hover .info h3 { color: var(--green); }
.pd-page { padding-top: 100px; background: #fff; border-bottom: 1px solid #ececec; }
.pd-top { display: flex; padding: 60px 0 80px; }
.pd-gallery { flex: 0 0 770px; display: flex; overflow: hidden; }
.pd-thumbs { flex: 0 0 100px; margin-right: 18px; overflow: hidden; }
.pd-thumbs-swiper { height: 660px; }
.pd-thumbs-swiper .swiper-wrapper { justify-content: center; }
.pd-thumbs-swiper .swiper-slide { width: 100px; height: 100px; box-sizing: border-box; border: 1px solid #dee8e7; border-radius: 5px; overflow: hidden; cursor: pointer; transition: border-color .2s; display: flex; align-items: center; justify-content: center; }
.pd-thumbs-swiper .swiper-slide img { max-width: 100%; max-height: 100%; }
.pd-thumbs-swiper .swiper-slide:hover, .pd-thumbs-swiper .swiper-slide-thumb-active { border-color: var(--green); }
.pd-main-img { flex: 1; height: 660px; border-radius: 10px; overflow: hidden; background: #fff; }
.pd-main-swiper { width: 100%; height: 100%; }
.pd-main-swiper .swiper-slide { display: flex; align-items: center; justify-content: center; }
.pd-main-swiper .swiper-slide img { max-width: 100%; max-height: 100%; user-select: none; -webkit-user-drag: none; pointer-events: none; }
.pd-info { flex: 1; padding-left: 100px; padding-top: 15px; }
.pd-info .model { font-size: 18px; color: var(--green); }
.pd-info .model b { font-weight: normal; }
.pd-info h1 { margin-bottom: 12px; font-size: 48px; font-weight: bold; color: #2c2c2c; line-height: 1.2; }
.pd-info .hr { height: 1px; background: #dee8e7; margin: 28px 0 35px; }
.pd-info .spec { font-size: 16px; color: #1a1a1a; line-height: 2; }
.pd-info .desc { margin-top: 22px; font-size: 14px; color: #47525d; line-height: 2; opacity: 0.8; }
.pd-info .btns { display: flex; margin-top: 80px; }
.pd-detail { padding: 75px 0 100px; }
.pd-sec-head { margin-bottom: 65px; }
.pd-sec-head .t { font-size: 48px; font-weight: bold; color: #1a1a1a; line-height: 1.2; }
.pd-body { display: flex; align-items: flex-start; }
.pd-main-col { flex: 1; min-width: 0; border: 1px solid #c7cdd4; border-radius: 10px; }
.pd-side { flex: 0 0 360px; margin-left: 44px; overflow: hidden;}
.pd-block { padding: 45px 55px 55px; border-bottom: 1px solid #c7cdd4; }
.pd-block:last-child { margin-bottom: 0; }
.pd-block-h { position: relative; font-size: 32px; font-weight: bold; color: #231815; line-height: 1; }
.pd-block-h:before { content: ""; position: absolute; left: -56px; top: 2px; width: 3px; height: 100%; background: var(--green); }
.pd-block .hr { height: 1px; background: #dee8e7; margin: 35px 0 38px; }
.pd-cont { font-size: 16px; line-height: 1.75; color: #47525d; }
.pd-cont p { margin-bottom: 10px; }
.pd-adv { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 15px 20px; }
.pd-adv li { display: flex; align-items: center; justify-content: space-between; height: 72px; padding: 0 30px; background: #f5f5f5; border-radius: 2px; font-size: 16px; color: #47525d; transition: .25s; position: relative;}

.pd-adv li:after {content:""; position: absolute; right: 30px; font-size: 24px; font-weight: bold; color: #d3d3d3; font-family: DIN-Medium; font-style: normal; transition: .25s; }
.pd-adv li:nth-child(1):after {content:"01";}
.pd-adv li:nth-child(2):after {content:"02";}
.pd-adv li:nth-child(3):after {content:"03";}
.pd-adv li:nth-child(4):after {content:"04";}
.pd-adv li:nth-child(5):after {content:"05";}
.pd-adv li:nth-child(6):after {content:"06";}
.pd-adv li .num { font-size: 24px; font-weight: bold; color: #d3d3d3; font-family: DIN-Medium; font-style: normal; transition: .25s; }
.pd-adv li:hover { background: var(--green); color: #fff; }
.pd-adv li:hover .num,
.pd-adv li:hover:after { color: rgba(255, 255, 255, .9); }
.pd-apps { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 40px 14px; }
.pd-app .pic { width: 100%; height: 217px; overflow: hidden; }
.pd-app .pic img { width: 100%; height: 100%; object-fit: cover; transition: transform .35s; }
.pd-app:hover .pic img { transform: scale(1.05); }
.pd-app .cap { text-align: center; margin-top: 15px; font-size: 18px; color: #47525d; }
.pd-help-list { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 20px 30px; margin-bottom: 50px; }
.pd-help-list li { position: relative; padding-left: 45px; font-size: 16px; color: #47525d; line-height: 22px; }
.pd-help-list li:before { content: "\e643"; position: absolute; left: 0; top: 1px; width: 20px; height: 20px; border-radius: 50%; background: var(--green); font-family: "iconfont"; font-size: 10px; display: flex; color: #fff; align-items: center; justify-content: center; }
.pd-form .pd-row { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 10px; }
.pd-form .fld { flex: 1; height: 65px; background: #f4f6f7; }
.pd-form .fld input { width: 100%; height: 100%; padding: 0 30px; font-size: 16px; color: #2b3138; background: #f5f5f5; }
.pd-form .fld input::placeholder { color: #a7adb2; }
.pd-form .area { margin-top: 10px; background: #f5f5f5; }
.pd-form .area textarea { width: 100%; height: 160px; padding: 18px 30px; font-size: 16px; color: #2b3138; resize: none; background: none; line-height: 1.7; }
.pd-form .area textarea::placeholder { color: #a7adb2; }
.pd-form .submit { margin-top: 30px; height: 65px; width: 320px; background: var(--green); color: #fff; font-size: 20px; border-radius: 5px; cursor: pointer; transition: background .25s; }
.pd-form .submit:hover { background: var(--green-dark); }
.pd-pager { display: flex; align-items: center; justify-content: space-between; font-size: 15px; color: #93959b; padding: 36px 55px; }
.pd-pager a { color: #47525d; transition: color .2s; width: 25%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.pd-pager a:hover { color: var(--green); }
.pd-pager .back { display: flex; align-items: center; line-height: 1; font-size: 16px; width: auto; }
.pd-pager .back i { font-size: 18px; margin-right: 10px; color: #47525d; }
.pd-side .side-h { font-size: 32px; font-weight: bold; color: #2b3138; line-height: 1.2; margin-bottom: 30px; }
.pd-rel { display: block; margin-bottom: 35px; overflow: hidden; }
.pd-rel .pic { position: relative; width: 100%; padding-top: 100%; border-radius: 10px; overflow: hidden; background: linear-gradient(160deg, #fbfcfd 0%, #eef2f5 100%); }
.pd-rel .pic img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); max-width: 100%; max-height: 100%; transition: transform .3s; mix-blend-mode: multiply; }
.pd-rel .name { text-align: center; margin-top: 18px; font-size: 20px; color: #2c2c2c; transition: color .25s; line-height: 1.2; }
.pd-rel .model { text-align: center; margin-top: 10px; font-size: 14px; color: #9a9fa4; }
.pd-rel:hover .pic img { transform: translate(-50%, -50%) scale(1.06); }
.pd-rel:hover .name { color: var(--green); }

/* ==================== 行业应用页样式 ==================== */
.ia-page { padding-top: 100px; background: #fff; }
.ia-head { text-align: center; margin-bottom: 80px; }
.ia-head .lbl { display: inline-flex; align-items: center; font-size: 24px; color: var(--green); line-height: 1; }
.ia-head .lbl:before, .ia-head .lbl:after { content: ''; width: 38px; height: 14px; margin: 0 28px; background: url(../images/common/icon-tit.png) no-repeat center/contain; }
.ia-head .lbl:after { transform: scaleX(-1); }
.ia-head .t { margin-top: 18px; font-size: 48px; font-weight: bold; color: #1a1a1a; line-height: 1.2; }
.ia-banner { position: relative; overflow: hidden; background-repeat: no-repeat; background-position: center; background-size: cover; background-color: #f5f5f5 }
.ia-banner .inner { position: relative; z-index: 2; padding-bottom: 42.70%; }
.ia-bn-text { position: absolute; top: 50%; transform: translateY(-46%); }
.ia-bn-text h1 { font-size: 65px; font-weight: bold; color: #1a1a1a; line-height: 1.28; font-family: var(--font-big); }
.ia-bn-text .sub { margin-top: 30px; font-size: 18px; color: #47525d; }
.ia-bn-text .btn { display: inline-flex; align-items: center; justify-content: space-between; width: 220px; height: 52px; padding: 5px 5px 5px 26px; margin-top: 95px; background: #fff; color: var(--green); border-radius: 26px; font-size: 18px; letter-spacing: 1px; box-shadow: 0 10px 30px rgba(0, 0, 0, .08); transition: .15s; }
.ia-bn-text .btn i { width: 44px; height: 44px; border-radius: 50%; background: var(--green); color: #fff; display: flex; align-items: center; justify-content: center; }
.ia-bn-text .btn:hover { box-shadow: 0 10px 30px rgba(0, 0, 0, .15); }
.ia-tabs-wrap { background: #fff; border-bottom: 1px solid #eef0f1; }
.ia-tabs { display: flex; justify-content: center; }
.ia-tabs a { position: relative; padding: 50px 50px 35px; text-align: center; color: #94969c; transition: color .25s; }
.ia-tabs a .ic { display: block; width: 33px; height: 33px; margin: 0 auto 10px; background-repeat: no-repeat; background-size: 66px; }
.ia-tabs a span { font-size: 18px; }
.ia-tabs a:hover { color: var(--green); }
.ia-tabs a.active { color: var(--green); }
.ia-tabs a.active .ic { background-position: -33px; filter: contrast(1.5); }
.ia-pain { padding: 100px 0 70px; }
.ia-pain-grid { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 20px; }
.ia-pain-card { position: relative; padding: 34px 34px 30px; border-radius: 10px; background: #f5f5f5; min-height: 320px; transition: box-shadow .25s, transform .25s, background .25s; }
.ia-pain-card .top { display: flex; align-items: flex-start; justify-content: space-between; }
.ia-pain-card h3 { font-size: 24px; font-weight: bold; color: #1a1a1a; transition: color .25s; line-height: 1.35; padding-top: 3px; }
.ia-pain-card .ico { height: 37px; flex: 0 0 auto; }
.ia-pain-card .ico img { width: 100%; height: 100%; object-fit: contain; }
.ia-pain-card p { margin-top: 45px; font-size: 15px; color: #47525d; opacity: .9; line-height: 1.95; }
.ia-pain-card .num { position: absolute; left: 40px; bottom: 28px; font-size: 36px; font-weight: bold; color: #47525d; opacity: .1; line-height: 1; font-family: DIN-Medium; }
.ia-pain-card-id9 h3 { padding-top: 0; }
.ia-pain-card-id9 p { margin-top: 25px; }
.ia-pain-card:hover { background: #fff; transform: translateY(-4px); box-shadow: 0px 0px 30px 0px rgba(119, 150, 138, 0.1); }
.ia-pain-card:hover h3 { color: var(--green); }
.ia-solu { padding: 50px 0 130px; }
.ia-solu { padding: 78px 0 84px; }
.ia-cap { display: flex; gap: 14px; height: var(--cap-h, 488px); }
.ia-cap-item { position: relative; flex: 1 1 0; min-width: 0; overflow: hidden; border: 1px solid #ebedef; border-radius: 14px; background: #fff; color: #2b3138; cursor: pointer; transition: flex-grow .5s cubic-bezier(.4, 0, .2, 1), background .4s ease, border-color .4s ease; }
.ia-cap-item.on { flex-grow: 3; border-color: transparent; color: #fff; background: linear-gradient(135deg, #10ad77 0%, #08a06b 100%); }
.cap-col, .cap-exp { position: absolute; inset: 0; box-sizing: border-box; }
.cap-col { padding: 46px 18px 30px; display: flex; flex-direction: column; align-items: center; text-align: center; opacity: 1; transition: opacity .3s ease; }
.cap-col .cap-cico { width: 90px; height: 90px; margin-bottom: 30px; flex: 0 0 auto; }
.cap-col .cap-tit { font-size: 24px; font-weight: bold; color: var(--green); line-height: 1.5; }
.cap-col .cap-ln { width: 1px; height: 105px; margin: 40px auto 0; background: #d3d5e3; }
.cap-col .cap-cno { margin-top: auto; font-size: 28px; font-family: DIN-Medium; font-weight: bold; color: #d2d2d2; }
@media (prefers-reduced-motion:reduce) {
    .cap-col, .cap-exp .cap-tico, .cap-exp .cap-lbl, .cap-exp .cap-big, .cap-exp .cap-desc, .cap-exp .cap-line, .cap-exp .cap-no { transition-duration: .001s !important; transition-delay: 0s !important; }
    .cap-exp .cap-tico, .cap-exp .cap-lbl, .cap-exp .cap-big, .cap-exp .cap-desc, .cap-exp .cap-line, .cap-exp .cap-no { transform: none !important; }
}
.ia-cap-item.on .cap-col { opacity: 0; pointer-events: none; }
.ia-cap-item.on .cap-col .cap-ln { display: none; }
.ia-cap-item .cap-tico, .ia-cap-item .cap-cico { background-repeat: no-repeat; background-size: 180px; }
.ia-cap-item.on .cap-exp .cap-tico { background-position: -90px; }
.cap-exp { padding: 56px 56px 50px; pointer-events: none; }
.ia-cap-item.on .cap-exp { pointer-events: auto; }
.cap-exp .cap-tico { position: absolute; right: 60px; top: 65px; width: 90px; height: 90px; color: #fff; }
.cap-exp .cap-tico svg { width: 100%; height: 100%; }
.cap-exp .cap-lbl { font-size: 24px; }
.cap-exp .cap-big { margin-top: 10px; font-size: 90px; font-family: DIN-Medium; line-height: 1; letter-spacing: -1px; white-space: nowrap; display: flex; align-items: center; }
.cap-exp .nonum { font-size: 60px; margin-top: 20px; font-weight: bold; }
.cap-exp .cap-big sup { font-size: 16px; font-weight: normal; margin-left: 14px; position: relative; top: -20px; }
.cap-exp .cap-big sup.two { top: 0; }
.cap-exp .cap-big sup span { display: flex; font-size: 46px; line-height: 1; margin-bottom: 5px; }
.cap-exp .cap-desc { position: absolute; left: 56px; right: 54px; bottom: 100px; font-size: 16px; line-height: 2; color: rgba(255, 255, 255, 1); }
.cap-exp .cap-line { position: absolute; left: 56px; right: 100px; bottom: 50px; height: 1px; background: rgba(255, 255, 255, .2); transform-origin: left center; }
.cap-exp .cap-no { position: absolute; right: 50px; bottom: 30px; font-size: 28px; font-family: DIN-Medium; font-weight: bold; }
.cap-exp .cap-tico, .cap-exp .cap-lbl, .cap-exp .cap-big, .cap-exp .cap-desc, .cap-exp .cap-no { opacity: 0; transform: translateY(14px); transition: opacity .5s ease, transform .6s cubic-bezier(.2, .7, .2, 1); }
.cap-exp .cap-line { opacity: 0; transform: scaleX(0); transition: opacity .4s ease, transform .6s cubic-bezier(.2, .7, .2, 1); }
.ia-cap-item.on .cap-exp .cap-lbl { opacity: .95; transform: none; transition-delay: .12s; }
.ia-cap-item.on .cap-exp .cap-tico { opacity: .92; transform: none; transition-delay: .16s; }
.ia-cap-item.on .cap-exp .cap-big { opacity: 1; transform: none; transition-delay: .20s; }
.ia-cap-item.on .cap-exp .cap-desc { opacity: 1; transform: none; transition-delay: .32s; }
.ia-cap-item.on .cap-exp .cap-line { opacity: 1; transform: scaleX(1); transition-delay: .40s; }
.ia-cap-item.on .cap-exp .cap-no { opacity: .85; transform: none; transition-delay: .44s; }
.ia-case { padding: 100px 0 120px; background: url(../images/industry/case-bg.jpg) no-repeat center/cover; }
.ia-case-grid { display: flex; }
.ia-case-card { flex: 1; display: flex; background: #fff; border-radius: 5px; overflow: hidden; padding: 20px; transition: box-shadow .25s; }
.ia-case-card:hover { box-shadow: 0 14px 36px rgba(20, 60, 40, .06); }
.ia-case-card:first-child { margin-right: 20px; }
.ia-case-card .pic { flex: 0 0 48%; border-radius: 8px; overflow: hidden; }
.ia-case-card .pic img { width: 100%; height: 100%; object-fit: cover; min-height: 180px; }
.ia-case-card .ct { flex: 1; padding: 8px 6px 8px 28px; }
.ia-case-card .ct h3 { font-size: 24px; font-weight: bold; color: #1a1a1a; }
.ia-case-card .ct p { margin-top: 12px; font-size: 14px; color: #47525d; opacity: 0.8; line-height: 24px; }
.ia-case-card .ct .more { display: inline-block; margin-top: 20px; font-size: 16px; color: var(--green); transition: letter-spacing .25s; }
.ia-case-card .ct .more:hover { letter-spacing: 2px; }
.ia-brand-tit { text-align: center; margin: 80px 0 60px; font-size: 24px; color: #1a1a1a; font-weight: bold; }
.ia-brands { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; padding: 0 40px; }
.ia-brands img { height: 38px; width: auto; opacity: .9; }
.ia-stats { padding: 100px 0 0; }
.ia-stats-grid { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 20px; }
.ia-stat-card { border: 1px solid #d3d5e3; border-radius: 5px; padding: 38px 50px 34px; transition: .25s }
.ia-stat-hd { display: flex; align-items: center; }
.ia-stat-hd h3 { font-size: 28px; line-height: 1.2; font-weight: bold; color: #2b3138; transition: .25s }
.ia-stat-hd .d { margin-top: 7px; font-size: 14px; color: #47525d; opacity: .5; }
.ia-stat-card .hr { height: 1px; background: #d3d5e3; margin: 30px 0 40px; opacity: .5; transition: .25s }
.ia-stat-nums { display: flex; justify-content: space-between; }
.ia-stat-nums .it { flex: auto; }
.ia-stat-nums .v { font-size: 60px; font-family: DIN-Medium; color: var(--green); line-height: 1; transition: .25s }
.ia-stat-nums .v sup { font-size: 16px; font-weight: normal; margin-left: 12px; c color: var(--green); transition: .25s }
.ia-stat-nums .k { margin-top: 5px; font-size: 15px; color: #47525d; transition: .25s }
.ia-stat-bul { margin-top: 30px; }
.ia-stat-bul li { position: relative; padding-left: 14px; font-size: 16px; color: #47525d; line-height: 28px; transition: .25s }
.ia-stat-bul li:before { content: ''; position: absolute; left: 0; top: 13px; width: 2px; height: 2px; border-radius: 50%; background: #47525d; }
.ia-stat-card .ico { width: 60px; height: 60px; margin-right: 20px; flex: 0 0 auto; background-repeat: no-repeat; background-size: 120px; transition: .25s }
.ia-stat-card .ico-1 { background-image: url(../images/industry/why-i1.png); }
.ia-stat-card .ico-2 { background-image: url(../images/industry/why-i2.png); }
.ia-stat-card .ico-3 { background-image: url(../images/industry/why-i3.png); }
.ia-stat-card .ico-4 { background-image: url(../images/industry/why-i4.png); }
.ia-stat-card:hover .ico { background-position: -60px; }
.ia-stat-card:hover { background: #07ab6a; border-color: transparent; color: #fff; }
.ia-stat-card:hover h3 { color: #fff; }
.ia-stat-card:hover .d { color: #fff; }
.ia-stat-card:hover .hr { background: #fff; opacity: .2; }
.ia-stat-card:hover .ico { color: #fff; }
.ia-stat-card:hover .v { color: #fff; }
.ia-stat-card:hover .v sup { color: rgba(255, 255, 255, .85); }
.ia-stat-card:hover .k { color: rgba(255, 255, 255, .85); }
.ia-stat-card:hover .ia-stat-bul li { color: rgba(255, 255, 255, .92); }
.ia-stat-card:hover .ia-stat-bul li:before { background: rgba(255, 255, 255, .7); }
.ia-cta { position: relative; padding: 170px 0 90px; overflow: hidden; background: #fff url(../images/industry/msg-bg.jpg) no-repeat center top/cover; }
.ia-cta .inner { position: relative; z-index: 2; text-align: center; }
.ia-cta h2 { font-size: 48px; font-weight: bold; color: var(--green); line-height: 1.25; }
.ia-cta .sub { margin-top: 16px; font-size: 18px; color: #47525d; }
.ia-cta-checks { display: flex; justify-content: center; flex-wrap: wrap; margin: 45px 0 70px; }
.ia-cta-checks li { position: relative; padding-left: 28px; margin: 0 24px; font-size: 16px; color: #47525d; }
.ia-cta-checks li:before { content: '\e643'; position: absolute; left: 0; top: 4px; width: 20px; height: 20px; border-radius: 50%; background: var(--green); font-family: "iconfont"; font-size: 10px; display: flex; color: #fff; align-items: center; justify-content: center; }
.ia-cta-form { max-width: 930px; margin: 0 auto; background: transparent; text-align: left; }
.ia-cta-form .row { display: flex; }
.ia-cta-form .fld { flex: 1; height: 66px; background: #fff; }
.ia-cta-form .fld+.fld { margin-left: 10px; }
.ia-cta-form .fld input { width: 100%; height: 100%; padding: 0 24px; font-size: 16px; color: #47525d; border: 1px solid transparent; border-radius: 2px; }
.ia-cta-form .fld input::placeholder { color: #a7adb2; }
.ia-cta-form .area { margin-top: 10px; background: #fff; }
.ia-cta-form .area textarea { width: 100%; height: 160px; padding: 18px 24px; font-size: 16px; color: #47525d; resize: none; line-height: 1.7; border: 1px solid transparent; border-radius: 2px; }
.ia-cta-form .area textarea::placeholder { color: #a7adb2; }
.ia-cta-form .fld input:focus, .ia-cta-form .area textarea:focus { border-color: var(--green); }
.ia-cta-form .submit { display: block; width: 400px; height: 66px; margin: 25px auto 0; background: #47525d; color: #fff; font-size: 20px; border-radius: 5px; cursor: pointer; transition: background .25s; }
.ia-cta-form .submit:hover { background: #3c4148; }

/* ==================== 全球服务页样式 ==================== */
.gs-adv { padding: 100px 0 100px; }
.gs-adv-stage { --green: #0ca772; --pin: #16b87a; --line: #d2dad6; --cap: #8d9a93; position: relative; z-index: 0; width: 100%; max-width: 1920px; margin: 0 auto; height: 0; padding-top: 35.156%; }
.gs-lines { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: 2; pointer-events: none; }
.gs-lines path { fill: none; stroke: var(--line); stroke-width: 1.3; }
.gs-lines circle { fill: #fff; stroke: var(--green); stroke-opacity: .55; stroke-width: 1.6; }
.gs-globe { position: absolute; left: 50%; top: 50%; width: 32.34%; height: 0; padding-top: 32.34%; margin: 0; transform: translate(-50%, -50%); }
.gs-globe img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; object-fit: contain; }
.gs-globe .pt { position: absolute; z-index: 3; width: 13px; height: 13px; border-radius: 50%; transform: translate(-50%, -50%); background: var(--pin); box-shadow: 0 0 0 4px rgba(12, 167, 114, .18), 0 0 32px 15px rgba(12, 167, 114, .42); }
.gs-globe .pt:before { content: ''; position: absolute; left: 50%; top: 50%; width: 5px; height: 5px; border-radius: 50%; background: #eafff5; transform: translate(-50%, -50%); }
.gs-globe .pt:after { content: ''; position: absolute; left: 50%; top: 50%; width: 13px; height: 13px; border-radius: 50%; border: 2px solid rgba(12, 167, 114, .6); transform: translate(-50%, -50%); animation: gsPulse 2.2s ease-out infinite; }
.gs-globe .p1 { left: 31.8%; top: 40.2%; }
.gs-globe .p2 { left: 67.6%; top: 40.3%; }
.gs-globe .p3 { left: 31.8%; top: 57.1%; }
.gs-globe .p4 { left: 67.6%; top: 57.1%; }
.gs-globe .p2:after { animation-delay: .5s; }
.gs-globe .p3:after { animation-delay: 1s; }
.gs-globe .p4:after { animation-delay: 1.5s; }
@keyframes gsPulse {
    0% { transform: translate(-50%, -50%) scale(1); opacity: .7; }
    100% { transform: translate(-50%, -50%) scale(4.2); opacity: 0; }
}
.gs-adv-col { display: contents; }
.gs-stat { position: absolute; }
.gs-adv-col.l .gs-stat:nth-of-type(1) { left: 9%; top: 6%; text-align: left; }
.gs-adv-col.l .gs-stat:nth-of-type(2) { left: 9%; top: 65%; text-align: left; }
.gs-adv-col.r .gs-stat:nth-of-type(1) { right: 0; top: 6%; display: flex; width: 312px; }
.gs-adv-col.r .gs-stat:nth-of-type(2) { right: 0; top: 65%; display: flex; width: 312px; }
.gs-stat .v { color: var(--green); font-family: DIN-Medium; font-weight: 700; font-size: 96px; line-height: 1; white-space: nowrap; }
.gs-stat .v sup { font-size: 48px; color: #05a16c; font-family: DIN-Medium; font-weight: 700; }
.gs-stat .k { margin-top: 10px; color: #47525d; font-size: 16px; white-space: nowrap; }
.gs-export { padding: 100px 0 100px; background: url(../images/gs/s2-bg.jpg) no-repeat center/cover; }
.gs-regions { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 20px; margin-bottom: 30px; }
.gs-region { position: relative; height: 320px; border-radius: 10px; overflow: hidden; color: #fff; }
.gs-region img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
.gs-region .ct { position: relative; z-index: 2; padding: 40px 50px; height: 100%; display: flex; flex-direction: column; }
.gs-region .ct h3 { font-size: 36px; font-weight: bold; line-height: 1.25; }
.gs-region .ct .meta { margin-top: auto; }
.gs-region .ct .meta p { font-size: 16px; color: #fff; line-height: 1.7; }
.gs-certs { display: grid; grid-template-columns: repeat(5, 1fr); grid-gap: 20px; }
.gs-cert { height: 120px; background: #fff; border-radius: 10px; display: flex; align-items: center; justify-content: center; transition: box-shadow .25s; }
.gs-cert:hover { box-shadow: 0 6px 18px rgba(20, 60, 55, .04); }
.gs-cert img { max-height: 95%; object-fit: contain; }
.gs-root { padding: 100px 0 100px; background: #f8fdf9; }
.map-module { position: relative; width: 100%; aspect-ratio: 1920 / 808; overflow: hidden; }
.map-module__map { position: absolute; left: 23.95%; top: 4%; width: 52.1%; height: 92%; aspect-ratio: 1060 / 787; background-image: url(../images/gs/map.png); background-size: contain; background-repeat: no-repeat; background-position: center; }
.map-module__lines { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.map-module__lines path { fill: none; stroke: #c9d6cc; stroke-width: 1.4; }
.map-module__lines circle { fill: #fff; stroke: #3aab5e; stroke-width: 2; }
.map-stats { display: contents; }
.map-stat { position: absolute; width: 24%; }
.stat--tl { left: 6%; top: 22%; text-align: left; }
.stat--tr { right: 6%; top: 22%; display: flex; justify-content: flex-end; }
.stat--bl { left: 6%; top: 69%; text-align: left; }
.stat--br { right: 6%; top: 69%; display: flex; justify-content: flex-end; }
.stat__num { color: var(--green); font-size: 96px; line-height: 1; font-family: DIN-Medium; }
.stat__num sup { font-size: 48px; top: -.55em; font-family: DIN-Medium; }
.stat__desc { margin-top: .9em; color: #47525d; font-size: 16px; }
.gs-root-map-area { position: relative; }
.gs-root-map-trigger, .gs-root-map-label { display: block; padding: 0; border: 0; outline: 0; background: transparent; text-align: left; cursor: pointer; }
.gs-root-map-trigger { transition: transform .25s ease; }
.gs-root-map-label { font-family: inherit; line-height: inherit; }
.gs-root-map-hint { margin-top: 12px; }
.map-stat.stat--tr.visible .gs-root-map-hint { -webkit-animation: homeNetworkHintIn .5s ease .75s both; animation: homeNetworkHintIn .5s ease .75s both; }
.map-stat.stat--tr.visible .gs-root-map-hint i { -webkit-animation: homeNetworkHintArrow .38s ease 1.3s 4 alternate; animation: homeNetworkHintArrow .38s ease 1.3s 4 alternate; }
.gs-root-map-preview { left: auto; right: calc(100% + 26px); top: -68px; transform: translateX(10px) scale(.97); transform-origin: right center; }
.gs-root-map-preview:before { left: 100%; right: auto; }
.gs-root-map-preview:after { left: 100%; right: auto; border-right: 0; border-left: 10px solid #fff; }
@media (min-width:993px) {
    .gs-root-map-area:hover .gs-root-map-trigger { transform: translateY(-2px); }
    .gs-root-map-area:hover .gs-root-map-preview { opacity: 1; visibility: visible; transform: translateX(0) scale(1); }
}
.map-pin { position: absolute; transform: translate(-50%, -50%); --scale: 4.5; }
.pin__core { width: 9px; height: 9px; border-radius: 50%; background: var(--green); box-shadow: 0 0 8px 2px rgba(46, 158, 84, .6); }
.pin__ring { position: absolute; left: 50%; top: 50%; width: 9px; height: 9px; border-radius: 50%; transform: translate(-50%, -50%); background: rgba(46, 158, 84, .35); animation: pulse 2.4s ease-out infinite; }
.pin__ring--2 { animation-delay: 1.2s; }
.pin--hub .pin__core { width: 13px; height: 13px; box-shadow: 0 0 16px 4px rgba(46, 158, 84, .7); }
.pin--hub .pin__ring { width: 13px; height: 13px; }
.pin--hub { --scale: 6; }
@keyframes pulse {
    0% { transform: translate(-50%, -50%) scale(1); opacity: .55; }
    80% { opacity: 0; }
    100% { transform: translate(-50%, -50%) scale(var(--scale)); opacity: 0; }
}
@media (prefers-reduced-motion:reduce) {
    .pin__ring { animation: none; opacity: .25; transform: translate(-50%, -50%) scale(var(--scale)); }
}
.gs-case { padding: 100px 0 100px; }
.gs-cases { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 20px; margin-bottom: 24px; }
.gs-case-card { border: 1px solid #c7cdd4; border-radius: 10px; overflow: hidden; transition: box-shadow .25s, transform .25s; }
.gs-case-card .pic { width: 100%; height: 300px; overflow: hidden; background: #f3f4f5; }
.gs-case-card .pic img { width: 100%; height: 100%; object-fit: cover; transition: transform .35s; }
.gs-case-card:hover { box-shadow: 0 18px 40px rgba(20, 40, 60, .08); }
.gs-case-card:hover .pic img { transform: scale(1.05); }
.gs-case-card .ct { padding: 28px 38px 26px; }
.gs-case-card .ct h3 { font-size: 26px; font-weight: bold; color: #1a1a1a; line-height: 1.2; }
.gs-case-card .ct .meta { margin-top: 10px; font-size: 15px; color: #6c6563; }
.gs-case-card .ct .more { display: inline-block; margin-top: 50px; font-size: 16px; color: var(--green); transition: .25s }
.gs-case-card .ct .more:hover { letter-spacing: 2px; }
.gs-cbrands { display: grid; grid-template-columns: repeat(5, 1fr); grid-gap: 18px; margin-bottom: 55px; }
.gs-cbrand { height: 120px; background: #fff; border: 1px solid #c7cdd4; border-radius: 10px; display: flex; align-items: center; justify-content: center; transition: .25s; }
.gs-cbrand:hover { box-shadow: 0 6px 18px rgba(20, 60, 55, .05); }
.gs-cbrand img { max-height: 95%; object-fit: contain; }
.gs-cta { position: relative; padding: 50px 0 130px; text-align: center; background: url(../images/cc/vs-bg.jpg) no-repeat center bottom/cover; }
.gs-cta .lbl { font-size: 32px; font-weight: bold; color: var(--green); }
.gs-cta h2 { margin-top: 20px; margin-bottom: 65px; font-size: 42px; font-weight: normal; color: #1a1a1a; line-height: 1.42; }

/* ==================== 核心竞争力页样式 ==================== */
.cc-feats { margin-top: -100px; position: relative; z-index: 2; }
.cc-feat { display: flex; align-items: center; background: #fff; border-radius: 10px; padding: 40px; margin-bottom: 60px; box-shadow: 7px 7px 30px 0px rgba(65, 69, 75, 0.1); }
.cc-feat.rev { flex-direction: row-reverse; }
.cc-feat-text { flex: 1; }
.cc-feat.rev .cc-feat-text { padding-left: 100px; padding-right: 60px; }
.cc-feat:not(.rev) .cc-feat-text { padding-left: 60px; padding-right: 60px; }
.cc-feat-pic { flex: 0 0 56%; border-radius: 10px; overflow: hidden; }
.cc-feat-pic img { width: 100%; height: 100%; object-fit: cover; display: block; min-height: 300px; }
.cc-feat-text h2 { font-size: 48px; line-height: 1.25; font-weight: bold; color: var(--green); }
.cc-feat-text .lead { margin-top: 10px; font-size: 24px; color: #47525d; }
.cc-list { margin-top: 50px; }
.cc-list li { position: relative; padding-left: 28px; padding-bottom: 18px; font-size: 15px; color: #6c6563; line-height: 1.6; }
.cc-list li:before { content: ''; position: absolute; left: 0; top: 6px; width: 12px; height: 12px; border: 1.5px solid var(--green); border-radius: 50%; background: #fff; z-index: 1; }
.cc-list li:after { content: ''; position: absolute; left: 6px; top: 26px; bottom: 0; height: 40%; border-left: 1px solid #b2b2b2; }
.cc-list li:last-child { padding-bottom: 0; }
.cc-list li:last-child:after { display: none; }
.cc-feat-text .com-btn { margin-top: 50px; }
.cc-vs { padding: 100px 0 75px; }
.cc-vs-table { display: flex; max-width: 1200px; margin: 0 auto; border-radius: 10px; overflow: hidden; box-shadow: 7px 7px 30px 0px rgba(65, 69, 75, 0.2); background: #fff; }
.cc-vs-col { display: flex; flex-direction: column; }
.cc-vs-col.left { flex: 1; background: #f7f8f9; }
.cc-vs-col.right { flex: 1; background: #eff7ef; }
.cc-vs-col.mid { flex: 0 0 200px; background: #fbf3ed; }
.cc-vs-hd { height: 100px; display: flex; align-items: center; justify-content: center; font-size: 32px; font-weight: bold; color: #fff; }
.cc-vs-col.left .cc-vs-hd { background: #dddedf; color: #47525d; margin-bottom: 36px; }
.cc-vs-col.right .cc-vs-hd { background: #05a16c; margin-bottom: 36px; }
.cc-vs-col.mid .cc-vs-hd { margin-bottom: 45px; position: relative; background: var(--orange); font-size: 72px; }
.cc-vs-col.mid .cc-vs-hd:after { content: ""; position: absolute; left: 50%; bottom: -30px; transform: translateX(-50%); border-left: 100px solid transparent; border-right: 100px solid transparent; border-top: 30px solid var(--orange); }
.cc-vs-box { padding: 0 40px; }
.cc-vs-col.mid .cc-vs-box { padding: 0 25px; }
.cc-vs-cell { height: 70px; display: flex; align-items: center; font-size: 20px; }
.cc-vs-col.left .cc-vs-cell { justify-content: center; color: #47525d; border-bottom: 1px solid #d5d5d6; }
.cc-vs-col.left .cc-vs-cell .ic, .cc-vs-col.right .cc-vs-cell .ic { display: flex; align-items: center; justify-content: center; width: 29px; height: 29px; margin-right: 40px; flex: 0 0 29px; border-radius: 50%; background: #afb6be; color: #fff; font-size: 18px; }
.cc-vs-col.mid .cc-vs-cell { justify-content: center; color: var(--orange); border-bottom: 1px solid #e1d7cf; }
.cc-vs-col.right .cc-vs-cell { justify-content: center; color: #05a16c; font-weight: bold; border-bottom: 1px solid #d1d5d1; }
.cc-vs-col.right .cc-vs-cell .ic { background: var(--green); }
.cc-vs-col .cc-vs-cell:last-child { border-bottom: none; }
.cc-vs-col.left .cc-vs-cell, .cc-vs-col.right .cc-vs-cell { }
.cell-content { display: flex; align-items: center; text-align: left; width: 170px; }
.cc-dotbg { padding-bottom: 160px; background: #fff url(../images/cc/vs-bg.jpg) no-repeat center bottom/contain; }

/* ==================== 关于我们页样式 ==================== */
.ab-subnav { display: flex; border-bottom: 1px solid #d9d9d9; background: #fff; padding: 30px 0 20px 20px; }
.ab-subnav a { position: relative; display: flex; align-items: center; height: 50px; margin-right: 60px; font-size: 18px; color: #5a636a; transition: color .2s; }
.ab-subnav a:before { content: ""; width: 6px; height: 6px; margin-right: 13px; border-radius: 50%; background: #cdd3d7; transition: background .2s; }
.ab-subnav a:hover { color: var(--green); }
.ab-subnav a.active { color: var(--green); }
.ab-subnav a.active:before { background: var(--green); }
.ab-intro { padding: 80px 0 8px; overflow: hidden; background: #fff; }
.ab-intro-head { margin-bottom: 55px; text-align: center; }
.ab-intro-head h2 { color: #231815; font-size: 60px; font-weight: normal; line-height: 1.3; }
.ab-intro-main { display: flex; align-items: flex-start; }
.ab-intro-visual { position: relative; flex: 0 0 50%; overflow: hidden; border-radius: 20px; }
.ab-intro-visual img { display: block; width: 100%; height: auto; }
.ab-intro-play { position: absolute; z-index: 2; left: 50%; top: 50%; display: flex; align-items: center; justify-content: center; width: 86px; height: 86px; padding: 0; border: 0; border-radius: 50%; color: #fff; background: rgba(8, 166, 111, .92); box-shadow: 0 0 0 12px rgba(255, 255, 255, .72), 0 12px 30px rgba(0, 91, 61, .28); cursor: pointer; transform: translate(-50%, -50%); transition: background-color .25s, box-shadow .25s, transform .25s; }
.ab-intro-play .iconfont { margin-left: 4px; font-size: 38px; line-height: 1; }
.ab-intro-play:hover { background: #078f5e; box-shadow: 0 0 0 12px rgba(255, 255, 255, .84), 0 14px 34px rgba(0, 91, 61, .34); transform: translate(-50%, -50%) scale(1.08); }
.ab-intro-play:focus { outline: 2px solid #fff; outline-offset: 4px; }
.ab-intro-copy { flex: 1; min-width: 0; margin-left: 5%; padding-top: 4px; color: #47525d; }
.ab-intro-copy p { font-size: 16px; line-height: 2.5; }
.ab-intro-copy p+p { margin-top: 17px; }
.ab-stats { display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 34px; margin-top: 16px; }
.ab-stats .it { display: flex; align-items: center; justify-content: space-between; min-width: 0; height: 138px; padding: 0 8px; border-bottom: 1px solid #e5e5e5; }
.ab-stats .v { flex: 0 0 auto; color: #08a66f; font-family: DIN-Medium, Arial, sans-serif; font-size: 72px; letter-spacing: -4px; line-height: 1; white-space: nowrap; }
.ab-stats .v sup { margin-left: 5px; color: #08a66f; font-family: DIN-Medium, Arial, sans-serif; font-size: 42px; letter-spacing: -1px; line-height: 1; vertical-align: 8px; }
.ab-stats .k { margin-left: 16px; color: #151515; font-size: 20px; line-height: 1.25; text-align: right; white-space: nowrap; }
.ab-culture { position: relative; height: 879px; min-height: 720px; overflow: hidden; background: #f2faf7 url(../images/about/mission-bg2.jpg) no-repeat center/cover; }
.ab-culture .ny-title { position: absolute; z-index: 5; left: 0; top: 118px; width: 100%; margin: 0; padding: 0 0 25px; overflow: visible; }
/*.ab-culture .ny-title .t { color: #171717; font-size: 56px; line-height: 1.15; }
.ab-culture .ny-title .en { top: 52px; color: #171717; font-size: 24px; line-height: 1; opacity: .10; }*/
.ab-mission-stage { position: absolute; z-index: 2; left: 0; top: 0; width: 100%; height: 100%; }
.ab-mission-stage[data-animate] { opacity: 1; transform: none; transition: none; }
.ab-mission-wave { position: absolute; z-index: 1; left: 0; top: 0; display: block; width: 100%; height: 100%; overflow: visible; }
.ab-mission-path { fill: none; stroke: #9fd9c5; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.ab-mission-node { fill: #fff; stroke: #00a870; stroke-width: 5; transform-box: fill-box; transform-origin: center; opacity: 0; }
.ab-mission-stage.visible .ab-mission-node { animation: abMissionNode 420ms .15s cubic-bezier(.22, .61, .36, 1) forwards; }
.ab-mission-stage.visible .ab-mission-node-2 { animation-delay: .35s; }
.ab-mission-stage.visible .ab-mission-node-3 { animation-delay: .55s; }
.ab-mission-item { position: absolute; z-index: 3; display: flex; align-items: flex-start; color: #4b5861; opacity: 0; transform: translateY(24px); }
.ab-mission-stage.visible .ab-mission-item { animation: abMissionReveal 700ms .85s cubic-bezier(.22, .61, .36, 1) forwards; }
.ab-mission-stage.visible .ab-mission-belief { animation-delay: 1.05s; }
.ab-mission-stage.visible .ab-mission-values { animation-delay: 1.25s; }
.ab-mission-icon { display: flex; flex: 0 0 157px; align-items: center; justify-content: center; width: 157px; height: 157px; border-radius: 50%; background: #fff; box-shadow: 0 18px 32px rgba(68, 107, 92, .18); }
.ab-mission-icon img { display: block; width: 90px; height: 90px; object-fit: contain; }
.ab-mission-copy { flex: 1; min-width: 0; margin-left: 35px; }
.ab-mission-copy h3 { color: #46545e; font-size: 36px; font-weight: bold; line-height: 1.2; }
.ab-mission-copy span { display: block; margin-top: 5px; color: #47525d; font-size: 16px; font-weight: bold; line-height: 1.2; opacity: .3;}
.ab-mission-copy p { color: #676d70; font-size: 16px; line-height: 2; white-space: nowrap; }
.ab-mission-copy span+p { margin-top: 16px; }
.ab-mission-vision { left: 12.7%; top: 296px; width: 555px; }
.ab-mission-vision .ab-mission-copy { padding-top: 17px; }
.ab-mission-belief { left: 36.9%; top: 583px; width: 620px; }
.ab-mission-belief .ab-mission-copy { padding-top: 20px; }
.ab-mission-values { left: 66.05%; top: 431px; width: 590px; }
.ab-mission-values .ab-mission-copy { padding-top: 0; }
.ab-mission-values .ab-mission-copy span+p { margin-top: 30px; }
@keyframes abMissionNode {
    0% { opacity: 0; transform: scale(.35); }
    70% { opacity: 1; transform: scale(1.24); }
    100% { opacity: 1; transform: scale(1); }
}
@keyframes abMissionReveal {
    to { opacity: 1; transform: translateY(0); }
}
@media (prefers-reduced-motion: reduce) {
    .ab-mission-stage.visible .ab-mission-node,
    .ab-mission-stage.visible .ab-mission-item,
    .ab-mission-stage.visible:before { animation: none; }
    .ab-mission-node, .ab-mission-item { opacity: 1; transform: none; }
    .ab-mission-stage:before { opacity: 1; transform: scaleY(1); }
}
.ab-history { position: relative; height: 863px; padding: 88px 0 0; overflow: hidden; background: #fff; }
.ab-history .ny-title { position: relative; z-index: 5; width: 83.333%; max-width: none; height: 95px; margin: 0 auto; padding: 0; overflow: visible; text-align: left; }
/*.ab-history .ny-title .t { color: #171717; font-size: 60px; line-height: 1.2; }*/
.ab-history .ny-title .en { left: 0; transform: none; }
.ab-history-wave { position: absolute; z-index: 1; left: 0; top: 361px; width: 100%; height: 346px; background: url(../images/about/history-bg2.jpg) no-repeat center/100% 346px; }
.ab-history-stage { position: relative; z-index: 2; width: 100%; height: 600px; margin-top: 45px; overflow: visible; }
.ab-history-cards { height: 600px; align-items: flex-start; transition-timing-function: cubic-bezier(.22, .61, .36, 1); }
.ab-history-card { position: relative; flex: 0 0 358px; width: 358px; height: 600px; color: #1a1a1a; opacity: .1; transition: opacity .35s ease; }
.ab-history-card.is-visible-item { opacity: 1; }
.ab-history-stem { position: absolute; z-index: 3; left: 22px; width: 2px; background: #00aa70; }
.ab-history-stem:before { content: ""; position: absolute; left: -12px; width: 26px; height: 26px; border: 7px solid #00aa70; border-radius: 50%; background: #fff; box-sizing: border-box; }
.ab-history-card.is-top .ab-history-stem { top: 28px; height: 258px; }
.ab-history-card.is-top .ab-history-stem:before { top: -13px; }
.ab-history-card.is-bottom .ab-history-stem { top: 322px; height: 242px; }
.ab-history-card.is-bottom .ab-history-stem:before { bottom: -13px; }
.ab-history-year { position: absolute; z-index: 3; color: #fff; font-family: DIN-Medium, Arial, sans-serif; font-size: 72px; font-weight: 500; line-height: 1; letter-spacing: 1px; white-space: nowrap; }
.ab-history-card.is-top .ab-history-year { left: 58px; top: 239px; }
.ab-history-card.is-bottom .ab-history-year { left: 70px; top: 294px; }
.ab-history-content { position: absolute; z-index: 3; width: 510px; }
.ab-history-card.is-top .ab-history-content { left: 66px; top: 25px; }
.ab-history-card.is-bottom .ab-history-content { left: 70px; top: 445px; }
.ab-history-content h4 { color: #1a1a1a; font-size: 20px; font-weight: bold; line-height: 1.5; }
.ab-history-meta { margin-top: 15px;color: #1a1a1a; opacity: 0.6; }
.ab-history-meta p { color: #7f8385; font-size: 15px; line-height: 1.85; }
.ab-history-arrow { position: absolute; z-index: 6; top: 510px; width: 60px; height: 60px; padding: 0; border: 0; border-radius: 50%; background: #fff; box-shadow: 0 8px 24px rgba(4, 90, 64, .12); cursor: pointer; transition: box-shadow .25s ease, opacity .25s ease; }
.ab-history-arrow.prev { left: 6.25%; }
.ab-history-arrow.next { right: 6.25%; }
.ab-history-arrow span { position: absolute; left: 23px; top: 20px; width: 15px; height: 15px; border-top: 2px solid #00aa70; border-right: 2px solid #00aa70; transform: rotate(225deg); }
.ab-history-arrow.next span { left: 20px; transform: rotate(45deg); }
.ab-history-arrow:hover { box-shadow: 0 10px 28px rgba(4, 90, 64, .22); }
.ab-history-arrow.swiper-button-disabled, .ab-history-arrow.is-history-end { opacity: 0; pointer-events: none; }
.ab-honor { padding: 120px 0 90px; overflow: hidden; }
.ab-tabs { display: flex; justify-content: center; margin-bottom: 60px; }
.ab-tabs a { position: relative; margin: 0 26px; padding-bottom: 10px; font-size: 18px; color: #47525d; cursor: pointer; transition: color .2s; }
.ab-tabs a:hover { color: var(--green); }
.ab-tabs a.active { color: var(--green); }
.ab-honor-panel { display: none; }
.ab-honor-panel.active { display: block; }
.ab-honor-stage { position: relative; padding-bottom: 30px; }
.ab-honor-stage:after { content: ''; position: absolute; left: 50%; bottom: -132px; transform: translateX(-50%); width: 1920px; height: 168px; background: url(../images/about/cert-frame-bg.png) no-repeat center/contain; }
.ab-cert-swiper { overflow: hidden; }
.ab-cert-swiper .swiper-slide { text-align: center; }
.ab-cert-swiper .cap { font-size: 16px; color: #47525d; margin-bottom: 20px; }
.ab-cert-swiper .frame { position: relative; width: 100%; height: 345px; display: flex; align-items: flex-end; justify-content: center; border: 0; background: transparent; cursor: zoom-in; }
.ab-cert-swiper .frame img { display: block; max-height: 100%; max-width: 88%; object-fit: contain; box-shadow: 0 14px 30px rgba(20, 40, 60, .12); transition: transform .25s ease, box-shadow .25s ease; }
.ab-cert-swiper .frame:hover img { transform: translateY(-4px); box-shadow: 0 18px 34px rgba(20, 40, 60, .18); }
/*.ab-cert-swiper .frame:focus { outline: 2px solid var(--green); outline-offset: -2px; }*/
.is-landscape-panel .ab-cert-swiper .frame { height: 280px; padding: 18px; align-items: center; overflow: hidden; border: 1px solid #e3e9e6; border-radius: 10px; background: #f6f8f7; }
.is-landscape-panel .ab-cert-swiper .frame img { max-width: 100%; max-height: 100%; }
.is-landscape-panel .ab-cert-swiper .swiper-slide.is-portrait .frame img { max-width: 62%; }
.ab-honor-nav { position: absolute; right: -6px; bottom: 35%; z-index: 5; width: 60px; height: 60px; border-radius: 50%; cursor: pointer; background: var(--green); transition: .25s; color: #fff; display: flex; align-items: center; justify-content: center; }
.ab-honor-nav i { font-size: 22px; }
.ab-honor-nav:hover { box-shadow: 0 8px 20px rgba(8, 160, 107, .3); }
.ab-cert-modal { position: fixed; z-index: 10050; left: 0; top: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; padding: 30px; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .25s ease, visibility 0s linear .25s; }
.ab-cert-modal.show { opacity: 1; visibility: visible; pointer-events: auto; transition-delay: 0s; }
.ab-cert-modal-overlay { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(16, 24, 29, .82); }
.ab-cert-modal-dialog { position: relative; z-index: 2; display: flex; flex-direction: column; width: auto; max-width: calc(100vw - 60px); max-height: 90vh; padding: 28px 60px 22px; border-radius: 12px; background: #fff; box-shadow: 0 24px 70px rgba(0, 0, 0, .3); transform: translateY(18px) scale(.98); transition: transform .28s cubic-bezier(.22, .61, .36, 1); }
.ab-cert-modal.show .ab-cert-modal-dialog { transform: translateY(0) scale(1); }
.ab-cert-modal-image { display: flex; align-items: center; justify-content: center; min-height: 0; height: auto; max-height: calc(90vh - 115px); }
.ab-cert-modal-image img { display: block; width: auto; height: auto; max-width: 100%; max-height: calc(90vh - 115px); object-fit: contain; }
.ab-cert-modal-title { flex: 0 0 auto; min-height: 24px; margin-top: 14px; color: #47525d; font-size: 16px; line-height: 24px; text-align: center; }
.ab-cert-modal-close { position: absolute; z-index: 3; right: 14px; top: 10px; width: 42px; height: 42px; color: #47525d; font-size: 34px; line-height: 42px; text-align: center; cursor: pointer; transition: color .2s, transform .2s; }
.ab-cert-modal-close:hover { color: var(--green); transform: rotate(90deg); }
body.ab-cert-modal-open { overflow: hidden; }
.ab-cert-grid { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 20px; margin-top: 93px; }
.ab-cert-item { display: flex; align-items: center; justify-content: space-between; padding: 0 40px; font-size: 20px; color: #1a1a1a; height: 80px; background-color: #ffffff; border-radius: 10px; border: solid 1px #c7cdd4; transition: .25s; }
.ab-cert-item:hover { box-shadow: 0 6px 18px rgba(20, 60, 55, .05); }
.ab-cert-item .lg { height: 45px; flex: 0 0 auto; }
.ab-cert-item .lg img { height: 100%; object-fit: contain; }
.ab-show { padding: 100px 0 120px; }
.ab-show-panel { position: relative; display: none; }
.ab-show-panel.active { display: block; }
.ab-show-swiper { 
    overflow: hidden; 
    width: 100%;
    height: 540px;
    margin-left: auto;
    margin-right: auto;
}
.ab-show-swiper .swiper-slide {
    height: calc((100% - 20px) / 2) !important;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 10px;
    overflow: hidden;
}
.ab-show-swiper .swiper-slide img {height: 100%;width: 100%;object-fit: cover;    transition: transform .3s;}
.ab-show-swiper .swiper-slide:hover img {
    transform: scale(1.06);
}
.gallery-grid { display: grid; grid-template-columns: repeat(12, 1fr); grid-template-rows: 130px 130px 200px 200px; gap: 20px; }
.gallery-item { position: relative; overflow: hidden; border-radius: 10px; background: #f5f5f5; transition: transform 0.3s cubic-bezier(0.25, 1, 0.5, 1), box-shadow 0.3s ease; }
.gallery-item img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.5s ease; }
.gallery-item:hover img { transform: scale(1.03); }
.gallery-grid .item-1 { grid-column: span 4; grid-row: span 2; }
.gallery-grid .item-2 { grid-column: span 2; grid-row: span 2; }
.gallery-grid .item-3 { grid-column: span 6; grid-row: span 2; }
.gallery-grid .item-4 { grid-column: span 3; grid-row: span 2; }
.gallery-grid .item-5 { grid-column: span 2; grid-row: span 2; }
.gallery-grid .item-6 { grid-column: span 3; grid-row: span 2; }
.gallery-grid .item-7 { grid-column: span 4; grid-row: span 1; }
.gallery-grid .item-8 { grid-column: span 4; grid-row: span 1; }
.ab-show-nav { position: absolute; z-index: 5; top: 240px; display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; padding: 0; border: 1px solid var(--green); border-radius: 50%; background: #fff; visibility: hidden; opacity: 0; pointer-events: none; cursor: pointer; box-shadow: 0 8px 24px rgba(4, 90, 64, .1); transition: background-color .2s, box-shadow .2s, opacity .2s; }
.ab-show-panel.has-overflow .ab-show-nav { visibility: visible; opacity: 1; pointer-events: auto; }
.ab-show-nav.prev { left: -38px; }
.ab-show-nav.next { right: -38px; }
.ab-show-nav i { display: block; color: var(--green); font-size: 22px; line-height: 1; }
.ab-show-nav.prev i { transform: rotate(180deg); }
.ab-show-nav:hover { background-color: #f0faf5; box-shadow: 0 10px 28px rgba(4, 90, 64, .18); }
.ab-show-nav.swiper-button-disabled { opacity: .28; pointer-events: none; }
.ab-show-foot { display: none; align-items: center; justify-content: center; min-height: 35px; margin-top: 36px; }
.ab-show-panel.has-overflow .ab-show-foot { display: flex; }
.ab-show-foot .ab-show-dots { position: static; display: flex; align-items: center; justify-content: center; margin: 0; }
.ab-show-foot .swiper-pagination-bullet { width: 12px; height: 12px; margin: 0 5px; border-radius: 6px; background: #d3d5e3; display: inline-block; opacity: 1; transition: .25s; }
.ab-show-foot .swiper-pagination-bullet-active { width: 35px; background: var(--green); }

/* ==================== 新闻页样式 ==================== */
.nw-page { padding-bottom: 120px; }
.nw-feat { padding: 80px 0 0; }
.nw-feat-swiper { overflow: hidden; border-radius: 6px; }
.nw-feat-slide { display: flex; border-radius: 10px; overflow: hidden; }
.nw-feat-pic { flex: 0 0 52%; overflow: hidden; border-radius: 20px 0px 0px 20px; height: 484px; border: 1px solid #f7f7f7; }
.nw-feat-pic img { width: 100%; height: 100%; object-fit: cover; min-height: 360px; display: block; transition: transform .4s; }
.nw-feat-slide:hover .nw-feat-pic img { transform: scale(1.04); }
.nw-feat-ct { flex: 1; padding: 54px 56px 48px; display: flex; flex-direction: column; background: #f7f7f7; }
.nw-feat-ct .date { font-size: 16px; color: #47525d; }
.nw-feat-ct h3 { margin-top: 18px; font-size: 32px; font-weight: bold; color: #231815; line-height: 1.3; }
.nw-feat-ct p { margin-top: 20px; font-size: 15px; color: #808080; line-height: 1.8; }
.nw-feat-ct .more { margin-top: auto; padding-top: 26px; border-top: 1px solid #ccc; }
.nw-feat-ct .more a { font-size: 18px; color: var(--orange); transition: .25s }
.nw-feat-ct .more a:hover { letter-spacing: 2px; }
.nw-feat-dots { text-align: center; margin-top: 40px; position: static; }
.nw-feat-dots .swiper-pagination-bullet { display: inline-block; width: 12px; height: 12px; margin: 0 5px; opacity: 1; border-radius: 6px; background: #d3d8db; transition: .25s; }
.nw-feat-dots .swiper-pagination-bullet-active { width: 35px; background: var(--green); }
.nw-grid { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 30px 20px; padding: 75px 0 70px; }
.nw-card { display: block; padding: 30px 30px 26px; border: 1px solid #c7cdd4; border-radius: 10px; transition: box-shadow .25s, transform .25s, border-color .25s; }
.nw-card h4 { font-size: 20px; color: #231815; line-height: 1.6; font-weight: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; height: 64px; }
.nw-card .date { margin-top: 30px; font-size: 18px; color: #47525d; }
.nw-card:hover { box-shadow: 0 16px 36px rgba(20, 40, 60, .08); transform: translateY(-4px); }
.nw-card:hover h4 { color: var(--green); }

/* ==================== 联系我们页样式 ==================== */
.ct-card-wrap {padding: 80px 0 160px;background: url(../images/contact/contact-bg.jpg) no-repeat center bottom/cover;}
.ct-card { display: flex;overflow: hidden;}
.ct-card-l { flex: 1; padding: 30px 130px 0 0; }
.ct-card-l h2 { font-size: 32px; font-weight: normal; color: #231815; line-height: 1.2; }
.ct-card-l .hr { height: 1px; background: #ececec; margin: 42px 0 48px; }
.ct-item { display: flex; align-items: flex-start; margin-top: 40px; align-items: center; }
.ct-item .ico { width: 60px; height: 60px; margin-right: 28px; border-radius: 50%; border: solid 1px #d9d9d9; display: flex; align-items: center; justify-content: center; }
.ct-item .ico i { font-size: 24px; color: #05a16c; }
.ct-item .tx { flex: 1; }
.ct-item .tx .lb { font-size: 16px; color: #808080; line-height: 20px; display: none;}
.ct-item .tx .vl { /*margin-top: 6px;*/ font-size: 18px; color: #1a1a1a; line-height: 1.3; }
.ct-item .tx .vl .ph2 { margin-left: 40px; }
.ct-card-r { flex: 0 0 46%; min-height: 380px;border-radius: 20px;
    border: solid 1px #cbd6df;overflow: hidden;}
.ct-card-r img { width: 100%; height: 100%; object-fit: cover; display: block; border-radius: 0 10px 10px 0; overflow: hidden; }
.ct-msg { display: flex; border-radius: 10px; overflow: hidden; margin-bottom: 70px; background: url(../images/contact/msg-bg.jpg) no-repeat center/cover;}
.ct-msg-l { position: relative; flex: 0 0 32.5%; padding: 65px; overflow: hidden; border-radius: 20px 0px 0px 20px; color: #fff; display: flex; flex-direction: column; justify-content: space-between; }
.ct-msg-l h3 { position: relative; z-index: 2; font-size: 32px; font-weight: normal; line-height: 1.25; }
.ct-msg-l .tip { position: relative; z-index: 2; font-size: 16px; color: rgba(255, 255, 255, .5); line-height: 2; }
.ct-msg-l .tel { position: relative; z-index: 2; margin-top: 14px; font-size: 32px; line-height: 1.25; }
.ct-msg-r { flex: 1;padding: 75px 110px; }
.ct-msg-r .row { display: flex; }
.ct-msg-r .row .fld { flex: 1; }
.ct-msg-r .row .fld:first-child { margin-right: 10px; }
.ct-msg-r .fld { height: 66px; background: #fff; margin-bottom: 16px; }
.ct-msg-r .fld input { width: 100%; height: 100%; padding: 0 30px; font-size: 16px; color: #2b3138; border: 1px solid transparent; border-radius: 2px; }
.ct-msg-r .fld input::placeholder, .ct-msg-r .area textarea::placeholder { color: #a7adb2; }
.ct-msg-r .area { background: #fff; margin-bottom: 45px; }
.ct-msg-r .area textarea { width: 100%; height: 190px; padding: 20px 30px; font-size: 16px; color: #2b3138; resize: none; line-height: 1.7; border: 1px solid transparent; border-radius: 2px; }
.ct-msg-r .fld input:focus, .ct-msg-r .area textarea:focus { border-color: var(--green); }
.ct-msg-r .submit { display: inline-flex; align-items: center; justify-content: center; width: 200px; height: 66px; border-radius: 5px; background: #0c7048; color: #fff; font-size: 20px; cursor: pointer; transition: background .2s; }
.ct-msg-r .submit:hover { background: #0a603e; }

/* ==================== 响应式样式 ==================== */
@media (max-width:1706px) {
    .ny-banner-full { height: auto; }
    .pl-grid { grid-gap: 20px; }
    .nw-grid { grid-gap: 20px; }
    .ab-culture-list { grid-gap: 20px; }
    .cc-feat { padding: 36px; align-items: normal; }
    .cc-feat.rev .cc-feat-text { padding-left: 80px; padding-right: 50px; }
    .cc-feat:not(.rev) .cc-feat-text { padding-left: 50px; padding-right: 50px; }
    .cc-feat-text h2 { font-size: 44px; }
    .cc-feat-text .lead { font-size: 22px; }
    .cc-vs-box { padding: 0 35px; }
    .cc-vs-col.mid .cc-vs-box { padding: 0 20px; }
    .cc-vs-cell { font-size: 18px; }
    .ct-card-l {padding: 30px 50px 0 0;}
}
@media (min-width:993px) and (max-width:1739px) {
    .ab-culture { height: 54vw; min-height: 690px; max-height: 835px; }
    .ab-culture .ny-title { top: 10.5%; }
    /*.ab-culture .ny-title .t { font-size: 46px; }*/
    /*.ab-culture .ny-title .en { top: 43px; font-size: 20px; }*/
    .ab-mission-icon { flex-basis: 132px; width: 132px; height: 132px; }
    .ab-mission-icon img { width: 112px; height: 112px; }
    .ab-mission-copy { margin-left: 28px; }
    .ab-mission-copy h3 { font-size: 32px; }
    .ab-mission-copy span { font-size: 15px; }
    .ab-mission-copy p { font-size: 14px; }
    .ab-mission-vision { top: 33.7%; width: 470px; }
    .ab-mission-belief { top: 66.3%; width: 520px; }
    .ab-mission-values { top: 49%; width: 485px; }
}
@media (min-width:993px) and (max-width:1200px) {
    .ab-culture { height: 700px; min-height: 700px; }
    .ab-mission-icon { flex-basis: 112px; width: 112px; height: 112px; }
    .ab-mission-icon img { width: 96px; height: 96px; }
    .ab-mission-copy { margin-left: 22px; }
    .ab-mission-copy h3 { font-size: 28px; }
    .ab-mission-copy span { font-size: 13px; }
    .ab-mission-copy p { font-size: 13px; }
    .ab-mission-vision { left: 8%; width: 440px; }
    .ab-mission-belief { left: 32%; width: 500px; }
    .ab-mission-values { left: 60%; width: 390px; }
    .ab-mission-values .ab-mission-copy span+p { margin-top: 22px; }
}
@media (max-width:1536px) {
    .ny-banner-text .tit { font-size: 64px; }
    .ny-banner-text .sub { font-size: 28px; letter-spacing: 28px; }
    .ny-title .t { font-size: 46px; }
    .ny-title .en { font-size: 22px;top: 40px;}
    .pl-grid { grid-gap: 18px; }
    .pl-item h3 { font-size: 22px; }
    .nw-grid { grid-gap: 18px; }
    .nw-item h3 { font-size: 22px; }
    .pd-info h1 { font-size: 42px; }
    .ab-intro-head h2 { font-size: 52px; }
    .ab-intro-copy p { font-size: 15px; line-height: 2.25; }
    .ab-stats { column-gap: 26px; }
    .ab-stats .v { font-size: 64px; }
    .ab-stats .v sup { font-size: 38px; }
    .ab-stats .k { font-size: 18px; }
    .cc-feat { padding: 32px; margin-bottom: 50px; }
    .cc-feat.rev .cc-feat-text { padding-left: 60px; padding-right: 40px; }
    .cc-feat:not(.rev) .cc-feat-text { padding-left: 40px; padding-right: 40px; }
    .cc-feat-pic { flex: 0 0 52%; }
    .cc-feat-text h2 { font-size: 40px; }
    .cc-feat-text .lead { font-size: 20px; }
    .cc-list { margin-top: 40px; }
    .cc-list li { font-size: 14px; padding-bottom: 16px; }
    .cc-feat-text .com-btn { margin-top: 40px; }
    .cc-vs { padding: 80px 0 60px; }
    .cc-vs-hd { font-size: 28px; height: 90px; }
    .cc-vs-col.mid .cc-vs-hd { font-size: 64px; }
    .cc-vs-box { padding: 0 30px; }
    .cc-vs-col.mid .cc-vs-box { padding: 0 18px; }
    .cc-vs-cell { height: 65px; font-size: 18px; }
}
@media (max-width:1280px) {
    .ny-banner-text .tit { font-size: 56px; }
    .ny-banner-text .sub { font-size: 24px; letter-spacing: 24px; }
    .ny-banner-text .en { font-size: 15px; }
    .ny-subnav a { font-size: 16px; margin-right: 50px; }
    .ny-title .t { font-size: 40px; }
    .ny-title .en { font-size: 20px; top: 35px;}
    .pl-cate a { padding: 20px 12px; font-size: 16px; }
    .pl-grid { grid-template-columns: repeat(3, 1fr); grid-gap: 16px; }
    .pl-item { padding: 28px 24px; }
    .pl-item h3 { font-size: 20px; }
    .nw-grid { grid-template-columns: repeat(3, 1fr); grid-gap: 16px; }
    .nw-item h3 { font-size: 20px; }
    .pd-info h1 { font-size: 38px; }
    .pd-info .tags { margin-top: 24px; }
    .pd-tabs { margin-top: 50px; }
    .nw-detail h1 { font-size: 38px; }
    .ab-intro { padding-top: 58px; }
    .ab-intro-head { margin-bottom: 44px; }
    .ab-intro-head h2 { font-size: 44px; }
    .ab-intro-visual { flex-basis: 48%; }
    .ab-intro-copy { margin-left: 4%; padding-top: 0; }
    .ab-intro-copy p { font-size: 14px; line-height: 2.15; }
    .ab-intro-copy p+p { margin-top: 12px; }
    .ab-stats { column-gap: 20px; margin-top: 36px; }
    .ab-stats .it { height: 120px; }
    .ab-stats .v { font-size: 52px; }
    .ab-stats .v sup { font-size: 31px; vertical-align: 5px; }
    .ab-stats .k { font-size: 15px; }
    .ab-culture-item h3 { font-size: 24px; }
    .ind-scene-item h3 { font-size: 26px; }
    .ct-card-l { padding: 30px 40px 0 0; }
    .ct-msg-l { padding: 50px 40px; }
    .ct-msg-r { padding: 50px 40px; }
    .pd-crumb .nav { font-size: 14px; }
    .pd-crumb .back { font-size: 15px; }
    .pd-crumb .back i { font-size: 16px; }
    .cc-feat { padding: 28px; margin-bottom: 40px; }
    .cc-feat.rev .cc-feat-text { padding-left: 40px; padding-right: 30px; }
    .cc-feat:not(.rev) .cc-feat-text { padding-left: 30px; padding-right: 30px; }
    .cc-feat-pic { flex: 0 0 48%; }
    .cc-feat-pic img { min-height: 240px; }
    .cc-feat-text h2 { font-size: 36px; }
    .cc-feat-text .lead { font-size: 18px; margin-top: 8px; }
    .cc-list { margin-top: 35px; }
    .cc-list li { font-size: 14px; padding-bottom: 14px; padding-left: 24px; }
    .cc-list li:before { width: 10px; height: 10px; }
    .cc-list li:after { left: 5px; }
    .cc-feat-text .com-btn { margin-top: 35px; }
    .cc-vs { padding: 70px 0 50px; }
    .cc-vs-col.mid { flex: 0 0 160px; }
    .cc-vs-hd { font-size: 26px; height: 80px; }
    .cc-vs-col.mid .cc-vs-hd { font-size: 56px; }
    .cc-vs-col.mid .cc-vs-hd:after { border-left: 80px solid transparent; border-right: 80px solid transparent; border-top: 24px solid var(--orange); bottom: -24px; }
    .cc-vs-box { padding: 0 25px; }
    .cc-vs-col.mid .cc-vs-box { padding: 0 15px; }
    .cc-vs-cell { height: 60px; font-size: 16px; }
    .cc-vs-col.left .cc-vs-cell .ic, .cc-vs-col.right .cc-vs-cell .ic { width: 24px; height: 24px; margin-right: 30px; font-size: 14px; }
    .cell-content { width: 140px; }
}
@media (max-width:1200px) {
    .pd-gallery { flex: 0 0 460px; }
    .pd-main-img { height: 400px; }
    .pd-thumbs-swiper { height: 400px; }
    .pd-info { padding-left: 40px; }
    .pd-info h1 { font-size: 32px; }
    .pd-side { flex: 0 0 300px; margin-left: 32px; }
    .ab-intro-main { display: block; }
    .ab-intro-visual { width: 100%; max-width: 800px; margin: 0 auto; }
    .ab-intro-copy { margin-left: 0; padding-top: 30px; }
    .ab-intro-copy p { font-size: 15px; line-height: 2; }
    .ab-intro-copy p+p { margin-top: 16px; }
    .pl-grid { grid-template-columns: repeat(3, 1fr); }
    .ia-cap { --cap-h: 440px; }
    .cap-exp .cap-big { font-size: 64px; }
    .ia-pain-grid { grid-template-columns: repeat(2, 1fr); }
    .gs-stat .v { font-size: 46px; }
    .gs-stat .k { font-size: 14px; }
    .gallery-grid { grid-template-columns: repeat(6, 1fr); grid-auto-rows: 160px; }
    .gallery-grid .item-1 { grid-column: span 3; grid-row: span 2; }
    .gallery-grid .item-2 { grid-column: span 3; grid-row: span 2; }
    .gallery-grid .item-3 { grid-column: span 6; grid-row: span 2; }
    .gallery-grid .item-4 { grid-column: span 3; grid-row: span 2; }
    .gallery-grid .item-5 { grid-column: span 3; grid-row: span 2; }
    .gallery-grid .item-6 { grid-column: span 3; grid-row: span 2; }
    .gallery-grid .item-7 { grid-column: span 3; grid-row: span 1; }
    .gallery-grid .item-8 { grid-column: span 3; grid-row: span 1; }
}
@media (max-width:992px) {
    .ny-subnav a { font-size: 15px; margin-right: 40px; height: 46px; }
    .pl-cate { flex-wrap: wrap; }
    .pl-cate a { flex: 0 0 33.33%; padding: 22px 6px 20px; }
    .pl-cate a span { font-size: 14px; }
    .pl-grid { grid-template-columns: repeat(3, 1fr); margin-bottom: 50px; }
    .pl-head .cn { font-size: 28px; }
    .pl-head .cn:after { right: -30px; width: 8px; height: 8px; }
    .pl-head .en { font-size: 14px; margin-left: 18px; }
    .pl-head .sub { font-size: 16px; margin-top: 15px; }
    .pl-uline { width: 95%; max-width: 520px; }
    .pd-page { padding-top: 10px; overflow: hidden; }
    .pd-top { display: block; padding: 24px 0 44px; overflow: hidden; }
    .pd-gallery { display: flex; width: 100%; max-width: 560px; margin: 0 auto; }
    .pd-main-img { height: 360px; }
    .pd-thumbs-swiper { height: 360px; }
    .pd-info { padding-left: 0; padding-top: 32px; }
    .pd-info h1 { font-size: 30px; }
    .pd-detail { padding: 50px 20px 50px; }
    .pd-sec-head { margin-bottom: 40px; }
    .pd-sec-head .t { font-size: 30px; }
    .pd-body { display: block; }
    .pd-side { margin-left: 0; margin-top: 40px; }
    .pd-side .pd-rel { display: inline-block; width: 31%; margin-right: 3%; vertical-align: top; }
    .pd-side .side-h { text-align: left; font-size: 28px; }
    .ny-banner { height: 360px; }
    .ny-banner .ny-banner-text { padding-top: 0; justify-content: center; padding-bottom: 0; }
    .ny-banner-text .tit { font-size: 36px; }
    .ny-banner-text .sub { margin-top: 20px; font-size: 20px; letter-spacing: 8px; }
    .ny-banner-text .en { margin-top: 10px; }
    .ny-banner-text .com-btn { margin-top: 30px; }
    .ny-title .t { font-size: 28px; }
    .ny-title .en { font-size: 18px; top: 22px; }
    .ny-title .sub { font-size: 16px; }
    .ct-card-wrap {padding: 50px 0;}
    .ct-card { display: block;}
    .ct-card-l {  padding: 30px 30px 0 0;}
    .ct-card-r { width: 100%; min-height: 300px; }
    .ct-msg { display: block; margin-bottom: 50px; }
    .ct-msg-l { padding: 34px 28px; }
    .nw-feat { padding: 50px 0 0; }
    .nw-feat-pic { height: 440px; border-radius: 20px 20px 0px 0; }
    .nw-feat-slide { display: block; }
    .nw-feat-pic img { min-height: 0; }
    .nw-feat-ct { padding: 32px 28px; }
    .nw-feat-ct h3 { font-size: 21px; }
    .nw-grid { grid-template-columns: 1fr 1fr; padding: 40px 0 40px; }
    .nw-page { padding-bottom: 50px; }
    .pd-crumb .nav { font-size: 13px; }
    .pd-crumb .back { font-size: 14px; }
    .ia-cap { flex-direction: column; height: auto; gap: 14px; }
    .ia-cap-item { flex: 0 0 auto !important; width: 100%; cursor: pointer; }
    .ia-cap-item .cap-col { display: none !important; }
    .ia-cap-item .cap-exp { position: static; height: auto; min-height: 170px; pointer-events: auto; padding: 28px 26px 30px 26px; padding-bottom: 56px; }
    .cap-exp .cap-tico, .cap-exp .cap-lbl, .cap-exp .cap-big, .cap-exp .cap-desc, .cap-exp .cap-line, .cap-exp .cap-no { opacity: 1 !important; transform: none !important; transition: none; }
    .cap-exp .cap-tico { right: 24px; top: 26px; width: 54px; height: 54px; }
    .cap-exp .cap-big { font-size: 46px; }
    .cap-exp .cap-desc { position: static; margin-top: 20px; left: auto; right: auto; max-width: none; }
    .cap-exp .cap-line { display: none; }
    .cap-exp .cap-no { right: 24px; bottom: 22px; font-size: 20px; }
    .ia-cap-item:not(.on) { background: #fff; color: #2b3138; }
    .ia-cap-item:not(.on) .cap-lbl { color: #5a636a; opacity: 1; }
    .ia-cap-item:not(.on) .cap-big { color: var(--green); }
    .ia-cap-item:not(.on) .cap-desc { color: #9197a0; }
    .ia-cap-item:not(.on) .cap-tico { color: var(--green); opacity: 1; }
    .ia-cap-item:not(.on) .cap-no { color: #e4e7e9; opacity: 1; }
    .ia-page { padding-top: 0; }
    .ia-banner { height: 420px; }
    .ia-banner .inner { padding-bottom: 0; display: flex; flex-direction: column; justify-content: center; min-height: 420px; padding-top: 40px; padding-bottom: 40px; }
    .ia-bn-text { position: static; transform: none; margin-top: 30px; }
    .ia-bn-text h1 { font-size: 32px; }
    .ia-bn-text .sub { font-size: 14px; margin-top: 18px; }
    .ia-bn-text .btn { margin-top: 40px; }
    .pd-crumb { padding-top: 0; }
    .ia-tabs { flex-wrap: wrap; }
    .ia-tabs a { flex: 0 0 33.33%; padding: 22px 6px 18px; }
    .ia-pain, .ia-solu, .ia-stats, .ia-case, .ia-cta { padding-left: 0; padding-right: 0; }
    .ia-pain { padding: 54px 0; }
    .ia-solu { padding: 20px 0 54px; }
    .ia-case { padding: 54px 0 54px; }
    .ia-brand-tit { margin: 40px 0 40px; font-size: 24px; }
    .ia-cta { padding: 30px 0 54px; }
    .ia-stats { padding: 54px 0; }
    .ia-head { margin-bottom: 45px; }
    .ia-head .t { font-size: 28px; }
    .ia-stats-grid { grid-template-columns: 1fr; }
    .ia-stat-hd h3 { font-size: 20px; }
    .ia-stat-hd .d { font-size: 12px; line-height: 1.3; }
    .ia-stat-card .ico { width: 45px; height: 45px; margin-right: 15px; background-size: 90px; }
    .ia-stat-card:hover .ico { background-position: -45px; }
    .ia-stat-nums .it { flex: 1; }
    .ia-cta h2 { font-size: 28px; }
    .ia-cta .sub { font-size: 16px; }
    .ia-case-grid { display: block; }
    .ia-case-card { margin-bottom: 20px; }
    .ia-case-card:first-child { margin-right: 0; }
    .gs-stat .v { font-size: 38px; }
    .gs-stat .k { font-size: 13px; margin-top: 12px; }
    .gs-adv, .gs-export, .gs-root, .gs-case, .gs-cta { padding: 54px 0; overflow: hidden; }
    .gs-regions { grid-template-columns: 1fr; }
    .gs-certs { grid-template-columns: repeat(3, 1fr); }
    .gs-cases { grid-template-columns: 1fr; }
    .gs-cbrands { grid-template-columns: repeat(3, 1fr); }
    .cc-feats {margin-top: 50px;}
    .cc-feat { display: block; padding: 34px 28px;box-shadow: 7px 7px 30px 0px rgba(65, 69, 75, 0.1); }
    .cc-feat .cc-feat-text { padding: 0 0 30px 0 !important; }
    .cc-feat-text h2 { font-size: 32px; }
    .cc-feat-text .lead { font-size: 20px; }
    .cc-list li { font-size: 14px; }
    .cc-feat.rev { display: block; }
    .cc-feat-pic { width: 100%; }
    .cc-feat-pic img { min-height: 0; height: auto; }
    .ny-head .t { font-size: 27px; }
    .ny-head .en { font-size: 18px; }
    .ab-subnav { overflow-x: auto; }
    .ab-subnav::-webkit-scrollbar { display: none; }
    .ab-subnav .inner { width: auto; padding: 0 4%; }
    .ab-subnav a { margin-right: 30px; white-space: nowrap; }
    .ab-intro { padding-top: 52px; }
    .ab-intro-head { margin-bottom: 36px; }
    .ab-intro-head h2 { font-size: 36px; }
    .ab-intro-main { display: block; }
    .ab-intro-visual { width: 100%; max-width: 800px; margin: 0 auto; }
    .ab-intro-copy { margin-left: 0; padding-top: 30px; }
    .ab-intro-copy p { font-size: 15px; line-height: 2; }
    .ab-intro-copy p+p { margin-top: 16px; }
    .ab-stats { grid-template-columns: repeat(3, 1fr); column-gap: 18px; margin-top: 30px; }
    .ab-stats .it { height: 112px; padding: 0 6px; }
    .ab-stats .v { font-size: 44px; letter-spacing: -3px; }
    .ab-stats .v sup { font-size: 27px; vertical-align: 4px; }
    .ab-stats .k { margin-left: 10px; font-size: 14px; }
    .ab-culture { height: auto; min-height: 0; padding: 64px 30px 76px; background-position: center top; background-size: auto 100%; }
    .ab-culture .ny-title { position: relative; top: auto; left: auto; width: auto; }
    /*.ab-culture .ny-title .t { font-size: 38px; }*/
    /*.ab-culture .ny-title .en { top: 35px; font-size: 17px; }*/
    .ab-mission-stage { position: relative; left: auto; top: auto; width: 100%; max-width: 760px; height: auto; margin: 48px auto 0; }
    .ab-mission-stage:before { content: ""; position: absolute; z-index: 1; left: 65px; top: 66px; bottom: 66px; width: 1px; background: #9fd9c5; opacity: 1; transform: scaleY(1); transform-origin: center top; }
    .ab-mission-wave { display: none; }
    .ab-mission-item, .ab-mission-vision, .ab-mission-belief, .ab-mission-values { position: relative; left: auto; top: auto; width: 100%; min-height: 170px; padding: 18px; border: 1px solid rgba(159, 217, 197, .48); border-radius: 16px; background: rgba(255, 255, 255, .68); box-shadow: 0 16px 34px rgba(68, 107, 92, .07); }
    .ab-mission-item+.ab-mission-item { margin-top: 24px; }
    .ab-mission-icon { position: relative; z-index: 2; flex-basis: 96px; width: 96px; height: 96px; }
    .ab-mission-icon img { width: 82px; height: 82px; }
    .ab-mission-copy, .ab-mission-vision .ab-mission-copy, .ab-mission-belief .ab-mission-copy, .ab-mission-values .ab-mission-copy { padding-top: 4px; margin-left: 26px; }
    .ab-mission-copy h3 { font-size: 28px; }
    .ab-mission-copy span { font-size: 14px; }
    .ab-mission-copy p { font-size: 14px; line-height: 1.9; white-space: normal; }
    .ab-mission-copy span+p, .ab-mission-values .ab-mission-copy span+p { margin-top: 13px; }
    .ab-cert-grid { grid-template-columns: 1fr 1fr; }
    .ab-history { height: 680px; padding: 64px 0 0; }
    .ab-history .ny-title { width: calc(100% - 48px); height: 80px; }
    .ab-history .ny-title .t { font-size: 42px; }
    .ab-history .ny-title .en { top: 38px; font-size: 18px; }
    .ab-history-wave { top: 270px; height: 250px; background-size: auto 250px; }
    .ab-history-stage { height: 430px; margin-top: 40px; }
    .ab-history-cards { height: 430px; }
    .ab-history-card { flex-basis: calc(100vw - 48px); width: calc(100vw - 48px); height: 430px; }
    .ab-history-card.is-top .ab-history-stem, .ab-history-card.is-bottom .ab-history-stem { left: 22px; top: 28px; height: 205px; }
    .ab-history-card.is-top .ab-history-stem:before, .ab-history-card.is-bottom .ab-history-stem:before { top: -13px; bottom: auto; }
    .ab-history-card.is-top .ab-history-year, .ab-history-card.is-bottom .ab-history-year { left: 58px; top: 200px; font-size: 62px; }
    .ab-history-card.is-top .ab-history-content, .ab-history-card.is-bottom .ab-history-content { left: 58px; top: 25px; width: calc(100% - 76px); }
    .ab-history-content h4 { font-size: 20px; }
    .ab-history-meta p { font-size: 14px; }
    .ab-history-arrow { top: auto; bottom: 28px; width: 52px; height: 52px; }
    .ab-history-arrow.prev { left: 24px; }
    .ab-history-arrow.next { right: 24px; }
    .ab-history-arrow span { left: 20px; top: 17px; width: 14px; height: 14px; }
    .ab-history-arrow.next span { left: 17px; }
    .ab-show-nav.prev { left: -10px; }
    .ab-show-nav.next { right: -10px; }
    .pl-head { margin-bottom: 50px; }
    .cc-dotbg {padding-bottom: 60px;}

}
@media (max-width:768px) {
    .pl-grid { grid-template-columns: repeat(2, 1fr); margin-bottom: 40px; }
    .pd-apps { grid-template-columns: repeat(2, 1fr); }
    .pd-side .pd-rel { width: 48%; margin-right: 2%; }
    .ab-intro-head h2 { font-size: 32px; }
    .ab-stats { grid-template-columns: repeat(2, 1fr); }
    .gs-adv-stage { height: auto; padding-top: 0; display: grid; grid-template-columns: 1fr 1fr; grid-template-areas: "globe globe""left right"; grid-gap: 14px 14px; padding: 24px 14px 28px; }
    .gs-lines { display: none; }
    .gs-globe { grid-area: globe; justify-self: center; position: relative; left: auto; top: auto; transform: none; width: 64vw; height: 64vw; max-width: 300px; max-height: 300px; padding-top: 0; margin: 0 auto 4px; }
    .gs-adv-col { display: block; }
    .gs-adv-col.l { grid-area: left; text-align: center; }
    .gs-adv-col.r { grid-area: right; text-align: center; }
    .gs-stat { position: static; text-align: center; }
    .gs-adv-col .gs-stat+.gs-stat { margin-top: 22px; }
    .gs-stat .v { font-size: 30px; }
    .gs-stat .v sup { font-size: 20px; margin-left: 5px; }
    .gs-stat .k { font-size: 12px; margin-top: 8px; line-height: 1.5; }
    .map-module { aspect-ratio: auto; display: flex; flex-direction: column; align-items: center; gap: 0; padding: 0; border-radius: 14px; }
    .map-module__lines { display: none; }
    .map-module__map { position: relative; left: auto; top: auto; width: 100%; height: auto; max-width: 440px; margin: 0 auto; }
    .map-stats { display: grid; grid-template-columns: 1fr 1fr; gap: 22px 16px; width: 100%; max-width: 440px; margin-top: 6px; align-items: baseline; }
    .map-stat { position: static; width: auto; text-align: center; justify-content: center;}
    .stat__num { font-size: 30px; }
    .stat__num sup {
        font-size: 20px;
        margin-left: 5px;
    }
    .gs-root-map-trigger, .gs-root-map-label { margin-left: auto; margin-right: auto; text-align: center; }
    .gs-root-map-hint { margin-top: 8px; }
    .stat__desc { font-size: 12px; margin-top: .55em; line-height: 1.45; }
    .gallery-grid .item-1, .gallery-grid .item-3, .gallery-grid .item-4, .gallery-grid .item-6 { grid-column: span 2; grid-row: span 2; }
    .gallery-grid .item-2, .gallery-grid .item-5, .gallery-grid .item-7, .gallery-grid .item-8 { grid-column: span 1; grid-row: span 1; }
    .pd-info .btns { margin-top: 40px; }
    .gs-globe .pt,.pin__ring { display: none; }
    .gs-adv-col.l { grid-area: auto; text-align: center; width: 100%; display: flex; }
    .gs-stat { text-align: center; width: 50%; }
    .gs-adv-col { display: flex; }
    .gs-adv-col.l .gs-stat:nth-of-type(1), .gs-adv-col.l .gs-stat:nth-of-type(2) { text-align: center; }
    .gs-adv-col.r .gs-stat:nth-of-type(1), .gs-adv-col.r .gs-stat:nth-of-type(2) { width: 50%; justify-content: center; }
    .gs-adv-col .gs-stat+.gs-stat { margin-top: 0; }
    .gs-adv-col.r { margin-top: 20px; }
}
@media (max-width:640px) {
    .ny-subnav a { font-size: 14px; margin-right: 20px; height: 42px; }
    .ny-subnav { padding: 10px 0 5px 5px; }
    .pl-cate a { flex: 0 0 33.33%; padding: 18px 0 16px; }
    .pl-cate a .ic { width: 38px; height: 38px; margin-bottom: 10px; }
    .pl-cate a span { font-size: 13px; line-height: 1.25; }
    .pl-list { padding: 40px 0 56px; }
    .pl-head .cn { font-size: 24px; line-height: 1.2; }
    .pl-head .en { display: block; font-size: 16px; margin-left: 0; margin-top: 0; margin-bottom: 5px; }
    .pl-head .cn:after { right: -20px; width: 5px; height: 5px; top: 5px; }
    .pl-head .en { font-size: 12px; margin-left: 10px; }
    .pl-head .sub { font-size: 14px; margin-top: 15px; }
    .pl-uline .chev { margin-top: 0px; width: 30px; height: 12px; margin-right: 10px; }
    .pl-uline { max-width: 90%; margin-top: 20px; }
    .pl-uline:before { display: none; }
    .pl-uline:after { right: -15px; top: -5px; width: 7px; height: 7px; border-radius: 50%; }
    .pl-grid { grid-template-columns: 1fr 1fr; grid-gap: 16px; }
    .pl-card { overflow: hidden; }
    .pl-card .info h3 { font-size: 14px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
    .pl-card .info p { margin-top: 10px; font-size: 12px; }
    .pl-cate a i { font-size: 28px; margin: 0 auto 10px; }
    .pl-cate a { padding: 20px 0px; font-size: 13px; }
    .com-more-md a { width: 180px; height: 45px; padding: 5px 5px 5px 20px; font-size: 16px; }
    .com-more-md a i { width: 35px; height: 35px; font-size: 16px; }
    .com-more-md a:hover { width: 260px; }
    .pd-crumb { padding: 16px 0 0; }
    .pd-gallery { flex-direction: column-reverse; }
    .pd-thumbs { display: block; margin-right: 0; margin-top: 14px; }
    .pd-thumbs-swiper { height: auto; width: 100%; }
    .pd-thumbs-swiper .swiper-slide { width: 64px; height: 64px; }
    .pd-main-img { height: 300px; }
    .pd-info h1 { font-size: 24px; }
    .pd-info .hr { margin: 20px 0 20px; }
    .pd-info .spec { font-size: 14px; }
    .pd-info .desc { margin-top: 20px; font-size: 14px; line-height: 1.75; }
    .pd-block { padding: 30px 20px 30px 20px; }
    .pd-block .hr { margin: 25px 0 20px; }
    .pd-block-h:before { left: -21px; }
    .pd-cont { font-size: 14px; }
    .pd-info .btns { justify-content: center; }
    .pd-info .btns .com-btn { width: 160px; }
    .pd-sec-head .t { font-size: 25px; }
    .pd-block-h { font-size: 19px; }
    .pd-adv { grid-template-columns: 1fr; grid-gap: 12px; }
    .pd-adv li { height: 50px; padding: 0 15px; font-size: 14px; }
    .pd-apps { grid-template-columns: 1fr 1fr; grid-gap: 16px 14px; }
    .pd-app .pic { height: 120px; }
    .pd-app .cap { margin-top: 15px; font-size: 14px; }
    .pd-help-list { margin-bottom: 30px; grid-template-columns: 1fr; grid-gap: 12px; }
    .pd-help-list li { padding-left: 30px; font-size: 14px; line-height: 20px; }
    .pd-form .pd-row { display: block; }
    .pd-form .fld { width: 100%; height: 45px; }
    .pd-form .fld:first-child { margin-bottom: 10px; }
    .pd-form .fld input { padding: 0 15px; font-size: 14px; }
    .pd-form .area textarea { height: 120px; padding: 10px 15px; font-size: 14px; }
    .pd-form .submit { width: 100%; height: 50px; font-size: 16px; margin-top: 20px; }
    .pd-pager { font-size: 12px; padding: 20px 20px; }
    .pd-pager .prev, .pd-pager .next { max-width: 34%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    .pd-side .side-h { font-size: 24px; }
    .pd-rellist { display: flex; gap: 10px; }
    .pd-side .pd-rel { width: 100%; margin-right: 0; }
    .pd-rel .name { margin-top: 18px; font-size: 14px; }
    .pd-rel .model {font-size: 12px; }
    .pd-pager .back { font-size: 14px; }
    .pd-pager .back i { font-size: 15px; margin-right: 6px; }
    .ny-banner { height: 220px; }
    .ny-banner-text { padding-top: 0; justify-content: center; }
    .ny-banner-text .tit { font-size: 26px; }
    .ny-banner-text .sub { margin-top: 14px; font-size: 14px; letter-spacing: 0; }
    .ny-banner-text .en { margin-top: 8px; font-size: 10px; }
    .ny-banner-text .com-btn { margin-top: 20px; }
    .ny-title { margin-bottom: 30px; }
    .ny-title .t { font-size: 24px; letter-spacing: 0; }
    .ny-title .en { font-size: 13px; top: 18px; }
    .ny-title .sub { font-size: 14px; }
    .ny-title .div { margin: 20px 0 15px; }
    .ny-title .div .dot { width: 8px; height: 8px; margin: 0 10px; }
    .ct-item .tx .vl .ph2 { display: block; margin-left: 0; margin-top: 2px; }
    .ct-card-l { padding: 0 0 30px; }
    .ct-card-l h2 { font-size: 20px; }
    .ct-msg-l h3 { font-size: 24px; }
    .ct-card-l .hr { margin: 20px 0 20px; }
    .ct-item {
        margin-top: 20px;
    }
    .ct-item .ico { width: 40px; height: 40px; margin-right: 15px; }
    .ct-item .ico i { font-size: 18px; }
    .ct-item .tx .vl { font-size: 14px; }
    .ct-item .tx .lb { font-size: 12px; }
    .ct-card-r { min-height: auto; }
    .ct-msg-l { padding: 30px 25px; border-radius: 20px 20px 0px 0px; }
    .ct-msg-l .tip { font-size: 14px; margin-top: 30px; line-height: 1.75; }
    .ct-msg-l .tip br { display: none; }
    .ct-msg-l .tel { margin-top: 30px; font-size: 28px; }
    .ct-msg-r { padding: 28px 22px; }
    .ct-msg-r .row { display: block; }
    .ct-msg-r .row .fld:first-child { margin-right: 0; }
    .ct-msg-r .submit { width: 100%; }
    .ct-msg-r .fld { height: 45px; margin-bottom: 10px; }
    .ct-msg-r .fld input { padding: 0 15px; font-size: 14px; }
    .ct-msg-r .area textarea { height: 120px; padding: 10px 15px; font-size: 14px; }
    .ct-msg-r .area { margin-bottom: 20px; }
    .ct-msg-r .submit { width: 100%; height: 50px; font-size: 16px; }
    .nw-feat { padding: 50px 0 0; }
    .nw-feat-pic { height: 230px; }
    .nw-grid { grid-template-columns: 1fr; }
    .nw-card { padding: 20px; }
    .nw-card h4 { height: auto; font-size: 16px; min-height: auto; }
    .nw-card .date { margin-top: 20px; font-size: 14px; }
    .nw-feat-ct { padding: 20px 20px; }
    .nw-feat-ct .date { font-size: 14px; }
    .nw-feat-ct h3 { font-size: 16px; margin-top: 15px; }
    .nw-feat-ct p { margin-top: 15px; font-size: 13px; line-height: 1.75; }
    .nw-feat-ct .more { margin-top: 15px; padding-top: 15px; }
    .nw-feat-ct .more a { font-size: 14px; }
    .nw-feat-dots { margin-top: 20px; }
    .nw-feat-dots .swiper-pagination-bullet { width: 8px; height: 8px; margin: 0 4px; border-radius: 4px; }
    .nw-feat-dots .swiper-pagination-bullet-active { width: 24px; }
    .pd-crumb { padding: 16px 0 0; }
    .pd-crumb .nav { font-size: 12px; }
    .pd-crumb .back { display: none; }
    .cap-exp .cap-big { font-size: 40px; }
    .cap-exp .cap-big sup { font-size: 12px; margin-left: 10px; top: -6px; }
    .cap-exp .nonum { font-size: 28px; margin-top: 15px; }
    .cap-exp .cap-big sup span { font-size: 16px; }
    .cap-exp { padding: 24px 20px 50px; }
    .cap-exp .cap-tico { width: 46px; height: 46px; top: 22px; right: 20px; background-size: 92px; }
    .ia-cap-item.on .cap-exp .cap-tico { background-position: -46px; }
    .cap-exp .cap-lbl { font-size: 14px; }
    .cap-exp .cap-desc { font-size: 14px; line-height: 1.75; }
    .ia-banner { height: auto; min-height: auto; justify-content: flex-start; }
    .ia-banner .inner { min-height: auto; padding-top: 10px; padding-bottom: 40px; }
    .ia-bn-text { margin-top: 30px; }
    .ia-bn-text h1 { font-size: 24px; line-height: 1.35; }
    .ia-bn-text .sub { font-size: 13px; margin-top: 14px; }
    .ia-bn-text .btn { height: 46px; font-size: 14px; width: 180px; padding: 5px 5px 5px 20px; margin-top: 30px; }
    .ia-bn-text .btn i { width: 38px; height: 38px; }
    .pd-crumb .nav { font-size: 12px; }
    .ia-tabs a { flex: 0 0 33.33%; padding: 18px 4px 14px; }
    .ia-tabs a .ic { width: 36px; height: 36px; }
    .ia-tabs a span { font-size: 13px; }
    .ia-head .t { font-size: 23px; margin-top: 15px; }
    .ia-head .lbl { font-size: 16px; }
    .ia-head .lbl:before, .ia-head .lbl:after { width: 30px; height: 12px; margin: 0 20px; }
    .ia-case-card .ct h3 { font-size: 20px; }
    .ia-case-card .ct .more { font-size: 14px; }
    .ia-pain-grid { grid-template-columns: 1fr; }
    .ia-pain-card { min-height: 0; padding: 28px 24px; }
    .ia-pain-card h3 { font-size: 20px; }
    .ia-pain-card p { margin-top: 20px; font-size: 14px; line-height: 1.75; }
    .ia-pain-card .num { position: static; display: block; margin-top: 18px; }
    .ia-pain-card .ico { height: 30px; }
    .ia-stat-card { padding: 28px 22px; }
    .ia-stat-nums .v { font-size: 24px; }
    .ia-stat-nums .v sup { font-size: 12px; margin-left: 5px; }
    .ia-stat-nums .k { margin-top: 5px; font-size: 12px; }
    .ia-stat-bul li { padding-left: 10px; font-size: 14px; line-height: 24px; }
    .ia-stat-card .hr { margin: 20px 0 30px; }
    .ia-stat-nums .k { line-height: 1.3; margin-top: 8px; }
    .ia-case-card { display: block; }
    .ia-case-card .pic { margin-bottom: 18px; }
    .ia-case-card .pic img { height: 180px; }
    .ia-case-card .ct { padding: 0; }
    .ia-brands { justify-content: space-around; }
    .ia-brands img { height: 26px; margin: 10px 8px; }
    .ia-cta { padding: 10px 0 54px; }
    .ia-cta h2 { font-size: 24px; }
    .ia-cta-checks li { margin: 5px 0px; font-size: 13px; width: 220px; text-align: left; }
    .ia-cta-checks li:before { top: 2px; width: 16px; height: 16px; font-size: 10px; }
    .ia-cta-form .row { display: block; }
    .ia-cta-form .fld { width: 100%; height: 45px; }
    .ia-cta-form .fld+.fld { margin-left: 0; }
    .ia-cta-form .fld:first-child { margin-bottom: 10px; }
    .ia-cta-form .area textarea { height: 120px; padding: 10px 15px; font-size: 14px; }
    .ia-cta-form .submit { width: 100%; height: 50px; margin: 20px auto 0; font-size: 16px; }
    .ia-cta .sub { font-size: 14px; }
    .ia-cta-checks { margin: 30px 0 40px; }
    .ia-cta-form .fld input { padding: 0 15px; font-size: 14px; }
    .gs-adv-stage { display: block; grid-gap: 0; padding: 0; }
    .gs-globe { width: 100%; }
    .gs-certs { grid-template-columns: repeat(2, 1fr); }
    .gs-cert { height: 72px; }
    .gs-regions { grid-gap: 20px; margin-bottom: 20px; }
    .gs-region { height: auto; }
    .gs-region .ct { padding: 20px 20px; }
    .gs-region .ct h3 { font-size: 20px; }
    .gs-region .ct .meta p { font-size: 12px; }
    .gs-region .ct .meta { margin-top: 20px; }
    .gs-cert img { max-height: 75%; }
    .gs-cbrands { grid-template-columns: repeat(2, 1fr); }
    .gs-cta {padding-top: 20px;}
    .gs-cta h2 { font-size: 14px; margin-bottom: 40px;}
    .gs-cta-btns a {
        margin: 6px;
        width: auto;
    }
    .gs-cta .lbl {
        font-size: 24px;
    }
    .gs-case-card .pic {
        height: auto;
    }
    .gs-case-card .ct {
        padding: 20px 20px 20px;
    }
    .gs-case-card .ct h3 {
        font-size: 18px;
    }
    .gs-case-card .ct .meta {
        margin-top: 10px;
        font-size: 14px;
    }
    .gs-case-card .ct .more {
        margin-top: 30px;
        font-size: 14px;
    }
    .gs-cbrand {
        height: 60px;
    }
    .gs-cbrand img {
        max-height: 40%;
    }
    .ny-head .t { font-size: 23px; letter-spacing: 0; }
    .ny-head .en { font-size: 13px; letter-spacing: 1px; }
    .cc-feat-text h2 { font-size: 24px; }
    .cc-feat-text .lead { font-size: 16px; margin-top: 12px; }
    .cc-list { margin-top: 30px; }
    .cc-list li { font-size: 14px; padding-bottom: 14px; }
    .cc-feat-text .com-btn { margin-top: 30px; }
    .cc-vs { padding: 40px 0 40px; }
    .cc-vs-table { border-radius: 6px; }
    .cc-vs-col.left { flex: 0 0 40%; }
    .cc-vs-col.mid { flex: 0 0 20%; }
    .cc-vs-col.right { flex: 0 0 40%; }
    .cc-vs-hd { font-size: 13px; height: 50px; }
    .cc-vs-col.left .cc-vs-hd { margin-bottom: 20px; }
    .cc-vs-col.right .cc-vs-hd { margin-bottom: 20px; }
    .cc-vs-col.mid .cc-vs-hd { font-size: 16px; margin-bottom: 24px; }
    .cc-vs-col.mid .cc-vs-hd:after { border-left: 35px solid transparent; border-right: 35px solid transparent; border-top: 12px solid var(--orange); bottom: -12px; }
    .cc-vs-box { padding: 0 6px; }
    .cc-vs-col.mid .cc-vs-box { padding: 0 4px; }
    .cc-vs-cell { font-size: 11px; height: 44px; }
    .cc-vs-col.left .cc-vs-cell .ic, .cc-vs-col.right .cc-vs-cell .ic { width: 14px; height: 14px; margin-right: 4px; font-size: 10px; flex: 0 0 auto; }
    .cc-vs-col.left .cc-vs-cell, .cc-vs-col.right .cc-vs-cell { padding-left: 4px; }
    .cell-content { width: 70px; justify-content: flex-start; white-space: nowrap; }
    .ab-subnav { padding: 10px 0px 5px 5px; }
    .ab-subnav a { height: 40px; margin-right: 20px; font-size: 14px; }
    .ab-subnav a:before { width: 5px; height: 5px; margin-right: 10px; }
    .ab-intro { padding: 42px 0 0; }
    .ab-intro-head { margin-bottom: 28px; }
    .ab-intro-head h2 { font-size: 28px; line-height: 1.4; }
    .ab-intro-visual { border-radius: 10px; }
    .ab-intro-play { width: 60px; height: 60px; box-shadow: 0 0 0 8px rgba(255, 255, 255, .72), 0 8px 22px rgba(0, 91, 61, .26); }
    .ab-intro-play .iconfont { margin-left: 3px; font-size: 27px; }
    .ab-intro-play:hover { box-shadow: 0 0 0 8px rgba(255, 255, 255, .84), 0 10px 26px rgba(0, 91, 61, .3); }
    .ab-intro-copy { padding-top: 24px; }
    .ab-intro-copy p { font-size: 14px; line-height: 1.9; }
    .ab-intro-copy p+p { margin-top: 16px; }
    .ab-stats { column-gap: 14px; margin-top: 22px; }
    .ab-stats .it { display: block; height: 112px; padding: 18px 2px 12px; }
    .ab-stats .v { font-size: 36px; letter-spacing: -2px; }
    .ab-stats .v sup { font-size: 22px; vertical-align: 3px; }
    .ab-stats .k { margin: 6px 0 0; font-size: 12px; line-height: 1.3; text-align: left; white-space: normal; }
    .ab-culture { padding: 50px 15px 58px; }
    /*.ab-culture .ny-title .t { font-size: 30px; }
    .ab-culture .ny-title .en { top: 27px; font-size: 13px; }*/
    .ab-mission-stage { margin-top: 35px; }
    .ab-mission-stage:before { left: 59px; top: 55px; bottom: 55px; }
    .ab-mission-item, .ab-mission-vision, .ab-mission-belief, .ab-mission-values { min-height: 0; padding: 16px 14px; border-radius: 12px; }
    .ab-mission-item+.ab-mission-item { margin-top: 16px; }
    .ab-mission-icon { flex-basis: 88px; width: 88px; height: 88px; }
    .ab-mission-icon img { width: 74px; height: 74px; }
    .ab-mission-copy, .ab-mission-vision .ab-mission-copy, .ab-mission-belief .ab-mission-copy, .ab-mission-values .ab-mission-copy { padding-top: 2px; margin-left: 18px; }
    .ab-mission-copy h3 { font-size: 24px; }
    .ab-mission-copy span { margin-top: 3px; font-size: 12px; }
    .ab-mission-copy p { font-size: 13px; line-height: 1.75; }
    .ab-mission-copy span+p, .ab-mission-values .ab-mission-copy span+p { margin-top: 10px; }
    .ab-honor { padding: 50px 0 50px; overflow: hidden;}
    .ab-honor-nav {display: none;}
    .ab-tabs { margin-bottom: 30px; }
    .ab-tabs a { margin: 0 18px; font-size: 16px; padding-bottom: 8px; }
    .ab-cert { padding: 50px 0; }
    .ab-cert-grid { grid-template-columns: 1fr; grid-gap: 16px; margin-top: 30px; }
    .ab-cert-item { height: 65px; padding: 0 20px; font-size: 16px; }
    .ab-cert-item .lg { height: 40px; }
    .ab-cert-swiper .frame { height: 240px; }
    .is-landscape-panel .ab-cert-swiper .frame { height: 220px; padding: 12px; }
    .ab-cert-swiper .cap { font-size: 14px; margin-bottom: 16px; }
    .ab-cert-modal { padding: 12px; }
    .ab-cert-modal-dialog { width: auto; max-width: 100%; padding: 48px 14px 16px; border-radius: 8px; }
    .ab-cert-modal-image { height: auto; max-height: calc(88vh - 105px); }
    .ab-cert-modal-image img { max-height: calc(88vh - 105px); }
    .ab-cert-modal-title { margin-top: 10px; font-size: 14px; }
    .ab-cert-modal-close { right: 4px; top: 2px; }
    .ab-history { height: 650px; padding: 52px 0 0; }
    .ab-history .ny-title { width: calc(100% - 40px); height: 70px; }
    .ab-history .ny-title .t { font-size: 34px; }
    .ab-history .ny-title .en { top: 31px; font-size: 14px; }
    .ab-history-wave { top: 250px; height: 230px; background-size: auto 230px; }
    .ab-history-stage { height: 410px; margin-top: 30px; }
    .ab-history-cards { height: 410px; }
    .ab-history-card { height: 410px; }
    .ab-history-card.is-top .ab-history-stem, .ab-history-card.is-bottom .ab-history-stem { height: 185px; }
    .ab-history-card.is-top .ab-history-year, .ab-history-card.is-bottom .ab-history-year { top: 180px; font-size: 54px; }
    .ab-history-content h4 { font-size: 18px; line-height: 1.45; }
    .ab-history-meta { margin-top: 10px; }
    .ab-history-meta p { font-size: 13px; line-height: 1.7; }
    .ab-history-arrow { bottom: 22px; width: 44px; height: 44px; }
    .ab-history-arrow.prev { left: 20px; }
    .ab-history-arrow.next { right: 20px; }
    .ab-history-arrow span { left: 17px; top: 14px; width: 12px; height: 12px; }
    .ab-history-arrow.next span { left: 14px; }
    .ab-show {
            padding: 20px 0 50px;
        }
    .ab-show-nav { top: 108px; width: 44px; height: 44px; }
    .ab-show-nav.prev { left: -8px; }
    .ab-show-nav.next { right: -8px; }
    .ab-show-nav i { font-size: 18px; }
    .ab-show-foot { margin-top: 20px;}
    .ab-show-foot .ab-show-dots { margin: 0; }
    .ab-show-foot .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
        margin: 0 4px;
    }
    .ab-show-foot .swiper-pagination-bullet-active {
            width: 24px;
        }
    .gallery { padding: 50px 0; }
    .gallery-grid { grid-template-columns: repeat(2, 1fr); grid-gap: 10px; }
    .gallery-grid .item-1, .gallery-grid .item-3, .gallery-grid .item-4, .gallery-grid .item-6 {        grid-column: span 1;
        grid-row: span 2;}
    .gallery-grid .item-2, .gallery-grid .item-5, .gallery-grid .item-7, .gallery-grid .item-8 { grid-column: span 1; grid-row: span 1; }
    .pl-head { margin-bottom: 40px; }
    .pl-card .info { padding: 20px 5px 20px 5px; }
    .pd-info { padding-top: 20px; }
    .pd-info .model { font-size: 14px; }
    .cc-feat {
        padding: 25px 20px;
    }
    .ab-honor-stage:after {
        bottom: -83px;
        width: 720px;
        height: 168px;
    }
    .ab-show-swiper {
        height: 260px;
    }
}
@media (max-width:360px) {
    .gs-stat .v { font-size: 26px; }
    .stat__num { font-size: 28px; }
}