up

assets/css/product.css

@@ -38,7 +38,8 @@
 @media screen and (min-width: 992px) {
     .page-title.page-title-cargo-platform .container.product-hero-container,
     .page-title.page-title-cargo-platform1 .container.product-hero-container,
-    .page-title.page-title-cargo-platform2 .container.product-hero-container {
+    .page-title.page-title-cargo-platform2 .container.product-hero-container,
+    .page-title.page-title-cargo-platform3 .container.product-hero-container {
         padding-top: 0;
     }
 }
@@ -55,7 +56,9 @@
 .page-title-cargo-platform .product-hero-title,
 .page-title-cargo-platform .product-hero-description,
 .page-title-cargo-platform2 .product-hero-title,
-.page-title-cargo-platform2 .product-hero-description {
+.page-title-cargo-platform2 .product-hero-description,
+.page-title-cargo-platform3 .product-hero-title,
+.page-title-cargo-platform3 .product-hero-description {
     color: #021c3e;
 }
 
@@ -99,6 +102,10 @@
     margin: 0 0 20px;
 }
 
+.product-architecture-section--gradient img {
+    max-width: 80%;
+}
+
 .product-advantages-header {
     padding-top: 60px;
     margin-bottom: var(--product-section-heading-gap);
@@ -122,7 +129,7 @@
 }
 
 .product-advantages-section {
-    padding-bottom: 96px;
+    padding-bottom: 48px;
 }
 
 .feature-highlight-section {
@@ -392,3 +399,144 @@
         width: 100%;
     }
 }
+
+.cases-section {
+    padding: 20px 0 100px 0;
+    background: #f8fafc;
+}
+
+.cases-section .product-advantages-header,
+.cases-section .product-advantages-header > div,
+.cases-section .product-advantages-title,
+.cases-section .product-advantages-header p {
+    text-align: center;
+}
+
+.cases-section .product-advantages-header {
+    width: 100%;
+}
+
+.case-card-link {
+    display: flex;
+    width: 100%;
+    height: 100%;
+    color: inherit;
+    text-decoration: none;
+}
+
+.case-card-link:hover,
+.case-card-link:focus {
+    color: inherit;
+    text-decoration: none;
+}
+
+.cases-section .row + .row {
+    margin-top: 30px;
+}
+
+.cases-section .row {
+    display: flex;
+    flex-wrap: wrap;
+}
+
+.cases-section .col-md-4 {
+    display: flex;
+}
+
+.case-card {
+    background: #fff;
+    border-radius: 16px;
+    overflow: hidden;
+    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
+    border: 1px solid #e2e8f0;
+    height: 100%;
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+}
+
+.case-card-header {
+    position: relative;
+    padding: 28px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    text-align: center;
+    overflow: hidden;
+}
+
+.case-card-header.blue {
+    background: linear-gradient(135deg, rgba(0, 60, 180, 1), rgba(0, 100, 255, 1));
+}
+
+.case-card-header.cyan {
+    background: linear-gradient(135deg, rgba(0, 80, 200, 1), rgba(0, 120, 255, 1));
+}
+
+.case-card-header.teal {
+    background: linear-gradient(135deg, rgba(0, 110, 140, 1), rgba(0, 160, 190, 1));
+}
+
+.case-card-header.green {
+    background: linear-gradient(135deg, rgba(0, 120, 90, 1), rgba(40, 180, 120, 1));
+}
+
+.case-card-header.indigo {
+    background: linear-gradient(135deg, rgba(30, 60, 180, 1), rgba(50, 100, 255, 1));
+}
+
+.case-card-header::before {
+    content: '';
+    position: absolute;
+    top: -50%;
+    right: -10%;
+    width: 160px;
+    height: 160px;
+    border-radius: 50%;
+    background: rgba(255, 255, 255, 0.1);
+}
+
+.case-card-header h3 {
+    position: relative;
+    font-size: 18px;
+    font-weight: 700;
+    color: #fff;
+    margin: 0;
+    width: 100%;
+    text-align: center;
+}
+
+.case-card-body {
+    padding: 28px;
+    flex: 1;
+    display: flex;
+    align-items: flex-start;
+}
+
+.case-project {
+    font-size: 14px;
+    font-weight: 600;
+    color: rgba(0, 100, 255, 1);
+    margin-bottom: 12px;
+}
+
+.case-card-body p {
+    font-size: 14px;
+    color: #64748b;
+    line-height: 1.7;
+    margin: 0;
+    display: -webkit-box;
+    overflow: hidden;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 5;
+}
+
+@media (max-width: 767px) {
+    .cases-section .row + .row {
+        margin-top: 24px;
+    }
+
+    .cases-section .col-md-4 + .col-md-4 {
+        margin-top: 24px;
+    }
+}

assets/css/style.css

