diff --git a/assets/css/product.css b/assets/css/product.css index 8357126..a220f0e 100644 --- a/assets/css/product.css +++ b/assets/css/product.css @@ -38,7 +38,8 @@ @media screen and (min-width: 992px) { .page-title.page-title-cargo-platform .container.product-hero-container, .page-title.page-title-cargo-platform1 .container.product-hero-container, - .page-title.page-title-cargo-platform2 .container.product-hero-container { + .page-title.page-title-cargo-platform2 .container.product-hero-container, + .page-title.page-title-cargo-platform3 .container.product-hero-container { padding-top: 0; } } @@ -55,7 +56,9 @@ .page-title-cargo-platform .product-hero-title, .page-title-cargo-platform .product-hero-description, .page-title-cargo-platform2 .product-hero-title, -.page-title-cargo-platform2 .product-hero-description { +.page-title-cargo-platform2 .product-hero-description, +.page-title-cargo-platform3 .product-hero-title, +.page-title-cargo-platform3 .product-hero-description { color: #021c3e; } @@ -99,6 +102,10 @@ margin: 0 0 20px; } +.product-architecture-section--gradient img { + max-width: 80%; +} + .product-advantages-header { padding-top: 60px; margin-bottom: var(--product-section-heading-gap); @@ -122,7 +129,7 @@ } .product-advantages-section { - padding-bottom: 96px; + padding-bottom: 48px; } .feature-highlight-section { @@ -392,3 +399,144 @@ width: 100%; } } + +.cases-section { + padding: 20px 0 100px 0; + background: #f8fafc; +} + +.cases-section .product-advantages-header, +.cases-section .product-advantages-header > div, +.cases-section .product-advantages-title, +.cases-section .product-advantages-header p { + text-align: center; +} + +.cases-section .product-advantages-header { + width: 100%; +} + +.case-card-link { + display: flex; + width: 100%; + height: 100%; + color: inherit; + text-decoration: none; +} + +.case-card-link:hover, +.case-card-link:focus { + color: inherit; + text-decoration: none; +} + +.cases-section .row + .row { + margin-top: 30px; +} + +.cases-section .row { + display: flex; + flex-wrap: wrap; +} + +.cases-section .col-md-4 { + display: flex; +} + +.case-card { + background: #fff; + border-radius: 16px; + overflow: hidden; + box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06); + border: 1px solid #e2e8f0; + height: 100%; + width: 100%; + display: flex; + flex-direction: column; +} + +.case-card-header { + position: relative; + padding: 28px; + display: flex; + align-items: center; + justify-content: center; + text-align: center; + overflow: hidden; +} + +.case-card-header.blue { + background: linear-gradient(135deg, rgba(0, 60, 180, 1), rgba(0, 100, 255, 1)); +} + +.case-card-header.cyan { + background: linear-gradient(135deg, rgba(0, 80, 200, 1), rgba(0, 120, 255, 1)); +} + +.case-card-header.teal { + background: linear-gradient(135deg, rgba(0, 110, 140, 1), rgba(0, 160, 190, 1)); +} + +.case-card-header.green { + background: linear-gradient(135deg, rgba(0, 120, 90, 1), rgba(40, 180, 120, 1)); +} + +.case-card-header.indigo { + background: linear-gradient(135deg, rgba(30, 60, 180, 1), rgba(50, 100, 255, 1)); +} + +.case-card-header::before { + content: ''; + position: absolute; + top: -50%; + right: -10%; + width: 160px; + height: 160px; + border-radius: 50%; + background: rgba(255, 255, 255, 0.1); +} + +.case-card-header h3 { + position: relative; + font-size: 18px; + font-weight: 700; + color: #fff; + margin: 0; + width: 100%; + text-align: center; +} + +.case-card-body { + padding: 28px; + flex: 1; + display: flex; + align-items: flex-start; +} + +.case-project { + font-size: 14px; + font-weight: 600; + color: rgba(0, 100, 255, 1); + margin-bottom: 12px; +} + +.case-card-body p { + font-size: 14px; + color: #64748b; + line-height: 1.7; + margin: 0; + display: -webkit-box; + overflow: hidden; + -webkit-box-orient: vertical; + -webkit-line-clamp: 5; +} + +@media (max-width: 767px) { + .cases-section .row + .row { + margin-top: 24px; + } + + .cases-section .col-md-4 + .col-md-4 { + margin-top: 24px; + } +} diff --git a/assets/css/style.css b/assets/css/style.css index dba3003..7a2204d 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -680,7 +680,7 @@ img { .page-title6 { background: url("../images/page-title6.png.webp") center center/cover no-repeat local; width: 100%; - height: 360px; + height: 330px; position: relative; text-align: center; } diff --git a/assets/images/product/yunchangzhan/duichangtuxinghuaquanjingkeshihua.png b/assets/images/product/yunchangzhan/duichangtuxinghuaquanjingkeshihua.png new file mode 100644 index 0000000..19771eb Binary files /dev/null and b/assets/images/product/yunchangzhan/duichangtuxinghuaquanjingkeshihua.png differ diff --git a/assets/images/product/yunchangzhan/duoluzuoyezhinengjunhengdiaodu.png b/assets/images/product/yunchangzhan/duoluzuoyezhinengjunhengdiaodu.png new file mode 100644 index 0000000..a598ddc Binary files /dev/null and b/assets/images/product/yunchangzhan/duoluzuoyezhinengjunhengdiaodu.png differ diff --git a/assets/images/product/yunchangzhan/jituanguankongyushujujuece.png b/assets/images/product/yunchangzhan/jituanguankongyushujujuece.png new file mode 100644 index 0000000..77daca3 Binary files /dev/null and b/assets/images/product/yunchangzhan/jituanguankongyushujujuece.png differ diff --git a/assets/images/product/yunchangzhan/wurenzhishouzhinengzhakou.png b/assets/images/product/yunchangzhan/wurenzhishouzhinengzhakou.png new file mode 100644 index 0000000..e8a355e Binary files /dev/null and b/assets/images/product/yunchangzhan/wurenzhishouzhinengzhakou.png differ diff --git a/assets/images/product/yunchangzhan/yidongzuoyewuzhihuashishicaiji.png b/assets/images/product/yunchangzhan/yidongzuoyewuzhihuashishicaiji.png new file mode 100644 index 0000000..6399a98 Binary files /dev/null and b/assets/images/product/yunchangzhan/yidongzuoyewuzhihuashishicaiji.png differ diff --git a/assets/images/product/yunchangzhan/zhinengduichangjihuayuzidongpaiwei.png b/assets/images/product/yunchangzhan/zhinengduichangjihuayuzidongpaiwei.png new file mode 100644 index 0000000..450fea4 Binary files /dev/null and b/assets/images/product/yunchangzhan/zhinengduichangjihuayuzidongpaiwei.png differ diff --git a/assets/images/product/yunchangzhan/zhinengjifeiyuzidongjiesuan.png b/assets/images/product/yunchangzhan/zhinengjifeiyuzidongjiesuan.png new file mode 100644 index 0000000..ca9c3ec Binary files /dev/null and b/assets/images/product/yunchangzhan/zhinengjifeiyuzidongjiesuan.png differ diff --git a/case_alignment_check.html b/case_alignment_check.html new file mode 100644 index 0000000..fb19969 --- /dev/null +++ b/case_alignment_check.html @@ -0,0 +1,80 @@ + + + + + Case Alignment Check + + +
pending
+ + + diff --git a/header.html b/header.html index bc6052d..a25158e 100644 --- a/header.html +++ b/header.html @@ -94,6 +94,7 @@ 云码头系列产品 diff --git a/product_ecommerce_bctp.html b/product_ecommerce_bctp.html index 9d90d4e..3b97c41 100644 --- a/product_ecommerce_bctp.html +++ b/product_ecommerce_bctp.html @@ -95,22 +95,22 @@
@@ -258,8 +258,8 @@ 业务协作一体化
-

业务协作一体化

-

建立在线业务协作机制,通过平台连接用户、船方、司机、货主、资金方、监管单位等,实现企业-人-应用-业务的高效、低成本互联互通,业务和办公自动化协同。

+

多方高效协同

+

在线直连货主、船东、码头、车队,沟通与作业环节大幅减少,整体协同效率提升。

@@ -267,8 +267,8 @@ 港口三维可视化
-

港口三维可视化

-

港区水面、码头等三维展示、立体呈现,观测码头作业流程,监测机械及人员实时状况,实现目标跟踪、查找等,维护港口整体生产秩序,保障忙而不乱、高效有序。

+

港区作业可视可控

+

三维实景展示港区全貌,作业状态一目了然,调度更精准、异常响应更快。

@@ -276,8 +276,8 @@ 生产作业无纸化
-

生产作业无纸化

-

使用电子单据全面代替传统纸质单据,通过一键发布需求、订单在线跟踪等,减少人工手动操作,提高港区整体自动化、智慧化生产作业效率。

+

作业更省更快

+

全程电子单据无纸交接,人工录入与核对成本下降,进港 / 靠泊 / 交接效率显著提高。

@@ -285,8 +285,8 @@ 数据资源一体化
-

数据资源一体化

-

建立数据共享架构,打通港口信息流、资金流、物流、商流等,将离散的各类业务系统以及物流公司、港口公司、船公司、货代、船代、司机、业务员等各方数据统一整合,建立共建共享,开放协同的数字底座。

+

数据打通不孤岛

+

物流、资金流、信息流统一共享,避免重复录入与数据偏差,运营成本更低。

@@ -294,8 +294,8 @@ 辅助决策科学化
-

辅助决策科学化

-

为管理人员提供从宏观到微观的港区运营视图,拓展动态监测、统计分析、趋势研判、效果评估、风险防控等,提升梧州港智慧化经营决策水平。

+

经营决策更精准

+

实时运营数据 + 趋势分析,不用靠经验判断,调度与规划有据可依、风险更低。

@@ -303,7 +303,7 @@ 港口服务品质化
-

港口服务品质化

+

航行安全更有保障

提供水文气象、航标显示、航道信息、船舶显示、气象信息等查询和提醒服务,提高服务品质,保障物流运输安全。

@@ -313,6 +313,46 @@ +
+
+
+
+
+

客户案例

+

真实项目已经落地,产品价值看得见

+
+
+
+ + +
+
+ diff --git a/product_ecommerce_freight_booking.html b/product_ecommerce_freight_booking.html index 9419e3e..60aeed4 100644 --- a/product_ecommerce_freight_booking.html +++ b/product_ecommerce_freight_booking.html @@ -308,6 +308,58 @@ +
+
+
+
+
+

客户案例

+

真实项目已经落地,产品价值看得见

+
+
+
+ + +
+
+ diff --git a/product_ecommerce_net_cargo.html b/product_ecommerce_net_cargo.html index 081b61d..2b886be 100644 --- a/product_ecommerce_net_cargo.html +++ b/product_ecommerce_net_cargo.html @@ -118,7 +118,7 @@
-

货物全程追溯:让运输过程可见、可查、可追溯

+

让运输过程可见、可查、可追溯

基于移动端采集与车辆定位能力,对货物从启运到交付全过程进行实时监控与数据留痕。