Refactor and enhance various HTML pages with updated links, improved styles, and optimized JavaScript functionality
- Updated badge styles in culture.html for better visual consistency and added backdrop-filter support. - Introduced a fallback panel for the map in index.html with enhanced styles and responsive design. - Changed links in product_ecommerce_freight_booking.html, product_full_logistics_chain_cargo_agent.html, product_full_logistics_chain_platform.html, product_full_logistics_chain_ship_agent.html, product_port_cdi_container.html, product_shipping_boat.html, product_shipping_company.html to point to new URLs with query parameters. - Improved scroll reveal functionality in solution_inland_river_shipping.html, solution_logistics_chain.html, solution_port_supply_chain.html, and solution_supply_chain.html by replacing forEach with a traditional for loop for better performance.
This commit is contained in:
@@ -29,15 +29,10 @@
|
||||
<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>
|
||||
|
||||
<!-- start page-wrapper -->
|
||||
<div class="page-wrapper">
|
||||
|
||||
<!-- start preloader -->
|
||||
<div class="preloader">
|
||||
<div class="sk-folding-cube">
|
||||
<div class="sk-cube1 sk-cube"></div>
|
||||
@@ -46,103 +41,234 @@
|
||||
<div class="sk-cube3 sk-cube"></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- end preloader -->
|
||||
|
||||
<!-- Start header -->
|
||||
<div id="header"></div>
|
||||
<!-- end of header -->
|
||||
|
||||
|
||||
<!-- start page-title -->
|
||||
<section class="page-title">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col col-xs-12">
|
||||
<div class="col col-xs-12">
|
||||
<h2>助力领跑行业数字化</h2>
|
||||
|
||||
</div>
|
||||
</div> <!-- end row -->
|
||||
</div> <!-- end container -->
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- end page-title -->
|
||||
|
||||
<!-- 面包屑导航 -->
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col col-xs-12">
|
||||
<div class="page-path">
|
||||
<a href="index.html">首页</a> > <a href="classiccase.html">客户案例</a> > 防城港铁路集装箱场站管理系统
|
||||
<a href="index.html">首页</a> > <a href="classiccase.html">客户案例</a> > 北部湾港防城港码头有限公司
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!-- start blog-single-section -->
|
||||
<section class=" features-section-s2">
|
||||
<section class="features-section-s2">
|
||||
<div class="container">
|
||||
<div class="col col-xs-8">
|
||||
<div class="project-single-content">
|
||||
<div class="content-area">
|
||||
<h2 style="margin-top: 50px;">北部湾港防城港码头有限公司</h2>
|
||||
<p style="margin: 40px 0 30px 0;">北部湾港防城港码头有限公司是广西北部湾国际港务集团有限公司旗下核心企业，主要从事集装箱、散货的装卸、仓储、运输等业务。作为西南地区重要的海铁联运枢纽，公司致力于提升港口智能化水平，推动区域经济发展，是国家"一带一路"倡议中重要的物流节点。</p>
|
||||
<div class="project-single-content">
|
||||
<div class="content-area">
|
||||
<h2 style="margin-top: 50px;">北部湾港防城港码头有限公司</h2>
|
||||
<p style="margin: 40px 0 30px 0;">北部湾港防城港码头有限公司是广西北部湾国际港务集团有限公司旗下核心企业，主要从事集装箱、散货的装卸、仓储、运输等业务。作为西南地区重要的海铁联运枢纽，公司致力于提升港口智能化水平，推动区域经济发展，是国家一带一路倡议中的重要物流节点。</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="challange-solution-section">
|
||||
<div class="panel-group theme-accordion-s1" id="accordion">
|
||||
<!-- 项目背景 -->
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading classiccase">
|
||||
<a>项目背景</a>
|
||||
</div>
|
||||
<div id="collapse-1" class="panel-collapse collapse in">
|
||||
<div class="panel-body">
|
||||
<p><strong>1. 铁路集装箱作业量激增，管理难度加大</strong><br>
|
||||
铁路集装箱吞吐量增长，传统人工理货、纸质运单已无法满足高效作业需求。</p>
|
||||
<p><strong>2. 多系统割裂，数据无法共享</strong><br>
|
||||
铁路、散货、集装箱、闸口等系统数据孤立，导致重复录入与信息不一致。</p>
|
||||
<p><strong>3. 人工理货效率低，出错率高</strong><br>
|
||||
理货员现场手工记录录入，存在较大人为差错风险，影响车辆周转效率。</p>
|
||||
<p><strong>4. 安全管理与监管要求提升</strong><br>
|
||||
需实现作业全过程可视化、可追溯，提升对人员、车辆、货物的实时监控能力。</p>
|
||||
<div class="case-project-tabs" data-case-tabs data-default-tab="rail">
|
||||
<div class="case-project-switcher" role="tablist" aria-label="北部湾防城港项目切换">
|
||||
<button type="button" class="case-project-tab is-active" data-case-tab="rail" aria-selected="true">项目A</button>
|
||||
<button type="button" class="case-project-tab" data-case-tab="shuttle" aria-selected="false">项目B</button>
|
||||
</div>
|
||||
|
||||
<div class="case-project-pane is-active" data-case-pane="rail">
|
||||
<div class="row">
|
||||
<div class="col col-xs-12 col-md-8">
|
||||
<div class="project-single-content">
|
||||
<div class="content-area">
|
||||
<div class="challange-solution-section">
|
||||
<div class="panel-group theme-accordion-s1">
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading classiccase">
|
||||
<a>项目背景</a>
|
||||
</div>
|
||||
<div class="panel-collapse collapse in">
|
||||
<div class="panel-body">
|
||||
<p><strong>1. 铁路集装箱作业量激增，管理难度加大</strong><br>
|
||||
铁路集装箱吞吐量增长，传统人工理货、纸质运单已无法满足高效作业需求。</p>
|
||||
<p><strong>2. 多系统割裂，数据无法共享</strong><br>
|
||||
铁路、散货、集装箱、闸口等系统数据孤立，导致重复录入与信息不一致。</p>
|
||||
<p><strong>3. 人工理货效率低，出错率高</strong><br>
|
||||
理货员现场手工记录录入，存在较大人为差错风险，影响车辆周转效率。</p>
|
||||
<p><strong>4. 安全管理与监管要求提升</strong><br>
|
||||
需实现作业全过程可视化、可追溯，提升对人员、车辆、货物的实时监控能力。</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading classiccase">
|
||||
<a>项目目标</a>
|
||||
</div>
|
||||
<div class="panel-collapse collapse in">
|
||||
<div class="panel-body">
|
||||
<p><strong>1. 实现铁路集装箱系统一体化升级</strong><br>
|
||||
构建统一平台，整合多系统数据，实现数据共享与业务协同，提升作业效率与管理水平。</p>
|
||||
<p><strong>2. 推动理货作业智能化、远程化</strong><br>
|
||||
通过远程智能理货系统，实现后台远程核对确认，减少现场人员投入。</p>
|
||||
<p><strong>3. 实现作业流程无纸化、自动化</strong><br>
|
||||
通过电子运单、自动识别替代纸质单据与人工录入，降低差错率。</p>
|
||||
<p><strong>4. 强化作业安全与过程可视化</strong><br>
|
||||
通过视频监控、图像识别等手段，实现全过程可视化监管与异常快速响应。</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading classiccase">
|
||||
<a>项目收益</a>
|
||||
</div>
|
||||
<div class="panel-collapse collapse in">
|
||||
<div class="panel-body">
|
||||
<p><strong>1. 作业效率提升</strong><br>
|
||||
智能调度与自动识别显著缩短车辆停留时间，日均作业量提升30%以上。</p>
|
||||
<p><strong>2. 人工成本降低</strong><br>
|
||||
减少现场理货、录入等环节，优化人员配置30%，释放人力用于更高价值工作。</p>
|
||||
<p><strong>3. 数据准确率提升</strong><br>
|
||||
系统自动识别比对，杜绝人工录入错误，确保数据实时、准确、可追溯。</p>
|
||||
<p><strong>4. 客户满意度显著提升</strong><br>
|
||||
作业流程更清晰、响应更及时，客户满意度提升至95%以上，信任度大幅增强。</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 项目目标 -->
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading classiccase">
|
||||
<a>项目目标</a>
|
||||
<div class="col col-xs-12 col-md-4">
|
||||
<div class="service-sidebar">
|
||||
<div class="widget related-products-widget">
|
||||
<h4 class="widget-title widget-title-decorated">相关产品</h4>
|
||||
<a href="product_port_cdi_container.html" class="related-product-card">
|
||||
<div class="product-image">
|
||||
<img src="assets/images/pro/pro-6.webp" alt="岸基云码头集装箱智能操作系统">
|
||||
</div>
|
||||
<div class="product-info">
|
||||
<div style="display:flex;justify-content:space-between;align-items:center;">
|
||||
<h5 class="product-title" style="font-family:Helvetica, 'Microsoft Yahei', 微软雅黑, Arial, sans-serif;color:rgb(16, 37, 65);margin:0;">岸基云码头集装箱智能操作系统</h5>
|
||||
</div>
|
||||
<p class="product-desc">集成码头操作、智能计划、智能调度、费收管理、EDI报文转换、统计分析、WEB客户服务、决策支持、维护服务及场站等九大核心子系统。</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="widget contact-widget">
|
||||
<div>
|
||||
<h5>携手打造数字化智能航运物流</h5>
|
||||
<a href="contact.html">联系我们</a>
|
||||
</div>
|
||||
<div id="collapse-2" class="panel-collapse collapse in">
|
||||
<div class="panel-body">
|
||||
<p><strong>1. 实现铁路集装箱系统一体化升级</strong><br>
|
||||
构建统一平台，整合多系统数据，实现数据共享与业务协同，提升作业效率与管理水平。</p>
|
||||
<p><strong>2. 推动理货作业智能化、远程化</strong><br>
|
||||
通过远程智能理货系统，实现后台远程核对确认，减少现场人员投入。</p>
|
||||
<p><strong>3. 实现作业流程无纸化、自动化</strong><br>
|
||||
通过电子运单、自动识别替代纸质单据与人工录入，降低差错率。</p>
|
||||
<p><strong>4. 强化作业安全与过程可视化</strong><br>
|
||||
通过视频监控、图像识别等手段，实现全过程可视化监管与异常快速响应。</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="case-project-pane" data-case-pane="shuttle" hidden>
|
||||
<div class="row">
|
||||
<div class="col col-xs-12 col-md-8">
|
||||
<div class="project-single-content">
|
||||
<div class="content-area">
|
||||
<div class="challange-solution-section">
|
||||
<div class="panel-group theme-accordion-s1">
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading classiccase">
|
||||
<a>项目背景</a>
|
||||
</div>
|
||||
<div class="panel-collapse collapse in">
|
||||
<div class="panel-body">
|
||||
<p><strong>1. 分布式港口协同需求</strong><br>
|
||||
北港集团在钦州港、防城港、北海港实施分布式码头布局，需建立标准化作业单元与穿巴运输体系，构建高效联通港口网络。</p>
|
||||
<p><strong>2. 穿巴智能调度挑战</strong><br>
|
||||
传统穿巴管理难以满足枢纽港规模化需求，需解决多码头间运力与货源匹配效率问题。</p>
|
||||
<p><strong>3. 标准化体系贯通瓶颈</strong><br>
|
||||
现有各港区作业标准不统一，亟需建立覆盖调度、装卸、信息交互的标准化体系，消除协作壁垒。</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading classiccase">
|
||||
<a>项目目标</a>
|
||||
</div>
|
||||
<div class="panel-collapse collapse in">
|
||||
<div class="panel-body">
|
||||
<p><strong>1. 全流程信息化升级</strong><br>
|
||||
构建穿巴业务综合管控平台，覆盖商务、订舱、船舶管理、单证交互等全环节，实现业务规范化管理。</p>
|
||||
<p><strong>2. 智能化调度与监控</strong><br>
|
||||
部署智能配舱与调度引擎，动态优化运力分配与航线规划，集成安全监控与预警功能。</p>
|
||||
<p><strong>3. 跨系统数据互联</strong><br>
|
||||
打通码头生产系统与北港网数据链路，实现船期、货物、场地信息自动同步与计费自动化。</p>
|
||||
<p><strong>4. 数据驱动决策支持</strong><br>
|
||||
建立统计分析中枢，整合运力效能、成本结构等数据，生成分级决策报表，支撑战略目标达成。</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading classiccase">
|
||||
<a>项目收益</a>
|
||||
</div>
|
||||
<div class="panel-collapse collapse in">
|
||||
<div class="panel-body">
|
||||
<p><strong>1. 运营效率跃升</strong><br>
|
||||
智能调度实现资源与任务精准匹配，船舶闲置与等待时间减少30%以上，显著降低人力与能耗成本。</p>
|
||||
<p><strong>2. 协同作业效能突破</strong><br>
|
||||
打通码头间信息壁垒，跨部门协调耗时缩减50%，电子单证流转实现留痕式沟通与责任分工。</p>
|
||||
<p><strong>3. 多港航线资源整合</strong><br>
|
||||
钦州、防城港、北海三港互联形成超级大港，航线选择丰富度提升200%以上，货主可共享全部远洋航线资源。</p>
|
||||
<p><strong>4. 客户体验智能化升级</strong><br>
|
||||
线上订舱平台支持查询、预订、支付及动态跟踪，客户沟通成本降低60%，提供便捷服务体验。</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 项目收益 -->
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading classiccase">
|
||||
<a>项目收益</a>
|
||||
</div>
|
||||
<div id="collapse-3" class="panel-collapse collapse in">
|
||||
<div class="panel-body">
|
||||
<p><strong>1. 作业效率提升</strong><br>
|
||||
智能调度与自动识别显著缩短车辆停留时间，日均作业量提升30%以上。</p>
|
||||
<p><strong>2. 人工成本降低</strong><br>
|
||||
减少现场理货、录入等环节，优化人员配置30%，释放人力用于更高价值工作。</p>
|
||||
<p><strong>3. 数据准确率提升</strong><br>
|
||||
系统自动识别比对，杜绝人工录入错误，确保数据实时、准确、可追溯。</p>
|
||||
<p><strong>4. 客户满意度显著提升</strong><br>
|
||||
作业流程更清晰、响应更及时，客户满意度提升至95%以上，信任度大幅增强。</p>
|
||||
<div class="col col-xs-12 col-md-4">
|
||||
<div class="service-sidebar">
|
||||
<div class="widget related-products-widget">
|
||||
<h4 class="widget-title widget-title-decorated">相关产品</h4>
|
||||
<a class="related-product-card" href="product_full_logistics_chain_platform.html">
|
||||
<div class="product-image">
|
||||
<img src="assets/images/pro/pro-13.webp" alt="全程物流链管理系统">
|
||||
</div>
|
||||
<div class="product-info">
|
||||
<div style="display:flex;justify-content:space-between;align-items:center;">
|
||||
<h5 class="product-title" style="font-family:Helvetica, 'Microsoft Yahei', 微软雅黑, Arial, sans-serif;color:rgb(16, 37, 65);margin:0;">全程物流链管理系统</h5>
|
||||
</div>
|
||||
<p class="product-desc">为船公司、货运代理、报关企业、运输车队、港口场站及仓储服务商等全链条参与者提供智能化协同解决方案。</p>
|
||||
</div>
|
||||
</a>
|
||||
<a class="related-product-card" href="product_shipping_company.html">
|
||||
<div class="product-image">
|
||||
<img src="assets/images/pro/pro-15.webp" alt="岸基船公司运营管理系统">
|
||||
</div>
|
||||
<div class="product-info">
|
||||
<div style="display:flex;justify-content:space-between;align-items:center;">
|
||||
<h5 class="product-title" style="font-family:Helvetica, 'Microsoft Yahei', 微软雅黑, Arial, sans-serif;color:rgb(16, 37, 65);margin:0;">岸基船公司运营管理系统</h5>
|
||||
</div>
|
||||
<p class="product-desc">业务智能操作、船舶动态管理、EDI 无缝交换与决策数据看板，赋能航运全流程一站式解决方案。</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="widget contact-widget">
|
||||
<div>
|
||||
<h5>携手打造数字化智能航运物流</h5>
|
||||
<a href="contact.html">联系我们</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -150,65 +276,25 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col col-md-4">
|
||||
<div class="service-sidebar">
|
||||
<div class="widget related-products-widget">
|
||||
<h4 class="widget-title widget-title-decorated">相关产品</h4>
|
||||
<a href="product_port_cdi_container.html" class="related-product-card">
|
||||
<div class="product-image">
|
||||
<img src="assets/images/pro/pro-6.webp" alt="岸基云码头集装箱智能操作系统">
|
||||
</div>
|
||||
<div class="product-info">
|
||||
<div style="display:flex;justify-content:space-between;align-items:center;">
|
||||
<h5 class="product-title" style="font-family:Helvetica, 'Microsoft Yahei', 微软雅黑, Arial, sans-serif;color:rgb(16, 37, 65);margin:0;">岸基云码头集装箱智能操作系统</h5>
|
||||
</div>
|
||||
<p class="product-desc">集成码头操作、智能计划、智能调度、费收管理、EDI报文转换、统计分析、WEB客户服务、决策支持、维护服务及场站等九大核心子系统。</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="widget contact-widget">
|
||||
<div>
|
||||
<h5>携手打造数字化智能航运物流 </h5>
|
||||
<a href="contact.html">联系我们</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- end container -->
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div style="height: 50px;"></div>
|
||||
<!-- end blog-single-section -->
|
||||
|
||||
<div id="footer"></div>
|
||||
</div>
|
||||
|
||||
<!-- start site-footer -->
|
||||
<!-- start site-footer -->
|
||||
<div id="footer"></div>
|
||||
<!-- end site-footer -->
|
||||
|
||||
<!-- end of page-wrapper -->
|
||||
|
||||
|
||||
|
||||
<!-- All JavaScript files
|
||||
================================================== -->
|
||||
<script src="assets/js/jquery-1.11.0.js"></script>
|
||||
<script src="assets/js/bootstrap.min.js"></script>
|
||||
<script type="text/javascript">
|
||||
|
||||
$("#footer").load("footer.html");
|
||||
$("#header").load("header.html");
|
||||
|
||||
//如果想要操作header.html中的元素，就得等到header.html加载完成后操作
|
||||
$("#footer").load("footer.html", function(){
|
||||
$("#footer").load("footer.html", function() {
|
||||
});
|
||||
</script>
|
||||
<script src="assets/js/classiccase-project-tabs.js"></script>
|
||||
<script src="assets/js/kefu.js"></script>
|
||||
<!-- Plugins for this template -->
|
||||
<script src="assets/js/jquery-plugin-collection.js"></script>
|
||||
|
||||
<!-- Custom script for this template -->
|
||||
<script src="assets/js/script.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user