/* ============================================
   全局基础样式
   ============================================ */
/* 所有元素使用border-box盒模型，确保padding和border包含在宽度内 */
.home-sec * { -webkit-box-sizing: border-box; box-sizing: border-box; }
.home-sec { -webkit-box-sizing: border-box; box-sizing: border-box; }

/* 内容容器宽度固定1200px，居中显示 */
.inner-width { width: 1200px; margin: 0 auto; }

.home-sec { margin: 0 auto; }

/* ============================================
   滚动触发动画 - 这就是您要找的部分！
   ============================================ */
/* 动画元素初始状态：隐藏且向下偏移 */
.animate-item { transform: translateY(0) scale(1); opacity: 1; transition: unset; }

/* 动画元素显示状态：移回原位且完全可见
.animate-item.show { transform: translateY(0) scale(1); opacity: 1; }
*/

/* 静态显示状态：直接显示，无动画
.animate-item.static-show { transform: translateY(0) scale(1); opacity: 1; transition: unset; }
*/

/* ============================================
   通用标题样式
   ============================================ */
/* 模块标题样式 */
.home-sec-title { height: 42px; line-height: 42px; color: #1A1A2E; font-size: 30px; font-weight: bold; text-align: center; }
/* 模块描述样式 */
.home-sec-desc { margin-top: 20px; height: 28px; line-height: 28px; font-size: 20px; text-align: center; color: #3B426B; }

/* ============================================
   轮播图样式
   ============================================ */
a:hover { -webkit-transition: initial; -o-transition: initial; transition: initial }
.swiper-container2 a { width: 100%; background-position: center !important; }
.swiper-container2 a img { margin: 0 auto; }





/* 底部悬浮条 · 100%固定浏览器最底部 · 文字左对齐+整体居中 · 关闭按钮阴影*/
.bottom-popup-bar *{margin:0;padding:0;box-sizing:border-box}
/* 核心：纯 fixed 固定底部，无任何干扰 */
.bottom-popup-bar{position:fixed;bottom:0;left:0;right:0;z-index:999;height:210px;background:url("/default/img/shouyedibu/dbbg.webp") no-repeat center center;background-size:cover;display:flex;align-items:center;justify-content:center;padding:0 20px;transition:transform .4s ease,opacity .4s ease;transform:translateY(0);opacity:1}
/* 向下滑出底部隐藏 */
.bottom-popup-bar.hide{transform:translateY(100%);opacity:0;pointer-events:none}
/* 右上角关闭按钮 + 阴影 */
.bottom-popup-bar .close-btn{position:absolute;top:15px;right:20px;width:30px;height:30px;background:url("/default/img/shouyedibu/c.svg") no-repeat center center;background-size:contain;border:none;cursor:pointer;background-color:transparent;z-index:999;filter:drop-shadow(0 2px 6px rgba(0,0,0,.5))}
.bottom-popup-bar .close-btn:hover{transform:scale(1.1)}
/* 内容整体居中 + 最大宽度1200px */
.bottom-popup-bar .inner-wrap{display:flex;align-items:center;justify-content:center;gap:40px;max-width:1200px;width:100%;margin:0 auto}
/* 文字左对齐，高度与二维码区域对齐，并均分上下间距 */
.bottom-popup-bar .content-wrap{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;text-align:left;flex:1;min-width:0;height:132px}
.bottom-popup-bar .title{font-size:28px;font-weight:700;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.3);text-align:left;line-height:1.3}
.bottom-popup-bar .title .highlight{color:#ffdd33}
.bottom-popup-bar .tip-text{font-size:18px;color:#fff;opacity:.95;text-align:left}
.bottom-popup-bar .features{display:flex;gap:8px;flex-wrap:wrap}
.bottom-popup-bar .feature-tag{background:rgba(255,255,255,.2);padding:6px 14px;border-radius:2px;font-size:16px;color:#fff}
.bottom-popup-bar .scan-tip{font-size:16px;color:#fff;text-align:left}
/* 二维码 */
.bottom-popup-bar .qrcodes-wrap{display:flex;gap:20px;flex-shrink:0}
.bottom-popup-bar .qrcode-item{display:flex;flex-direction:column;align-items:center;gap:6px}
.bottom-popup-bar .qrcode-box{width:120px;height:120px;background:#fff;border-radius:2px;padding:2px}
.bottom-popup-bar .qrcode-box img{width:100%;height:100%}
.bottom-popup-bar .qrcode-label{font-size:16px;color:#fff}
/* 移动端 */
@media (max-width:768px){
.bottom-popup-bar{height:auto;min-height:180px;padding:20px}
.bottom-popup-bar .inner-wrap{flex-direction:column;align-items:center;gap:15px}
.bottom-popup-bar .title{font-size:20px;text-align:center}
.bottom-popup-bar .content-wrap{height:auto;justify-content:flex-start;gap:6px}
}




/* 四卡片核心样式（高端大气版）- 修改为卡片统一固定宽度 */
.stats-cards {position: absolute;top: 660px;left: 0;right: 0;margin: 0 auto;z-index: 1;width: fit-content;display: flex;justify-content: center;gap: 10px;padding: 0 15px;box-sizing: border-box;transition: transform 0.3s ease;}
.stats-cards:hover {transform: translateY(-5px);}
.stats-card {background: #F0F8FF;border: none;border-radius: 2px;box-shadow: 0 8px 30px rgba(30, 144, 255, 0.2);padding: 20px;width: 300px;min-width: 300px;text-align: center;box-sizing: border-box;height: 100px;overflow: hidden;transition: transform 0.3s ease, box-shadow 0.3s ease;}
.stats-card:hover {transform: translateY(-8px);box-shadow: 0 10px 40px rgba(30, 144, 255, 0.7);}
.stats-card .icon {display: block;font-size: 32px;color: #fff;margin-bottom: 4px;}
.stats-card h3 {font-size: 18px;color: #00BFFF;margin: 0 0 8px 0;font-weight: 700;}
.stats-card p {font-size: 14px;color: #fb6638;margin: 0;line-height: 1.4;opacity: 0.8;}







/*首页8大卡片 只作用于产品服务模块的样式，完全隔离 */
.wyzj_product-service{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;padding:100px 0;}
.wyzj_product-service *{margin:0;padding:0;box-sizing:border-box;border-radius:0 !important;}
.wyzj_product-service .wyzj_container{width:1200px;margin:0 auto;padding:0 15px;}
.wyzj_product-service .wyzj_section-header{text-align:center;margin-bottom:50px;padding-bottom: 30px;border-bottom: 1px dashed #e0e0e0;}
.wyzj_product-service .wyzj_section-title{font-size:42px;color:#333;font-weight:700;margin-bottom:15px;display:inline-block;padding:0 20px 10px;background:linear-gradient(135deg,#e74c3c 0%,#f39c12 50%,#e67e22 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:1px;position:relative;transition:all .4s ease;}
.wyzj_product-service .wyzj_section-title:hover{background:linear-gradient(135deg,#2c3e50 0%,#3498db 50%,#2980b9 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.wyzj_product-service .wyzj_section-title::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,#e74c3c,#f39c12);transition:all .4s ease;}
.wyzj_product-service .wyzj_section-title:hover::after{background:linear-gradient(90deg,#3498db,#2980b9);}
.wyzj_product-service .wyzj_section-desc{font-size:18px;color:#1a1a1a;line-height:1.8;max-width:900px;margin:0 auto;font-weight:500;}
.wyzj_product-service .wyzj_product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.wyzj_product-service .wyzj_product-card{position:relative;background:#fff;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.08);height:320px;cursor:pointer;}
/* 已移除卡片悬浮上浮+发光阴影动画 */
.wyzj_product-service .wyzj_card-header{padding:20px;display:flex;align-items:center;gap:12px;background:#fff;border-bottom:1px solid #f0f0f0;}
.wyzj_product-service .wyzj_card-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;background:#f8f9fa;}
.wyzj_product-service .wyzj_card-icon img{width:120%;height:120%;object-fit:cover;}
.wyzj_product-service .wyzj_card-icon.wyzj_font-icon{font-size:24px;background:linear-gradient(135deg,#ff6b6b 0%,#f06595 100%);color:#fff;}
.wyzj_product-service .wyzj_card-title-wrap{flex:1;min-width:0;}
.wyzj_product-service .wyzj_card-title{font-size:16px;font-weight:700;background:linear-gradient(135deg,#ff4757 0%,#ff6348 50%,#ff7f50 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:6px;display:flex;align-items:center;flex-wrap:wrap;gap:6px;}
.wyzj_product-service .wyzj_card-subtitle{font-size:13px;color:#0066cc;font-weight:500;letter-spacing:.5px;}
.wyzj_product-service .wyzj_card-tag{font-size:11px;padding:2px 8px;background:linear-gradient(135deg,#e6f7ff 0%,#bae7ff 100%);color:#0066cc;font-weight:600;-webkit-text-fill-color:#0066cc;}
.wyzj_product-service .wyzj_card-image-wrap{position:relative;height:200px;overflow:hidden;padding: 0;}
.wyzj_product-service .wyzj_card-image{width:100%;height:100%;object-fit:cover;}
.wyzj_product-service .wyzj_card-overlay{position:absolute;bottom:0;left:0;right:0;top:0;background:rgba(255,255,255,.97);padding:25px;transform:translateY(100%);transition:transform .35s ease;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;}
.wyzj_product-service .wyzj_product-card:hover .wyzj_card-overlay{transform:translateY(0);}
.wyzj_product-service .wyzj_overlay-desc{font-size:14px;color:#1a1a1a;line-height:1.8;margin-bottom:25px;font-weight:500;text-align:justify;}
.wyzj_product-service .wyzj_overlay-buttons{display:flex;gap:12px;width:100%;}
.wyzj_product-service .wyzj_btn{flex:1;padding:12px 0;font-size:14px;cursor:pointer;border:none;outline:none;text-align:center;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-weight:600;letter-spacing:1px;position:relative;overflow:hidden;}
.wyzj_product-service .wyzj_btn-primary{background:linear-gradient(135deg,#ff4757 0%,#ff6348 50%,#ff7f50 100%);color:#fff;}
.wyzj_product-service .wyzj_btn-default{background:transparent;color:#0066cc;border:2px solid #0066cc;position:relative;z-index:1;}
.wyzj_product-service .wyzj_btn-default::before{content:'';position:absolute;top:0;left:0;width:0;height:100%;background:linear-gradient(135deg,#0066cc 0%,#0099ff 100%);transition:width .25s ease;z-index:-1;}
.wyzj_product-service .wyzj_btn-default:hover{color:#fff;}
.wyzj_product-service .wyzj_btn-default:hover::before{width:100%;}
/* 响应式 */
@media (max-width:1240px){.wyzj_product-service .wyzj_container{width:100%;max-width:1200px;}}
@media (max-width:1100px){.wyzj_product-service .wyzj_product-grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:600px){.wyzj_product-service .wyzj_product-grid{grid-template-columns:1fr;}.wyzj_product-service .wyzj_section-title{font-size:28px;}}
/*首页8大卡片结束 */






/* ============================================
   渠道/场景介绍模块 - Scenarios
   ============================================ */
/* ============================================
   渠道/场景介绍模块 - Scenarios
   ============================================ */
.scenarios { height: 650px; background: #F7FAFF; padding-top: 10px; }
.scenarios .scenarios-desc { position: relative; margin-top: 10px; width: 100%; }
.scenarios .scenarios-desc .img { display: block; margin: 0 auto; }
/* 场景卡片容器样式 */
.scenarios .scenarios-part { 
    position: absolute; z-index: 10;
    width: 250px; height: 250px; background: rgba(255, 255, 255, 0.8); 
    -webkit-box-shadow: 0px 8px 20px rgba(26, 58, 129, 0.1); 
            box-shadow: 0px 8px 20px rgba(26, 58, 129, 0.1); border-radius: 1px; 
    -webkit-box-sizing: border-box; 
            box-sizing: border-box; padding-top: 24px; padding-left: 24px;
    -webkit-animation: scenarios 2s infinite forwards alternate;
            animation: scenarios 2s infinite forwards alternate;
}
.scenarios .scenarios-part .part-title { height: 28px; line-height: 28px; font-weight: bold; font-size: 20px; color: #0078FF; }
.scenarios .scenarios-part .part-desc { height: 20px; line-height: 20px; font-size: 14px; color: #3B426B; margin-top: 4px; }
.scenarios .scenarios-part .part-ls { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 24px; }
.scenarios .scenarios-part .part-item { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; width: 112px; height: 24px; line-height: 24px; padding-left: 20px; font-size: 14px; color: #585E81; font-weight: bold; margin-bottom: 10px; }
.scenarios .scenarios-part .part-item::before { content: ''; position: absolute; left: 0; top: 9px; width: 6px; height: 6px; border-radius: 6px; background: #0078FF; }
/* 场景卡片定位 - 已缩小上下间距 */
.scenarios .scenarios-part.client { left: 0; top: 28px; }
.scenarios .scenarios-part.operate { right: 0; top: 28px; }
.scenarios .scenarios-part.join { left: 0; top: 328px; }
.scenarios .scenarios-part.manage { right: 0; top: 328px; }
/* 场景卡片浮动动画 */
@-webkit-keyframes scenarios { 0% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(10px); transform: translateY(10px); } }
@keyframes scenarios { 0% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(10px); transform: translateY(10px); } }




/* 多行业解决方案模块 - 重构高端版（全直角无圆角） */
/* 多行业解决方案模块 - 重构高端版（全直角无圆角） */
:root {--ali-blue: #0088FF;--tencent-blue: #0088FF;--orange-red: #ff4400;}
.business {padding: 90px 0;min-height: 780px;position: relative;overflow: hidden;background: #f8f9fa;box-shadow: inset 0 0 60px rgba(0,0,0,0.08);}
.business-bg {display: none !important;}
.business .inner-width {position: relative;z-index: 1;}
.business .home-sec-title {color: #0088FF;font-size: 36px;font-weight: 700;text-align: center;margin-bottom: 20px;text-shadow: none;}
.business-container {position: relative;margin-top: 60px;}
.business-container .business-tabbar {display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid #e56eb;padding-bottom: 2px;}
.business-container .tab-item {
    height: 64px;
    padding: 0 24px;
    position: relative;
    font-size: 16px;
    color: #4e5969;
    line-height: 64px;
    cursor: pointer;
    font-weight: 600;
    white-space: nowrap;
    transition: all 0.3s ease;
    border-radius: 0;
}
/* 重点：文字下方居中短横线，用scaleX缩放做动画 */
.business-container .tab-item::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%) scaleX(0); /* 居中 + 初始宽度0 */
    height: 4px;
    width: 70%; /* 控制横线长度，70%代表文字区域宽度，可自行调60%-80% */
    background: #0088FF;
    transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    border-radius: 0;
    transform-origin: center; /* 从中间向两边展开，也可改成left从左到右 */
}
/* hover 展开下划线 */
.business-container .tab-item:hover {
    color: #0088FF;
    background: rgba(0,102,204,0.05);
}
.business-container .tab-item:hover::before {
    transform: translateX(-50%) scaleX(1);
}
/* active激活态常驻下划线 */
.business-container .tab-item.active {
    color: #0088FF;
    background: rgba(0,102,204,0.08);
}
.business-container .tab-item.active::before {
    transform: translateX(-50%) scaleX(1);
}

.business-container .business-descbox {position: absolute;display: flex;left: 0;top: 80px;width: 100%;max-width: 1200px;opacity: 0;padding-top: 50px;justify-content: space-between;align-items: center;transition: all 0.7s cubic-bezier(0.25, 0.8, 0.25, 1);transform: translateY(20px);visibility: hidden;}
.business-container .business-descbox.active {opacity: 1;z-index: 2;transform: translateY(0);visibility: visible;}
.business-container .business-descbox-info .business-title {font-size: 28px;color: #0088FF;margin-bottom: 24px;font-weight: 700;text-shadow: none;}
.business-container .business-descbox-info .business-desc {line-height: 2;font-size: 16px;color: #0A0A0A;width: 700px;margin-bottom: 30px;}
.business-container .business-descbox-info .business-desc.wholesaler::first-line,.business-container .business-descbox-info .business-desc.group::first-line {font-weight: bold;font-size: 18px;color: #0088FF;}
.business-container .business-descbox-info .business-desc.group {width: 760px;}
.business-container .business-feat {display: flex;gap: 20px;flex-wrap: wrap;}
.business-container .business-feat-item {display: flex;flex-direction: column;align-items: center;text-align: center;min-width: 100px;}
.business-container .business-feat-item .business-feat-iconbox {width: 54px;height: 54px;display: flex;align-items: center;justify-content: center;background: rgba(0,102,204,0.08);border-radius: 0;transition: all 0.3s ease;}
.business-container .business-feat-item:hover .business-feat-iconbox {background: rgba(0,102,204,0.15);transform: translateY(-3px);}
.business-container .business-feat-item .business-feat-icon {width: 28px;height: 28px;object-fit: contain;}
.business-container .business-feat-item .business-feat-title {font-size: 14px;color: var(--orange-red);margin-top: 16px;white-space: nowrap;font-weight: 500;}
.business-container .business-descbox-img {width: 380px;height: 300px;overflow: hidden;border-radius: 0;box-shadow: 0 8px 30px rgba(0,0,0,0.1);background: #f5f7fa;position: relative;}
.business-container .business-descbox-img .img {width: 100%;height: 100%;object-fit: cover;display: block;transition: transform 0.7s ease;}
.business-container .business-descbox-img:hover .img {transform: scale(1.06);}




/* ============================================
   多终端模块 - Client
   ============================================ */
.client { padding-top: 80px; height: 767px; position: relative; overflow: hidden; background: -webkit-gradient(linear, left top, left bottom, color-stop(65.56%, #F2F7FF), to(#fff)); background: -webkit-linear-gradient(top, #F2F7FF 65.56%, #fff 100%); background: -o-linear-gradient(top, #F2F7FF 65.56%, #fff 100%); background: linear-gradient(to bottom, #F2F7FF 65.56%, #fff 100%);}
.client .client-bg { position: absolute; z-index: 0; width: 100vw; min-width: 1980px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.client .inner-width { position: relative; z-index: 1; }
.client .client-img { display: block; margin: 80px auto 0; }









/* ================= 特色功能 - 图片卡片版 ================= */
:root{--card-bg:#FFFFFF;--text-primary:#fb6638;--text-secondary:#0078FF;--shadow-light:rgba(0,0,0,0.05);--shadow-dark:rgba(0,0,0,0.1);--radius:16px;--transition:transform 0.35s ease}.feature{position:relative;padding:80px 0;background:#f9f9f9}.feature .inner-width{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:0 20px}#featTitle.home-sec-title{margin-bottom:50px;margin-top:0;text-align:center;color:var(--text-primary);font-size:28px;font-weight:700}.feature .feat-ls{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:24px;max-width:1200px;margin:0 auto;padding:0;list-style:none}.feature .feat-item{flex:1;min-width:260px;max-width:calc(25% - 18px);background:var(--card-bg);border-radius:1px;overflow:hidden;transition:var(--transition);box-shadow:0 2px 8px var(--shadow-light);cursor:pointer;height:360px;display:flex;flex-direction:column}.feature .feat-item:hover{transform:translateY(-6px);box-shadow:0 8px 24px var(--shadow-dark)}.feature .feat-item .feat-img-container{width:100%;height:70%;padding:12px;box-sizing:border-box;overflow:hidden}.feature .feat-item .feat-img{width:100%;height:100%;object-fit:cover;border-radius:1px;transition:var(--transition)}.feature .feat-item:hover .feat-img{transform:scale(1.06)}.feature .feat-item .feat-content{padding:20px;text-align:left;margin-top:auto;height:30%;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center}.feature .feat-item .feat-title{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:8px;line-height:1.4}.feature .feat-item .feat-desc{font-size:14px;line-height:1.6;color:var(--text-secondary);margin:0}@media(max-width:992px){.feature .feat-item{max-width:calc(50% - 12px);height:380px}}@media(max-width:576px){.feature{padding:60px 0}.feature .feat-item{max-width:100%;height:360px}}








/* ============================================
   营销活动模块 - Sales
   ============================================ */
.sales{padding-top:60px;height:auto;min-height:450px;background:#F5F9FF;position:relative;}
.sales .sales-bg-left{position:absolute;z-index:0;left:0;bottom:0;width:500px;}
.sales .sales-bg-right{position:absolute;z-index:0;right:0;top:0;}
.sales .sales-box{width:1200px;height:auto;position:relative;z-index:1;margin-top:50px;}
.sales .sales-box .sales-vessel{width:1200px;height:auto;position:absolute;top:0;left:0;opacity:0;transition:opacity .6s ease;display:flex;flex-wrap:wrap;}
.sales .sales-box .sales-vessel.active{opacity:1;z-index:1;position:relative;}
/* 一行4个布局 */
.sales .sales-box .sales-item{width:277px;height:131px;border-radius:1px;background:#fff;transition:box-shadow .2s ease;padding:22px 20px;margin-bottom:20px;margin-right:30px;}
.sales .sales-box .sales-item:nth-child(4n){margin-right:0;}
.sales .sales-box .sales-item:hover{box-shadow:0px 8px 20px rgba(26, 58, 129, 0.1);}
.sales .sales-box .sales-item .sales-title{height:38px;display:flex;align-items:center;font-size:20px;color:#3B426B;}
.sales .sales-box .sales-item .sales-title .sales-iconbox{width:38px;height:38px;margin-right:12px;display:flex;align-items:center;justify-content:center;}
.sales .sales-box .sales-item .sales-icon{display:block;}
.sales .sales-box .sales-item .sales-desc{margin-top:12px;line-height:32px;color:#585E81;font-size:14px;}
/* 还原你原本箭头样式位置 */
.sales-btn{width:40px;height:80px;display:flex;justify-content:center;align-items:center;opacity:1;transition:all .2s ease;position:absolute;top:120px;right:-100px;border-radius:1px;cursor:pointer;}
.sales-btn.sales-btn-left{left:-100px;transform:rotate(180deg);}
.sales-btn:hover{transform:scale(1.06);}
.sales-btn.sales-btn-left:hover{transform:rotate(180deg) scale(1.06);}
.sales-btn.forbid{opacity:0;cursor:unset;}












/* ============================================
/*高效文档能力区域*/
/* ============================================*/
* {margin: 0;padding: 0;box-sizing: border-box;}
body {font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color: #0088FF;line-height: 1.6;}
:root {--color-title-orange: #FF5722;--color-tech-blue: #0088FF;}
.core-ability {padding: 50px 20px;background: linear-gradient(180deg, #f8f9fa 0%, #ffffff 100%);}
.container {width: 1100px;margin: 0 auto;}
.section-title {text-align: center;margin-bottom: 40px;}
.section-title h2 {font-size: 32px;font-weight: 600;color: var(--color-title-orange);margin-bottom: 12px;letter-spacing: -0.5px;}
.section-title p {font-size: 15px;color: var(--color-tech-blue);max-width: 500px;margin: 0 auto;}
.ability-wrapper {display: flex;gap: 30px;align-items: flex-start;}
.ability-menu {flex: 0 0 280px;display: flex;flex-direction: column;gap: 6px;}
.menu-item {padding: 18px 22px;border-radius: 1px;cursor: pointer;transition: all 0.35s cubic-bezier(0.4,0,0.2,1);border: 1px solid transparent;background: #fff;position: relative;overflow: hidden;}
.menu-item:hover {transform: translateX(6px) scale(1.01);box-shadow: 0 6px 18px rgba(0,136,255,0.12);border-color: var(--color-tech-blue);background: rgba(0,136,255,0.03);}
.menu-item.active {border-color: var(--color-tech-blue);box-shadow: 0 4px 15px rgba(0,136,255,0.1);background: rgba(0,136,255,0.03);}
.menu-item h3 {font-size: 16px;font-weight: 600;color: var(--color-title-orange);margin-bottom: 4px;transition: all 0.3s ease;}
.menu-item p {font-size: 13px;color: var(--color-tech-blue);opacity: 0.85;transition: all 0.3s ease;}
.ability-content {flex: 1;min-width: 0;}
.content-panel {display: none;animation: fadeIn 0.4s ease;}
.content-panel.active {display: block;}
@keyframes fadeIn {from {opacity: 0;transform: translateY(10px);}to {opacity: 1;transform: translateY(0);}}
.content-image {width: 100%;height: 380px;border-radius: 1px;overflow: hidden;margin-bottom: 20px;background: #f3f4f6;}
.content-image img {width: 100%;height: 100%;object-fit: cover;display: block;}
.content-quote {position: relative;padding: 24px 30px 60px 30px;background: #ffffff;border-radius: 1px;border: 1px solid #e5e7eb;box-shadow: 0 2px 10px rgba(0,0,0,0.04);}
.quote-icon {position: absolute;top: -10px;left: 24px;font-size: 40px;color: var(--color-tech-blue);line-height: 1;font-family: Georgia,serif;opacity: 0.3;}
.quote-text {font-size: 14px;color: var(--color-tech-blue);line-height: 1.7;margin-bottom: 20px;}
.quote-author {position: absolute;left: 30px;bottom: 20px;font-size: 16px;font-weight: bold;color: var(--color-tech-blue);opacity: 1;text-align: left;}
.gradient-btn {position: absolute;right: 24px;bottom: 20px;padding: 10px 22px;border-radius: 1px;background: linear-gradient(135deg, #0088FF, #36a3ff);color: #fff;font-size: 13px;font-weight: 500;text-decoration: none;transition: all 0.3s;box-shadow: 0 3px 12px rgba(0,136,255,0.18);}
.gradient-btn:hover {transform: translateY(-2px);box-shadow: 0 5px 16px rgba(0,136,255,0.3);}




/* 营销模块容器 固定1200px居中 */
.marketing {text-align: center;margin-top: 20px;margin-bottom: 20px;padding-top: 20px;padding-bottom: 20px;max-width: 1200px;margin-left: auto;margin-right: auto;padding-left: 15px;padding-right: 15px;box-sizing: border-box;}
.marketing .title {font-size: 36px;font-weight: 400;margin-bottom: 1px;}
.marketing .main {color: #888;margin: 15px 0 60px;font-size: 16px;line-height: 1.6;}
/* 5个卡片一行水平排列 取消固定高度 */
.marketing .list_three {display: flex;justify-content: space-between;flex-wrap: nowrap;gap: 12px;padding: 0;margin: 0;list-style: none;}
/* 单个卡片 压缩高度 无圆角 */
.marketing .list_three .list {flex: 1;width: 0;border-bottom: 5px solid #ec4343;transition: all 0.3s ease;border: 1px solid #e5e5e5;padding-top: 70px;padding-left: 15px;padding-right: 15px;padding-bottom: 20px;box-sizing: border-box;text-align: left;position: relative;background-color: #fff;margin-right: 0;border-radius: 0;}
.marketing .list_three .list:hover {border: 1px solid #FF6B35;transform: translateY(-5px);box-shadow: 0 8px 25px rgba(255, 107, 53, 0.15);}
/* 图标 无圆角 */
.marketing .list_three .card-icon {position: absolute;left: 15px;top: -50px;z-index: 10;width: 120px;height: 120px;background: #fff;border-radius: 0;box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);display: flex;align-items: center;justify-content: center;overflow: hidden;border: 2px solid #f0f0f0;padding: 8px;box-sizing: border-box;}
.marketing .list_three .card-icon img {width: 120%;height: 120%;object-fit: contain;display: block;}
.marketing .list_three .top {margin-bottom: 20px;margin-top: 10px;font-size: 20px;font-weight: 600;color: #165DFF;}
.marketing .list_three .list .bottom {text-align: center;margin-left: -15px;margin-right: -15px;margin-top: 10px;}
/* 列表文字间距压缩 */
.marketing .list_three .top_list {padding: 0;margin: 0;list-style: none;}
.marketing .list_three .top_list li {margin-bottom: 12px;list-style: none;}
.marketing .list_three .top_list li .one {font-size: 15px;font-weight: 400;color: #333333;}
.marketing .list_three .top_list li .two {margin-left: 25px;font-size: 13px;font-weight: 400;color: #888888;margin-bottom: 0;margin-top: 2px;}
/* 按钮 无圆角 */
.marketing .list_three .bottom a {font-size: 15px;font-weight: 400;color: #ffffff;line-height: 40px;display: inline-block;width: 150px;height: 40px;background: linear-gradient(45deg, #FF6B35, #FF3B30);transition: all 0.3s ease;box-shadow: 0 3px 10px 0 rgba(255, 107, 53, 0.3);border-radius: 0;text-decoration: none;}
.marketing .list_three .bottom a:hover {background: linear-gradient(45deg, #165DFF, #0E42D2);box-shadow: 0 5px 15px 0 rgba(22, 93, 255, 0.4);transform: translateY(-2px);}
.marketing .list li {height: auto;}
.marketing_news {width: 1200px;margin: 0 auto;padding: 20px 0 10px;border-radius: 0;background-color: #fff;padding-left: 20px;padding-right: 20px;box-sizing: border-box;}





/* 研发实力 */
.advantages-section {max-width: 1200px;margin: 0 auto;padding: 70px 20px;text-align: center;}
/* 大标题 */
.section-title {font-size: 34px;color: #1a2b48;margin-bottom: 12px;font-weight: 600;}
/* 标题下方描述 */
.section-desc {font-size: 16px;color: #666;line-height: 1.6;margin: 0 auto 60px;max-width: 700px;}
.advantages-list {display: flex;justify-content: space-between;flex-wrap: wrap;gap: 20px;}
.advantage-item {flex: 1;min-width: 190px;max-width: 220px;}
.icon-wrapper {width: 100%;aspect-ratio: 1 / 1;background-color: #e8f2ff;border-radius: 1px;display: flex;align-items: center;justify-content: center;margin-bottom: 20px;overflow: hidden;}
.icon-wrapper img {width: 100%;height: 100%;object-fit: cover;}
.advantage-title {font-size: 18px;color: #1677ff;margin-bottom: 10px;font-weight: 500;}
.advantage-desc {font-size: 14px;color: #666;line-height: 1.5;}







/* 增值服务 zzfw 高端优化版：仅保留优雅光晕hover，极简大气 */
#zzfw {position: relative;padding: 90px 0;margin: 0 auto;background: #ffffff;background-size: cover;background-position: center;overflow: hidden;border: none;}
#zzfw::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: transparent;z-index: 0;}
#zzfw .ceo-shop1-mktitle span {color: #165DFF;}
#zzfw .ceo-shop1-mktitle p {color: #666666;}
#zzfw .ceo-container {position: relative;z-index: 2;max-width: 1280px;margin: 0 auto;padding: 0 24px;}
.ceo-shop1-mktitle {text-align: center;margin-bottom: 70px;}
.ceo-shop1-mktitle span {display: inline-block;font-size: 34px;font-weight: 700;margin-bottom: 16px;letter-spacing: 1px;text-shadow: none;}
.ceo-shop1-mktitle p {font-size: 16px;line-height: 1.7;margin: 0;max-width: 680px;margin-left: auto;margin-right: auto;}
.ceo-shop1-servicebox {position: relative;width: 100%;max-width: 1280px;margin: 0 auto;}
.ceo-slider-items {gap: 10px !important;margin: 0 !important;padding: 0 !important;list-style: none;display: grid !important;grid-template-columns: repeat(6, 1fr) !important;width: 100%;}
.box {position: relative;background: rgba(255, 255, 255, 1);border-radius: 1px;padding: 40px 34px;text-align: center;cursor: pointer;overflow: hidden;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);border: 1px solid rgba(22, 93, 255, 0.15);transition: none;}
/* 高端柔和光晕效果 - 核心动态 */
.box::before {content: '';position: absolute;top: 32%;left: 50%;transform: translate(-50%, -50%);width: 90px;height: 90px;border-radius: 50%;background: radial-gradient(circle, rgba(22, 93, 255, 0.18) 0%, rgba(255,255,255,0) 75%);box-shadow: 0 0 35px rgba(22, 93, 255, 0.12);opacity: 0;transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);z-index: 0;}
/* 悬浮仅光晕优雅放大变亮 - 无任何卡片变形 */
.box:hover::before {opacity: 1;width: 140px;height: 140px;box-shadow: 0 0 50px rgba(22, 93, 255, 0.35);}
.box img {width: 76px;height: 76px;object-fit: contain;margin: 0 auto 22px;display: block;position: relative;z-index: 1;transition: none;filter: drop-shadow(0 2px 8px rgba(22, 93, 255, 0.1));}
.box span {display: block;font-size: 18px;font-weight: 600;color: #165DFF;margin-bottom: 1px;position: relative;z-index: 1;transition: none;}
.box p {font-size: 14px;color: #666666;line-height: 1.6;margin: 0;position: relative;z-index: 1;transition: none;}
/* 严格禁用卡片所有hover变化：保持静止不动，高端沉稳 */
.box:hover {transform: none !important;background: #ffffff !important;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06) !important;border: 1px solid rgba(22, 93, 255, 0.15) !important;}




/* ============================================ 服务模块 - Service（重构版：高性能 + 科技蓝） ============================================ */
.service{height:647px;padding-top:80px;position:relative;overflow:hidden;will-change:transform;}
.service-bg{position:absolute;z-index:0;width:100vw;min-width:1980px;top:50%;left:50%;transform:translate(-50%,-50%);transition:all 0.3s ease;will-change:transform;}
.service .inner-width{position:relative;z-index:1;}
.service .inner-width .home-sec-title{color:#fff;}
.service-container,.service-vessel{width:1200px;height:343px;position:relative;}
.service-vessel{background:rgba(255,255,255,0.15);display:flex;margin-top:70px;}
.service-item{width:300px;height:343px;padding-top:64px;display:flex;flex-direction:column;align-items:center;}
.service-iconbox{width:72px;height:72px;display:flex;justify-content:center;align-items:center;margin-bottom:6px;}
.service-iconbox .service-icon{display:block;}
.service-title{height:60px;display:flex;align-items:center;justify-content:center;position:relative;font-size:22px;color:#fff;}
.service-title::before{content:'';position:absolute;width:40px;height:4px;background:#1677ff;left:50%;transform:translateX(-50%);bottom:-4px;}
.service-desc{margin-top:35px;line-height:25px;font-size:16px;color:#fff;width:220px;text-align:center;}
.service-active-vessel{background:#1677ff;margin-top:0;}
.service-active-vessel .service-title::before{background:#fff;}
.service-slider{position:absolute;transition:all 0.4s ease;top:0;left:0;width:300px;height:343px;overflow:hidden;will-change:transform;}
.service-slider .service-active-vessel{position:absolute;top:0;left:0;transition:all 0.4s ease;}





/* ============================================
   超级助手区域
   ============================================ */
/* 大背景自定义图片 */
body{background:url('这里替换成你的全局背景图地址') no-repeat center center;background-size:cover;background-attachment:fixed;margin:0;padding:0;}
.ai-office-title{text-align:center;margin-top:60px;margin-bottom:0px;transform:none !important;background:transparent;}
.ai-office-title h2{font-size:28px;color:#000000;margin-bottom:16px;transform:none !important;writing-mode:horizontal-tb !important;text-orientation:upright !important;}
.ai-office-title p{font-size:16px;color:#4a5568;transform:none !important;writing-mode:horizontal-tb !important;text-orientation:upright !important;margin:0;}
.ai-card-wrap-all{max-width:1300px;margin:0 auto;background:transparent;padding:0 10px;margin-top:80px;}
.ai-card-row-flex{display:flex;gap:12px;margin-bottom:12px;flex-wrap:nowrap;}
.ai-position-card{position:relative;flex:1;height:217px;overflow:hidden;transition:all 0.4s cubic-bezier(0.4,0,0.2,1);cursor:pointer;background:#f5f9ff;border-radius:1px;}
.ai-position-card:hover{flex:2.5;}
.card-default-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:5;transition:opacity 0.3s ease;background:none !important;border:none !important;outline:none !important;box-shadow:none !important;}
.card-default-icon img{display:block;width:100px;height:100px;object-fit:contain;border:none !important;background:none !important;}
.ai-position-card:hover .card-default-icon{opacity:0;}
.card-background{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;opacity:0;transition:all 0.4s ease;z-index:1;}
.ai-position-card:hover .card-background{opacity:1;}
.card-mask{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.4);opacity:0;transition:all 0.4s ease;z-index:2;}
.ai-position-card:hover .card-mask{opacity:1;background:rgba(0,0,0,0.6);}
.card-body{position:relative;z-index:3;padding:25px 20px;height:100%;display:flex;align-items:center;justify-content:space-between;color:#fff;opacity:0;transition:opacity 0.3s ease 0.1s;box-sizing:border-box;}
.ai-position-card:hover .card-body{opacity:1;}
.card-body-left{flex:1;padding-right:15px;}
.card-body-right{flex-shrink:0;display:flex;align-items:center;}
.card-body h3{font-size:20px;margin-bottom:10px;font-weight:600;}
.card-body .card-description{font-size:13px;line-height:1.5;margin-bottom:15px;opacity:0.95;}
.card-body .card-feature-list{list-style:none;margin-bottom:0;font-size:12px;line-height:1.7;padding:0;}
.card-body .card-feature-list li{padding-left:12px;position:relative;}
.card-body .card-feature-list li::before{content:"·";position:absolute;left:0;color:#fff;}
.card-button{display:inline-block;padding:8px 20px;background-color:#1677ff;color:#fff;text-decoration:none;border-radius:1px;font-size:12px;font-weight:500;white-space:nowrap;transition:background-color 0.3s ease;}
.card-button:hover{background-color:#4096ff;}
.card-tag{position:absolute;bottom:16px;left:0;width:100%;text-align:center;color:#1677ff;font-size:14px;font-weight:600;transition:opacity 0.3s ease;z-index:4;}
.ai-position-card:hover .card-tag{opacity:0;}







/* ==========================
   生态服务区块 - 完整硬编码版
========================== */
/* 亮色主题 */
.ecoservice-section {
  width: 100%;
  background: transparent;
  padding: 80px 0;
  transition: background-color 0.3s ease;
}
/* 卡片容器 - 完全透明背景 */
.ecoservice-container {
  max-width: 1300px;
  margin: 0 auto;
  padding: 0 20px;
}
/* 标题居中 */
.ecoservice-header {
  text-align: center;
  margin-bottom: 40px;
  padding: 0 10px;
}
.ecoservice-title {
  font-size: 42px;
  font-weight: 700;
  color: #1a2b48;
  margin-bottom: 8px;
  letter-spacing: -0.5px;
  transition: color 0.3s ease;
}
html.dark .ecoservice-title,
[data-theme="dark"] .ecoservice-title {
  color: #f9fafb;
}
.ecoservice-subtitle {
  font-size: 16px;
  color: #4e5969;
  font-weight: 400;
  transition: color 0.3s ease;
}
html.dark .ecoservice-subtitle,
[data-theme="dark"] .ecoservice-subtitle {
  color: #d1d5db;
}
/* 卡片网格布局 */
.ecoservice-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 26px;
  justify-content: center;
}
/* 透明卡片 - 蓝色边框 */
.ecocard {
  flex: 1;
  min-width: 280px;
  max-width: 300px;
  background: transparent;
  border-radius: 1px;
  overflow: hidden;
  transition: all 0.32s ease;
  position: relative;
  border: 1px solid #165dff;
  padding-bottom: 20px;
}
.ecocard:hover {
  transform: translateY(-6px);
  border-color: #4080ff;
  box-shadow: 0 10px 24px rgba(22, 93, 255, 0.15);
}
/* 深色主题边框保持蓝色 */
html.dark .ecocard,
[data-theme="dark"] .ecocard {
  border-color: #3b82f6;
}
html.dark .ecocard:hover,
[data-theme="dark"] .ecocard:hover {
  border-color: #60a5fa;
  box-shadow: 0 10px 24px rgba(59, 130, 246, 0.2);
}
/* 图片 + 渐变消失 */
.ecocard-img-wrapper {
  height: 180px;
  position: relative;
  -webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 75%, transparent 100%);
  mask-image: linear-gradient(to bottom, #000 0%, #000 75%, transparent 100%);
}
.ecocard-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}
.ecocard:hover .ecocard-img {
  transform: scale(1.05);
}
/* 掉落装饰容器 */
.ecocard-decor-container {
  position: absolute;
  top: 180px;
  left: 0;
  width: 100%;
  height: calc(100% - 180px);
  overflow: hidden;
  pointer-events: none;
}
/* 内容 */
.ecocard-content {
  padding: 18px 20px 0;
  position: relative;
}
.ecocard-title {
  font-size: 18px;
  font-weight: 600;
  color: #1a2b48;
  margin-bottom: 8px;
  transition: color 0.3s ease;
}
html.dark .ecocard-title,
[data-theme="dark"] .ecocard-title {
  color: #f9fafb;
}
.ecocard-text {
  font-size: 14px;
  line-height: 1.55;
  color: #4e5969;
  margin-bottom: 16px;
  transition: color 0.3s ease;
}
html.dark .ecocard-text,
[data-theme="dark"] .ecocard-text {
  color: #d1d5db;
}
/* 按钮 2列3行 */
.ecocard-btn-group {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}
/* 按钮改为链接样式 */
.ecocard-btn {
  display: inline-block;
  padding: 8px 6px;
  border-radius: 1px;
  border: 1px solid rgba(22, 93, 255, 0.3);
  background: transparent;
  color: #165dff;
  font-size: 13px;
  cursor: pointer;
  transition: all 0.22s ease;
  white-space: nowrap;
  font-weight: 500;
  text-decoration: none;
  text-align: center;
}
.ecocard-btn:hover {
  background: #f0f7ff;
  color: #165dff;
  border-color: #165dff;
}
/* 深色主题按钮适配 */
html.dark .ecocard-btn,
[data-theme="dark"] .ecocard-btn {
  border-color: rgba(59, 130, 246, 0.5);
  color: #60a5fa;
}
html.dark .ecocard-btn:hover,
[data-theme="dark"] .ecocard-btn:hover {
  background: rgba(59, 130, 246, 0.15);
  color: #93c5fd;
  border-color: #3b82f6;
}
/* ==========================
   卡片主题色与掉落动画
========================== */
/* 1) 红色卡片 · 无规则粉尘 */
.ecocard-red:hover .ecocard-title { color: #ff6b6b; }
.ecocard-red:hover { box-shadow: 0 10px 24px rgba(255,107,107,0.15); }
.ecocard-red .ecocard-btn { color: #ff6b6b; border-color: rgba(255,107,107,0.3); }
.ecocard-red .ecocard-btn:hover {
  background: #ffe8e8;
  color: #ff6b6b;
  border-color: #ff6b6b;
}
.ecocard-red .ecocard-decor-dust span {
  position: absolute;
  width: 4px;
  height: 4px;
  background: #ff6b6b;
  border-radius: 50%;
  animation: ecocard-fall-random 2.4s infinite linear;
  opacity: 0;
}
/* 2) 蓝色卡片 · 无规则星星 */
.ecocard-blue:hover .ecocard-title { color: #165dff; }
.ecocard-blue:hover { box-shadow: 0 10px 24px rgba(22,93,255,0.15); }
.ecocard-blue .ecocard-btn { color: #165dff; border-color: rgba(22,93,255,0.3); }
.ecocard-blue .ecocard-btn:hover {
  background: #f0f7ff;
  color: #165dff;
  border-color: #165dff;
}
.ecocard-blue .ecocard-decor-star span {
  position: absolute;
  color: #165dff;
  font-size: 12px;
  animation: ecocard-fall-random 2.6s infinite linear;
  opacity: 0;
}
html.dark .ecocard-blue .ecocard-decor-star span,
[data-theme="dark"] .ecocard-blue .ecocard-decor-star span {
  color: #60a5fa;
}
.ecocard-blue .ecocard-decor-star span::before {
  content: "★";
}
/* 3) 黄色卡片 · 无规则三角 */
.ecocard-yellow:hover .ecocard-title { color: #ffc107; }
.ecocard-yellow:hover { box-shadow: 0 10px 24px rgba(255,193,7,0.15); }
.ecocard-yellow .ecocard-btn { color: #ffc107; border-color: rgba(255,193,7,0.3); }
.ecocard-yellow .ecocard-btn:hover {
  background: #fff9e0;
  color: #ffc107;
  border-color: #ffc107;
}
.ecocard-yellow .ecocard-decor-triangle span {
  position: absolute;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 8px solid #ffc107;
  animation: ecocard-fall-random 2.8s infinite linear;
  opacity: 0;
}
/* 4) 绿色卡片 · 无规则圆点 */
.ecocard-green:hover .ecocard-title { color: #20c997; }
.ecocard-green:hover { box-shadow: 0 10px 24px rgba(32,201,151,0.15); }
.ecocard-green .ecocard-btn { color: #20c997; border-color: rgba(32,201,151,0.3); }
.ecocard-green .ecocard-btn:hover {
  background: #e0fff0;
  color: #20c997;
  border-color: #20c997;
}
.ecocard-green .ecocard-decor-circle span {
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #20c997;
  animation: ecocard-fall-random 2.5s infinite linear;
  opacity: 0;
}
/* 统一掉落动画 */
@keyframes ecocard-fall-random {
  0%   { transform: translate(0, -12px) rotate(0deg); opacity: 0; }
  15%  { opacity: 1; }
  85%  { opacity: 1; }
  100% { transform: translate(12px, 180px) rotate(360deg); opacity: 0; }
}
/* 装饰容器定位 */
.ecocard-decor-dust, .ecocard-decor-star, .ecocard-decor-triangle, .ecocard-decor-circle {
  position: absolute;
  width: 100%;
  height: 100%;
}
/* 红色粉尘（12个）随机位置 + 延迟 */
.ecocard-decor-dust span:nth-child(1) { left: 3%; animation-delay: 0.0s; }
.ecocard-decor-dust span:nth-child(2) { left: 11%; animation-delay: 0.2s; }
.ecocard-decor-dust span:nth-child(3) { left: 19%; animation-delay: 0.4s; }
.ecocard-decor-dust span:nth-child(4) { left: 28%; animation-delay: 0.1s; }
.ecocard-decor-dust span:nth-child(5) { left: 36%; animation-delay: 0.5s; }
.ecocard-decor-dust span:nth-child(6) { left: 44%; animation-delay: 0.3s; }
.ecocard-decor-dust span:nth-child(7) { left: 52%; animation-delay: 0.0s; }
.ecocard-decor-dust span:nth-child(8) { left: 60%; animation-delay: 0.6s; }
.ecocard-decor-dust span:nth-child(9) { left: 69%; animation-delay: 0.2s; }
.ecocard-decor-dust span:nth-child(10){ left: 77%; animation-delay: 0.4s; }
.ecocard-decor-dust span:nth-child(11){ left: 85%; animation-delay: 0.1s; }
.ecocard-decor-dust span:nth-child(12){ left: 93%; animation-delay: 0.7s; }
/* 蓝色星星（10个） */
.ecocard-decor-star span:nth-child(1) { left: 4%; animation-delay: 0.1s; }
.ecocard-decor-star span:nth-child(2) { left: 13%; animation-delay: 0.3s; }
.ecocard-decor-star span:nth-child(3) { left: 22%; animation-delay: 0.0s; }
.ecocard-decor-star span:nth-child(4) { left: 31%; animation-delay: 0.5s; }
.ecocard-decor-star span:nth-child(5) { left: 40%; animation-delay: 0.2s; }
.ecocard-decor-star span:nth-child(6) { left: 49%; animation-delay: 0.4s; }
.ecocard-decor-star span:nth-child(7) { left: 58%; animation-delay: 0.1s; }
.ecocard-decor-star span:nth-child(8) { left: 67%; animation-delay: 0.6s; }
.ecocard-decor-star span:nth-child(9) { left: 76%; animation-delay: 0.3s; }
.ecocard-decor-star span:nth-child(10){ left: 85%; animation-delay: 0.0s; }
/* 黄色三角（10个） */
.ecocard-decor-triangle span:nth-child(1) { left: 5%; animation-delay: 0.2s; }
.ecocard-decor-triangle span:nth-child(2) { left: 14%; animation-delay: 0.0s; }
.ecocard-decor-triangle span:nth-child(3) { left: 23%; animation-delay: 0.4s; }
.ecocard-decor-triangle span:nth-child(4) { left: 32%; animation-delay: 0.1s; }
.ecocard-decor-triangle span:nth-child(5) { left: 41%; animation-delay: 0.5s; }
.ecocard-decor-triangle span:nth-child(6) { left: 50%; animation-delay: 0.3s; }
.ecocard-decor-triangle span:nth-child(7) { left: 59%; animation-delay: 0.0s; }
.ecocard-decor-triangle span:nth-child(8) { left: 68%; animation-delay: 0.6s; }
.ecocard-decor-triangle span:nth-child(9) { left: 77%; animation-delay: 0.2s; }
.ecocard-decor-triangle span:nth-child(10){ left: 86%; animation-delay: 0.4s; }
/* 绿色圆点（12个） */
.ecocard-decor-circle span:nth-child(1) { left: 3%; animation-delay: 0.0s; }
.ecocard-decor-circle span:nth-child(2) { left: 10%; animation-delay: 0.3s; }
.ecocard-decor-circle span:nth-child(3) { left: 17%; animation-delay: 0.1s; }
.ecocard-decor-circle span:nth-child(4) { left: 24%; animation-delay: 0.5s; }
.ecocard-decor-circle span:nth-child(5) { left: 31%; animation-delay: 0.2s; }
.ecocard-decor-circle span:nth-child(6) { left: 38%; animation-delay: 0.4s; }
.ecocard-decor-circle span:nth-child(7) { left: 45%; animation-delay: 0.0s; }
.ecocard-decor-circle span:nth-child(8) { left: 52%; animation-delay: 0.6s; }
.ecocard-decor-circle span:nth-child(9) { left: 59%; animation-delay: 0.3s; }
.ecocard-decor-circle span:nth-child(10){ left: 66%; animation-delay: 0.1s; }
.ecocard-decor-circle span:nth-child(11){ left: 73%; animation-delay: 0.5s; }
.ecocard-decor-circle span:nth-child(12){ left: 80%; animation-delay: 0.2s; }








/* ============================================
   合作伙伴
   ============================================ */
.clients-section { width: 100%; max-width: 1300px; margin: 0 auto; padding: 60px 20px; }
.section-header { text-align: center; margin-bottom: 50px; }
.section-title { font-size: 32px; font-weight: bold; color: #333; margin-bottom: 10px; }
.section-subtitle { font-size: 16px; color: #666; }
.marquee-container { width: 100%; overflow: hidden; position: relative; margin-bottom: 10px; }
.marquee-container::before, .marquee-container::after { content: ''; position: absolute; top: 0; width: 80px; height: 100%; z-index: 2; pointer-events: none; }
.marquee-container::before { left: 0; background: linear-gradient(to right, #ffffff, transparent); }
.marquee-container::after { right: 0; background: linear-gradient(to left, #ffffff, transparent); }
.marquee-track { display: flex; width: max-content; will-change: transform; }
.client-card { width: 180px; height: 90px; margin-right: 10px; flex-shrink: 0; background: #ffffff; border-radius: 1px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); display: flex; align-items: center; justify-content: center; padding: 8px; border: 1px solid #f0f0f0; transition: all 0.3s ease; overflow: hidden; cursor: pointer; }
.client-card:hover { transform: translateY(-3px); box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12); border-color: #e0e0e0; }
.client-card a { display: block; width: 100%; height: 100%; text-decoration: none; }
.client-card img { width: 100%; height: 100%; object-fit: contain; display: block; }
@keyframes scroll-left { 0% { transform: translateX(0); } 100% { transform: translateX(-1330px); } }
@keyframes scroll-right { 0% { transform: translateX(-1330px); } 100% { transform: translateX(0); } }
.animate-left { animation: scroll-left 30s linear infinite; }
.animate-right { animation: scroll-right 30s linear infinite; }
.marquee-container:hover .marquee-track { animation-play-state: paused; }




/* ============================================
   资讯模块 - News（已按需求优化 + 发布时间完整样式）
   ============================================ */
.news { height: auto; padding: 80px 0; }
.news-container { margin-top: 70px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; flex-wrap: wrap; gap: 20px; }
.news-ls { width: calc(25% - 15px); min-width: 280px; }
.news-header { width: 100%; height: 160px; overflow: hidden; position: relative; border-radius: 1px; padding-left: 30px; }
.news-header::before { content: ''; width: 100%; height: 100%; background: -webkit-gradient(linear, left top, right top, color-stop(14.03%, rgba(0, 0, 0, 0.26)), to(rgba(0, 0, 0, 0))); background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.26) 14.03%, rgba(0, 0, 0, 0) 100%); background: -o-linear-gradient(left, rgba(0, 0, 0, 0.26) 14.03%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(90deg, rgba(0, 0, 0, 0.26) 14.03%, rgba(0, 0, 0, 0) 100%); position: absolute; top: 0; left: 0; z-index: 1; }
.news-header .news-header-bg { position: absolute; z-index: 0; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; -webkit-transition: -webkit-transform .6s ease; transition: -webkit-transform .6s ease; -o-transition: transform .6s ease; transition: transform .6s ease; transition: transform .6s ease, -webkit-transform .6s ease; }
.news-ls:hover .news-header-bg { -webkit-transform: scale(1.06); -ms-transform: scale(1.06); transform: scale(1.06); }
.news-header-title, .news-header-subtitle { position: relative; z-index: 2; color: #fff; }
.news-header-title { margin-top: 52px; line-height: 31px; font-size: 22px; }
.news-header-subtitle { margin-top: 6px; line-height: 22px; font-size: 16px; }
.news-card { margin-top: 20px; background: #fff; border-radius: 1px; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05); padding: 15px 20px; }
.dark .news-card { background: #1f1f1f; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2); }
.news-recommend { margin-top: 0; }
.news-recommend .news-title { height: 46px; position: relative; padding-left: 22px; width: 100%; font-weight: normal; margin: 0; }
.news-recommend .news-title .arrow { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 8px solid #0088FF; -webkit-transition: left .2s ease; -o-transition: left .2s ease; transition: left .2s ease; }
.news-recommend .news-title .title-link { display: block; line-height: 46px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; color: #000; font-weight: bold; -webkit-transition: color .2s ease; -o-transition: color .2s ease; transition: color .2s ease; position: relative; padding-right: 70px; }
.dark .news-recommend .news-title .title-link { color: #fff; }
.news-recommend .news-title:hover .title-link { color: #0088FF; }
.news-recommend .news-title:hover .arrow { left: 4px; }

/* 文章发布时间样式（已完美适配） */
.news-time {position: absolute;right: 0;top: 0;font-size: 14px;color: #999;font-weight: normal;line-height: 46px;}
.dark .news-time {color: #888;}


/* ============================================
   了解更多
   ============================================ */
.banner-container{width:100%;background-image:url('/default/img/home/liaojie/dbg.png');background-size:cover;background-position:center center;background-repeat:no-repeat;padding:40px 0;text-align:center;box-sizing:border-box}
#salesBtn{display:inline-block;padding:16px 48px;color:#fff;background-color:rgba(0,123,255,.9);text-decoration:none;border-radius:0;font-size:18px;font-weight:600;border:none;cursor:pointer;transition:all .3s ease-in-out;box-shadow:0 4px 12px rgba(0,123,255,.3);position:relative;overflow:hidden}
#salesBtn::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .8s ease-in-out}
#salesBtn:hover::after{left:100%}
#salesBtn:hover{background:linear-gradient(135deg,#ff4500,#ff8c00);box-shadow:0 6px 18px rgba(255,69,0,.4);transform:translateY(-2px);color:#fff}
.service-alert{width:90%;max-width:480px;min-height:320px;background:#0A0E18;border-radius:0;box-shadow:0 10px 25px rgba(0,0,0,.5);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1;opacity:0;visibility:hidden;transition:all .3s ease;padding:25px;display:flex;flex-direction:column;box-sizing:border-box;border:1px solid rgba(50,80,150,.2)}
.service-alert.active{z-index:9999;opacity:1;visibility:visible}
.service-alert-content{flex:1;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:20px;margin-bottom:20px;text-align:center}
.service-alert-close{width:30px;height:30px;position:absolute;top:6px;right:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;background:#f5f8ff;transition:background .2s ease;z-index:10}
.service-alert-close:hover{background:#e7f0ff}
.service-alert-close .close-icon{display:block;width:30px;height:30px;transition:transform .3s ease;transform-origin:center}
.service-alert-close:hover .close-icon{transform:rotate(360deg)}
.service-alert .service-alert-avatar{width:80px;height:80px;background:#E7F0FF;border-radius:50%;overflow:hidden;flex-shrink:0}
.service-alert .service-alert-avatar .avatar-img{display:block;width:100%;height:100%;object-fit:cover}
.service-alert .service-alert-intro{line-height:1.5;font-size:16px;font-weight:600;color:#FF4500;margin:0}
.service-alert .service-alert-qrcode{width:120px;height:120px;border:1px solid #f0f3ff;padding:5px;border-radius:0;object-fit:cover}
.service-alert-btns{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}
.service-alert-btn{padding:12px 30px;border-radius:0;border:none;font-size:16px;font-weight:600;color:#fff;cursor:pointer;background:linear-gradient(135deg,#4A8FFE,#266AF6);box-shadow:0 4px 12px rgba(74,143,254,.3);transition:all .2s ease;white-space:nowrap}
.service-alert-btn:hover{transform:translateY(-2px);box-shadow:0 6px 15px rgba(74,143,254,.4)}
.service-alert-btn:nth-child(2){background:linear-gradient(135deg,#FF7D66,#FF5741)}