产品中心 运码头
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user