up
This commit is contained in:
@@ -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">
|
||||
|
||||
Reference in New Issue
Block a user