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

112
solution_port_supply_chain.html
View File

@@ -28,8 +28,13 @@
<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 {
--primary-color: rgba(0, 100, 255, 1);
--primary-color-dark: rgba(0, 80, 200, 1);
--primary-color-light: rgba(0, 100, 255, 0.8);
}
/* ========== Solution Page Styles ========== */
@@ -41,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 {
@@ -51,7 +56,7 @@
right: 0;
width: 60%;
height: 60%;
background: radial-gradient(circle, rgba(0, 150, 136, 0.15) 0%, transparent 70%);
background: radial-gradient(circle, rgba(0, 100, 255, 0.15) 0%, transparent 70%);
animation: blob 8s ease-in-out infinite;
}
@@ -83,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;
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;
}
@@ -123,7 +128,7 @@
.hero-desc {
font-size: 18px;
color: #cbd5e1;
color: #eef6ff;
line-height: 1.8;
max-width: 520px;
margin-bottom: 32px;
@@ -181,7 +186,7 @@
}
.stats-card-container {
backdrop-filter: blur(12px);
padding: 24px 24px 48px 24px;
}
@@ -196,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;
@@ -306,6 +311,7 @@
.pain-point-card {
height: 100%;
padding: 32px;
text-align: center;
background: #f8fafc;
border-radius: 16px;
border: 1px solid #e2e8f0;
@@ -339,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; }
@@ -369,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;
}
@@ -394,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;
@@ -405,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;
@@ -521,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);
@@ -719,8 +725,7 @@
}
.product-card-footer {
padding-top: 20px;
border-top: 1px solid #e2e8f0;
display: flex;
justify-content: space-between;
align-items: center;
@@ -762,7 +767,7 @@
/* Value Section */
.value-section {
padding: 100px 0;
padding: 70px 0;
background: #fff;
}
@@ -854,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;
@@ -882,8 +887,7 @@
right: 0;
width: 50%;
height: 100%;
background: rgba(0, 50, 128, 0.5);
transform: skewX(-12deg) translateX(25%);
}
.advantage-item {
@@ -924,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;
@@ -943,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;
}
@@ -1116,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">
围绕大型港航集团，实现"专业性、一体化、自主可控、AI赋能"的数字化转型。从"物流中心"向"服务中心"升级。
@@ -1167,7 +1170,7 @@
<div class="container">
<div class="section-header reveal">
<h2>直击行业四大核心痛点</h2>
<p>聚焦大型港航集团在数字化转型中面临的共性瓶颈，为您提供精准对策。</p>
<p>行业困境亟待破局，数智升级势在必行</p>
</div>
<div class="row">
@@ -1261,7 +1264,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">
@@ -1274,10 +1277,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">TOS</span>
<span class="product-tag">AI配载</span>
</div>
<h3>岸基云码头智能操作系统</h3>
<p>兼容集装箱、散杂货、油品、滚装船全货种的生产调度。AI智能算法快速生成满足多目标约束的最优配载方案，可视化配载彻底摆脱人工经验依赖。</p>
<div class="product-card-footer">
@@ -1293,10 +1293,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>核心数据存储与计算采用国产分布式数据库。中台负责全域数据采集、治理和建模，提供标准化、信创兼容的API接口服务。</p>
<div class="product-card-footer">
@@ -1312,18 +1309,17 @@
<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>
<h3>岸基网上业务大厅平台 </h3>
<p>提供在线委托、预约、结算、运力撮合等服务。平台已完成对国产操作环境和浏览器的兼容性适配。</p>
<a href="product_ecommerce_obh.html" target="_parent">
<div class="product-card-footer">
<span>了解详情</span>
<div class="product-card-arrow">
<i class="ti-arrow-right"></i>
</div>
</div>
</a>
</div>
</div>
</div>
@@ -1388,7 +1384,7 @@
</div>
<div class="value-content">
<h3>成本优化与风险降低</h3>
<p>AI配载优化了堆场和船舱空间，减少了二次搬倒，降低了运营成本。智能安全系统和AI视频分析，有效降低高风险作业区的安全事故发生率。</p>
<p>AI配载优化了堆场和船舱空间，减少了二次搬倒。智能安全系统和AI视频分析，有效降低高风险作业区的安全事故发生率。</p>
</div>
</div>
</div>
@@ -1493,7 +1489,7 @@
<h3>唐山港京唐港区矿石码头</h3>
</div>
<div class="case-card-body">
<p>针对25万吨级专业矿石码头打造的全流程数字化系统，涵盖智能卸船、堆取料机调度、铁路疏港、视频AI理货等功能，实现生产全流程线上闭环与精细化管控。</p>
<p>针对25万吨级专业矿石码头打造的全流程数字化，涵盖智能卸船、堆取料机调度、视频AI理货等功能，实现生产全流程线上闭环管控。</p>
</div>
</div>
</div>