1
0

产品中心 运码头

This commit is contained in:
2025-12-18 13:25:40 +08:00
parent 5d05c0fdd2
commit 6368f0ac98
8 changed files with 1096 additions and 94 deletions

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>