fengjun/ag-index
1
0
Fork 0
Code Activity

up

Browse Source
This commit is contained in:
fengjun
2026-04-15 17:35:22 +08:00
parent 188f5274fe
commit d6dc28f62c
140 changed files with 3464 additions and 3137 deletions
Download Patch File Download Diff File Expand all files Collapse all files

114
solution_supply_chain.html
View File

@@ -28,7 +28,6 @@
<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">
<style>
/* ========== 主色调覆盖 - rgba(0, 100, 255, 1) ========== */
:root {
@@ -47,7 +46,7 @@
align-items: center;
padding-top: 110px; /* header高度80px + 最小间距30px */
overflow: hidden;
background: linear-gradient(135deg, #0422a8 0%, #0c4ab3 50%, #001a4d 100%);
background: url("assets/images/solution/neihe.png");
}
.solution-hero::before {
@@ -89,21 +88,21 @@
gap: 8px;
padding: 6px 16px;
border-radius: 50px;
background: rgba(0, 100, 255, 0.1);
border: 1px solid rgba(0, 100, 255, 0.2);
color: rgba(0, 150, 255, 1);
background: #0066ff;
color: rgb(255, 255, 255);
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 24px 0 0 0;
margin-top: 24px;
}
.hero-badge .pulse-dot {
width: 8px;
height: 8px;
border-radius: 50%;
background: rgba(0, 150, 255, 1);
background: rgb(255, 255, 255);
animation: pulse 2s ease-in-out infinite;
}
@@ -129,7 +128,7 @@
.hero-desc {
font-size: 18px;
color: #cbd5e1;
color: #eef6ff;
line-height: 1.8;
max-width: 520px;
margin-bottom: 32px;
@@ -187,7 +186,7 @@
}
.stats-card-container {
backdrop-filter: blur(12px);
padding: 24px 24px 48px 24px;
}
@@ -202,7 +201,7 @@
background: rgba(0, 50, 128, 0.5);
padding: 30px;
border-radius: 12px;
border: 1px solid rgba(0, 100, 255, 0.3);
box-shadow: -1px 3px 6px 0px rgb(8 75 159 / 33%);
height: 130px;
display: flex;
flex-direction: column;
@@ -312,6 +311,7 @@
.pain-point-card {
height: 100%;
padding: 32px;
text-align: center;
background: #f8fafc;
border-radius: 16px;
border: 1px solid #e2e8f0;
@@ -345,8 +345,8 @@
font-size: 28px;
}
.pain-point-icon.red i { color: #ef4444; }
.pain-point-icon.orange i { color: #f97316; }
.pain-point-icon.red i { color: #0a7cff; }
.pain-point-icon.orange i { color: #00751d; }
.pain-point-icon.yellow i { color: #eab308; }
.pain-point-icon.purple i { color: #a855f7; }
@@ -375,7 +375,7 @@
/* Solution Architecture Section */
.architecture-section {
padding: 100px 0;
background: linear-gradient(135deg, #001a4d 0%, #003080 100%);
background: linear-gradient(135deg, #005dc7 0%, rgb(1, 79, 212) 100%);
color: #fff;
overflow: hidden;
}
@@ -400,8 +400,8 @@
.arch-step-number {
flex-shrink: 0;
width: 48px;
height: 48px;
width: 40px;
height: 40px;
border-radius: 50%;
display: flex;
align-items: center;
@@ -411,32 +411,32 @@
}
.arch-step-number.blue {
background: rgba(0, 100, 255, 0.2);
background: rgba(177, 208, 255, 0.2);
border: 1px solid rgba(0, 100, 255, 0.3);
color: rgba(0, 150, 255, 1);
color: rgb(255, 255, 255);
}
.arch-step-number.cyan {
background: rgba(0, 150, 255, 0.2);
border: 1px solid rgba(0, 150, 255, 0.3);
color: rgba(0, 180, 255, 1);
background: rgba(177, 208, 255, 0.2);
border: 1px solid rgba(0, 100, 255, 0.3);
color: rgb(255, 255, 255);
}
.arch-step-number.indigo {
background: rgba(50, 100, 255, 0.2);
border: 1px solid rgba(50, 100, 255, 0.3);
color: rgba(100, 150, 255, 1);
background: rgba(177, 208, 255, 0.2);
border: 1px solid rgba(0, 100, 255, 0.3);
color: rgb(255, 255, 255);
}
.arch-step-content h4 {
font-size: 20px;
font-size: 18px;
font-weight: 600;
margin-bottom: 8px;
}
.arch-step-content h4.blue { color: rgba(150, 200, 255, 1); }
.arch-step-content h4.cyan { color: rgba(100, 200, 255, 1); }
.arch-step-content h4.indigo { color: rgba(150, 180, 255, 1); }
.arch-step-content h4.blue { color: rgb(255, 255, 255); }
.arch-step-content h4.cyan { color: rgb(255, 255, 255); }
.arch-step-content h4.indigo { color: rgb(255, 255, 255); }
.arch-step-content p {
font-size: 14px;
@@ -527,10 +527,10 @@
position: relative;
width: 100%;
max-width: 700px;
margin: 0 auto;
margin: 20px auto;
background: rgba(255, 255, 255, 0.05);
border-radius: 16px;
padding: 20px;
padding: 10px ;
border: 1px solid rgba(71, 85, 105, 0.5);
backdrop-filter: blur(8px);
box-shadow: 0 20px 60px -20px rgba(0, 0, 0, 0.3);
@@ -725,8 +725,7 @@
}
.product-card-footer {
padding-top: 20px;
border-top: 1px solid #e2e8f0;
display: flex;
justify-content: space-between;
align-items: center;
@@ -768,7 +767,7 @@
/* Value Section */
.value-section {
padding: 100px 0;
padding: 70px 0;
background: #fff;
}
@@ -860,7 +859,7 @@
/* Advantages Section */
.advantages-section {
padding: 100px 0;
background: linear-gradient(135deg, #001a4d 0%, #003080 100%);
background: url("assets/images/solution/bg.png");
color: #fff;
position: relative;
overflow: hidden;
@@ -888,8 +887,7 @@
right: 0;
width: 50%;
height: 100%;
background: rgba(0, 50, 128, 0.5);
transform: skewX(-12deg) translateX(25%);
}
.advantage-item {
@@ -930,7 +928,7 @@
}
.stat-box {
background: rgba(0, 40, 100, 0.8);
background: rgba(0, 40, 100, 0.5);
padding: 28px;
border-radius: 16px;
text-align: center;
@@ -949,7 +947,7 @@
.stat-box .stat-number {
font-size: 36px;
font-weight: 700;
color: rgba(0, 150, 255, 1);
color: rgb(255, 255, 255);
margin-bottom: 8px;
}
@@ -1122,11 +1120,10 @@
<div class="reveal">
<div class="hero-badge">
<span class="pulse-dot"></span>
专注港航信息化20年
贸易/物流/港口
</div>
<h1 class="hero-title">
大宗货物<br>
<span class="gradient-text">供应链解决方案</span>
大宗货物供应链解决方案</span>
</h1>
<p class="hero-desc">
纵向贯穿整个供应链，横向集成物流、商流、资金流、信息流。助力港口从"装卸商"向"单货种供应链服务商"转型。
@@ -1173,7 +1170,7 @@
<div class="container">
<div class="section-header reveal">
<h2>直击行业四大核心痛点</h2>
<p>聚焦大宗货物供应链在数字化转型中面临的共性瓶颈，为您提供精准对策。</p>
<p>行业困境亟待破局，数智升级势在必行</p>
</div>
<div class="row">
@@ -1182,8 +1179,8 @@
<div class="pain-point-icon red">
<i class="ti-package"></i>
</div>
<h3>货种定制化管理深度不足</h3>
<p>传统系统多为通用型，难以满足单一货种在堆存、计量、品质检测、混配等环节的特殊精细化管理需求。</p>
<h3>货种难定制</h3>
<p>通用系统无法满足煤炭、矿石、粮食等大宗货种的精细化管理需求，作业效率低、货损高。</p>
</div>
</div>
<div class="col-md-3 col-sm-6">
@@ -1191,8 +1188,8 @@
<div class="pain-point-icon orange">
<i class="ti-unlink"></i>
</div>
<h3>信息割裂，控链能力弱</h3>
<p>供应链各环节信息互通障碍大，缺乏围绕该货种的统一物流、商流、资金流管理平台，集团控制能力不足。</p>
<h3>信息难打通</h3>
<p>生产、港口、运输、消费方数据割裂，集团对供应链控制力弱、话语权不足。</p>
</div>
</div>
<div class="col-md-3 col-sm-6">
@@ -1200,8 +1197,8 @@
<div class="pain-point-icon yellow">
<i class="ti-exchange-vertical"></i>
</div>
<h3>贸易与物流脱节，价值链短</h3>
<p>港口仅作为物流节点，未能有效整合电子交易、仓储监管和金融服务，难以向全链条服务商转型。</p>
<h3>贸易物流脱节</h3>
<p>港口停留在物流节点角色，未能整合交易、仓储、金融，价值链短、盈利单一。</p>
</div>
</div>
<div class="col-md-3 col-sm-6">
@@ -1209,8 +1206,10 @@
<div class="pain-point-icon purple">
<i class="ti-timer"></i>
</div>
<h3>作业效率与安全成本高企</h3>
<p>缺乏计划前置和实时数据采集，影响船舶装卸、铁路集疏运效率；传统人工安全检查和环保监管成本高昂。</p>
<h3>作业成本高</h3>
<p>计划滞后、数据缺失，装卸效率受限；人工监管、环保靠人，成本居高不下。
</p>
</div>
</div>
</div>
@@ -1267,7 +1266,7 @@
<div class="section-header-flex reveal">
<div class="section-header-left">
<div class="section-label">Product Matrix</div>
<h2>核心产品体系</h2>
<h2>部分产品与服务</h2>
<p>从港口生产到供应链金融，全方位覆盖大宗货物供应链场景。</p>
</div>
<a href="product_eCommerce.html" class="view-all-link hidden-xs">
@@ -1280,10 +1279,7 @@
<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>
<span class="product-tag">计量</span>
</div>
<h3>智慧港口生产管理系统</h3>
<p>支持单货种的堆存区可视化管理，通过物联网中台统一对接地磅、皮带秤、闸口数据，实现计量无人化和数据防篡改。</p>
<div class="product-card-footer">
@@ -1299,10 +1295,7 @@
<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>
<span class="product-tag">一单制</span>
</div>
<h3>智慧全程物流服务系统</h3>
<p>打通单货种集疏运通道，专注铁水联运、公水联运，实现一单到底、全程物流跟踪和可视化，提供一站式客户服务。</p>
<div class="product-card-footer">
@@ -1318,10 +1311,7 @@
<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>
<span class="product-tag">金融</span>
</div>
<h3>供应链商贸与金融服务系统</h3>
<p>围绕单货种货权，提供线上交易平台、在线竞价、交易撮合，以及订单融资、仓单质押等供应链金融服务。</p>
<div class="product-card-footer">