1
0
This commit is contained in:
2026-04-15 17:35:22 +08:00
parent 188f5274fe
commit d6dc28f62c
140 changed files with 3464 additions and 3137 deletions

View File

@@ -47,7 +47,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 +89,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;
}
@@ -129,7 +129,7 @@
.hero-desc {
font-size: 18px;
color: #cbd5e1;
color: #eef6ff;
line-height: 1.8;
max-width: 520px;
margin-bottom: 32px;
@@ -187,7 +187,7 @@
}
.stats-card-container {
backdrop-filter: blur(12px);
padding: 24px 24px 48px 24px;
}
@@ -202,7 +202,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 +312,7 @@
.pain-point-card {
height: 100%;
padding: 32px;
text-align: center;
background: #f8fafc;
border-radius: 16px;
border: 1px solid #e2e8f0;
@@ -345,8 +346,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 +376,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 +401,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 +412,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 +528,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 +726,7 @@
}
.product-card-footer {
padding-top: 20px;
border-top: 1px solid #e2e8f0;
display: flex;
justify-content: space-between;
align-items: center;
@@ -768,7 +768,7 @@
/* Value Section */
.value-section {
padding: 100px 0;
padding: 70px 0;
background: #fff;
}
@@ -860,7 +860,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 +888,7 @@
right: 0;
width: 50%;
height: 100%;
background: rgba(0, 50, 128, 0.5);
transform: skewX(-12deg) translateX(25%);
}
.advantage-item {
@@ -930,7 +929,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 +948,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,18 +1121,17 @@
<div class="reveal">
<div class="hero-badge">
<span class="pulse-dot"></span>
专注港航信息化20年
内河港航集团
</div>
<h1 class="hero-title">
内河港航<br>
<span class="gradient-text">一体化解决方案</span>
内河港航一体化解决方案
</h1>
<p class="hero-desc">
打破信息孤岛,实现"商流、物流、资金流、信息流"四流合一。助力内河港口从传统装卸向综合物流运营商转型
贯通港口、物流、贸易全链路以“1+3+N”架构驱动内河港航一体化协同助您从“装卸港”迈向“贸易港”
</p>
</div>
</div>
<div class="col-md-6 hero-stats hidden-sm hidden-xs">
<div class="reveal" style="transition-delay: 200ms;">
<div class="stats-card-container">
<div class="stats-grid">
@@ -1173,7 +1171,7 @@
<div class="container">
<div class="section-header reveal">
<h2>直击行业四大核心痛点</h2>
<p>聚焦内河港航集团在转型升级中面临的共性瓶颈,为您提供精准对策。</p>
<p>行业困境亟待破局,数智升级势在必行</p>
</div>
<div class="row">
@@ -1267,7 +1265,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">
@@ -1279,19 +1277,19 @@
<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>
<span class="product-tag">调度</span>
</div>
<h3>岸基云码头智能操作系统</h3>
<p>专为内河港口设计,支持"散货+集装箱+件杂货"一体化管理。涵盖计划、闸口、库场、计费全流程,灵活适应不同规模需求。</p>
<a href="product_port_cdi.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>
@@ -1299,18 +1297,17 @@
<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>
<h3>岸基网络货运平台</h3>
<p>连接货主、车队、船公司。实现车/船/货智能匹配、路径优化及全程可视化追踪,解决"货好找、运难调"难题。</p>
<a href="product_ecommerce_net_cargo.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>
@@ -1318,61 +1315,24 @@
<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>
<div class="product-card-footer">
<a href="product_ecommerce_bctp.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>
</div>
<div class="row">
<div class="col-md-6">
<div class="product-card reveal" style="transition-delay: 300ms;">
<div class="product-card-bar slate"></div>
<div class="product-card-body">
<div class="product-tags">
<span class="product-tag">IoT</span>
<span class="product-tag">自动化</span>
</div>
<h3>智能无人值守系统</h3>
<p>集成智能闸口、无人地磅。通过车牌识别、RFID等技术实现车辆进出港全流程无人化杜绝作弊提升效率。</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-6">
<div class="product-card reveal" style="transition-delay: 400ms;">
<div class="product-card-bar green"></div>
<div class="product-card-body">
<div class="product-tags">
<span class="product-tag">BI</span>
<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>
</section>
@@ -1546,7 +1506,9 @@
</div>
<div class="case-card-body">
<p>实现集团内贸、港、物系统融合,解决"散改集"痛点。助力煤炭等大宗商品线上交易与全链条监管,打造千亿级物流集团。</p>
</div>
</div>
</div>
<div class="col-md-4">