@@ -680,7 +680,7 @@ img {
 .page-title6 {
   background: url("../images/page-title6.png.webp") center center/cover no-repeat local;
   width: 100%;
-  height: 360px;
+  height: 330px;
   position: relative;
   text-align: center;
 }

case_alignment_check.html

@@ -0,0 +1,80 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="utf-8">
+    <title>Case Alignment Check</title>
+</head>
+<body>
+<pre id="result">pending</pre>
+<script>
+    const params = new URLSearchParams(window.location.search);
+    const page = params.get("page");
+    const iframe = document.createElement("iframe");
+    iframe.style.width = "1440px";
+    iframe.style.height = "2200px";
+    iframe.style.border = "0";
+    iframe.src = page;
+    document.body.appendChild(iframe);
+
+    function centerDelta(rectA, rectB) {
+        const centerA = rectA.left + rectA.width / 2;
+        const centerB = rectB.left + rectB.width / 2;
+        return Math.round((centerA - centerB) * 100) / 100;
+    }
+
+    iframe.addEventListener("load", () => {
+        const doc = iframe.contentDocument;
+        const resultNode = document.getElementById("result");
+        try {
+            const section = doc.querySelector(".cases-section");
+            const row = doc.querySelector(".cases-section .row");
+            const header = doc.querySelector(".cases-section .product-advantages-header");
+            const title = doc.querySelector(".cases-section .product-advantages-title");
+            const subtitle = doc.querySelector(".cases-section .product-advantages-header p");
+            const cards = Array.from(doc.querySelectorAll(".cases-section .case-card-header h3"));
+            const report = {
+                page,
+                hasCasesSection: !!section,
+                headerVsRow: null,
+                titleVsRow: null,
+                subtitleVsRow: null,
+                cardTitles: []
+            };
+
+            if (!section || !row || !header || !title || !subtitle) {
+                resultNode.textContent = JSON.stringify(report, null, 2);
+                return;
+            }
+
+            const rowRect = row.getBoundingClientRect();
+            report.headerVsRow = {
+                delta: centerDelta(header.getBoundingClientRect(), rowRect),
+                width: Math.round(header.getBoundingClientRect().width * 100) / 100,
+                rowWidth: Math.round(rowRect.width * 100) / 100
+            };
+            report.titleVsRow = {
+                delta: centerDelta(title.getBoundingClientRect(), rowRect),
+                textAlign: getComputedStyle(title).textAlign
+            };
+            report.subtitleVsRow = {
+                delta: centerDelta(subtitle.getBoundingClientRect(), rowRect),
+                textAlign: getComputedStyle(subtitle).textAlign
+            };
+
+            report.cardTitles = cards.map((card) => {
+                const cardHeader = card.closest(".case-card-header");
+                return {
+                    text: card.textContent.trim(),
+                    delta: centerDelta(card.getBoundingClientRect(), cardHeader.getBoundingClientRect()),
+                    textAlign: getComputedStyle(card).textAlign
+                };
+            });
+
+            resultNode.textContent = JSON.stringify(report, null, 2);
+        } catch (error) {
+            resultNode.textContent = JSON.stringify({ page, error: String(error) }, null, 2);
+        }
+    });
+</script>
+</body>
+</html>

header.html

@@ -94,6 +94,7 @@
                                 <a href="product_port.html" target="_parent">云码头系列产品</a>
                                 <ul class="sub-menu">
                                     <li><a href="product_port_cdi.html" target="_parent">岸基云码头智能操作系统</a></li>
+                                    <li><a href="product_port_cloud_yard.html" target="_parent">岸基云场站智能操作系统</a></li>
                                     <li><a href="product_port_cdi_container.html" target="_parent">岸基云码头集装箱智能操作系统</a></li>
                                     <li><a href="product_port_cdi_bulk.html" target="_parent">岸基云码头散杂货智能操作系统</a></li>
                                 </ul>

product_ecommerce_bctp.html

@@ -95,22 +95,22 @@
                 </div>
                 <ul class="feature-highlight-tabs" role="tablist">
                     <li role="presentation">
-                        <button class="feature-highlight-tab active" type="button" role="tab" aria-selected="true" aria-controls="feature-panel-1" data-target="#feature-panel-1">船货通</button>
+                        <button class="feature-highlight-tab active" type="button" role="tab" aria-selected="true" aria-controls="feature-panel-1" data-target="#feature-panel-1">智能船货匹配</button>
                     </li>
                     <li role="presentation">
-                        <button class="feature-highlight-tab" type="button" role="tab" aria-selected="false" aria-controls="feature-panel-2" data-target="#feature-panel-2">梧贸易</button>
+                        <button class="feature-highlight-tab" type="button" role="tab" aria-selected="false" aria-controls="feature-panel-2" data-target="#feature-panel-2">大宗商品线上交易</button>
                     </li>
                     <li role="presentation">
-                        <button class="feature-highlight-tab" type="button" role="tab" aria-selected="false" aria-controls="feature-panel-3" data-target="#feature-panel-3">梧道知</button>
+                        <button class="feature-highlight-tab" type="button" role="tab" aria-selected="false" aria-controls="feature-panel-3" data-target="#feature-panel-3">航道安全信息服务</button>
                     </li>
                     <li role="presentation">
-                        <button class="feature-highlight-tab" type="button" role="tab" aria-selected="false" aria-controls="feature-panel-4" data-target="#feature-panel-4">物流集疏易</button>
+                        <button class="feature-highlight-tab" type="button" role="tab" aria-selected="false" aria-controls="feature-panel-4" data-target="#feature-panel-4">多式联运一单通行</button>
                     </li>
                     <li role="presentation">
-                        <button class="feature-highlight-tab" type="button" role="tab" aria-selected="false" aria-controls="feature-panel-5" data-target="#feature-panel-5">小程序作业</button>
+                        <button class="feature-highlight-tab" type="button" role="tab" aria-selected="false" aria-controls="feature-panel-5" data-target="#feature-panel-5">移动端无纸化作业</button>
                     </li>
                     <li role="presentation">
-                        <button class="feature-highlight-tab" type="button" role="tab" aria-selected="false" aria-controls="feature-panel-6" data-target="#feature-panel-6">三维梧州</button>
+                        <button class="feature-highlight-tab" type="button" role="tab" aria-selected="false" aria-controls="feature-panel-6" data-target="#feature-panel-6">三维港区可视化</button>
                     </li>
                 </ul>
                 <div class="feature-highlight-panels">
@@ -258,8 +258,8 @@
                                         <img src="assets/images/project/common/编组-14.svg" alt="业务协作一体化">
                                     </div>
                                     <div class="feature-card-body">
-                                        <h4>业务协作一体化</h4>
+                                        <h4>多方高效协同</h4>
-                                        <p>建立在线业务协作机制，通过平台连接用户、船方、司机、货主、资金方、监管单位等，实现企业-人-应用-业务的高效、低成本互联互通，业务和办公自动化协同。</p>
+                                        <p>在线直连货主、船东、码头、车队，沟通与作业环节大幅减少，整体协同效率提升。</p>
                                     </div>
                                 </div>
                                 <div class="feature-card">
@@ -267,8 +267,8 @@
                                         <img src="assets/images/project/common/资源_5.svg" alt="港口三维可视化">
                                     </div>
                                     <div class="feature-card-body">
-                                        <h4>港口三维可视化</h4>
+                                        <h4>港区作业可视可控</h4>
-                                        <p>港区水面、码头等三维展示、立体呈现，观测码头作业流程，监测机械及人员实时状况，实现目标跟踪、查找等，维护港口整体生产秩序，保障忙而不乱、高效有序。</p>
+                                        <p>三维实景展示港区全貌，作业状态一目了然，调度更精准、异常响应更快。</p>
                                     </div>
                                 </div>
                                 <div class="feature-card">
@@ -276,8 +276,8 @@
                                         <img src="assets/images/project/common/资源_3.svg" alt="生产作业无纸化">
                                     </div>
                                     <div class="feature-card-body">
-                                        <h4>生产作业无纸化</h4>
+                                        <h4>作业更省更快</h4>
-                                        <p>使用电子单据全面代替传统纸质单据，通过一键发布需求、订单在线跟踪等，减少人工手动操作，提高港区整体自动化、智慧化生产作业效率。</p>
+                                        <p>全程电子单据无纸交接，人工录入与核对成本下降，进港 / 靠泊 / 交接效率显著提高。</p>
                                     </div>
                                 </div>
                                 <div class="feature-card">
@@ -285,8 +285,8 @@
                                         <img src="assets/images/project/common/资源_9.svg" alt="数据资源一体化">
                                     </div>
                                     <div class="feature-card-body">
-                                        <h4>数据资源一体化</h4>
+                                        <h4>数据打通不孤岛</h4>
-                                        <p>建立数据共享架构，打通港口信息流、资金流、物流、商流等，将离散的各类业务系统以及物流公司、港口公司、船公司、货代、船代、司机、业务员等各方数据统一整合，建立共建共享，开放协同的数字底座。</p>
+                                        <p>物流、资金流、信息流统一共享，避免重复录入与数据偏差，运营成本更低。</p>
                                     </div>
                                 </div>
                                 <div class="feature-card">
@@ -294,8 +294,8 @@
                                         <img src="assets/images/project/common/编组-2-copy-5.svg" alt="辅助决策科学化">
                                     </div>
                                     <div class="feature-card-body">
-                                        <h4>辅助决策科学化</h4>
+                                        <h4>经营决策更精准</h4>
-                                        <p>为管理人员提供从宏观到微观的港区运营视图，拓展动态监测、统计分析、趋势研判、效果评估、风险防控等，提升梧州港智慧化经营决策水平。</p>
+                                        <p>实时运营数据 + 趋势分析，不用靠经验判断，调度与规划有据可依、风险更低。</p>
                                     </div>
                                 </div>
                                 <div class="feature-card">
@@ -303,7 +303,7 @@
                                         <img src="assets/images/project/common/编组-14.svg" alt="港口服务品质化">
                                     </div>
                                     <div class="feature-card-body">
-                                        <h4>港口服务品质化</h4>
+                                        <h4>航行安全更有保障</h4>
                                         <p>提供水文气象、航标显示、航道信息、船舶显示、气象信息等查询和提醒服务，提高服务品质，保障物流运输安全。</p>
                                     </div>
                                 </div>
@@ -313,6 +313,46 @@
             </div> <!-- end container -->
         </section>
 
+        <section class="cases-section" id="cases">
+            <div class="container">
+                <div class="row">
+                    <div class="product-advantages-header">
+                        <div>
+                            <h1 class="product-advantages-title">客户案例</h1>
+                            <p>真实项目已经落地，产品价值看得见</p>
+                        </div>
+                    </div>
+                </div>
+
+                <div class="row">
+                    <div class="col-md-4">
+                        <a class="case-card-link" href="classiccase/canal_logistics_supervision.html">
+                            <div class="case-card">
+                                <div class="case-card-header blue">
+                                    <h3>济宁港航建设有限公司</h3>
+                                </div>
+                                <div class="case-card-body">
+                                    <p>济宁港航建设有限公司是济宁能源集团核心子公司，主营京杭运河济宁段港口、航道、船闸一体化投资运营，年吞吐量超 3000 万吨，管理 14 处作业区与 4 处船闸，为鲁西南最大内河港口运营商。</p>
+                                </div>
+                            </div>
+                        </a>
+                    </div>
+                    <div class="col-md-4">
+                        <a class="case-card-link" href="classiccase/smart_wuzhou_port.html">
+                            <div class="case-card">
+                                <div class="case-card-header cyan">
+                                    <h3>梧州市港务发展集团有限公司</h3>
+                                </div>
+                                <div class="case-card-body">
+                                    <p>梧州市港务发展集团系市直属国有独资企业，2022年3月10日注册成立，注册资本10亿元。</p>
+                                </div>
+                            </div>
+                        </a>
+                    </div>
+                </div>
+            </div>
+        </section>
+
         <!-- start site-footer -->
         <!-- start site-footer -->
         <div id="footer"></div>

product_ecommerce_freight_booking.html

@@ -308,6 +308,58 @@
             </div> <!-- end container -->
         </section>
 
+        <section class="cases-section" id="cases">
+            <div class="container">
+                <div class="row">
+                    <div class="product-advantages-header">
+                        <div>
+                            <h1 class="product-advantages-title">客户案例</h1>
+                            <p>真实项目已经落地，产品价值看得见</p>
+                        </div>
+                    </div>
+                </div>
+
+                <div class="row">
+                    <div class="col-md-4">
+                        <a class="case-card-link" href="classiccase/jinjiang_shipping_ecommerce.html">
+                            <div class="case-card">
+                                <div class="case-card-header blue">
+                                    <h3>上海锦江航运（集团）股份有限公司</h3>
+                                </div>
+                                <div class="case-card-body">
+                                    <p>上海锦江航运（集团）股份有限公司（股票代码：601083）1983年成立的中国领先区域性集装箱航运企业，聚焦亚洲近洋市场，以上海为母港，形成"东北亚压舱石+东南亚增长极"战略布局。</p>
+                                </div>
+                            </div>
+                        </a>
+                    </div>
+                    <div class="col-md-4">
+                        <a class="case-card-link" href="classiccase/shanghai_hanghua_cloud.html">
+                            <div class="case-card">
+                                <div class="case-card-header cyan">
+                                    <h3>上海航华国际船务代理有限公司</h3>
+                                </div>
+                                <div class="case-card-body">
+                                    <p>上海航华国际船务代理有限公司，2000年4月成立的国有控股国际船舶代理企业，由上海国际港务（集团）股份有限公司、上海航运交易所共同投资组建。</p>
+                                </div>
+                            </div>
+                        </a>
+                    </div>
+                    <div class="col-md-4">
+                        <a class="case-card-link" href="classiccase/shanggang_liandai_booking.html">
+                            <div class="case-card">
+                                <div class="case-card-header indigo">
+                                    <h3>上海上港联合国际船舶代理有限公司</h3>
+                                </div>
+                                <div class="case-card-body">
+                                    <p>上海上港联合国际船舶代理有限公司1994年成立，系上海国际港务（集团）股份有限公司全资子公司，上海港主要国际船舶代理服务企业之一。</p>
+                                </div>
+                            </div>
+                        </a>
+                    </div>
+                </div>
+            </div>
+        </section>
+
         <!-- start site-footer -->
         <!-- start site-footer -->
         <div id="footer"></div>

product_ecommerce_net_cargo.html

@@ -118,7 +118,7 @@
                     <div id="feature-panel-1" class="feature-highlight-panel active" role="tabpanel">
                         <div class="feature-highlight-detail">
                             <div class="feature-highlight-copy">
-                                <h2>货物全程追溯：让运输过程可见、可查、可追溯</h2>
+                                <h2>让运输过程可见、可查、可追溯</h2>
                                 <p>基于移动端采集与车辆定位能力，对货物从启运到交付全过程进行实时监控与数据留痕。</p>
                                 <ul class="feature-highlight-points">
                                     <li>整合平台资源， 在线发布货源和运力，高效沟通成单。</li>
@@ -137,7 +137,7 @@
                     <div id="feature-panel-2" class="feature-highlight-panel" role="tabpanel">
                         <div class="feature-highlight-detail">
                             <div class="feature-highlight-copy">
-                                <h2>提升港口集疏运能力：加速周转，增强计划性</h2>
+                                <h2>加速周转，增强计划性</h2>
                                 <p>通过平台化协同加速集装箱与货物周转，推动港口与陆路运输环节联动，提升整体集疏运效率。</p>
                                 <ul class="feature-highlight-points">
                                     <li>提升陆路集疏运计划性，减少无效等待时间。</li>
@@ -155,7 +155,7 @@
                     <div id="feature-panel-3" class="feature-highlight-panel" role="tabpanel">
                         <div class="feature-highlight-detail">
                             <div class="feature-highlight-copy">
-                                <h2>提升港口服务竞争力：强化联动，优化客户体验</h2>
+                                <h2>强化联动，优化客户体验</h2>
                                 <p>平台支持港口与内陆枢纽协同，叠加便利化通关措施，缩短在港时间并提升客户服务体验。</p>
                                 <ul class="feature-highlight-points">
                                     <li>支撑港口吸引更多制造业货源聚集，提升业务吸附力。</li>
@@ -173,7 +173,7 @@
                     <div id="feature-panel-4" class="feature-highlight-panel" role="tabpanel">
                         <div class="feature-highlight-detail">
                             <div class="feature-highlight-copy">
-                                <h2>降低集疏运成本：智能调度提升车辆利用率</h2>
+                                <h2>智能调度提升车辆利用率</h2>
                                 <p>利用智能算法综合车辆位置、车况与装卸点信息进行动态路径优化，持续降低运输成本。</p>
                                 <ul class="feature-highlight-points">
                                     <li>提升车辆利用率与双重运输机会，减少资源闲置。</li>
@@ -191,7 +191,7 @@
                     <div id="feature-panel-5" class="feature-highlight-panel" role="tabpanel">
                         <div class="feature-highlight-detail">
                             <div class="feature-highlight-copy">
-                                <h2>增强协同大数据分析能力：共享驱动预测与决策</h2>
+                                <h2>共享驱动预测与决策</h2>
                                 <p>打通码头作业信息与陆运车辆信息的实时共享链路，通过预约排队和分析模型提升协同效率。</p>
                                 <ul class="feature-highlight-points">
                                     <li>增强作业计划性，减少排队拥堵与无效等待。</li>
@@ -317,6 +317,46 @@
             </div> <!-- end container -->
         </section>
 
+        <section class="cases-section" id="cases">
+            <div class="container">
+                <div class="row">
+                    <div class="product-advantages-header">
+                        <div>
+                            <h1 class="product-advantages-title">客户案例</h1>
+                            <p>真实项目已经落地，产品价值看得见</p>
+                        </div>
+                    </div>
+                </div>
+
+                <div class="row">
+                    <div class="col-md-4">
+                        <a class="case-card-link" href="classiccase/zhujiang_shipping.html">
+                            <div class="case-card">
+                                <div class="case-card-header blue">
+                                    <h3>珠江船务企业（集团）有限公司</h3>
+                                </div>
+                                <div class="case-card-body">
+                                    <p>应珠江船务对现有码头区域平台化经营管理的尝试，暴露出平台内各码头的拖车缺乏信息系统支撑集中监控、集中调配的问题，无法支撑各码头拖车使用情况的动态共享，无法有效地做到智能化的资源调度分配。</p>
+                                </div>
+                            </div>
+                        </a>
+                    </div>
+                    <div class="col-md-4">
+                        <a class="case-card-link" href="classiccase/anhui_port_hefei.html">
+                            <div class="case-card">
+                                <div class="case-card-header cyan">
+                                    <h3>安徽港口集团合肥有限公司</h3>
+                                </div>
+                                <div class="case-card-body">
+                                    <p>安徽港口集团合肥有限公司统筹管理南淝河港区、巢湖港区与派河港区，拥有生产性泊位25个、岸线2695.7米，年设计吞吐能力达集装箱90万标箱、件杂货700万吨、滚装商品汽车10万辆。</p>
+                                </div>
+                            </div>
+                        </a>
+                    </div>
+                </div>
+            </div>
+        </section>
+
         <!-- start site-footer -->
         <!-- start site-footer -->
         <div id="footer"></div>

product_ecommerce_obh.html

@@ -121,7 +121,7 @@
                     <div id="feature-panel-1" class="feature-highlight-panel active" role="tabpanel">
                         <div class="feature-highlight-detail">
                             <div class="feature-highlight-copy">
-                                <h2>智能流程提效：流程可视、审核提速</h2>
+                                <h2>流程可视、审核提速</h2>
                                 <p>通过 BPM 工作流实现合同办单全过程可视化，并引入 AI 异常识别能力，提升审核效率与处理准确性。</p>
                                 <ul class="feature-highlight-points">
                                     <li>办单进度实时可见，客户无需反复催办。</li>
@@ -139,7 +139,7 @@
                     <div id="feature-panel-2" class="feature-highlight-panel" role="tabpanel">
                         <div class="feature-highlight-detail">
                             <div class="feature-highlight-copy">
-                                <h2>移动办公：多终端覆盖，服务更敏捷</h2>
+                                <h2>多终端覆盖，服务更敏捷</h2>
                                 <p>依托移动端系统支持多终端、多渠道办单与查询，让客户在不同场景下都能快速处理业务。</p>
                                 <ul class="feature-highlight-points">
                                     <li>随时随地办理业务，突破固定办公场景限制。</li>
@@ -157,7 +157,7 @@
                     <div id="feature-panel-3" class="feature-highlight-panel" role="tabpanel">
                         <div class="feature-highlight-detail">
                             <div class="feature-highlight-copy">
-                                <h2>管理可视化：透明运营，支持精准决策</h2>
+                                <h2>透明运营，支持精准决策</h2>
                                 <p>通过工作流追踪、监控报表与预警通知，向客户与管理方持续输出业务状态与关键指标。</p>
                                 <ul class="feature-highlight-points">
                                     <li>业务办理进度透明可溯，减少信息不对称。</li>
@@ -175,7 +175,7 @@
                     <div id="feature-panel-4" class="feature-highlight-panel" role="tabpanel">
                         <div class="feature-highlight-detail">
                             <div class="feature-highlight-copy">
-                                <h2>前后端联动：跨系统互联，协同更顺畅</h2>
+                                <h2>跨系统互联，协同更顺畅</h2>
                                 <p>平台作为业务枢纽，对外联通代理与海关系统，对内集成 TOS、门禁、理货等业务系统，实现数据贯通。</p>
                                 <ul class="feature-highlight-points">
                                     <li>多系统互联互通，持续消除信息孤岛。</li>
@@ -193,7 +193,7 @@
                     <div id="feature-panel-5" class="feature-highlight-panel" role="tabpanel">
                         <div class="feature-highlight-detail">
                             <div class="feature-highlight-copy">
-                                <h2>支付流程一体化：支付与办单流程无缝衔接</h2>
+                                <h2>支付与办单流程无缝衔接</h2>
                                 <p>平台对接银行系统实现在线支付，并将支付节点嵌入办单流程，减少线下转账与人工确认环节。</p>
                                 <ul class="feature-highlight-points">
                                     <li>客户可在线完成支付，无需窗口排队或线下转账。</li>
@@ -211,8 +211,8 @@
                     <div id="feature-panel-6" class="feature-highlight-panel" role="tabpanel">
                         <div class="feature-highlight-detail">
                             <div class="feature-highlight-copy">
-                                <h2>AI辅助审核：智能识别风险，提升审核质量</h2>
+                                <h2>智能识别风险，提升审核质量</h2>
-                                <p>引入 AI 审核引擎自动识别单证信息与潜在风险，辅助人工审核聚焦关键问题，实现高效与可控并重。</p>
+                                <p>引入AI审核引擎自动识别单证信息与潜在风险，辅助人工审核聚焦关键问题，实现高效与可控并重。</p>
                                 <ul class="feature-highlight-points">
                                     <li>单证关键信息自动提取，降低人工录入负担。</li>
                                     <li>风险异常自动标记，减少人工疏漏概率。</li>
@@ -326,6 +326,73 @@
             </div> <!-- end container -->
         </section>
 
+        <section class="cases-section" id="cases">
+            <div class="container">
+                <div class="row">
+                    <div class="product-advantages-header">
+                        <div>
+                            <h1 class="product-advantages-title">客户案例</h1>
+                            <p>真实项目已经落地，产品价值看得见</p>
+                        </div>
+                    </div>
+                </div>
+
+                <div class="row">
+                    <div class="col-md-4">
+                        <a class="case-card-link" href="classiccase/tangshan_ore_terminal.html">
+                            <div class="case-card">
+                                <div class="case-card-header blue">
+                                    <h3>唐山港集团有限公司</h3>
+                                </div>
+                                <div class="case-card-body">
+                                    <p>唐山港集团有限公司是中国北方重要的综合性港口企业，位于河北省唐山市，拥有煤炭、矿石、集装箱、液体化工等多种专业化码头。</p>
+                                </div>
+                            </div>
+                        </a>
+                    </div>
+                    <div class="col-md-4">
+                        <a class="case-card-link" href="classiccase/tangshan_bigdata_platform.html">
+                            <div class="case-card">
+                                <div class="case-card-header cyan">
+                                    <h3>唐山港口实业集团有限公司</h3>
+                                </div>
+                                <div class="case-card-body">
+                                    <p>唐山港口实业集团有限公司是河北省港口整合平台——河北港口集团核心企业，负责运营唐山港"三港四区"中的京唐港区与曹妃甸港区，泊位92个，年吞吐量逾3亿吨。</p>
+                                </div>
+                            </div>
+                        </a>
+                    </div>
+                    <div class="col-md-4">
+                        <a class="case-card-link" href="classiccase/tangshan_bigdata_platform.html">
+                            <div class="case-card">
+                                <div class="case-card-header indigo">
+                                    <h3>唐山港口实业集团有限公司</h3>
+                                </div>
+                                <div class="case-card-body">
+                                    <p>唐山港口实业集团有限公司是河北省港口整合平台——河北港口集团核心企业，负责运营唐山港"三港四区"中的京唐港区与曹妃甸港区，泊位92个，年吞吐量逾3亿吨。</p>
+                                </div>
+                            </div>
+                        </a>
+                    </div>
+                </div>
+
+                <div class="row">
+                    <div class="col-md-4">
+                        <a class="case-card-link" href="classiccase/zhongshan_port_service.html">
+                            <div class="case-card">
+                                <div class="case-card-header teal">
+                                    <h3>中山港航集团股份有限公司</h3>
+                                </div>
+                                <div class="case-card-body">
+                                    <p>中山港航集团股份有限公司（前身为中山市港航企业集团有限公司）创立于2000年12月15日，注册地位于中山市火炬开发区沿江东一路3号港航大厦。</p>
+                                </div>
+                            </div>
+                        </a>
+                    </div>
+                </div>
+            </div>
+        </section>
+
         <!-- start site-footer -->
         <!-- start site-footer -->
         <div id="footer"></div>

product_full_logistics_chain_cargo_agent.html

@@ -116,7 +116,7 @@
                     <div id="feature-panel-1" class="feature-highlight-panel active" role="tabpanel">
                         <div class="feature-highlight-detail">
                             <div class="feature-highlight-copy">
-                                <h2>流程标准化：每个人按同样规则干活</h2>
+                                <h2>流程统一规范，协作稳定高效</h2>
                                 <p>建立数据 SOP 标准，明确各业务节点的操作责任与数据流转方式，降低协作不确定性。</p>
                                 <ul class="feature-highlight-points">
                                     <li>新员工更快上手，减少口口相传依赖。</li>
@@ -134,7 +134,7 @@
                     <div id="feature-panel-2" class="feature-highlight-panel" role="tabpanel">
                         <div class="feature-highlight-detail">
                             <div class="feature-highlight-copy">
-                                <h2>录单智能化：AI自动录入，人工投入减半</h2>
+                                <h2>AI 智能录单，人力成本减半</h2>
                                 <p>通过自动化录单、智能发送与识别能力，将重复录入环节转换为系统自动处理。</p>
                                 <ul class="feature-highlight-points">
                                     <li>邮件订舱单自动识别并录入，减少手工敲单。</li>
@@ -152,7 +152,7 @@
                     <div id="feature-panel-3" class="feature-highlight-panel" role="tabpanel">
                         <div class="feature-highlight-detail">
                             <div class="feature-highlight-copy">
-                                <h2>计费灵活化：不同客户不同价，系统自动算</h2>
+                                <h2>计费灵活配置，自动精准核算</h2>
                                 <p>支持费目与计费规则配置，结合业务节点自动触发计费，提高费用处理准确性。</p>
                                 <ul class="feature-highlight-points">
                                     <li>支持客户级价格体系独立配置。</li>
@@ -170,7 +170,7 @@
                     <div id="feature-panel-4" class="feature-highlight-panel" role="tabpanel">
                         <div class="feature-highlight-detail">
                             <div class="feature-highlight-copy">
-                                <h2>EDI自动对接：数据自动传，无需二次录入</h2>
+                                <h2>EDI 自动对接，数据免重复录入</h2>
                                 <p>系统对接船公司、海关、码头等外部系统，实现业务报文自动流转与状态回写。</p>
                                 <ul class="feature-highlight-points">
                                     <li>舱单自动发送海关，降低手工申报负担。</li>
@@ -269,6 +269,29 @@
         </section>
 
 
+        <section class="cases-section" id="cases">
+            <div class="container">
+                <div class="row">
+                    <div class="product-advantages-header">
+                        <div>
+                            <h1 class="product-advantages-title">客户案例</h1>
+                            <p>真实项目已经落地，产品价值看得见</p>
+                        </div>
+                    </div>
+                </div>
+
+                <div class="row">
+                    <div class="col-md-4"><a class="case-card-link" href="classiccase/tangshan_haitong_shipping.html"><div class="case-card"><div class="case-card-header blue"><h3>唐山海港海通海运代理有限公司</h3></div><div class="case-card-body"><p>唐山海港海通海运代理有限公司，2002年6月成立于唐山海港开发区，深耕海运代理领域二十余载。</p></div></div></a></div>
+                    <div class="col-md-4"><a class="case-card-link" href="classiccase/rizhao_huahai_shipping.html"><div class="case-card"><div class="case-card-header cyan"><h3>日照华海国际船舶代理有限公司</h3></div><div class="case-card-body"><p>华海集团创立于2003年，主营船舶代理、货物代理、国际远洋及国内沿海运输、租船订舱、铁路代理、汽车运输、筛分混配加工。</p></div></div></a></div>
+                    <div class="col-md-4"><a class="case-card-link" href="classiccase/shanghai_hanghua_cloud.html"><div class="case-card"><div class="case-card-header indigo"><h3>上海航华国际船务代理有限公司</h3></div><div class="case-card-body"><p>上海航华国际船务代理有限公司，2000年4月成立的国有控股国际船舶代理企业，由上海国际港务（集团）股份有限公司、上海航运交易所共同投资组建。</p></div></div></a></div>
+                </div>
+                <div class="row">
+                    <div class="col-md-4"><a class="case-card-link" href="classiccase/shanghai_xinhai_freight.html"><div class="case-card"><div class="case-card-header teal"><h3>上海新海国际船舶代理有限公司</h3></div><div class="case-card-body"><p>上海新海国际船舶代理有限公司，1993年3月29日成立于上海，专注提供全方位国际船舶代理服务。</p></div></div></a></div>
+                    <div class="col-md-4"><a class="case-card-link" href="classiccase/shanggang_liandai_booking.html"><div class="case-card"><div class="case-card-header green"><h3>上海上港联合国际船舶代理有限公司</h3></div><div class="case-card-body"><p>上海上港联合国际船舶代理有限公司1994年成立，系上海国际港务（集团）股份有限公司全资子公司，上海港主要国际船舶代理服务企业之一。</p></div></div></a></div>
+                </div>
+            </div>
+        </section>
+
         <!-- start site-footer -->
         <!-- start site-footer -->
         <div id="footer"></div>

product_full_logistics_chain_platform.html

@@ -119,7 +119,7 @@
                     <div id="feature-panel-1" class="feature-highlight-panel active" role="tabpanel">
                         <div class="feature-highlight-detail">
                             <div class="feature-highlight-copy">
-                                <h2>数据自动流转：告别电话催问</h2>
+                                <h2>环节自动衔接，告别人工催办</h2>
                                 <p>平台打通订舱、拖车、报关、仓储各环节数据，一个环节完成后下游自动收到通知。</p>
                                 <ul class="feature-highlight-points">
                                     <li>客户线上发起货运委托，货代在线承接订单。</li>
@@ -137,7 +137,7 @@
                     <div id="feature-panel-2" class="feature-highlight-panel" role="tabpanel">
                         <div class="feature-highlight-detail">
                             <div class="feature-highlight-copy">
-                                <h2>手机电脑都能用：在哪都能办公</h2>
+                                <h2>全终端协同，随时随地办公</h2>
                                 <p>支持 PC、APP、微信公众号和小程序，覆盖不同岗位与作业场景的协同需求。</p>
                                 <ul class="feature-highlight-points">
                                     <li>办公室可用电脑处理批量订舱与单证。</li>
@@ -156,7 +156,7 @@
                     <div id="feature-panel-3" class="feature-highlight-panel" role="tabpanel">
                         <div class="feature-highlight-detail">
                             <div class="feature-highlight-copy">
-                                <h2>集团统一管控：多公司一套系统</h2>
+                                <h2>集团统一管控，多公司独立运行</h2>
                                 <p>采用多租户设计，实现集团统一配置与子公司独立运行，兼顾标准化与隔离性。</p>
                                 <ul class="feature-highlight-points">
                                     <li>集团统一配置流程、审批规则与收费标准。</li>
@@ -174,7 +174,7 @@
                     <div id="feature-panel-4" class="feature-highlight-panel" role="tabpanel">
                         <div class="feature-highlight-detail">
                             <div class="feature-highlight-copy">
-                                <h2>模块化灵活配置：按需建设</h2>
+                                <h2>模块化灵活配置，按需搭建扩展</h2>
                                 <p>平台采用模块化与插拔式组件架构，支持企业按阶段投入、按业务扩展。</p>
                                 <ul class="feature-highlight-points">
                                     <li>可先上线订舱和拖车模块，投入更轻量。</li>
@@ -192,7 +192,7 @@
                     <div id="feature-panel-5" class="feature-highlight-panel" role="tabpanel">
                         <div class="feature-highlight-detail">
                             <div class="feature-highlight-copy">
-                                <h2>对外数据对接：打通上下游系统</h2>
+                                <h2>标准接口对接，全域系统协同</h2>
                                 <p>提供标准化数据交换接口，实现与海关、财务、港口等系统的自动协同。</p>
                                 <ul class="feature-highlight-points">
                                     <li>舱单数据可自动发送海关，降低人工申报负担。</li>
@@ -300,6 +300,44 @@
         </section>
 
 
+        <section class="cases-section" id="cases">
+            <div class="container">
+                <div class="row">
+                    <div class="product-advantages-header">
+                        <div>
+                            <h1 class="product-advantages-title">客户案例</h1>
+                            <p>真实项目已经落地，产品价值看得见</p>
+                        </div>
+                    </div>
+                </div>
+
+                <div class="row">
+                    <div class="col-md-4"><a class="case-card-link" href="classiccase/tangshan_haitong_shipping.html"><div class="case-card"><div class="case-card-header blue"><h3>唐山海港海通海运代理有限公司</h3></div><div class="case-card-body"><p>唐山海港海通海运代理有限公司，2002年6月成立于唐山海港开发区，深耕海运代理领域二十余载。</p></div></div></a></div>
+                    <div class="col-md-4"><a class="case-card-link" href="classiccase/rizhao_huahai_shipping.html"><div class="case-card"><div class="case-card-header cyan"><h3>日照华海国际船舶代理有限公司</h3></div><div class="case-card-body"><p>华海集团创立于2003年，主营船舶代理、货物代理、国际远洋及国内沿海运输、租船订舱、铁路代理、汽车运输、筛分混配加工。</p></div></div></a></div>
+                    <div class="col-md-4"><a class="case-card-link" href="classiccase/guangzhou_anzhida_logistics.html"><div class="case-card"><div class="case-card-header indigo"><h3>广州安之达物流有限公司</h3></div><div class="case-card-body"><p>广州市安之达物流有限公司成立于2001年,是一家以综合物流服务和危险货物操作为品牌的专业物流公司。</p></div></div></a></div>
+                </div>
+                <div class="row">
+                    <div class="col-md-4"><a class="case-card-link" href="classiccase/beibuwan_shuttle_bus.html"><div class="case-card"><div class="case-card-header teal"><h3>北部湾防城港有限公司</h3></div><div class="case-card-body"><p>广西北部湾港涵盖防城港域、北海港域、钦州港域，位居泛北部湾经济圈、泛珠三角区域经济圈与中国—东盟经济圈交汇核心。</p></div></div></a></div>
+                    <div class="col-md-4"><a class="case-card-link" href="classiccase/zhujiang_shipping.html"><div class="case-card"><div class="case-card-header green"><h3>珠江船务企业（集团）有限公司</h3></div><div class="case-card-body"><p>应珠江船务对现有码头区域平台化经营管理的尝试，暴露出平台内各码头的拖车缺乏信息系统支撑集中监控、集中调配的问题，无法支撑各码头拖车使用情况的动态共享，无法有效地做到智能化的资源调度分配。</p></div></div></a></div>
+                    <div class="col-md-4"><a class="case-card-link" href="classiccase/rizhao_hongyuan_logistics.html"><div class="case-card"><div class="case-card-header blue"><h3>日照泓源物流有限公司</h3></div><div class="case-card-body"><p>日照泓源物流有限公司创立于2009年，专注中国内贸集装箱物流运输领域，是以沿海集装箱航运、陆地集卡运输及综合物流服务为核心的大型综合性物流企业。</p></div></div></a></div>
+                </div>
+                <div class="row">
+                    <div class="col-md-4"><a class="case-card-link" href="classiccase/anhui_port_hefei.html"><div class="case-card"><div class="case-card-header cyan"><h3>安徽港口集团合肥有限公司</h3></div><div class="case-card-body"><p>安徽港口集团合肥有限公司统筹管理南淝河港区、巢湖港区与派河港区，拥有生产性泊位25个、岸线2695.7米，年设计吞吐能力达集装箱90万标箱、件杂货700万吨、滚装商品汽车10万辆。</p></div></div></a></div>
+                    <div class="col-md-4"><a class="case-card-link" href="classiccase/qiaoyi_logistics.html"><div class="case-card"><div class="case-card-header indigo"><h3>侨益物流股份有限公司</h3></div><div class="case-card-body"><p>侨益物流股份有限公司系新三板挂牌企业，专注大宗农产品全链条物流解决方案。</p></div></div></a></div>
+                    <div class="col-md-4"><a class="case-card-link" href="classiccase/hede_international_shipping.html"><div class="case-card"><div class="case-card-header teal"><h3>合德国际航运有限公司</h3></div><div class="case-card-body"><p>唐山港合德海运有限公司是河北港口集团唐港集团旗下内外贸兼营的集装箱航运企业，注册资本 18.5 亿元。</p></div></div></a></div>
+                </div>
+                <div class="row">
+                    <div class="col-md-4"><a class="case-card-link" href="classiccase/tianjin_zhongyun_shipping.html"><div class="case-card"><div class="case-card-header green"><h3>天津中运海运集团有限公司</h3></div><div class="case-card-body"><p>天津中运海运集团有限公司（中运集团）成立于2012年，注册资金叁仟万元，总部设于天津滨海经济开发区。</p></div></div></a></div>
+                    <div class="col-md-4"><a class="case-card-link" href="classiccase/smart_wuzhou_port.html"><div class="case-card"><div class="case-card-header blue"><h3>梧州市港务发展集团有限公司</h3></div><div class="case-card-body"><p>梧州市港务发展集团系市直属国有独资企业，2022年3月10日注册成立，注册资本10亿元。</p></div></div></a></div>
+                    <div class="col-md-4"><a class="case-card-link" href="classiccase/yantai_hanitek_container.html"><div class="case-card"><div class="case-card-header cyan"><h3>烟台哈尼泰克集装箱租赁有限公司</h3></div><div class="case-card-body"><p>烟台哈尼泰克集装箱租赁有限公司成立于2017年，是烟台片区专注集装箱租赁服务的小微企业。</p></div></div></a></div>
+                </div>
+                <div class="row">
+                    <div class="col-md-4"><a class="case-card-link" href="classiccase/hengtong_logistics.html"><div class="case-card"><div class="case-card-header indigo"><h3>恒通物流股份有限公司</h3></div><div class="case-card-body"><p>恒通物流股份有限公司成立于 2005 年，注册资本 5.8 亿元，是国内领先的综合物流服务商，聚焦公路干线运输、多式联运、冷链物流及仓储配送核心业务。</p></div></div></a></div>
+                    <div class="col-md-4"><a class="case-card-link" href="classiccase/huanghua_vehicle_analysis.html"><div class="case-card"><div class="case-card-header teal"><h3>黄骅港</h3></div><div class="case-card-body"><p>黄骅港是我国 "西煤东运、北煤南运" 核心枢纽港口，货物吞吐量连续五年超 3 亿吨，年疏港车辆通行量突破 120 万辆次，涵盖煤炭、矿石等大宗货物运输，集疏运网络辐射华北、西北多省区。</p></div></div></a></div>
+                </div>
+            </div>
+        </section>
+
         <!-- start site-footer -->
         <!-- start site-footer -->
         <div id="footer"></div>

product_full_logistics_chain_ship_agent.html

@@ -151,6 +151,33 @@
         </section>
 
 
+        <section class="cases-section" id="cases">
+            <div class="container">
+                <div class="row">
+                    <div class="product-advantages-header">
+                        <div>
+                            <h1 class="product-advantages-title">客户案例</h1>
+                            <p>真实项目已经落地，产品价值看得见</p>
+                        </div>
+                    </div>
+                </div>
+
+                <div class="row">
+                    <div class="col-md-4"><a class="case-card-link" href="classiccase/rizhao_huahai_shipping.html"><div class="case-card"><div class="case-card-header blue"><h3>日照华海国际船舶代理有限公司</h3></div><div class="case-card-body"><p>华海集团创立于2003年，主营船舶代理、货物代理、国际远洋及国内沿海运输、租船订舱、铁路代理、汽车运输、筛分混配加工。</p></div></div></a></div>
+                    <div class="col-md-4"><a class="case-card-link" href="classiccase/shanghai_hanghua_ship_agent.html"><div class="case-card"><div class="case-card-header cyan"><h3>上海航华国际船务代理有限公司</h3></div><div class="case-card-body"><p>上海航华国际船务代理有限公司，2000年4月成立的国有控股国际船舶代理企业，由上海国际港务（集团）股份有限公司、上海航运交易所共同投资组建。</p></div></div></a></div>
+                    <div class="col-md-4"><a class="case-card-link" href="classiccase/shanghai_penghua_platform.html"><div class="case-card"><div class="case-card-header indigo"><h3>上海鹏华船务有限公司</h3></div><div class="case-card-body"><p>上海鹏华船务有限公司，2004年成立的中国首家公共船舶代理合资企业，致力于为全球客户提供全方位、高效率国际船舶代理服务。</p></div></div></a></div>
+                </div>
+                <div class="row">
+                    <div class="col-md-4"><a class="case-card-link" href="classiccase/shanghai_xinhai_freight.html"><div class="case-card"><div class="case-card-header teal"><h3>上海新海国际船舶代理有限公司</h3></div><div class="case-card-body"><p>上海新海国际船舶代理有限公司，1993年3月29日成立于上海，专注提供全方位国际船舶代理服务。</p></div></div></a></div>
+                    <div class="col-md-4"><a class="case-card-link" href="classiccase/shanggang_liandai_integration.html"><div class="case-card"><div class="case-card-header green"><h3>上海上港联合国际船舶代理有限公司</h3></div><div class="case-card-body"><p>上海上港联合国际船舶代理有限公司1994年成立，系上海国际港务（集团）股份有限公司全资子公司，上海港主要国际船舶代理服务企业之一。</p></div></div></a></div>
+                    <div class="col-md-4"><a class="case-card-link" href="classiccase/shanghai_port_coastal_system.html"><div class="case-card"><div class="case-card-header blue"><h3>上海港船务代理有限公司</h3></div><div class="case-card-body"><p>上海港船务代理有限公司1993年8月2日成立，植根上海并深度依托国际航运中心优势，专注水上运输领域的专业船舶代理服务。</p></div></div></a></div>
+                </div>
+                <div class="row">
+                    <div class="col-md-4"><a class="case-card-link" href="classiccase/lianyungang_china_korea_ferry.html"><div class="case-card"><div class="case-card-header cyan"><h3>连云港中韩轮渡有限公司</h3></div><div class="case-card-body"><p>连云港中韩轮渡有限公司，位于新亚欧大陆桥东桥头堡——连云港东端，独家经营连云港至仁川、平泽客货班轮航线，系江苏省唯一客货班轮航线。</p></div></div></a></div>
+                </div>
+            </div>
+        </section>
+
         <!-- start site-footer -->
         <!-- start site-footer -->
         <div id="footer"></div>

product_full_logistics_chain_vehicle_transport.html

@@ -106,11 +106,11 @@
                     <li role="presentation"><button class="feature-highlight-tab" type="button" role="tab" aria-selected="false" aria-controls="feature-panel-5" data-target="#feature-panel-5">异常快速处理</button></li>
                 </ul>
                 <div class="feature-highlight-panels">
-                    <div id="feature-panel-1" class="feature-highlight-panel active" role="tabpanel"><div class="feature-highlight-detail"><div class="feature-highlight-copy"><h2>智能规划路线：避开拥堵，少烧油</h2><p>系统基于 GIS、实时交通与车辆约束条件自动生成建议路线，降低调度经验依赖。</p><ul class="feature-highlight-points"><li>避开拥堵路段，减少绕路与油耗。</li><li>综合载重与司机资质，推荐更匹配车辆。</li><li>让调度从经验驱动转向数据驱动。</li></ul></div><div class="feature-highlight-visual"><div class="feature-highlight-visual-card"><img src="assets/images/product/cheliangyunshu/zhinengluxianguihua.png" alt="智能路线规划"></div></div></div></div>
+                    <div id="feature-panel-1" class="feature-highlight-panel active" role="tabpanel"><div class="feature-highlight-detail"><div class="feature-highlight-copy"><h2>智能路线规划，省油高效通行</h2><p>系统基于 GIS、实时交通与车辆约束条件自动生成建议路线，降低调度经验依赖。</p><ul class="feature-highlight-points"><li>避开拥堵路段，减少绕路与油耗。</li><li>综合载重与司机资质，推荐更匹配车辆。</li><li>让调度从经验驱动转向数据驱动。</li></ul></div><div class="feature-highlight-visual"><div class="feature-highlight-visual-card"><img src="assets/images/product/cheliangyunshu/zhinengluxianguihua.png" alt="智能路线规划"></div></div></div></div>
-                    <div id="feature-panel-2" class="feature-highlight-panel" role="tabpanel"><div class="feature-highlight-detail"><div class="feature-highlight-copy"><h2>运输全程可视：货在哪，一眼看到</h2><p>通过 GPS、闸口信息和视频监控，实现车辆位置与货物状态实时可见。</p><ul class="feature-highlight-points"><li>货主可微信查位置信息，减少电话查询。</li><li>异常停留自动预警，调度及时跟进。</li><li>温控异常自动报警，降低货损风险。</li></ul></div><div class="feature-highlight-visual"><div class="feature-highlight-visual-card"><img src="assets/images/product/cheliangyunshu/yunshushijiankeshihua.png" alt="运输全程可视"></div></div></div></div>
+                    <div id="feature-panel-2" class="feature-highlight-panel" role="tabpanel"><div class="feature-highlight-detail"><div class="feature-highlight-copy"><h2>运输全程可视，货物状态一目了然</h2><p>通过 GPS、闸口信息和视频监控，实现车辆位置与货物状态实时可见。</p><ul class="feature-highlight-points"><li>货主可微信查位置信息，减少电话查询。</li><li>异常停留自动预警，调度及时跟进。</li><li>温控异常自动报警，降低货损风险。</li></ul></div><div class="feature-highlight-visual"><div class="feature-highlight-visual-card"><img src="assets/images/product/cheliangyunshu/yunshushijiankeshihua.png" alt="运输全程可视"></div></div></div></div>
-                    <div id="feature-panel-3" class="feature-highlight-panel" role="tabpanel"><div class="feature-highlight-detail"><div class="feature-highlight-copy"><h2>成本精细核算：每笔钱都有数</h2><p>覆盖运费、油费、过路费、停车费等成本项，支持多维计费规则自动核算。</p><ul class="feature-highlight-points"><li>每趟运输成本自动归集，利润更透明。</li><li>不同线路与车型成本可横向对比。</li><li>承运商对账有据可依，减少争议。</li></ul></div><div class="feature-highlight-visual"><div class="feature-highlight-visual-card"><img src="assets/images/product/cheliangyunshu/chengbenjingxihesuan.png" alt="成本精细核算"></div></div></div></div>
+                    <div id="feature-panel-3" class="feature-highlight-panel" role="tabpanel"><div class="feature-highlight-detail"><div class="feature-highlight-copy"><h2>成本精细核算，收支一目了然</h2><p>覆盖运费、油费、过路费、停车费等成本项，支持多维计费规则自动核算。</p><ul class="feature-highlight-points"><li>每趟运输成本自动归集，利润更透明。</li><li>不同线路与车型成本可横向对比。</li><li>承运商对账有据可依，减少争议。</li></ul></div><div class="feature-highlight-visual"><div class="feature-highlight-visual-card"><img src="assets/images/product/cheliangyunshu/chengbenjingxihesuan.png" alt="成本精细核算"></div></div></div></div>
-                    <div id="feature-panel-4" class="feature-highlight-panel" role="tabpanel"><div class="feature-highlight-detail"><div class="feature-highlight-copy"><h2>费用自动结算：对账不熬夜</h2><p>系统按费率自动计算费用并生成对账单与报表，缩短结算周期。</p><ul class="feature-highlight-points"><li>司机运费自动计算，减少逐笔核对。</li><li>客户对账单一键生成，缩短对账周期。</li><li>财务自动获取报表，减轻月底压力。</li></ul></div><div class="feature-highlight-visual"><div class="feature-highlight-visual-card"><img src="assets/images/product/cheliangyunshu/feiyongzidongjiesuan.png" alt="费用自动结算"></div></div></div></div>
+                    <div id="feature-panel-4" class="feature-highlight-panel" role="tabpanel"><div class="feature-highlight-detail"><div class="feature-highlight-copy"><h2>费用自动结算，对账高效省心</h2><p>系统按费率自动计算费用并生成对账单与报表，缩短结算周期。</p><ul class="feature-highlight-points"><li>司机运费自动计算，减少逐笔核对。</li><li>客户对账单一键生成，缩短对账周期。</li><li>财务自动获取报表，减轻月底压力。</li></ul></div><div class="feature-highlight-visual"><div class="feature-highlight-visual-card"><img src="assets/images/product/cheliangyunshu/feiyongzidongjiesuan.png" alt="费用自动结算"></div></div></div></div>
-                    <div id="feature-panel-5" class="feature-highlight-panel" role="tabpanel"><div class="feature-highlight-detail"><div class="feature-highlight-copy"><h2>异常快速处理：出事不慌乱</h2><p>系统持续监控车辆状态并输出应急建议，帮助调度及时干预异常。</p><ul class="feature-highlight-points"><li>异常停留自动报警，第一时间介入。</li><li>突发事故时自动推荐备选路线或调配车辆。</li><li>货损信息及时通知，抑制损失扩大。</li></ul></div><div class="feature-highlight-visual"><div class="feature-highlight-visual-card"><img src="assets/images/product/cheliangyunshu/yichangkuaisuchuli.png" alt="异常快速处理"></div></div></div></div>
+                    <div id="feature-panel-5" class="feature-highlight-panel" role="tabpanel"><div class="feature-highlight-detail"><div class="feature-highlight-copy"><h2>异常快速处理，调度及时可控</h2><p>系统持续监控车辆状态并输出应急建议，帮助调度及时干预异常。</p><ul class="feature-highlight-points"><li>异常停留自动报警，第一时间介入。</li><li>突发事故时自动推荐备选路线或调配车辆。</li><li>货损信息及时通知，抑制损失扩大。</li></ul></div><div class="feature-highlight-visual"><div class="feature-highlight-visual-card"><img src="assets/images/product/cheliangyunshu/yichangkuaisuchuli.png" alt="异常快速处理"></div></div></div></div>
                 </div>
             </div>
         </section>
@@ -148,6 +148,33 @@
         </section>
 
 
+        <section class="cases-section" id="cases">
+            <div class="container">
+                <div class="row">
+                    <div class="product-advantages-header">
+                        <div>
+                            <h1 class="product-advantages-title">客户案例</h1>
+                            <p>真实项目已经落地，产品价值看得见</p>
+                        </div>
+                    </div>
+                </div>
+
+                <div class="row">
+                    <div class="col-md-4"><a class="case-card-link" href="classiccase/tangshan_haitong_shipping.html"><div class="case-card"><div class="case-card-header blue"><h3>唐山海港海通海运代理有限公司</h3></div><div class="case-card-body"><p>唐山海港海通海运代理有限公司，2002年6月成立于唐山海港开发区，深耕海运代理领域二十余载。</p></div></div></a></div>
+                    <div class="col-md-4"><a class="case-card-link" href="classiccase/zhujiang_shipping.html"><div class="case-card"><div class="case-card-header cyan"><h3>珠江船务企业（集团）有限公司</h3></div><div class="case-card-body"><p>应珠江船务对现有码头区域平台化经营管理的尝试，暴露出平台内各码头的拖车缺乏信息系统支撑集中监控、集中调配的问题，无法支撑各码头拖车使用情况的动态共享，无法有效地做到智能化的资源调度分配。</p></div></div></a></div>
+                    <div class="col-md-4"><a class="case-card-link" href="classiccase/rizhao_hongyuan_logistics.html"><div class="case-card"><div class="case-card-header indigo"><h3>日照泓源物流有限公司</h3></div><div class="case-card-body"><p>日照泓源物流有限公司创立于2009年，专注中国内贸集装箱物流运输领域，是以沿海集装箱航运、陆地集卡运输及综合物流服务为核心的大型综合性物流企业。</p></div></div></a></div>
+                </div>
+                <div class="row">
+                    <div class="col-md-4"><a class="case-card-link" href="classiccase/anhui_port_hefei.html"><div class="case-card"><div class="case-card-header teal"><h3>安徽港口集团合肥有限公司</h3></div><div class="case-card-body"><p>安徽港口集团合肥有限公司统筹管理南淝河港区、巢湖港区与派河港区，拥有生产性泊位25个、岸线2695.7米，年设计吞吐能力达集装箱90万标箱、件杂货700万吨、滚装商品汽车10万辆。</p></div></div></a></div>
+                    <div class="col-md-4"><a class="case-card-link" href="classiccase/smart_wuzhou_port.html"><div class="case-card"><div class="case-card-header green"><h3>梧州市港务发展集团有限公司</h3></div><div class="case-card-body"><p>梧州市港务发展集团系市直属国有独资企业，2022年3月10日注册成立，注册资本10亿元。</p></div></div></a></div>
+                    <div class="col-md-4"><a class="case-card-link" href="classiccase/hengtong_logistics.html"><div class="case-card"><div class="case-card-header blue"><h3>恒通物流股份有限公司</h3></div><div class="case-card-body"><p>恒通物流股份有限公司成立于 2005 年，注册资本 5.8 亿元，是国内领先的综合物流服务商，聚焦公路干线运输、多式联运、冷链物流及仓储配送核心业务。</p></div></div></a></div>
+                </div>
+                <div class="row">
+                    <div class="col-md-4"><a class="case-card-link" href="classiccase/huanghua_vehicle_analysis.html"><div class="case-card"><div class="case-card-header cyan"><h3>黄骅港</h3></div><div class="case-card-body"><p>黄骅港是我国 "西煤东运、北煤南运" 核心枢纽港口，货物吞吐量连续五年超 3 亿吨，年疏港车辆通行量突破 120 万辆次，涵盖煤炭、矿石等大宗货物运输，集疏运网络辐射华北、西北多省区。</p></div></div></a></div>
+                </div>
+            </div>
+        </section>
+
         <!-- start site-footer -->
         <!-- start site-footer -->
         <div id="footer"></div>

product_full_logistics_chain_warehouse.html

@@ -105,10 +105,10 @@
                     <li role="presentation"><button class="feature-highlight-tab" type="button" role="tab" aria-selected="false" aria-controls="feature-panel-4" data-target="#feature-panel-4">数据驱动决策</button></li>
                 </ul>
                 <div class="feature-highlight-panels">
-                    <div id="feature-panel-1" class="feature-highlight-panel active" role="tabpanel"><div class="feature-highlight-detail"><div class="feature-highlight-copy"><h2>库存实时追踪：库存准，不扯皮</h2><p>系统实时采集库存数据并自动更新，降低账实不符风险，提升库存透明度。</p><ul class="feature-highlight-points"><li>扫码出入库后库存自动更新，减少手工台账。</li><li>效期与批次自动管理，支持先到期先出。</li><li>低于安全库存自动预警，提前触发补货。</li></ul></div><div class="feature-highlight-visual"><div class="feature-highlight-visual-card"><img src="assets/images/product/cangchu/kucunshishizhuizong.png" alt="库存实时追踪"></div></div></div></div>
+                    <div id="feature-panel-1" class="feature-highlight-panel active" role="tabpanel"><div class="feature-highlight-detail"><div class="feature-highlight-copy"><h2>库存精准透明，账实一致无争议</h2><p>系统实时采集库存数据并自动更新，降低账实不符风险，提升库存透明度。</p><ul class="feature-highlight-points"><li>扫码出入库后库存自动更新，减少手工台账。</li><li>效期与批次自动管理，支持先到期先出。</li><li>低于安全库存自动预警，提前触发补货。</li></ul></div><div class="feature-highlight-visual"><div class="feature-highlight-visual-card"><img src="assets/images/product/cangchu/kucunshishizhuizong.png" alt="库存实时追踪"></div></div></div></div>
-                    <div id="feature-panel-2" class="feature-highlight-panel" role="tabpanel"><div class="feature-highlight-detail"><div class="feature-highlight-copy"><h2>智能货位布局：好找好拿，少走路</h2><p>根据批次、销量、货品属性等因素推荐货位，提高拣货效率并降低体力消耗。</p><ul class="feature-highlight-points"><li>高频货优先分配至近出入口区域。</li><li>同类商品集中存放，减少跨区查找。</li><li>大件低位、小件高位，提升作业安全性。</li></ul></div><div class="feature-highlight-visual"><div class="feature-highlight-visual-card"><img src="assets/images/product/cangchu/zhinenghuoweibuju.png" alt="智能货位布局"></div></div></div></div>
+                    <div id="feature-panel-2" class="feature-highlight-panel" role="tabpanel"><div class="feature-highlight-detail"><div class="feature-highlight-copy"><h2>货位智能优化，拣货高效省力</h2><p>根据批次、销量、货品属性等因素推荐货位，提高拣货效率并降低体力消耗。</p><ul class="feature-highlight-points"><li>高频货优先分配至近出入口区域。</li><li>同类商品集中存放，减少跨区查找。</li><li>大件低位、小件高位，提升作业安全性。</li></ul></div><div class="feature-highlight-visual"><div class="feature-highlight-visual-card"><img src="assets/images/product/cangchu/zhinenghuoweibuju.png" alt="智能货位布局"></div></div></div></div>
-                    <div id="feature-panel-3" class="feature-highlight-panel" role="tabpanel"><div class="feature-highlight-detail"><div class="feature-highlight-copy"><h2>作业自动化：手机扫码，不用纸单</h2><p>通过移动端接收任务并扫码执行入库、出库、移库，减少纸质单据流转。</p><ul class="feature-highlight-points"><li>作业任务实时推送到手持端。</li><li>系统自动生成拣货路径，降低无效行走。</li><li>作业数据实时同步，减少人工传递延迟。</li></ul></div><div class="feature-highlight-visual"><div class="feature-highlight-visual-card"><img src="assets/images/product/cangchu/zuoyezidonghua.png" alt="作业自动化"></div></div></div></div>
+                    <div id="feature-panel-3" class="feature-highlight-panel" role="tabpanel"><div class="feature-highlight-detail"><div class="feature-highlight-copy"><h2>扫码作业无纸化，流程更高效</h2><p>通过移动端接收任务并扫码执行入库、出库、移库，减少纸质单据流转。</p><ul class="feature-highlight-points"><li>作业任务实时推送到手持端。</li><li>系统自动生成拣货路径，降低无效行走。</li><li>作业数据实时同步，减少人工传递延迟。</li></ul></div><div class="feature-highlight-visual"><div class="feature-highlight-visual-card"><img src="assets/images/product/cangchu/zuoyezidonghua.png" alt="作业自动化"></div></div></div></div>
-                    <div id="feature-panel-4" class="feature-highlight-panel" role="tabpanel"><div class="feature-highlight-detail"><div class="feature-highlight-copy"><h2>数据驱动决策：库存多少，一眼看清</h2><p>提供库存、订单、效率等实时报表，帮助管理层进行采购与运营决策。</p><ul class="feature-highlight-points"><li>库存、出入库进度、设备状态可实时查看。</li><li>畅销与滞销品分析支撑采购计划优化。</li><li>作业效率数据可量化评估团队执行表现。</li></ul></div><div class="feature-highlight-visual"><div class="feature-highlight-visual-card"><img src="assets/images/product/cangchu/shujuqudongjuece.png" alt="数据驱动决策"></div></div></div></div>
+                    <div id="feature-panel-4" class="feature-highlight-panel" role="tabpanel"><div class="feature-highlight-detail"><div class="feature-highlight-copy"><h2>数据支撑决策，运营一目了然</h2><p>提供库存、订单、效率等实时报表，帮助管理层进行采购与运营决策。</p><ul class="feature-highlight-points"><li>库存、出入库进度、设备状态可实时查看。</li><li>畅销与滞销品分析支撑采购计划优化。</li><li>作业效率数据可量化评估团队执行表现。</li></ul></div><div class="feature-highlight-visual"><div class="feature-highlight-visual-card"><img src="assets/images/product/cangchu/shujuqudongjuece.png" alt="数据驱动决策"></div></div></div></div>
                 </div>
             </div>
         </section>
@@ -146,6 +146,24 @@
         </section>
 
 
+        <section class="cases-section" id="cases">
+            <div class="container">
+                <div class="row">
+                    <div class="product-advantages-header">
+                        <div>
+                            <h1 class="product-advantages-title">客户案例</h1>
+                            <p>真实项目已经落地，产品价值看得见</p>
+                        </div>
+                    </div>
+                </div>
+
+                <div class="row">
+                    <div class="col-md-4"><a class="case-card-link" href="classiccase/guangzhou_anzhida_logistics.html"><div class="case-card"><div class="case-card-header blue"><h3>广州安之达物流有限公司</h3></div><div class="case-card-body"><p>广州市安之达物流有限公司成立于2001年,是一家以综合物流服务和危险货物操作为品牌的专业物流公司。</p></div></div></a></div>
+                    <div class="col-md-4"><a class="case-card-link" href="classiccase/qiaoyi_logistics.html"><div class="case-card"><div class="case-card-header cyan"><h3>侨益物流股份有限公司</h3></div><div class="case-card-body"><p>侨益物流股份有限公司系新三板挂牌企业，专注大宗农产品全链条物流解决方案。</p></div></div></a></div>
+                </div>
+            </div>
+        </section>
+
         <!-- start site-footer -->
         <!-- start site-footer -->
         <div id="footer"></div>

product_port.html

@@ -108,6 +108,13 @@
                                     <p>系统通过图形化操作界面与智能算法平台，实现自动计划排产、实时作业监控、自动船舶配载及智能机械调度。</p>
                                 </div>
                             </a>
+                            <a href="product_port_cloud_yard.html" class="product-card">
+                                <div class="card-img"><img src="assets/images/pro/pro-7.webp" alt=""></div>
+                                <div class="card-content">
+                                    <div class="card-header"><h4>岸基云场站智能操作系统</h4></div>
+                                    <p>面向集装箱场站、散杂货场站、内陆港和海铁联运场站，覆盖堆存、闸口、计费、调度、查验与集团化统一管理。</p>
+                                </div>
+                            </a>
                         </div>
                     </div>
                 </div> <!-- end row -->

product_port_cdi.html

@@ -98,7 +98,7 @@
                 </div>
                 <ul class="feature-highlight-tabs" role="tablist">
                     <li role="presentation">
-                        <button class="feature-highlight-tab active" type="button" role="tab" aria-selected="true" aria-controls="feature-panel-1" data-target="#feature-panel-1">智能堆场优化</button>
+                        <button class="feature-highlight-tab active" type="button" role="tab" aria-selected="true" aria-controls="feature-panel-1" data-target="#feature-panel-1">智能堆场</button>
                     </li>
                     <li role="presentation">
                         <button class="feature-highlight-tab" type="button" role="tab" aria-selected="false" aria-controls="feature-panel-2" data-target="#feature-panel-2">全自动堆场计划</button>
@@ -107,23 +107,23 @@
                         <button class="feature-highlight-tab" type="button" role="tab" aria-selected="false" aria-controls="feature-panel-3" data-target="#feature-panel-3">智能船舶配载</button>
                     </li>
                     <li role="presentation">
-                        <button class="feature-highlight-tab" type="button" role="tab" aria-selected="false" aria-controls="feature-panel-4" data-target="#feature-panel-4">堆场全景可视化</button>
+                        <button class="feature-highlight-tab" type="button" role="tab" aria-selected="false" aria-controls="feature-panel-4" data-target="#feature-panel-4">堆场全景可视</button>
                     </li>
                     <li role="presentation">
-                        <button class="feature-highlight-tab" type="button" role="tab" aria-selected="false" aria-controls="feature-panel-5" data-target="#feature-panel-5">多路作业智能均衡</button>
+                        <button class="feature-highlight-tab" type="button" role="tab" aria-selected="false" aria-controls="feature-panel-5" data-target="#feature-panel-5">作业智能均衡</button>
                     </li>
                     <li role="presentation">
-                        <button class="feature-highlight-tab" type="button" role="tab" aria-selected="false" aria-controls="feature-panel-6" data-target="#feature-panel-6">无人值守自动化闸口</button>
+                        <button class="feature-highlight-tab" type="button" role="tab" aria-selected="false" aria-controls="feature-panel-6" data-target="#feature-panel-6">闸口无人值守</button>
                     </li>
                     <li role="presentation">
-                        <button class="feature-highlight-tab" type="button" role="tab" aria-selected="false" aria-controls="feature-panel-7" data-target="#feature-panel-7">查验作业全流程可视</button>
+                        <button class="feature-highlight-tab" type="button" role="tab" aria-selected="false" aria-controls="feature-panel-7" data-target="#feature-panel-7">查验全程可视</button>
                     </li>
                 </ul>
                 <div class="feature-highlight-panels">
                     <div id="feature-panel-1" class="feature-highlight-panel active" role="tabpanel">
                         <div class="feature-highlight-detail">
                             <div class="feature-highlight-copy">
-                                <h2>智能堆场优化：降低翻倒与场地压力</h2>
+                                <h2>堆场智能优化，降翻倒提效率</h2>
                                 <p>通过图形界面与数学算法优化堆码密度，把“经验驱动”升级为“系统驱动”的堆场策划与执行机制。</p>
                                 <ul class="feature-highlight-points">
                                     <li>同等堆场面积容纳更多箱量，提升场地利用率。</li>
@@ -141,7 +141,7 @@
                     <div id="feature-panel-2" class="feature-highlight-panel" role="tabpanel">
                         <div class="feature-highlight-detail">
                             <div class="feature-highlight-copy">
-                                <h2>全自动堆场计划：系统自动派位</h2>
+                                <h2>智能自动派位，堆场最优调度</h2>
                                 <p>基于参数化算法自动分配箱位，综合堆场状态、作业量、机械负荷与后续作业顺序实现动态最优。</p>
                                 <ul class="feature-highlight-points">
                                     <li>新箱进场自动派位，减少人工找位与沟通环节。</li>
@@ -159,7 +159,7 @@
                     <div id="feature-panel-3" class="feature-highlight-panel" role="tabpanel">
                         <div class="feature-highlight-detail">
                             <div class="feature-highlight-copy">
-                                <h2>智能船舶配载：自动生成高质量方案</h2>
+                                <h2>智能船舶配载，方案自动优配</h2>
                                 <p>支持手工与EDI预配，结合规则引擎和专家知识库自动生成配载队列，并对方案进行持续优化。</p>
                                 <ul class="feature-highlight-points">
                                     <li>减少人工逐箱排配工作量，提升计划产出速度。</li>
@@ -177,7 +177,7 @@
                     <div id="feature-panel-4" class="feature-highlight-panel" role="tabpanel">
                         <div class="feature-highlight-detail">
                             <div class="feature-highlight-copy">
-                                <h2>堆场全景可视化：作业状态一屏感知</h2>
+                                <h2>堆场全景可视，作业一屏掌控</h2>
                                 <p>基于BS图形化界面实时展示整船进度、机械位置与箱位分布，建立可监控、可追踪、可回溯的现场视图。</p>
                                 <ul class="feature-highlight-points">
                                     <li>整船作业进度实时可见，调度节奏更可控。</li>
@@ -195,7 +195,7 @@
                     <div id="feature-panel-5" class="feature-highlight-panel" role="tabpanel">
                         <div class="feature-highlight-detail">
                             <div class="feature-highlight-copy">
-                                <h2>多路作业智能均衡：提升整体吞吐效率</h2>
+                                <h2>多路作业均衡，提升吞吐效率</h2>
                                 <p>系统按堆场策划自动分配闸口进箱与卸船位置，结合设备分布和作业负载做动态均衡，减少资源偏载。</p>
                                 <ul class="feature-highlight-points">
                                     <li>进箱与卸船任务自动分流，降低人工调度压力。</li>
@@ -213,7 +213,7 @@
                     <div id="feature-panel-6" class="feature-highlight-panel" role="tabpanel">
                         <div class="feature-highlight-detail">
                             <div class="feature-highlight-copy">
-                                <h2>无人值守自动化闸口：压缩车辆通行时间</h2>
+                                <h2>无人值守闸口，提速通行效率</h2>
                                 <p>通过智能硬件自动采集闸口数据并下发作业指令，减少人工录入与人工放行，实现高峰期稳定通行。</p>
                                 <ul class="feature-highlight-points">
                                     <li>车辆入场自动识别放行，减少停车登记环节。</li>
@@ -231,7 +231,7 @@
                     <div id="feature-panel-7" class="feature-highlight-panel" role="tabpanel">
                         <div class="feature-highlight-detail">
                             <div class="feature-highlight-copy">
-                                <h2>查验作业全流程可视：协同效率持续提升</h2>
+                                <h2>查验全程可视，协同高效无阻碍</h2>
                                 <p>图形化呈现机查/人查排队队列、作业区状态与实时进度，并通过EDI对接海关查验指令和结果，打通现场执行链路。</p>
                                 <ul class="feature-highlight-points">
                                     <li>查验排队与作业进度实时可见，现场组织更高效。</li>
@@ -337,6 +337,46 @@
             </div> <!-- end container -->
         </section>
 
+        <section class="cases-section" id="cases">
+            <div class="container">
+                <div class="row">
+                    <div class="product-advantages-header">
+                        <div>
+                            <h1 class="product-advantages-title">客户案例</h1>
+                            <p>真实项目已经落地，产品价值看得见</p>
+                        </div>
+                    </div>
+                </div>
+
+                <div class="row">
+                    <div class="col-md-4">
+                        <a class="case-card-link" href="classiccase/fangchenggang_railway_container.html">
+                            <div class="case-card">
+                                <div class="case-card-header blue">
+                                    <h3>北部湾港防城港码头有限公司</h3>
+                                </div>
+                                <div class="case-card-body">
+                                    <p>北部湾港防城港码头有限公司是广西北部湾国际港务集团有限公司旗下核心企业，主要从事集装箱、散货的装卸、仓储、运输等业务。</p>
+                                </div>
+                            </div>
+                        </a>
+                    </div>
+                    <div class="col-md-4">
+                        <a class="case-card-link" href="classiccase/mobile_machinery_dispatch.html">
+                            <div class="case-card">
+                                <div class="case-card-header cyan">
+                                    <h3>秦皇岛港股份有限公司流动机械分公司</h3>
+                                </div>
+                                <div class="case-card-body">
+                                    <p>秦皇岛港股份有限公司流动机械分公司是秦皇岛港股份有限公司旗下的重要作业单位，主要负责港区内流动机械的统一调度、运营维护与管理工作。</p>
+                                </div>
+                            </div>
+                        </a>
+                    </div>
+                </div>
+            </div>
+        </section>
+
         <!-- start site-footer -->
         <!-- start site-footer -->
         <div id="footer"></div>

product_port_cdi_bulk.html

@@ -98,13 +98,13 @@
                 </div>
                 <ul class="feature-highlight-tabs" role="tablist">
                     <li role="presentation">
-                        <button class="feature-highlight-tab active" type="button" role="tab" aria-selected="true" aria-controls="feature-panel-1" data-target="#feature-panel-1">智能闸口与自动识别</button>
+                        <button class="feature-highlight-tab active" type="button" role="tab" aria-selected="true" aria-controls="feature-panel-1" data-target="#feature-panel-1">智能闸口识别</button>
                     </li>
                     <li role="presentation">
-                        <button class="feature-highlight-tab" type="button" role="tab" aria-selected="false" aria-controls="feature-panel-2" data-target="#feature-panel-2">货物实时定位与追踪</button>
+                        <button class="feature-highlight-tab" type="button" role="tab" aria-selected="false" aria-controls="feature-panel-2" data-target="#feature-panel-2">货物实时追踪</button>
                     </li>
                     <li role="presentation">
-                        <button class="feature-highlight-tab" type="button" role="tab" aria-selected="false" aria-controls="feature-panel-3" data-target="#feature-panel-3">业财一体化管理</button>
+                        <button class="feature-highlight-tab" type="button" role="tab" aria-selected="false" aria-controls="feature-panel-3" data-target="#feature-panel-3">业财一体管理</button>
                     </li>
                     <li role="presentation">
                         <button class="feature-highlight-tab" type="button" role="tab" aria-selected="false" aria-controls="feature-panel-4" data-target="#feature-panel-4">多码头统一管控</button>
@@ -113,7 +113,7 @@
                         <button class="feature-highlight-tab" type="button" role="tab" aria-selected="false" aria-controls="feature-panel-5" data-target="#feature-panel-5">BS架构便捷使用</button>
                     </li>
                     <li role="presentation">
-                        <button class="feature-highlight-tab" type="button" role="tab" aria-selected="false" aria-controls="feature-panel-6" data-target="#feature-panel-6">国际化多语言支持</button>
+                        <button class="feature-highlight-tab" type="button" role="tab" aria-selected="false" aria-controls="feature-panel-6" data-target="#feature-panel-6">多语言支持</button>
                     </li>
                     <li role="presentation">
                         <button class="feature-highlight-tab" type="button" role="tab" aria-selected="false" aria-controls="feature-panel-7" data-target="#feature-panel-7">上下游系统对接</button>
@@ -123,7 +123,7 @@
                     <div id="feature-panel-1" class="feature-highlight-panel active" role="tabpanel">
                         <div class="feature-highlight-detail">
                             <div class="feature-highlight-copy">
-                                <h2>智能闸口与自动识别：车辆高效通行</h2>
+                                <h2>闸口自动识别，车辆高效通行</h2>
                                 <p>运用OCR、RFID等技术自动识别车辆与单证信息，将人工登记为主的闸口流程升级为自动采集与自动放行。</p>
                                 <ul class="feature-highlight-points">
                                     <li>车牌自动识别快速通行，无需停车重复登记。</li>
@@ -141,7 +141,7 @@
                     <div id="feature-panel-2" class="feature-highlight-panel" role="tabpanel">
                         <div class="feature-highlight-detail">
                             <div class="feature-highlight-copy">
-                                <h2>货物实时定位与追踪：全过程状态透明</h2>
+                                <h2>货物全程追踪定位，状态透明</h2>
                                 <p>通过GPS差分定位与移动终端采集，实时追踪货物位置、作业状态与异常变化，提升现场协同准确性。</p>
                                 <ul class="feature-highlight-points">
                                     <li>货物堆存位置实时可查，理货与找货效率更高。</li>
@@ -159,7 +159,7 @@
                     <div id="feature-panel-3" class="feature-highlight-panel" role="tabpanel">
                         <div class="feature-highlight-detail">
                             <div class="feature-highlight-copy">
-                                <h2>业财一体化管理：结算链路更顺畅</h2>
+                                <h2>业财一体，结算更顺畅</h2>
                                 <p>打通业务作业与财务计费流程，实现费用自动归集、账单自动生成和对账闭环，提升经营数据一致性。</p>
                                 <ul class="feature-highlight-points">
                                     <li>靠港费用自动计算，减少逐笔手工核算工作。</li>
@@ -177,7 +177,7 @@
                     <div id="feature-panel-4" class="feature-highlight-panel" role="tabpanel">
                         <div class="feature-highlight-detail">
                             <div class="feature-highlight-copy">
-                                <h2>多码头统一管控：集团化部署更高效</h2>
+                                <h2>集团化部署更高效</h2>
                                 <p>支持SaaS模式下多码头统一部署、独立运行，既满足集团标准管控，又保障单码头运营自治。</p>
                                 <ul class="feature-highlight-points">
                                     <li>一套系统覆盖多码头，统一管理口径与标准。</li>
@@ -195,7 +195,7 @@
                     <div id="feature-panel-5" class="feature-highlight-panel" role="tabpanel">
                         <div class="feature-highlight-detail">
                             <div class="feature-highlight-copy">
-                                <h2>BS架构便捷使用：部署与运维更轻量</h2>
+                                <h2>部署与运维更轻量</h2>
                                 <p>采用浏览器访问模式，无需逐台安装客户端，升级维护集中在服务端统一完成，降低IT维护门槛。</p>
                                 <ul class="feature-highlight-points">
                                     <li>终端具备浏览器即可使用，推广部署更快捷。</li>
@@ -213,7 +213,7 @@
                     <div id="feature-panel-6" class="feature-highlight-panel" role="tabpanel">
                         <div class="feature-highlight-detail">
                             <div class="feature-highlight-copy">
-                                <h2>国际化多语言支持：跨区域协作无障碍</h2>
+                                <h2>跨区域协作无障碍</h2>
                                 <p>系统支持多国语言、多币种和多地区格式配置，满足国际航运业务的多方协作与跨区域结算需求。</p>
                                 <ul class="feature-highlight-points">
                                     <li>海外代理可按本地语言操作，降低沟通成本。</li>
@@ -231,7 +231,7 @@
                     <div id="feature-panel-7" class="feature-highlight-panel" role="tabpanel">
                         <div class="feature-highlight-detail">
                             <div class="feature-highlight-copy">
-                                <h2>上下游系统对接：打通业务数据链路</h2>
+                                <h2>打通业务数据链路</h2>
                                 <p>与货主、货代、船东、船代、海关等系统实现自动数据交换，减少多方重复录入，提升联动效率。</p>
                                 <ul class="feature-highlight-points">
                                     <li>舱单自动发送海关，减少人工申报负担。</li>
@@ -337,6 +337,58 @@
             </div> <!-- end container -->
         </section>
 
+        <section class="cases-section" id="cases">
+            <div class="container">
+                <div class="row">
+                    <div class="product-advantages-header">
+                        <div>
+                            <h1 class="product-advantages-title">客户案例</h1>
+                            <p>真实项目已经落地，产品价值看得见</p>
+                        </div>
+                    </div>
+                </div>
+
+                <div class="row">
+                    <div class="col-md-4">
+                        <a class="case-card-link" href="classiccase/qinhuangdao_cargo_system.html">
+                            <div class="case-card">
+                                <div class="case-card-header blue">
+                                    <h3>秦皇岛港股份有限公司</h3>
+                                </div>
+                                <div class="case-card-body">
+                                    <p>秦皇岛港股份有限公司（股票代码：601326）是河北港口集团核心企业，全球最大大宗干散货公众码头之一，1898年开埠，现有生产泊位71个，年设计通过能力3亿吨，主营煤炭、矿石、杂货、油品装卸及物流综合服务，是国家"北煤南运"主枢纽港和京津冀世界级港口群重要组成。</p>
+                                </div>
+                            </div>
+                        </a>
+                    </div>
+                    <div class="col-md-4">
+                        <a class="case-card-link" href="classiccase/yulong_terminal_system.html">
+                            <div class="case-card">
+                                <div class="case-card-header cyan">
+                                    <h3>山东裕龙港务有限公司</h3>
+                                </div>
+                                <div class="case-card-body">
+                                    <p>山东裕龙港务有限公司位于山东省龙口市，是裕龙石化产业园配套的重要港口企业，致力于打造现代化、智能化、绿色化的综合性港口。</p>
+                                </div>
+                            </div>
+                        </a>
+                    </div>
+                    <div class="col-md-4">
+                        <a class="case-card-link" href="classiccase/tangshan_bigdata_platform.html">
+                            <div class="case-card">
+                                <div class="case-card-header indigo">
+                                    <h3>唐山港口实业集团有限公司</h3>
+                                </div>
+                                <div class="case-card-body">
+                                    <p>唐山港口实业集团有限公司是河北省港口整合平台——河北港口集团核心企业，负责运营唐山港"三港四区"中的京唐港区与曹妃甸港区，泊位92个，年吞吐量逾3亿吨。</p>
+                                </div>
+                            </div>
+                        </a>
+                    </div>
+                </div>
+            </div>
+        </section>
+
         <!-- start site-footer -->
         <!-- start site-footer -->
         <div id="footer"></div>

product_port_cdi_container.html

@@ -107,7 +107,7 @@
                         <button class="feature-highlight-tab" type="button" role="tab" aria-selected="false" aria-controls="feature-panel-3" data-target="#feature-panel-3">智能船舶配载</button>
                     </li>
                     <li role="presentation">
-                        <button class="feature-highlight-tab" type="button" role="tab" aria-selected="false" aria-controls="feature-panel-4" data-target="#feature-panel-4">堆场全景可视化</button>
+                        <button class="feature-highlight-tab" type="button" role="tab" aria-selected="false" aria-controls="feature-panel-4" data-target="#feature-panel-4">堆场全景可视</button>
                     </li>
                     <li role="presentation">
                         <button class="feature-highlight-tab" type="button" role="tab" aria-selected="false" aria-controls="feature-panel-5" data-target="#feature-panel-5">多路作业智能均衡</button>
@@ -318,6 +318,73 @@
             </div> <!-- end container -->
         </section>
 
+        <section class="cases-section" id="cases">
+            <div class="container">
+                <div class="row">
+                    <div class="product-advantages-header">
+                        <div>
+                            <h1 class="product-advantages-title">客户案例</h1>
+                            <p>真实项目已经落地，产品价值看得见</p>
+                        </div>
+                    </div>
+                </div>
+
+                <div class="row">
+                    <div class="col-md-4">
+                        <a class="case-card-link" href="classiccase/guangzhou_port_authority.html">
+                            <div class="case-card">
+                                <div class="case-card-header blue">
+                                    <h3>广州市港务局</h3>
+                                </div>
+                                <div class="case-card-body">
+                                    <p>广州市港务局成立于2004年，为市政府直属正厅级事业单位，负责广州港政、水路运输及航道管理，核心职能涵盖港口规划、安全监管、多式联运协调及临港产业培育。</p>
+                                </div>
+                            </div>
+                        </a>
+                    </div>
+                    <div class="col-md-4">
+                        <a class="case-card-link" href="classiccase/fangchenggang_railway_container.html">
+                            <div class="case-card">
+                                <div class="case-card-header cyan">
+                                    <h3>北部湾港防城港码头有限公司</h3>
+                                </div>
+                                <div class="case-card-body">
+                                    <p>北部湾港防城港码头有限公司是广西北部湾国际港务集团有限公司旗下核心企业，主要从事集装箱、散货的装卸、仓储、运输等业务。</p>
+                                </div>
+                            </div>
+                        </a>
+                    </div>
+                    <div class="col-md-4">
+                        <a class="case-card-link" href="classiccase/zhongshan_xiaolan_remote.html">
+                            <div class="case-card">
+                                <div class="case-card-header indigo">
+                                    <h3>中山市小榄港货运联营有限公司</h3>
+                                </div>
+                                <div class="case-card-body">
+                                    <p>中山市小榄港货运联营有限公司，立足粤港澳大湾区，是中山市小榄镇核心物流枢纽。</p>
+                                </div>
+                            </div>
+                        </a>
+                    </div>
+                </div>
+
+                <div class="row">
+                    <div class="col-md-4">
+                        <a class="case-card-link" href="classiccase/zhongshan_container_terminal.html">
+                            <div class="case-card">
+                                <div class="case-card-header teal">
+                                    <h3>中山港航集团股份有限公司</h3>
+                                </div>
+                                <div class="case-card-body">
+                                    <p>中山港航集团股份有限公司（前身为中山市港航企业集团有限公司）创立于2000年12月15日，注册地位于中山市火炬开发区沿江东一路3号港航大厦。</p>
+                                </div>
+                            </div>
+                        </a>
+                    </div>
+                </div>
+            </div>
+        </section>
+
         <!-- start site-footer -->
         <!-- start site-footer -->
         <div id="footer"></div>

product_port_cloud_yard.html

@@ -0,0 +1,393 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="author" content="irstheme">
+
+    <title> 产品中心-岸基科技-岸基云场站智能操作系统</title>
+    <meta name="title" content="烟台岸基网络科技有限公司">
+    <meta name="Description"
+        content="烟台岸基网络科技有限公司是从事于全程物流链科技服务的互联网软件公司，致力于打造港航企业的互联网生态圈，研发出了航运电子商务平台系统、多码头智能操作系统、全程物流链管理系统等软件产品。">
+    <meta name="keywords"
+        content="云场站系统,场站智能操作系统,集装箱场站管理系统,散杂货场站系统,海铁联运场站系统,闸口自动识别,智能堆场计划,智能计费,集团化场站管理">
+
+    <link href="assets/css/themify-icons.css" rel="stylesheet">
+    <link href="assets/css/flaticon.css" rel="stylesheet">
+    <link rel="stylesheet" href="assets/css/bootstrap-3.3.4.css">
+    <link href="assets/css/animate.css" rel="stylesheet">
+    <link href="assets/css/owl.carousel.css" rel="stylesheet">
+    <link href="assets/css/owl.theme.css" rel="stylesheet">
+    <link href="assets/css/slick.css" rel="stylesheet">
+    <link href="assets/css/slick-theme.css" rel="stylesheet">
+    <link href="assets/css/swiper.min.css" rel="stylesheet">
+    <link href="assets/css/owl.transitions.css" rel="stylesheet">
+    <link href="assets/css/odometer-theme-default.css" rel="stylesheet">
+    <link href="assets/css/jquery.fancybox.css" rel="stylesheet">
+    <link href="assets/css/style.css" rel="stylesheet">
+    <link href="assets/css/pro.css" rel="stylesheet">
+    <link href="assets/css/product.css" rel="stylesheet">
+
+    <!--[if lt IE 9]>
+    <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
+    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
+    <![endif]-->
+</head>
+
+<body>
+
+    <div class="page-wrapper">
+        <div class="preloader">
+            <div class="sk-folding-cube">
+                <div class="sk-cube1 sk-cube"></div>
+                <div class="sk-cube2 sk-cube"></div>
+                <div class="sk-cube4 sk-cube"></div>
+                <div class="sk-cube3 sk-cube"></div>
+            </div>
+        </div>
+
+        <div id="header"></div>
+
+        <section class="page-title page-title-cargo-platform2">
+            <div class="container product-hero-container">
+                <div class="row">
+                    <div class="cargo-platform-content col col-xs-12 col-md-12">
+                        <div class="cargo-info-left">
+                            <h2 id="cargoTitle" class="product-hero-title">岸基云场站智能操作系统</h2>
+                            <p class="product-hero-description">
+                                岸基云场站智能操作系统（iMYOS）面向集装箱场站、散杂货场站、内陆港和海铁联运场站，覆盖收提箱、拆装箱、堆存、装卸、闸口、计费、调度、查验与报表全业务链，支持云端 SaaS 与本地私有化部署，帮助场站实现自动化作业、数字化管理与集团化统一管控。
+                            </p>
+                        </div>
+                        <div class="cargo-info-right"></div>
+                    </div>
+                </div>
+            </div>
+        </section>
+
+        <div class="container">
+            <div class="row">
+                <div class="col col-xs-12">
+                    <div class="page-path">
+                        <a href="index.html">首页</a> &gt; <a href="product_port.html">产品中心</a> &gt; 岸基云场站智能操作系统
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <section class="feature-highlight-section fun-fact-section">
+            <div class="container">
+                <div class="feature-highlight-heading">
+                    <h1>产品核心功能与价值</h1>
+                    <p>覆盖堆场、闸口、移动作业、计费与集团管控，打造场站全流程智能运营底座</p>
+                </div>
+                <ul class="feature-highlight-tabs" role="tablist">
+                    <li role="presentation">
+                        <button class="feature-highlight-tab active" type="button" role="tab" aria-selected="true" aria-controls="feature-panel-1" data-target="#feature-panel-1">智能堆场派位</button>
+                    </li>
+                    <li role="presentation">
+                        <button class="feature-highlight-tab" type="button" role="tab" aria-selected="false" aria-controls="feature-panel-2" data-target="#feature-panel-2">多路作业均衡</button>
+                    </li>
+                    <li role="presentation">
+                        <button class="feature-highlight-tab" type="button" role="tab" aria-selected="false" aria-controls="feature-panel-3" data-target="#feature-panel-3">无人智能闸口</button>
+                    </li>
+                    <li role="presentation">
+                        <button class="feature-highlight-tab" type="button" role="tab" aria-selected="false" aria-controls="feature-panel-4" data-target="#feature-panel-4">移动无纸化作业</button>
+                    </li>
+                    <li role="presentation">
+                        <button class="feature-highlight-tab" type="button" role="tab" aria-selected="false" aria-controls="feature-panel-5" data-target="#feature-panel-5">堆场全景可视</button>
+                    </li>
+                    <li role="presentation">
+                        <button class="feature-highlight-tab" type="button" role="tab" aria-selected="false" aria-controls="feature-panel-6" data-target="#feature-panel-6">智能自动计费</button>
+                    </li>
+                    <li role="presentation">
+                        <button class="feature-highlight-tab" type="button" role="tab" aria-selected="false" aria-controls="feature-panel-7" data-target="#feature-panel-7">集团数据决策</button>
+                    </li>
+                </ul>
+                <div class="feature-highlight-panels">
+                    <div id="feature-panel-1" class="feature-highlight-panel active" role="tabpanel">
+                        <div class="feature-highlight-detail">
+                            <div class="feature-highlight-copy">
+                                <h2>智能堆场派位，提升堆存利用率</h2>
+                                <p>系统按箱型、航线、船期和作业顺序自动规划堆存区域与最优箱位，让堆场资源分配从人工经验转为算法驱动。</p>
+                                <ul class="feature-highlight-points">
+                                    <li>按业务特征自动规划堆存区，减少人工反复调整。</li>
+                                    <li>综合机械负荷与移动距离智能派位，降低现场干预频次。</li>
+                                    <li>减少二次翻箱，提升堆场空间利用率与作业效率。</li>
+                                </ul>
+                            </div>
+                            <div class="feature-highlight-visual">
+                                <div class="feature-highlight-visual-card">
+                                    <img src="assets/images/product/yunchangzhan/zhinengduichangjihuayuzidongpaiwei.png" alt="智能堆场计划与自动派位图示">
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div id="feature-panel-2" class="feature-highlight-panel" role="tabpanel">
+                        <div class="feature-highlight-detail">
+                            <div class="feature-highlight-copy">
+                                <h2>作业智能均衡，调度高效有序</h2>
+                                <p>围绕闸口、装卸船、移箱等多条作业线做统一调度与动态分流，缓解局部资源过载和热点区域拥堵。</p>
+                                <ul class="feature-highlight-points">
+                                    <li>闸口进箱、卸船、装船和移箱任务自动均衡分配。</li>
+                                    <li>场桥、正面吊和拖车负荷智能优化，避免忙闲不均。</li>
+                                    <li>根据作业热点动态调整资源，保障场站整体吞吐更稳定。</li>
+                                </ul>
+                            </div>
+                            <div class="feature-highlight-visual">
+                                <div class="feature-highlight-visual-card">
+                                    <img src="assets/images/product/yunchangzhan/duoluzuoyezhinengjunhengdiaodu.png" alt="多路作业智能均衡调度图示">
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div id="feature-panel-3" class="feature-highlight-panel" role="tabpanel">
+                        <div class="feature-highlight-detail">
+                            <div class="feature-highlight-copy">
+                                <h2>无人闸口自动通行，高效过闸</h2>
+                                <p>系统融合物联网和自动识别能力，在进出场环节完成车牌、箱号和信息校验，显著压缩车辆过闸时间。</p>
+                                <ul class="feature-highlight-points">
+                                    <li>车牌、箱号 OCR 自动识别，无需人工二次录入。</li>
+                                    <li>箱体验残自动采集并电子化登记，留痕更完整。</li>
+                                    <li>校验通过后自动抬杆放行，支撑 24 小时无人值守通行。</li>
+                                </ul>
+                            </div>
+                            <div class="feature-highlight-visual">
+                                <div class="feature-highlight-visual-card">
+                                    <img src="assets/images/product/yunchangzhan/wurenzhishouzhinengzhakou.png" alt="无人值守智能闸口图示">
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div id="feature-panel-4" class="feature-highlight-panel" role="tabpanel">
+                        <div class="feature-highlight-detail">
+                            <div class="feature-highlight-copy">
+                                <h2>移动无纸化作业，数据实时回传</h2>
+                                <p>现场人员通过移动端完成装卸船、拆装箱、移箱、查验和残损登记，形成全程无纸化、可追溯的作业闭环。</p>
+                                <ul class="feature-highlight-points">
+                                    <li>装卸船、拆装箱、移箱作业可一键确认，提高现场执行效率。</li>
+                                    <li>冷箱监控与插拔电记录实时留痕，并支持异常预警。</li>
+                                    <li>查验和残损登记支持拍照上传，减少纸质单据传递。</li>
+                                </ul>
+                            </div>
+                            <div class="feature-highlight-visual">
+                                <div class="feature-highlight-visual-card">
+                                    <img src="assets/images/product/yunchangzhan/yidongzuoyewuzhihuashishicaiji.png" alt="移动作业无纸化实时采集图示">
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div id="feature-panel-5" class="feature-highlight-panel" role="tabpanel">
+                        <div class="feature-highlight-detail">
+                            <div class="feature-highlight-copy">
+                                <h2>堆场全景可视化，远程实时监场</h2>
+                                <p>系统采用 BS 架构图形化展示箱位、机械、作业进度和在场库存，让管理层和调度层在统一视图下协同。</p>
+                                <ul class="feature-highlight-points">
+                                    <li>箱号、箱位、状态和尺寸实时展示，堆场态势一屏掌握。</li>
+                                    <li>机械 GIS 定位与状态实时可见，提升远程监控能力。</li>
+                                    <li>装卸船进度和库存动态持续更新，异常响应更及时。</li>
+                                </ul>
+                            </div>
+                            <div class="feature-highlight-visual">
+                                <div class="feature-highlight-visual-card">
+                                    <img src="assets/images/product/yunchangzhan/duichangtuxinghuaquanjingkeshihua.png" alt="堆场图形化全景可视化图示">
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div id="feature-panel-6" class="feature-highlight-panel" role="tabpanel">
+                        <div class="feature-highlight-detail">
+                            <div class="feature-highlight-copy">
+                                <h2>智能计费与自动结算：提升核算准确性与对账效率</h2>
+                                <p>系统按业务规则自动计算堆存、装卸、修洗箱、闸口和查验等费用，自动生成账单并支持差异化定价。</p>
+                                <ul class="feature-highlight-points">
+                                    <li>全费目自动核算，减少人工逐项计算和漏计风险。</li>
+                                    <li>支持按客户、航线和箱型进行差异化计费配置。</li>
+                                    <li>账单明细清晰可导出，缩短客户对账周期。</li>
+                                </ul>
+                            </div>
+                            <div class="feature-highlight-visual">
+                                <div class="feature-highlight-visual-card">
+                                    <img src="assets/images/product/yunchangzhan/zhinengjifeiyuzidongjiesuan.png" alt="智能计费与自动结算图示">
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div id="feature-panel-7" class="feature-highlight-panel" role="tabpanel">
+                        <div class="feature-highlight-detail">
+                            <div class="feature-highlight-copy">
+                                <h2>集团管控与数据决策：多场站统一经营分析</h2>
+                                <p>系统支持多租户独立运营和集团数据汇总，面向吞吐量、营收、KPI 及异常风险提供统一分析与预警能力。</p>
+                                <ul class="feature-highlight-points">
+                                    <li>多场站统一管理，集团层面可集中查看经营数据。</li>
+                                    <li>吞吐量、营收和 KPI 报表自动生成，减少手工汇总工作。</li>
+                                    <li>对超期堆存和作业停滞等异常主动预警，强化经营风险控制。</li>
+                                </ul>
+                            </div>
+                            <div class="feature-highlight-visual">
+                                <div class="feature-highlight-visual-card">
+                                    <img src="assets/images/product/yunchangzhan/jituanguankongyushujujuece.png" alt="集团管控与数据决策图示">
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </section>
+
+        <section class="product-architecture-section--gradient">
+            <div class="container product-architecture-container">
+                <div class="row">
+                    <div class="col col-xs-12 text-center">
+                        <h1 class="product-architecture-title">产品架构</h1>
+                        <p>从底层到应用，构建全链路协同骨架</p>
+                        <img src="assets/images/project/port/cdi.webp"
+                            class="img-responsive center-block" />
+                    </div>
+                </div>
+            </div>
+        </section>
+
+        <section class="product-advantages-section">
+            <div class="container">
+                <div class="row">
+                    <div class="product-advantages-header">
+                        <div>
+                            <h1 class="product-advantages-title">产品优势</h1>
+                            <p>把场站运营数据沉淀为标准流程、自动执行和经营决策能力</p>
+                        </div>
+                    </div>
+                </div>
+                <div class="row">
+                    <div class="col col-xs-12">
+                        <div class="service-grids services-slider clearfix">
+                            <div class="feature-card">
+                                <div class="feature-card-icon">
+                                    <img src="assets/images/project/common/资源_2.svg" alt="全业务一体化覆盖">
+                                </div>
+                                <div class="feature-card-body">
+                                    <h4>全业务一体化覆盖</h4>
+                                    <p>一套系统贯通集装箱与散杂货场站全流程作业，打通业务数据链路，显著提升管理与运维效率。</p>
+                                </div>
+                            </div>
+                            <div class="feature-card">
+                                <div class="feature-card-icon">
+                                    <img src="assets/images/project/common/资源_9.svg" alt="智能算法精准调度">
+                                </div>
+                                <div class="feature-card-body">
+                                    <h4>智能算法精准调度</h4>
+                                    <p>基于派位与均衡调度算法降低翻箱率、提升堆场利用率，帮助场站直接压降单箱作业成本。</p>
+                                </div>
+                            </div>
+                            <div class="feature-card">
+                                <div class="feature-card-icon">
+                                    <img src="assets/images/project/common/资源_10.svg" alt="物联网无人化作业">
+                                </div>
+                                <div class="feature-card-body">
+                                    <h4>物联网无人化作业</h4>
+                                    <p>融合自动识别与无人闸口能力，实现 24 小时无人值守通行，减少现场人工投入与交接误差。</p>
+                                </div>
+                            </div>
+                            <div class="feature-card">
+                                <div class="feature-card-icon">
+                                    <img src="assets/images/project/common/编组-2-copy-5.svg" alt="图形化全景可视">
+                                </div>
+                                <div class="feature-card-body">
+                                    <h4>图形化全景可视</h4>
+                                    <p>堆场、机械和作业进度统一可视化展示，让远程监管更直观，异常处置更快速。</p>
+                                </div>
+                            </div>
+                            <div class="feature-card">
+                                <div class="feature-card-icon">
+                                    <img src="assets/images/project/common/资源_6.svg" alt="自动化精准计费">
+                                </div>
+                                <div class="feature-card-body">
+                                    <h4>自动化精准计费</h4>
+                                    <p>全费目自动核算和账单对账闭环减少计费差错，缩短回款周期并降低财务工作量。</p>
+                                </div>
+                            </div>
+                            <div class="feature-card">
+                                <div class="feature-card-icon">
+                                    <img src="assets/images/project/common/智慧物业-copy-2.svg" alt="集团化数据决策">
+                                </div>
+                                <div class="feature-card-body">
+                                    <h4>集团化数据决策</h4>
+                                    <p>支持多场站统一经营分析与风险预警，帮助集团形成标准化管理和科学决策能力。</p>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </section>
+
+        <section class="cases-section" id="cases">
+            <div class="container">
+                <div class="row">
+                    <div class="product-advantages-header">
+                        <div>
+                            <h1 class="product-advantages-title">客户案例</h1>
+                            <p>围绕船舶收费监管和港口闸口堆场管理，验证场站产品在真实业务场景中的落地能力</p>
+                        </div>
+                    </div>
+                </div>
+
+                <div class="row">
+                    <div class="col-md-6">
+                        <a class="case-card-link" href="classiccase/canal_logistics_supervision.html">
+                            <div class="case-card">
+                                <div class="case-card-header blue">
+                                    <h3>运河物流一体化船舶收费监管平台</h3>
+                                </div>
+                                <div class="case-card-body">
+                                    <p>面向济宁港航建设有限公司，围绕京杭运河通行费与垃圾费监管场景，打通船舶识别、收费票据、AIS轨迹和集团数据平台，支撑船舶收费线上化、监管实时化与经营分析一体化。</p>
+                                </div>
+                            </div>
+                        </a>
+                    </div>
+                    <div class="col-md-6">
+                        <a class="case-card-link" href="classiccase/weihai_gate_yard.html">
+                            <div class="case-card">
+                                <div class="case-card-header cyan">
+                                    <h3>威海港大闸口堆场管理系统</h3>
+                                </div>
+                                <div class="case-card-body">
+                                    <p>面向威海港通信息科技有限公司，覆盖集装箱场站业务、查验管理、移动理货、计费结算和闸口自动识别，对接海关、船公司和外部口岸系统，提升场站协同效率与全过程监管能力。</p>
+                                </div>
+                            </div>
+                        </a>
+                    </div>
+                </div>
+            </div>
+        </section>
+
+        <div id="footer"></div>
+    </div>
+
+    <script src="assets/js/jquery-1.11.0.js"></script>
+    <script src="assets/js/bootstrap.min.js"></script>
+    <script src="assets/js/kefu.js"></script>
+    <script src="assets/js/jquery-plugin-collection.js"></script>
+    <script src="assets/js/script.js"></script>
+
+    <script type="text/javascript">
+        $("#footer").load("footer.html");
+        $("#header").load("header.html");
+
+        $(document).ready(function() {
+            $(".feature-highlight-tab").on("click", function() {
+                var $tab = $(this);
+                var target = $tab.data("target");
+
+                $(".feature-highlight-tab").removeClass("active").attr("aria-selected", "false");
+                $(".feature-highlight-panel").removeClass("active");
+
+                $tab.addClass("active").attr("aria-selected", "true");
+                $(target).addClass("active");
+            });
+        });
+    </script>
+</body>
+
+</html>

product_shipping_boat.html

@@ -99,22 +99,22 @@
                     <p>围绕经营、运营、财务与体系管理构建船舶管理一体化平台</p>
                 </div>
                 <ul class="feature-highlight-tabs" role="tablist">
-                    <li role="presentation"><button class="feature-highlight-tab active" type="button" role="tab" aria-selected="true" aria-controls="feature-panel-1" data-target="#feature-panel-1">统一报销管理</button></li>
+                    <li role="presentation"><button class="feature-highlight-tab active" type="button" role="tab" aria-selected="true" aria-controls="feature-panel-1" data-target="#feature-panel-1">报销统一管理</button></li>
-                    <li role="presentation"><button class="feature-highlight-tab" type="button" role="tab" aria-selected="false" aria-controls="feature-panel-2" data-target="#feature-panel-2">统一流程审批</button></li>
+                    <li role="presentation"><button class="feature-highlight-tab" type="button" role="tab" aria-selected="false" aria-controls="feature-panel-2" data-target="#feature-panel-2">流程统一审批</button></li>
-                    <li role="presentation"><button class="feature-highlight-tab" type="button" role="tab" aria-selected="false" aria-controls="feature-panel-3" data-target="#feature-panel-3">业财数据对接</button></li>
+                    <li role="presentation"><button class="feature-highlight-tab" type="button" role="tab" aria-selected="false" aria-controls="feature-panel-3" data-target="#feature-panel-3">业财数据互通</button></li>
-                    <li role="presentation"><button class="feature-highlight-tab" type="button" role="tab" aria-selected="false" aria-controls="feature-panel-4" data-target="#feature-panel-4">船员薪资计算</button></li>
+                    <li role="presentation"><button class="feature-highlight-tab" type="button" role="tab" aria-selected="false" aria-controls="feature-panel-4" data-target="#feature-panel-4">船员薪资核算</button></li>
                     <li role="presentation"><button class="feature-highlight-tab" type="button" role="tab" aria-selected="false" aria-controls="feature-panel-5" data-target="#feature-panel-5">证书到期预警</button></li>
                     <li role="presentation"><button class="feature-highlight-tab" type="button" role="tab" aria-selected="false" aria-controls="feature-panel-6" data-target="#feature-panel-6">体系文件无纸化</button></li>
                     <li role="presentation"><button class="feature-highlight-tab" type="button" role="tab" aria-selected="false" aria-controls="feature-panel-7" data-target="#feature-panel-7">BI数据可视</button></li>
                 </ul>
                 <div class="feature-highlight-panels">
-                    <div id="feature-panel-1" class="feature-highlight-panel active" role="tabpanel"><div class="feature-highlight-detail"><div class="feature-highlight-copy"><h2>费用报销统一管理：省钱省事</h2><p>停用分散报销工具，所有费用在系统内统一处理，降低系统维护与流程管理成本。</p><ul class="feature-highlight-points"><li>财务人员无需在多个系统之间切换。</li><li>节省报销系统授权与维护费用。</li><li>流程统一后对账口径更清晰。</li></ul></div><div class="feature-highlight-visual"><div class="feature-highlight-visual-card"><img src="assets/images/product/chuanboguanli/feiyongbaoxiaotongyi.png" alt="统一报销管理"></div></div></div></div>
+                    <div id="feature-panel-1" class="feature-highlight-panel active" role="tabpanel"><div class="feature-highlight-detail"><div class="feature-highlight-copy"><h2>费用统一报销，降本提效</h2><p>停用分散报销工具，所有费用在系统内统一处理，降低系统维护与流程管理成本。</p><ul class="feature-highlight-points"><li>财务人员无需在多个系统之间切换。</li><li>节省报销系统授权与维护费用。</li><li>流程统一后对账口径更清晰。</li></ul></div><div class="feature-highlight-visual"><div class="feature-highlight-visual-card"><img src="assets/images/product/chuanboguanli/feiyongbaoxiaotongyi.png" alt="统一报销管理"></div></div></div></div>
-                    <div id="feature-panel-2" class="feature-highlight-panel" role="tabpanel"><div class="feature-highlight-detail"><div class="feature-highlight-copy"><h2>工作流统一审批：流程不乱</h2><p>审批流全部回归业务系统统一管理，强化集团标准化管控与审计可追溯能力。</p><ul class="feature-highlight-points"><li>各公司业务流程统一规范执行。</li><li>审批进度实时可查，减少催办成本。</li><li>审批记录集中归档，审计调阅更便捷。</li></ul></div><div class="feature-highlight-visual"><div class="feature-highlight-visual-card"><img src="assets/images/product/chuanboguanli/gongzuoliuchengtongyi.png" alt="统一流程审批"></div></div></div></div>
+                    <div id="feature-panel-2" class="feature-highlight-panel" role="tabpanel"><div class="feature-highlight-detail"><div class="feature-highlight-copy"><h2>工作流统一审批，流程规范可追溯</h2><p>审批流全部回归业务系统统一管理，强化集团标准化管控与审计可追溯能力。</p><ul class="feature-highlight-points"><li>各公司业务流程统一规范执行。</li><li>审批进度实时可查，减少催办成本。</li><li>审批记录集中归档，审计调阅更便捷。</li></ul></div><div class="feature-highlight-visual"><div class="feature-highlight-visual-card"><img src="assets/images/product/chuanboguanli/gongzuoliuchengtongyi.png" alt="统一流程审批"></div></div></div></div>
-                    <div id="feature-panel-3" class="feature-highlight-panel" role="tabpanel"><div class="feature-highlight-detail"><div class="feature-highlight-copy"><h2>业财数据自动对接：账目清晰</h2><p>多种方式对接财务系统，业务与财务数据自动同步，减少手工转录和对账偏差。</p><ul class="feature-highlight-points"><li>业务单据自动生成财务凭证。</li><li>业务与财务数据口径统一。</li><li>缩短月末结账周期，提高财务效率。</li></ul></div><div class="feature-highlight-visual"><div class="feature-highlight-visual-card"><img src="assets/images/product/chuanboguanli/yecaiduidong.png" alt="业财数据对接"></div></div></div></div>
+                    <div id="feature-panel-3" class="feature-highlight-panel" role="tabpanel"><div class="feature-highlight-detail"><div class="feature-highlight-copy"><h2>业财自动对接，账目清晰</h2><p>多种方式对接财务系统，业务与财务数据自动同步，减少手工转录和对账偏差。</p><ul class="feature-highlight-points"><li>业务单据自动生成财务凭证。</li><li>业务与财务数据口径统一。</li><li>缩短月末结账周期，提高财务效率。</li></ul></div><div class="feature-highlight-visual"><div class="feature-highlight-visual-card"><img src="assets/images/product/chuanboguanli/yecaiduidong.png" alt="业财数据对接"></div></div></div></div>
-                    <div id="feature-panel-4" class="feature-highlight-panel" role="tabpanel"><div class="feature-highlight-detail"><div class="feature-highlight-copy"><h2>船员薪资自动计算：省心准确</h2><p>内置计算引擎处理薪资、补贴、扣款等复杂规则，减少 Excel 手工核算风险。</p><ul class="feature-highlight-points"><li>降低人工算薪引起的多发少发问题。</li><li>计算结果可直接对接财务系统。</li><li>复杂场景规则由系统自动处理。</li></ul></div><div class="feature-highlight-visual"><div class="feature-highlight-visual-card"><img src="assets/images/product/chuanboguanli/chuanyuanxinzizidong.png" alt="船员薪资计算"></div></div></div></div>
+                    <div id="feature-panel-4" class="feature-highlight-panel" role="tabpanel"><div class="feature-highlight-detail"><div class="feature-highlight-copy"><h2>船员薪资自动计算，精准高效</h2><p>内置计算引擎处理薪资、补贴、扣款等复杂规则，减少 Excel 手工核算风险。</p><ul class="feature-highlight-points"><li>降低人工算薪引起的多发少发问题。</li><li>计算结果可直接对接财务系统。</li><li>复杂场景规则由系统自动处理。</li></ul></div><div class="feature-highlight-visual"><div class="feature-highlight-visual-card"><img src="assets/images/product/chuanboguanli/chuanyuanxinzizidong.png" alt="船员薪资计算"></div></div></div></div>
-                    <div id="feature-panel-5" class="feature-highlight-panel" role="tabpanel"><div class="feature-highlight-detail"><div class="feature-highlight-copy"><h2>证书到期自动预警：避免风险</h2><p>系统主动监控证书与关键节点，到期前预警并推送责任人，减少合规风险。</p><ul class="feature-highlight-points"><li>船舶与船员证书到期前自动提醒。</li><li>待办任务实时推送，减少遗漏。</li><li>流程推进从被动催办转向主动驱动。</li></ul></div><div class="feature-highlight-visual"><div class="feature-highlight-visual-card"><img src="assets/images/product/chuanboguanli/zhengshuyujing.png" alt="证书到期预警"></div></div></div></div>
+                    <div id="feature-panel-5" class="feature-highlight-panel" role="tabpanel"><div class="feature-highlight-detail"><div class="feature-highlight-copy"><h2>证书自动预警，规避合规风险</h2><p>系统主动监控证书与关键节点，到期前预警并推送责任人，减少合规风险。</p><ul class="feature-highlight-points"><li>船舶与船员证书到期前自动提醒。</li><li>待办任务实时推送，减少遗漏。</li><li>流程推进从被动催办转向主动驱动。</li></ul></div><div class="feature-highlight-visual"><div class="feature-highlight-visual-card"><img src="assets/images/product/chuanboguanli/zhengshuyujing.png" alt="证书到期预警"></div></div></div></div>
-                    <div id="feature-panel-6" class="feature-highlight-panel" role="tabpanel"><div class="feature-highlight-detail"><div class="feature-highlight-copy"><h2>体系文件无纸化管理：合规省力</h2><p>文件从生成、审批到归档全流程线上化，兼顾效率与审计合规要求。</p><ul class="feature-highlight-points"><li>模板化生成文件并附审批意见与电子签名。</li><li>电子化集中存储，支持快速检索调阅。</li><li>审计或体系认证支持一键导出打印。</li></ul></div><div class="feature-highlight-visual"><div class="feature-highlight-visual-card"><img src="assets/images/product/chuanboguanli/tixiwendangwuzhihua.png" alt="体系文件无纸化"></div></div></div></div>
+                    <div id="feature-panel-6" class="feature-highlight-panel" role="tabpanel"><div class="feature-highlight-detail"><div class="feature-highlight-copy"><h2>体系文件无纸化，高效合规</h2><p>文件从生成、审批到归档全流程线上化，兼顾效率与审计合规要求。</p><ul class="feature-highlight-points"><li>模板化生成文件并附审批意见与电子签名。</li><li>电子化集中存储，支持快速检索调阅。</li><li>审计或体系认证支持一键导出打印。</li></ul></div><div class="feature-highlight-visual"><div class="feature-highlight-visual-card"><img src="assets/images/product/chuanboguanli/tixiwendangwuzhihua.png" alt="体系文件无纸化"></div></div></div></div>
-                    <div id="feature-panel-7" class="feature-highlight-panel" role="tabpanel"><div class="feature-highlight-detail"><div class="feature-highlight-copy"><h2>BI数据可视：决策有数</h2><p>整合船员、客户、船舶等核心数据，形成多维指标看板，提升经营洞察能力。</p><ul class="feature-highlight-points"><li>沉淀统一数据资产，打通多业务视角。</li><li>关键指标图表化展示，管理状态一目了然。</li><li>无需等待月报即可实时查看运营数据。</li></ul></div><div class="feature-highlight-visual"><div class="feature-highlight-visual-card"><img src="assets/images/product/chuanboguanli/bikanban.png" alt="BI数据可视"></div></div></div></div>
+                    <div id="feature-panel-7" class="feature-highlight-panel" role="tabpanel"><div class="feature-highlight-detail"><div class="feature-highlight-copy"><h2>BI 数据可视，科学决策</h2><p>整合船员、客户、船舶等核心数据，形成多维指标看板，提升经营洞察能力。</p><ul class="feature-highlight-points"><li>沉淀统一数据资产，打通多业务视角。</li><li>关键指标图表化展示，管理状态一目了然。</li><li>无需等待月报即可实时查看运营数据。</li></ul></div><div class="feature-highlight-visual"><div class="feature-highlight-visual-card"><img src="assets/images/product/chuanboguanli/bikanban.png" alt="BI数据可视"></div></div></div></div>
                 </div>
             </div>
         </section>
@@ -154,6 +154,25 @@
         </section>
 
 
+        <section class="cases-section" id="cases">
+            <div class="container">
+                <div class="row">
+                    <div class="product-advantages-header">
+                        <div>
+                            <h1 class="product-advantages-title">客户案例</h1>
+                            <p>真实项目已经落地，产品价值看得见</p>
+                        </div>
+                    </div>
+                </div>
+
+                <div class="row">
+                    <div class="col-md-4"><a class="case-card-link" href="classiccase/shanghai_haihua_shipping.html"><div class="case-card"><div class="case-card-header blue"><h3>上海海华轮船有限公司</h3></div><div class="case-card-body"><p>上海海华轮船有限公司1990年成立，系上海锦江航运（集团）股份有限公司全资国有航运企业，专注近洋集装箱班轮运输。</p></div></div></a></div>
+                    <div class="col-md-4"><a class="case-card-link" href="classiccase/tianjin_zhongyun_shipping.html"><div class="case-card"><div class="case-card-header cyan"><h3>天津中运海运集团有限公司</h3></div><div class="case-card-body"><p>天津中运海运集团有限公司（中运集团）成立于2012年，注册资金叁仟万元，总部设于天津滨海经济开发区。</p></div></div></a></div>
+                    <div class="col-md-4"><a class="case-card-link" href="classiccase/lianyungang_china_korea_ferry.html"><div class="case-card"><div class="case-card-header indigo"><h3>连云港中韩轮渡有限公司</h3></div><div class="case-card-body"><p>连云港中韩轮渡有限公司，位于新亚欧大陆桥东桥头堡——连云港东端，独家经营连云港至仁川、平泽客货班轮航线，系江苏省唯一客货班轮航线。</p></div></div></a></div>
+                </div>
+            </div>
+        </section>
+
         <!-- start site-footer -->
         <!-- start site-footer -->
         <div id="footer"></div>

product_shipping_company.html

@@ -107,12 +107,12 @@
                     <li role="presentation"><button class="feature-highlight-tab" type="button" role="tab" aria-selected="false" aria-controls="feature-panel-6" data-target="#feature-panel-6">全球合规适配</button></li>
                 </ul>
                 <div class="feature-highlight-panels">
-                    <div id="feature-panel-1" class="feature-highlight-panel active" role="tabpanel"><div class="feature-highlight-detail"><div class="feature-highlight-copy"><h2>业务智能操作：减少人工录入</h2><p>通过 OCR 识别、自动计费与待办推送，优化传统手工业务处理模式。</p><ul class="feature-highlight-points"><li>提单、箱单等单证自动识别录入。</li><li>修箱费、超期费等费用自动核算。</li><li>待办自动推送，流程推进由人找事转为事找人。</li></ul></div><div class="feature-highlight-visual"><div class="feature-highlight-visual-card"><img src="assets/images/product/chuangongsi/yewuzhinengcaozuo.png" alt="业务智能操作"></div></div></div></div>
+                    <div id="feature-panel-1" class="feature-highlight-panel active" role="tabpanel"><div class="feature-highlight-detail"><div class="feature-highlight-copy"><h2>智能业务处理，减少人工录入</h2><p>通过 OCR 识别、自动计费与待办推送，优化传统手工业务处理模式。</p><ul class="feature-highlight-points"><li>提单、箱单等单证自动识别录入。</li><li>修箱费、超期费等费用自动核算。</li><li>待办自动推送，流程推进由人找事转为事找人。</li></ul></div><div class="feature-highlight-visual"><div class="feature-highlight-visual-card"><img src="assets/images/product/chuangongsi/yewuzhinengcaozuo.png" alt="业务智能操作"></div></div></div></div>
-                    <div id="feature-panel-2" class="feature-highlight-panel" role="tabpanel"><div class="feature-highlight-detail"><div class="feature-highlight-copy"><h2>船舶动态管理：实时掌握船位</h2><p>接入 AIS 数据，实时展示船舶位置、航速与 ETA，强化调度与异常响应能力。</p><ul class="feature-highlight-points"><li>调度可直接查看船位，减少电话确认。</li><li>预计到港时间自动更新，便于提前安排作业。</li><li>航线偏离自动预警，支持及时干预。</li></ul></div><div class="feature-highlight-visual"><div class="feature-highlight-visual-card"><img src="assets/images/product/chuangongsi/chuanbodongtaiguanli.png" alt="船舶动态管理"></div></div></div></div>
+                    <div id="feature-panel-2" class="feature-highlight-panel" role="tabpanel"><div class="feature-highlight-detail"><div class="feature-highlight-copy"><h2>船舶动态监控，实时掌握船况</h2><p>接入 AIS 数据，实时展示船舶位置、航速与 ETA，强化调度与异常响应能力。</p><ul class="feature-highlight-points"><li>调度可直接查看船位，减少电话确认。</li><li>预计到港时间自动更新，便于提前安排作业。</li><li>航线偏离自动预警，支持及时干预。</li></ul></div><div class="feature-highlight-visual"><div class="feature-highlight-visual-card"><img src="assets/images/product/chuangongsi/chuanbodongtaiguanli.png" alt="船舶动态管理"></div></div></div></div>
-                    <div id="feature-panel-3" class="feature-highlight-panel" role="tabpanel"><div class="feature-highlight-detail"><div class="feature-highlight-copy"><h2>EDI无缝交换：数据自动对接</h2><p>与海关、海事、码头等外部系统自动交换报文，减少重复录入与手工对接误差。</p><ul class="feature-highlight-points"><li>舱单、报关单自动发送，减少二次输入。</li><li>海关/海事回执自动接收并同步状态。</li><li>支持 300+ 口岸节点对接，增强协同效率。</li></ul></div><div class="feature-highlight-visual"><div class="feature-highlight-visual-card"><img src="assets/images/product/chuangongsi/ediwufengjiaohuan.png" alt="EDI无缝交换"></div></div></div></div>
+                    <div id="feature-panel-3" class="feature-highlight-panel" role="tabpanel"><div class="feature-highlight-detail"><div class="feature-highlight-copy"><h2>EDI 无缝对接，数据自动交互</h2><p>与海关、海事、码头等外部系统自动交换报文，减少重复录入与手工对接误差。</p><ul class="feature-highlight-points"><li>舱单、报关单自动发送，减少二次输入。</li><li>海关/海事回执自动接收并同步状态。</li><li>支持 300+ 口岸节点对接，增强协同效率。</li></ul></div><div class="feature-highlight-visual"><div class="feature-highlight-visual-card"><img src="assets/images/product/chuangongsi/ediwufengjiaohuan.png" alt="EDI无缝交换"></div></div></div></div>
-                    <div id="feature-panel-4" class="feature-highlight-panel" role="tabpanel"><div class="feature-highlight-detail"><div class="feature-highlight-copy"><h2>业财数据联动：业务发生财务同步</h2><p>业务、预算、结算与成本数据实时联动，缩短结算周期并提升财务可见性。</p><ul class="feature-highlight-points"><li>航次结束后收入与成本自动归集。</li><li>核算周期可从按月缩短至按周甚至按天。</li><li>船舶利用率、单箱成本等指标实时可查。</li></ul></div><div class="feature-highlight-visual"><div class="feature-highlight-visual-card"><img src="assets/images/product/chuangongsi/yecailiandong.png" alt="业财数据联动"></div></div></div></div>
+                    <div id="feature-panel-4" class="feature-highlight-panel" role="tabpanel"><div class="feature-highlight-detail"><div class="feature-highlight-copy"><h2>业财数据联动，同步高效核算</h2><p>业务、预算、结算与成本数据实时联动，缩短结算周期并提升财务可见性。</p><ul class="feature-highlight-points"><li>航次结束后收入与成本自动归集。</li><li>核算周期可从按月缩短至按周甚至按天。</li><li>船舶利用率、单箱成本等指标实时可查。</li></ul></div><div class="feature-highlight-visual"><div class="feature-highlight-visual-card"><img src="assets/images/product/chuangongsi/yecailiandong.png" alt="业财数据联动"></div></div></div></div>
-                    <div id="feature-panel-5" class="feature-highlight-panel" role="tabpanel"><div class="feature-highlight-detail"><div class="feature-highlight-copy"><h2>决策数据看板：关键指标一眼看清</h2><p>通过 BI 看板沉淀船舶利用率、航线效益、成本结构等核心经营指标。</p><ul class="feature-highlight-points"><li>管理层无需等待报表即可查看实时运营数据。</li><li>航线盈亏图表化展示，经营问题更易识别。</li><li>支持按航线、船型、时间段下钻分析。</li></ul></div><div class="feature-highlight-visual"><div class="feature-highlight-visual-card"><img src="assets/images/product/chuangongsi/juecekanban.png" alt="决策数据看板"></div></div></div></div>
+                    <div id="feature-panel-5" class="feature-highlight-panel" role="tabpanel"><div class="feature-highlight-detail"><div class="feature-highlight-copy"><h2>企业经营指标一目了然</h2><p>通过 BI 看板沉淀船舶利用率、航线效益、成本结构等核心经营指标。</p><ul class="feature-highlight-points"><li>管理层无需等待报表即可查看实时运营数据。</li><li>航线盈亏图表化展示，经营问题更易识别。</li><li>支持按航线、船型、时间段下钻分析。</li></ul></div><div class="feature-highlight-visual"><div class="feature-highlight-visual-card"><img src="assets/images/product/chuangongsi/juecekanban.png" alt="决策数据看板"></div></div></div></div>
-                    <div id="feature-panel-6" class="feature-highlight-panel" role="tabpanel"><div class="feature-highlight-detail"><div class="feature-highlight-copy"><h2>全球合规适配：支持多币种多语言</h2><p>系统支持多语言界面、多币种结算和国际规则预置，提升跨境业务适配能力。</p><ul class="feature-highlight-points"><li>海外代理可切换英文界面，降低沟通成本。</li><li>多币种自动换算，减少汇率处理差错。</li><li>预置美线、日韩线、俄罗斯航线、中东印巴航线等申报规则，降低合规门槛。</li></ul></div><div class="feature-highlight-visual"><div class="feature-highlight-visual-card"><img src="assets/images/product/chuangongsi/quanqiuheguishipei.png" alt="全球合规适配"></div></div></div></div>
+                    <div id="feature-panel-6" class="feature-highlight-panel" role="tabpanel"><div class="feature-highlight-detail"><div class="feature-highlight-copy"><h2>支持多币种多语言</h2><p>系统支持多语言界面、多币种结算和国际规则预置，提升跨境业务适配能力。</p><ul class="feature-highlight-points"><li>海外代理可切换英文界面，降低沟通成本。</li><li>多币种自动换算，减少汇率处理差错。</li><li>预置美线、日韩线、俄罗斯航线、中东印巴航线等申报规则，降低合规门槛。</li></ul></div><div class="feature-highlight-visual"><div class="feature-highlight-visual-card"><img src="assets/images/product/chuangongsi/quanqiuheguishipei.png" alt="全球合规适配"></div></div></div></div>
                 </div>
             </div>
         </section>
@@ -150,6 +150,25 @@
         </section>
 
 
+        <section class="cases-section" id="cases">
+            <div class="container">
+                <div class="row">
+                    <div class="product-advantages-header">
+                        <div>
+                            <h1 class="product-advantages-title">客户案例</h1>
+                            <p>真实项目已经落地，产品价值看得见</p>
+                        </div>
+                    </div>
+                </div>
+
+                <div class="row">
+                    <div class="col-md-4"><a class="case-card-link" href="classiccase/shanghai_haihua_shipping.html"><div class="case-card"><div class="case-card-header blue"><h3>上海海华轮船有限公司</h3></div><div class="case-card-body"><p>上海海华轮船有限公司1990年成立，系上海锦江航运（集团）股份有限公司全资国有航运企业，专注近洋集装箱班轮运输。</p></div></div></a></div>
+                    <div class="col-md-4"><a class="case-card-link" href="classiccase/jiahua_shipping_system.html"><div class="case-card"><div class="case-card-header cyan"><h3>嘉华航运(香港)有限公司</h3></div><div class="case-card-body"><p>嘉华航运(香港)有限公司（Kawa Shipping），2023年成立的新兴国际航运企业，专注中东及北非市场。</p></div></div></a></div>
+                    <div class="col-md-4"><a class="case-card-link" href="classiccase/beibuwan_shuttle_bus.html"><div class="case-card"><div class="case-card-header indigo"><h3>北部湾防城港有限公司</h3></div><div class="case-card-body"><p>广西北部湾港涵盖防城港域、北海港域、钦州港域，位居泛北部湾经济圈、泛珠三角区域经济圈与中国—东盟经济圈交汇核心。</p></div></div></a></div>
+                </div>
+            </div>
+        </section>
+
         <!-- start site-footer -->
         <!-- start site-footer -->
         <div id="footer"></div>