fengjun/ag-index
1
0
Fork 0
Code Activity

产品中心 运码头

Browse Source
This commit is contained in:
fengjun
2025-12-18 13:25:40 +08:00
parent 5d05c0fdd2
commit 6368f0ac98
8 changed files with 1096 additions and 94 deletions
Download Patch File Download Diff File Expand all files Collapse all files

68
assets/images/project/common/菱形宝石-copy.svg
View File

@@ -1,68 +0,0 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg id="_图层_2" data-name="图层 2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 324.32 357.12">
<defs>
<style>
.cls-1 {
fill: url(#_未命名的渐变_17);
}
.cls-2 {
fill: url(#_未命名的渐变_20);
isolation: isolate;
opacity: .67;
}
.cls-3 {
fill: url(#_未命名的渐变_19);
}
.cls-4 {
fill: url(#_未命名的渐变_21);
}
.cls-5 {
fill: #1e4eff;
}
.cls-6 {
fill: url(#_未命名的渐变_18);
}
</style>
<linearGradient id="_未命名的渐变_17" data-name="未命名的渐变 17" x1="48.06" y1="843.69" x2="48.32" y2="844.05" gradientTransform="translate(14468.87 -275797.14) rotate(-180) scale(297.06 -327.05)" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#6184fd"/>
<stop offset="1" stop-color="#2451f2"/>
</linearGradient>
<radialGradient id="_未命名的渐变_18" data-name="未命名的渐变 18" cx="53.3" cy="846.55" fx="53.3" fy="846.55" r="1.74" gradientTransform="translate(118617.47 -42988.16) rotate(-113.66) scale(148.53 -148.53)" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#fff"/>
<stop offset=".15" stop-color="#ffd0d2"/>
<stop offset=".25" stop-color="#ef9aa2"/>
<stop offset=".51" stop-color="#436cf9"/>
<stop offset="1" stop-color="#0037fa"/>
</radialGradient>
<linearGradient id="_未命名的渐变_19" data-name="未命名的渐变 19" x1="49.09" y1="841.59" x2="48.82" y2="840.81" gradientTransform="translate(7379.51 -137443.04) rotate(-180) scale(148.53 -163.53)" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#436cf9"/>
<stop offset="1" stop-color="#2554f8"/>
</linearGradient>
<linearGradient id="_未命名的渐变_20" data-name="未命名的渐变 20" x1="49.58" y1="841.59" x2="49.59" y2="840.59" gradientTransform="translate(5989.07 -137279.53) rotate(-180) scale(117.51 -163.53)" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#436cf9"/>
<stop offset=".45" stop-color="#537aff"/>
<stop offset="1" stop-color="#a2b8ff"/>
</linearGradient>
<radialGradient id="_未命名的渐变_21" data-name="未命名的渐变 21" cx="54.85" cy="849.43" fx="54.85" fy="849.43" r="1.76" gradientTransform="translate(99977.39 6625.18) rotate(-90) scale(117.51 -117.51)" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#00e3ff"/>
<stop offset=".54" stop-color="#436cf9"/>
<stop offset="1" stop-color="#436cf9"/>
</radialGradient>
</defs>
<g id="_图层_1-2" data-name="图层 1">
<g id="_菱形宝石-copy" data-name="菱形宝石-copy">
<rect id="Rectangle" width="324.32" height="357.12"/>
<polygon id="Path" class="cls-1" points="161.69 342.09 13.16 178.56 161.69 15.04 310.22 178.56 161.69 342.09"/>
<polygon class="cls-6" points="162.63 178.56 162.63 15.04 311.16 178.56 162.63 178.56"/>
<polygon class="cls-3" points="13.16 178.56 161.69 15.04 161.69 178.56 13.16 178.56"/>
<polygon class="cls-5" points="161.69 342.09 13.16 178.56 161.69 178.56 161.69 342.09"/>
<polygon class="cls-2" points="220.92 178.56 162.16 342.09 103.41 178.56 220.92 178.56"/>
<polygon class="cls-4" points="220.92 178.56 162.16 15.04 103.41 178.56 220.92 178.56"/>
</g>
</g>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 3.4 KiB

BIN
assets/images/project/port/bulk.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 86 KiB

BIN
assets/images/project/port/cdi.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 81 KiB

BIN
assets/images/solution/chain.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 76 KiB

338
product_port_cdi.html Normal file
View File

@@ -0,0 +1,338 @@
<!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="物流平台开发,O2O物流平台,航运,船代软件,船代系统,船舶代理软件,船舶代理系统,航运大数据,航运电商,互联网+航运,数字化航运,货运代理管理系统,货代系统,货代软件,全程物流链管理系统,全程物流链软件,物流供应链,物流管理系统,协同运输,智慧物流管理系统, 物流平台开发,供应链物流管理">
<link href="assets/css/themify-icons.css" rel="stylesheet">
<link href="assets/css/flaticon.css" rel="stylesheet">
<link rel="stylesheet" href="https://www.jq22.com/jquery/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 2.css" rel="stylesheet">-->
<link href="assets/css/style.css" rel="stylesheet">
<link href="assets/css/pro.css" rel="stylesheet">
<!-- Custom styles for cargo platform page title -->
<style>
/* 产品页面双列布局样式 */
.cargo-platform-content {
display: flex;
flex-wrap: wrap;
}
.cargo-info-left {
width: 580px;
flex: 0 0 580px;
padding-right: 30px;
box-sizing: border-box;
text-align: left;
}
.cargo-info-left h2,
.cargo-info-left p {
text-align: left;
}
.cargo-info-right {
flex: 1;
min-width: 0;
box-sizing: border-box;
}
/* 响应式设计 - 移动端调整为垂直布局 */
@media (max-width: 768px) {
.cargo-platform-content {
flex-direction: column;
}
.cargo-info-left {
width: 100%;
flex: 1;
padding-right: 0;
margin-bottom: 20px;
}
.cargo-info-right {
width: 100%;
}
}
/* Swiper轮播居中父容器 */
.main2 {
display: flex;
justify-content: center;
width: 100%;
}
</style>
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!--[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>
<!-- start page-wrapper -->
<div class="page-wrapper">
<!-- start preloader -->
<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>
<!-- end preloader -->
<!-- Start header -->
<div id="header"></div>
<!-- end of header -->
<!-- start page-title -->
<section class="page-title page-title-cargo-platform">
<div class="container" style="padding-top:0px">
<div class="row">
<div class="cargo-platform-content col col-xs-12 col-md-12">
<div class="cargo-info-left">
<h2 id="cargoTitle" style="margin-bottom: 20px;color:black;">岸基云码头智能操作系统(集散一体化版)</h2>
<p style="font-size: 16px; line-height: 1.8;color:black;">
云码头智能操作平台是覆盖码头全流程的通用套装软件，涵盖码头操作、智能计划、智能调度、费收管理、EDI报文转换、统计分析、WEB客户服务、决策支持、维护服务及CFS等九大核心子系统。平台适用于集装箱码头、散杂货码头、液化码头及综合型码头的生产作业全周期管理，赋能大型港口集团实现业务统一化、标准化管控。通过自动计划排产、实时作业监控、自动船舶配载及智能集卡调度等功能，全面提升码头运营效率与智能化水平。
</p>
</div>
<div class="cargo-info-right"></div>
</div>
</div> <!-- end row -->
</div> <!-- end container -->
</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> &gt; <a href="product_eCommerce.html">产品中心</a> &gt; 岸基云码头智能操作系统(集散一体化版)
</div>
</div>
</div>
</div>
<section class="section-padding">
<div class="container">
<div class="row">
<div style="text-align: center;">
<div>
<h1 style="margin-bottom: 30px;">产品功能亮点</h1>
</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/编组-14.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/资源_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/资源_3.svg" alt="智能船舶配载">
</div>
<div class="feature-card-body">
<h4>智能船舶配载</h4>
<p>支持手工/EDI报文预配，自动生成可拆分合并的配载队列，结合分桥操作优化与专家知识库，通过参数调整生成差异化方案，提供配载报告分析与智能修正。</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>BS架构图形化实时展示整船箱进度、堆场机械位置及箱位分布，模拟真实堆场动态，提升作业监控精度。</p>
</div>
</div>
<div class="feature-card">
<div class="feature-card-icon">
<img src="assets/images/project/common/编组-14.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/资源_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/资源_3.svg" alt="查验作业全流程可视">
</div>
<div class="feature-card-body">
<h4>查验作业全流程可视</h4>
<p>图形化展示机查/人查排队队列、作业区箱位状态及实时进度，通过EDI与海关同步查验指令与结果，集成地磅数据自动采集，实现残损登记可视化。</p>
</div>
</div>
</div>
</div>
</div>
</div> <!-- end container -->
</section>
<!-- 产品架构图区域 - 全宽背景 -->
<section style="background: linear-gradient(135deg, #d2e5fa 0%, #f0f7ff 30%, #f5f9ff 70%, #d2e7fd 100%)">
<div class="container" style="padding:40px;">
<div class="row">
<div class="col col-xs-12 text-center">
<h1 style="margin:40px 0 30px 0;">产品架构</h1>
<img src="assets/images/project/port/cdi.png"
class="img-responsive center-block" />
</div>
</div>
</div>
</section>
<section >
<div class="container">
<div class="row">
<div style="text-align: center;padding-top: 60px;">
<div>
<h1 style="margin-bottom: 10px;">产品优势</h1>
</div>
</div>
</div>
<div class="row">
<div class="col col-xs-12">
<div class="service-grids services-slider clearfix">
<div class="feature-card feature-card-advantage">
<div class="feature-card-icon">
<h4>智能流程重塑运营标准</h4>
</div>
<div class="feature-card-body">
<p>通过系统固化港口业务管理流程，强化操作规范性，取消部分内部纸质单证，实现全流程无纸化运作，显著提升作业效率与合规性。</p>
</div>
</div>
<div class="feature-card feature-card-advantage">
<div class="feature-card-icon">
<h4>自动化驱动实时决策</h4>
</div>
<div class="feature-card-body">
<p>地磅自动称重、闸口智能识别、手机理货数据同步、车载终端实时回传等技术实现关键业务自动化，数据采集时效性提升，赋能高效监管与动态决策。</p>
</div>
</div>
<div class="feature-card feature-card-advantage">
<div class="feature-card-icon">
<h4>全要素可视化管控</h4>
</div>
<div class="feature-card-body">
<p>图形化界面直观展示货物状态、作业计划及执行进度，实现计划、货物、作业等核心信息的可视化管理，提升运营透明度。</p>
</div>
</div>
<div class="feature-card feature-card-advantage">
<div class="feature-card-icon">
<h4>全域运行实时监控</h4>
</div>
<div class="feature-card-body">
<p>对港口船舶动态、货物位置、机械状态、车辆轨迹进行在线监控，即时发现运营异常，加速问题响应，提升货物流转效率。</p>
</div>
</div>
</div>
</div>
</div>
</div> <!-- end container -->
</section>
<!-- start site-footer -->
<!-- start site-footer -->
<div id="footer"></div>
<!-- end site-footer -->
</div>
<!-- end of page-wrapper -->
<!-- All JavaScript files
================================================== -->
<script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script>
<script src="assets/js/bootstrap.min.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>
<script type="text/javascript">
$("#footer").load("footer.html");
$("#header").load("header.html");
// 初始化功能卡片轮播 - 使用 Owl Carousel
$(document).ready(function() {
$(".feature-cards-slider").owlCarousel({
loop: true,
margin: 25,
smartSpeed: 500,
autoplay: true,
autoplayTimeout: 5000,
autoplayHoverPause: true,
dots: false,
nav: false,
responsive: {
0: {
items: 1
},
768: {
items: 2
},
992: {
items: 3
}
}
});
});
</script>
</body>
</html>

336
product_port_cdi_bulk.html Normal file
View File

@@ -0,0 +1,336 @@
<!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="物流平台开发,O2O物流平台,航运,船代软件,船代系统,船舶代理软件,船舶代理系统,航运大数据,航运电商,互联网+航运,数字化航运,货运代理管理系统,货代系统,货代软件,全程物流链管理系统,全程物流链软件,物流供应链,物流管理系统,协同运输,智慧物流管理系统, 物流平台开发,供应链物流管理">
<link href="assets/css/themify-icons.css" rel="stylesheet">
<link href="assets/css/flaticon.css" rel="stylesheet">
<link rel="stylesheet" href="https://www.jq22.com/jquery/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 2.css" rel="stylesheet">-->
<link href="assets/css/style.css" rel="stylesheet">
<link href="assets/css/pro.css" rel="stylesheet">
<!-- Custom styles for cargo platform page title -->
<style>
/* 产品页面双列布局样式 */
.cargo-platform-content {
display: flex;
flex-wrap: wrap;
}
.cargo-info-left {
width: 580px;
flex: 0 0 580px;
padding-right: 30px;
box-sizing: border-box;
text-align: left;
}
.cargo-info-left h2,
.cargo-info-left p {
text-align: left;
}
.cargo-info-right {
flex: 1;
min-width: 0;
box-sizing: border-box;
}
/* 响应式设计 - 移动端调整为垂直布局 */
@media (max-width: 768px) {
.cargo-platform-content {
flex-direction: column;
}
.cargo-info-left {
width: 100%;
flex: 1;
padding-right: 0;
margin-bottom: 20px;
}
.cargo-info-right {
width: 100%;
}
}
/* Swiper轮播居中父容器 */
.main2 {
display: flex;
justify-content: center;
width: 100%;
}
</style>
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!--[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>
<!-- start page-wrapper -->
<div class="page-wrapper">
<!-- start preloader -->
<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>
<!-- end preloader -->
<!-- Start header -->
<div id="header"></div>
<!-- end of header -->
<!-- start page-title -->
<section class="page-title page-title-cargo-platform">
<div class="container" style="padding-top:0px">
<div class="row">
<div class="cargo-platform-content col col-xs-12 col-md-12">
<div class="cargo-info-left">
<h2 id="cargoTitle" style="margin-bottom: 20px;color:black;">岸基云码头智能操作系统(散杂货版)</h2>
<p style="font-size: 16px; line-height: 1.8;color:black;">
岸基云码头散杂货操作系统是基于云端部署的多租户通用套装软件，集成码头操作、智能计划、智能调度、费收管理、EDI报文转换、统计分析、WEB客户服务、决策支持、维护服务及场站等九大核心子系统。系统通过图形化操作界面与智能算法平台，实现自动计划排产、实时作业监控、自动船舶配载及智能机械调度。全面适配门机、堆高机、拖车、装载机等多元设备工艺，通过对泊位、堆场、机械资源的智能化管控，提升散杂货码头作业效率。模块化设计保障系统扩展性，按需调用IT资源降低投资与运维成本，并通过集群部署、负载均衡及数据异地存储技术确保系统安全可靠。
</p>
</div>
<div class="cargo-info-right"></div>
</div>
</div> <!-- end row -->
</div> <!-- end container -->
</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> &gt; <a href="product_eCommerce.html">产品中心</a> &gt; 岸基云码头智能操作系统(散杂货版)
</div>
</div>
</div>
</div>
<section class="section-padding">
<div class="container">
<div class="row">
<div style="text-align: center;">
<div>
<h1 style="margin-bottom: 30px;">产品功能亮点</h1>
</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/Group-5-Copy-3.svg" alt="智能化码头管理系统">
</div>
<div class="feature-card-body">
<h4>智能化码头管理系统</h4>
<p>系统运用先进算法，实现了智能闸口，OCR，RFID，GPS差分，移动互联方面的智能化。</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/资源_9.svg" alt="互联网多租户码头系统">
</div>
<div class="feature-card-body">
<h4>互联网多租户码头系统</h4>
<p>系统支持SaaS模式的多码头运营管理，适合于集团下多个码头的统一部署和分布式独立操作。</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>系统采用BS模式设计实现，简化了系统的开发、维护和使用。系统支持B2C，B2C商业模式。</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> <!-- end container -->
</section>
<!-- 产品架构图区域 - 全宽背景 -->
<section style="background: linear-gradient(135deg, #d2e5fa 0%, #f0f7ff 30%, #f5f9ff 70%, #d2e7fd 100%)">
<div class="container" style="padding:40px;">
<div class="row">
<div class="col col-xs-12 text-center">
<h1 style="margin:40px 0 30px 0;">产品架构</h1>
<img src="assets/images/project/port/bulk.png"
class="img-responsive center-block" />
</div>
</div>
</div>
</section>
<section >
<div class="container">
<div class="row">
<div style="text-align: center;padding-top: 60px;">
<div>
<h1 style="margin-bottom: 10px;">产品优势</h1>
</div>
</div>
</div>
<div class="row">
<div class="col col-xs-12">
<div class="service-grids services-slider clearfix">
<div class="feature-card feature-card-advantage">
<div class="feature-card-icon">
<h4>资源弹性调度</h4>
</div>
<div class="feature-card-body">
<p>置机房与服务器硬件，资源按需弹性调用，显著降低基础设施投入与闲置浪费。</p>
</div>
</div>
<div class="feature-card feature-card-advantage">
<div class="feature-card-icon">
<h4>全托管式智能运维</h4>
</div>
<div class="feature-card-body">
<p>平台资源大屏实时监控，支持多方式预警通知，用户无需关注底层运维，聚焦核心业务发展。</p>
</div>
</div>
<div class="feature-card feature-card-advantage">
<div class="feature-card-icon">
<h4>统一化便捷操作</h4>
</div>
<div class="feature-card-body">
<p>公有云与私有云统一登录控制台，全平台图形化操作界面，大幅降低使用门槛与培训成本。</p>
</div>
</div>
<div class="feature-card feature-card-advantage">
<div class="feature-card-icon">
<h4>军工级安全防护</h4>
</div>
<div class="feature-card-body">
<p>平台级综合安全防护方案，多副本数据存储支持"两地三中心"异地容灾架构，保障数据零丢失。</p>
</div>
</div>
<div class="feature-card feature-card-advantage">
<div class="feature-card-icon">
<h4>企业级可靠保障</h4>
</div>
<div class="feature-card-body">
<p>负载均衡自动分流请求，多项目资源隔离避免干扰，多应用集群数据读写分离提升系统稳定性。</p>
</div>
</div>
<div class="feature-card feature-card-advantage">
<div class="feature-card-icon">
<h4>开放标准云平台</h4>
</div>
<div class="feature-card-body">
<p>基于OpenStack主流云架构，确保技术兼容性与生态扩展性，规避厂商绑定风险。</p>
</div>
</div>
</div>
</div>
</div>
</div> <!-- end container -->
</section>
<!-- start site-footer -->
<!-- start site-footer -->
<div id="footer"></div>
<!-- end site-footer -->
</div>
<!-- end of page-wrapper -->
<!-- All JavaScript files
================================================== -->
<script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script>
<script src="assets/js/bootstrap.min.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>
<script type="text/javascript">
$("#footer").load("footer.html");
$("#header").load("header.html");
// 初始化功能卡片轮播 - 使用 Owl Carousel
$(document).ready(function() {
$(".feature-cards-slider").owlCarousel({
loop: true,
margin: 25,
smartSpeed: 500,
autoplay: true,
autoplayTimeout: 5000,
autoplayHoverPause: true,
dots: false,
nav: false,
responsive: {
0: {
items: 1
},
768: {
items: 2
},
992: {
items: 3
}
}
});
});
</script>
</body>
</html>

338
product_port_cdi_container.html Normal file
View File

@@ -0,0 +1,338 @@
<!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="物流平台开发,O2O物流平台,航运,船代软件,船代系统,船舶代理软件,船舶代理系统,航运大数据,航运电商,互联网+航运,数字化航运,货运代理管理系统,货代系统,货代软件,全程物流链管理系统,全程物流链软件,物流供应链,物流管理系统,协同运输,智慧物流管理系统, 物流平台开发,供应链物流管理">
<link href="assets/css/themify-icons.css" rel="stylesheet">
<link href="assets/css/flaticon.css" rel="stylesheet">
<link rel="stylesheet" href="https://www.jq22.com/jquery/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 2.css" rel="stylesheet">-->
<link href="assets/css/style.css" rel="stylesheet">
<link href="assets/css/pro.css" rel="stylesheet">
<!-- Custom styles for cargo platform page title -->
<style>
/* 产品页面双列布局样式 */
.cargo-platform-content {
display: flex;
flex-wrap: wrap;
}
.cargo-info-left {
width: 580px;
flex: 0 0 580px;
padding-right: 30px;
box-sizing: border-box;
text-align: left;
}
.cargo-info-left h2,
.cargo-info-left p {
text-align: left;
}
.cargo-info-right {
flex: 1;
min-width: 0;
box-sizing: border-box;
}
/* 响应式设计 - 移动端调整为垂直布局 */
@media (max-width: 768px) {
.cargo-platform-content {
flex-direction: column;
}
.cargo-info-left {
width: 100%;
flex: 1;
padding-right: 0;
margin-bottom: 20px;
}
.cargo-info-right {
width: 100%;
}
}
/* Swiper轮播居中父容器 */
.main2 {
display: flex;
justify-content: center;
width: 100%;
}
</style>
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!--[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>
<!-- start page-wrapper -->
<div class="page-wrapper">
<!-- start preloader -->
<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>
<!-- end preloader -->
<!-- Start header -->
<div id="header"></div>
<!-- end of header -->
<!-- start page-title -->
<section class="page-title page-title-cargo-platform">
<div class="container" style="padding-top:0px">
<div class="row">
<div class="cargo-platform-content col col-xs-12 col-md-12">
<div class="cargo-info-left">
<h2 id="cargoTitle" style="margin-bottom: 20px;color:black;">岸基云码头智能操作系统(集装箱版)</h2>
<p style="font-size: 16px; line-height: 1.8;color:black;">
岸基云码头集装箱操作系统是基于云端部署的多租户通用套装软件，集成码头操作、智能计划、智能调度、费收管理、EDI报文转换、统计分析、WEB客户服务、决策支持、维护服务及场站等九大核心子系统。系统通过图形化操作界面与智能算法平台，实现自动计划排产、实时作业监控、自动船舶配载及智能集卡调度。全面适配岸桥、场桥、门机、堆高机、拖车等多元设备工艺，通过对泊位、堆场、机械资源的智能化管控，提升集装箱码头作业效率。模块化设计保障系统扩展性，按需调用IT资源降低投资与运维成本，并通过集群部署、负载均衡及数据异地存储技术确保系统安全可靠。
</p>
</div>
<div class="cargo-info-right"></div>
</div>
</div> <!-- end row -->
</div> <!-- end container -->
</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> &gt; <a href="product_eCommerce.html">产品中心</a> &gt; 岸基云码头智能操作系统(集装箱版)
</div>
</div>
</div>
</div>
<section class="section-padding">
<div class="container">
<div class="row">
<div style="text-align: center;">
<div>
<h1 style="margin-bottom: 30px;">产品功能亮点</h1>
</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/编组-2-copy-5.svg" alt="智能船舶配载">
</div>
<div class="feature-card-body">
<h4>智能船舶配载</h4>
<p>支持手工/EDI报文预配，自动生成可拆分合并的配载队列，结合分桥操作优化与专家知识库，通过参数调整生成差异化方案，提供配载报告分析与智能修正。</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>BS架构图形化实时展示整船箱进度、堆场机械位置及箱位分布，模拟真实堆场动态，提升作业监控精度。</p>
</div>
</div>
<div class="feature-card">
<div class="feature-card-icon">
<img src="assets/images/project/common/Group-15-Copy-3.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/资源_4.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/Group-5-Copy-3.svg" alt="查验作业全流程可视">
</div>
<div class="feature-card-body">
<h4>查验作业全流程可视</h4>
<p>图形化展示机查/人查排队队列、作业区箱位状态及实时进度，通过EDI与海关同步查验指令与结果，集成地磅数据自动采集，实现残损登记可视化。</p>
</div>
</div>
</div>
</div>
</div>
</div> <!-- end container -->
</section>
<!-- 产品架构图区域 - 全宽背景 -->
<section style="background: linear-gradient(135deg, #d2e5fa 0%, #f0f7ff 30%, #f5f9ff 70%, #d2e7fd 100%)">
<div class="container" style="padding:40px;">
<div class="row">
<div class="col col-xs-12 text-center">
<h1 style="margin:40px 0 30px 0;">产品架构</h1>
<img src="assets/images/project/port/cdi.png"
class="img-responsive center-block" />
</div>
</div>
</div>
</section>
<section >
<div class="container">
<div class="row">
<div style="text-align: center;padding-top: 60px;">
<div>
<h1 style="margin-bottom: 10px;">产品优势</h1>
</div>
</div>
</div>
<div class="row">
<div class="col col-xs-12">
<div class="service-grids services-slider clearfix">
<div class="feature-card feature-card-advantage">
<div class="feature-card-icon">
<h4>流程标准化与无纸化</h4>
</div>
<div class="feature-card-body">
<p>通过系统固化港口业务管理流程，强化操作规范性，取消部分内部纸质单证，实现全流程无纸化运作，显著提升作业效率与合规性。</p>
</div>
</div>
<div class="feature-card feature-card-advantage">
<div class="feature-card-icon">
<h4>自动化驱动实时决策</h4>
</div>
<div class="feature-card-body">
<p>地磅自动称重、闸口智能识别、手机理货数据同步、车载终端实时回传等技术实现关键业务自动化，数据采集时效性提升，赋能高效监管与动态决策。</p>
</div>
</div>
<div class="feature-card feature-card-advantage">
<div class="feature-card-icon">
<h4>全要素可视化管控</h4>
</div>
<div class="feature-card-body">
<p>图形化界面直观展示货物状态、作业计划及执行进度，实现计划、货物、作业等核心信息的可视化管理，提升运营透明度。</p>
</div>
</div>
<div class="feature-card feature-card-advantage">
<div class="feature-card-icon">
<h4>全域运行实时监控</h4>
</div>
<div class="feature-card-body">
<p>对港口船舶动态、货物位置、机械状态、车辆轨迹进行在线监控，即时发现运营异常，加速问题响应，提升货物流转效率。</p>
</div>
</div>
</div>
</div>
</div>
</div> <!-- end container -->
</section>
<!-- start site-footer -->
<!-- start site-footer -->
<div id="footer"></div>
<!-- end site-footer -->
</div>
<!-- end of page-wrapper -->
<!-- All JavaScript files
================================================== -->
<script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script>
<script src="assets/js/bootstrap.min.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>
<script type="text/javascript">
$("#footer").load("footer.html");
$("#header").load("header.html");
// 初始化功能卡片轮播 - 使用 Owl Carousel
$(document).ready(function() {
$(".feature-cards-slider").owlCarousel({
loop: true,
margin: 25,
smartSpeed: 500,
autoplay: true,
autoplayTimeout: 5000,
autoplayHoverPause: true,
dots: false,
nav: false,
responsive: {
0: {
items: 1
},
768: {
items: 2
},
992: {
items: 3
}
}
});
});
</script>
</body>
</html>

110
solution_logistics_chain.html
View File

@@ -84,7 +84,7 @@
border-radius: 50px;
background: rgba(0, 150, 136, 0.1);
border: 1px solid rgba(0, 150, 136, 0.2);
color: rgba(0, 200, 180, 1);
color: rgba(0, 150, 255, 1);
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
@@ -96,7 +96,7 @@
width: 8px;
height: 8px;
border-radius: 50%;
background: rgba(0, 200, 180, 1);
background: rgba(0, 150, 255, 1);
animation: pulse 2s ease-in-out infinite;
}
@@ -114,7 +114,7 @@
}
.hero-title .gradient-text {
background: linear-gradient(90deg, rgba(0, 200, 180, 1), rgba(100, 220, 200, 1));
background: linear-gradient(90deg, rgba(0, 150, 255, 1), rgba(100, 200, 255, 1));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
@@ -139,7 +139,7 @@
align-items: center;
gap: 8px;
padding: 14px 28px;
background: rgba(0, 150, 136, 1);
background: rgba(0, 100, 255, 1);
color: #fff;
border-radius: 8px;
font-weight: 500;
@@ -149,7 +149,7 @@
}
.btn-primary-custom:hover {
background: rgba(0, 121, 107, 1);
background: rgb(0, 57, 121);
color: #fff;
transform: translateY(-2px);
}
@@ -216,9 +216,9 @@
display: block;
}
.stat-item .stat-icon.teal { color: rgba(0, 200, 180, 1); }
.stat-item .stat-icon.teal { color: rgb(0, 127, 200); }
.stat-item .stat-icon.cyan { color: rgba(0, 188, 212, 1); }
.stat-item .stat-icon.green { color: rgba(76, 175, 80, 1); }
.stat-item .stat-icon.green { color: rgb(76, 153, 175); }
.stat-item .stat-icon.amber { color: rgba(255, 193, 7, 1); }
.stat-item .stat-number {
@@ -406,7 +406,7 @@
.arch-step-number.teal {
background: rgba(0, 150, 136, 0.2);
border: 1px solid rgba(0, 150, 136, 0.3);
color: rgba(0, 200, 180, 1);
color: rgb(0, 123, 200);
}
.arch-step-number.cyan {
@@ -601,7 +601,7 @@
.section-label {
font-size: 12px;
font-weight: 700;
color: rgba(0, 150, 136, 1);
color: rgba(0, 100, 255, 1);
text-transform: uppercase;
letter-spacing: 2px;
margin-bottom: 8px;
@@ -624,7 +624,7 @@
display: inline-flex;
align-items: center;
gap: 8px;
color: rgba(0, 150, 136, 1);
color: rgba(0, 100, 255, 1);
font-weight: 600;
text-decoration: none;
transition: color 0.3s ease;
@@ -675,6 +675,7 @@
.product-card-bar.amber { background: rgba(255, 193, 7, 1); }
.product-card-bar.indigo { background: rgba(63, 81, 181, 1); }
.product-card-bar.purple { background: rgba(156, 39, 176, 1); }
.product-card-bar.blue { background: rgba(0, 100, 255, 1); }
.product-card-body {
padding: 28px;
@@ -707,7 +708,7 @@
}
.product-card:hover h3 {
color: rgba(0, 150, 136, 1);
color: rgba(0, 100, 255, 1);
}
.product-card-body > p {
@@ -733,7 +734,7 @@
}
.product-card:hover .product-card-footer span {
color: rgba(0, 150, 136, 1);
color: rgba(0, 100, 255, 1);
}
.product-card-arrow {
@@ -753,7 +754,7 @@
}
.product-card:hover .product-card-arrow {
background: rgba(0, 150, 136, 1);
background: rgba(0, 100, 255, 1);
}
.product-card:hover .product-card-arrow i {
@@ -779,7 +780,7 @@
}
.value-item:hover {
background: rgba(0, 150, 136, 1);
background: rgba(0, 100, 255, 1);
}
.value-item:hover *:not(.value-icon i) {
@@ -1030,7 +1031,7 @@
.case-project {
font-size: 14px;
font-weight: 600;
color: rgba(0, 150, 136, 1);
color: rgba(0, 100, 255, 1);
margin-bottom: 12px;
}
@@ -1289,11 +1290,11 @@
<div class="product-card-bar blue"></div>
<div class="product-card-body">
<div class="product-tags">
<span class="product-tag">TOS</span>
<span class="product-tag">AI配载</span>
<span class="product-tag">船公司</span>
</div>
<h3>岸基云码头智能操作系统</h3>
<p>兼容集装箱、散杂货、油品、滚装船全货种的生产调度。AI智能算法快速生成满足多目标约束的最优配载方案，可视化配载彻底摆脱人工经验依赖。</p>
<h3>岸基船公司运营管理系统</h3>
<p>业务智能操作、船舶动态管理、EDI无缝交换、决策数据看板，赋能航运全流程一站式解决方案。</p>
<div class="product-card-footer">
<span>了解详情</span>
<div class="product-card-arrow">
@@ -1308,11 +1309,11 @@
<div class="product-card-bar cyan"></div>
<div class="product-card-body">
<div class="product-tags">
<span class="product-tag">数据中台</span>
<span class="product-tag">信创</span>
<span class="product-tag">船公司</span>
</div>
<h3>集团级数据中台与信创统一接口平台</h3>
<p>核心数据存储与计算采用国产分布式数据库。中台负责全域数据采集、治理和建模，提供标准化、信创兼容的API接口服务。</p>
<h3>岸基船舶管理系统</h3>
<p>根据船公司的经营和运营管理特点，定制化开发符合船公司适用的船舶综合管理系统。实现经营管理和运营管理一体化、体系和经营一体化、业务财务一体化，提升各部门间的数据共享和协同能力。</p>
<div class="product-card-footer">
<span>了解详情</span>
<div class="product-card-arrow">
@@ -1327,10 +1328,10 @@
<div class="product-card-bar indigo"></div>
<div class="product-card-body">
<div class="product-tags">
<span class="product-tag">门户</span>
<span class="product-tag">运力撮合</span>
<span class="product-tag">全程物流链</span>
</div>
<h3>岸基网上业务大厅与供应链运力交易大厅</h3>
<h3>岸基仓储管理系统</h3>
<p>提供在线委托、预约、结算、运力撮合等服务。平台已完成对国产操作环境和浏览器的兼容性适配。</p>
<div class="product-card-footer">
<span>了解详情</span>
@@ -1340,6 +1341,63 @@
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="product-card reveal">
<div class="product-card-bar blue"></div>
<div class="product-card-body">
<div class="product-tags">
<span class="product-tag">全程物流链</span>
</div>
<h3>岸基船舶代理系统</h3>
<p>面向船代公司提供完整业务操作解决方案，通过“互联网+”服务模式满足企业内部操作需求。支持船务、单证、箱管、商务、财务等多部门协同，搭建智能高效业务平台，实现线上线下“一站式”服务。</p>
<div class="product-card-footer">
<span>了解详情</span>
<div class="product-card-arrow">
<i class="ti-arrow-right"></i>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="product-card reveal" style="transition-delay: 100ms;">
<div class="product-card-bar cyan"></div>
<div class="product-card-body">
<div class="product-tags">
<span class="product-tag">全程物流链</span>
</div>
<h3>岸基货运代理系统</h3>
<p>针对货代业务特点，运用先进计算机技术，提升业务单证的智能识别、费用智能对账等服务能力，实现业务的标准化、流程化、智能化操作，实现货物委托、提单确认、海关预配、EDI、费用结算、客户服务等业务的高效操作。</p>
<div class="product-card-footer">
<span>了解详情</span>
<div class="product-card-arrow">
<i class="ti-arrow-right"></i>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="product-card reveal" style="transition-delay: 200ms;">
<div class="product-card-bar indigo"></div>
<div class="product-card-body">
<div class="product-tags">
<span class="product-tag">全程物流链</span>
</div>
<h3>岸基车辆运输管理系统</h3>
<p>专门用于优化和管理运输流程的解决方案，系统以业财一体化的管理理念，优化车辆调度，实现运输收入、成本的精细化管理。</p>
<div class="product-card-footer">
<span>了解详情</span>
<div class="product-card-arrow">
<i class="ti-arrow-right"></i>
</div>
</div>
</div>
</div>
</div>
</div>
</div>