diff --git a/assets/css/product.css b/assets/css/product.css index e7cddba..7cc95e3 100644 --- a/assets/css/product.css +++ b/assets/css/product.css @@ -438,6 +438,35 @@ display: flex; } +.cases-slider { + margin-top: 30px; +} + +.cases-slider .owl-stage-outer { + padding: 4px 0 12px; +} + +.cases-slider .owl-stage { + display: flex; +} + +.cases-slider .owl-item { + display: flex; + float: none; +} + +.cases-slider .case-slide { + display: flex; + width: 100%; + height: 100%; +} + +.cases-slider .case-card-link { + display: flex; + width: 100%; + height: 100%; +} + .case-card { background: #fff; border-radius: 16px; @@ -454,9 +483,7 @@ position: relative; padding: 28px; display: flex; - align-items: center; - justify-content: center; - text-align: center; + align-items: flex-end; overflow: hidden; } @@ -497,15 +524,11 @@ 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 { @@ -526,6 +549,24 @@ -webkit-line-clamp: 5; } +.cases-slider .owl-controls { + margin-top: 22px; + text-align: center; +} + +.cases-slider .owl-dots .owl-dot span { + width: 12px; + height: 12px; + margin: 5px 6px; + background: rgba(20, 129, 255, 0.18); + transition: all 0.2s ease; +} + +.cases-slider .owl-dots .owl-dot.active span, +.cases-slider .owl-dots .owl-dot:hover span { + background: rgba(20, 129, 255, 1); +} + @media (max-width: 767px) { .cases-section .row + .row { margin-top: 24px; diff --git a/assets/js/script.js b/assets/js/script.js index 424ca65..908e8fc 100644 --- a/assets/js/script.js +++ b/assets/js/script.js @@ -479,8 +479,8 @@ if ($(".services-slider").length) { $(".services-slider").owlCarousel({ loop:true, - margin: 30, - smartSpeed: 500, + margin: 30, + smartSpeed: 500, responsive:{ 0 : { items: 1, @@ -501,43 +501,89 @@ 1400:{ items:3 } - } + } }); } + /*------------------------------------------ + = PRODUCT CASES TO SLIDER + -------------------------------------------*/ + function buildProductCasesSlider() { + $(".cases-section").each(function() { + var $section = $(this); + var $caseLinks; + var $rows; + var $headerRow; + var $slider; + + if ($section.find(".cases-slider").length || !$section.find(".product-advantages-header").length) { + return; + } + + $caseLinks = $section.find(".col-md-4 > .case-card-link"); + + if (!$caseLinks.length) { + return; + } + + $rows = $section.find(".container > .row"); + $headerRow = $rows.first(); + $slider = $('
'); + + $caseLinks.each(function() { + var $slide = $('
'); + $slide.append($(this)); + $slider.append($slide); + }); + + $rows.slice(1).remove(); + $headerRow.after($slider); + }); + } + + buildProductCasesSlider(); + + /*------------------------------------------ = CASES SLIDER -------------------------------------------*/ if ($(".cases-slider").length) { - $(".cases-slider").owlCarousel({ - loop:true, - margin: 30, - smartSpeed: 500, - nav: false, - dots: true, - autoplay: false, - responsive:{ - 0 : { - items: 1, - }, + $(".cases-slider").each(function() { + var $slider = $(this); + var itemCount = $slider.children().length; - 550 : { - items: 2, - center: false, - margin: 10 - }, + $slider.owlCarousel({ + loop: itemCount > 1, + margin: 30, + smartSpeed: 500, + nav: false, + dots: true, + autoplay: itemCount > 1, + autoplayTimeout: 4000, + autoplayHoverPause: true, + responsive:{ + 0 : { + items: 1, + }, - 992 : { - items: 3, - center: false, - margin: 10 - }, + 550 : { + items: Math.min(2, itemCount), + center: false, + margin: 10 + }, - 1400:{ - items:3 + 992 : { + items: Math.min(3, itemCount), + center: false, + margin: 10 + }, + + 1400:{ + items: Math.min(3, itemCount) + } } - } + }); }); } diff --git a/classiccase/jinjiang_shipping_ecommerce.html b/classiccase/jinjiang_shipping_ecommerce.html index 32c1a8f..36835b2 100644 --- a/classiccase/jinjiang_shipping_ecommerce.html +++ b/classiccase/jinjiang_shipping_ecommerce.html @@ -156,7 +156,7 @@

相关产品

- 海运订舱平台 + 海运订舱平台
diff --git a/classiccase/lianyungang_china_korea_ferry.html b/classiccase/lianyungang_china_korea_ferry.html index 7739dfd..ee4d9ee 100644 --- a/classiccase/lianyungang_china_korea_ferry.html +++ b/classiccase/lianyungang_china_korea_ferry.html @@ -163,7 +163,7 @@
- 岸基船舶代理系统 + 岸基船舶代理系统
diff --git a/classiccase/rizhao_huahai_shipping.html b/classiccase/rizhao_huahai_shipping.html index 011f7c1..4c8ce94 100644 --- a/classiccase/rizhao_huahai_shipping.html +++ b/classiccase/rizhao_huahai_shipping.html @@ -167,7 +167,7 @@
- 岸基船舶代理系统 + 岸基船舶代理系统
@@ -178,7 +178,7 @@
- 货运代理系统 + 货运代理系统
diff --git a/classiccase/shanggang_liandai_booking.html b/classiccase/shanggang_liandai_booking.html index 6694ff3..605b092 100644 --- a/classiccase/shanggang_liandai_booking.html +++ b/classiccase/shanggang_liandai_booking.html @@ -152,7 +152,7 @@

相关产品
- 海运订舱平台 + 海运订舱平台
@@ -163,7 +163,7 @@
- 货运代理系统 + 货运代理系统
diff --git a/classiccase/shanggang_liandai_integration.html b/classiccase/shanggang_liandai_integration.html index 27344bf..198288e 100644 --- a/classiccase/shanggang_liandai_integration.html +++ b/classiccase/shanggang_liandai_integration.html @@ -152,7 +152,7 @@

相关产品
- 岸基船舶代理系统 + 岸基船舶代理系统
diff --git a/classiccase/shanghai_hanghua_cloud.html b/classiccase/shanghai_hanghua_cloud.html index 1d91cb0..fe9829f 100644 --- a/classiccase/shanghai_hanghua_cloud.html +++ b/classiccase/shanghai_hanghua_cloud.html @@ -163,7 +163,7 @@
- 货运代理系统 + 货运代理系统
diff --git a/classiccase/shanghai_hanghua_ship_agent.html b/classiccase/shanghai_hanghua_ship_agent.html index ff600f3..e9c3a50 100644 --- a/classiccase/shanghai_hanghua_ship_agent.html +++ b/classiccase/shanghai_hanghua_ship_agent.html @@ -156,7 +156,7 @@

相关产品
- 岸基船舶代理系统 + 岸基船舶代理系统
diff --git a/classiccase/shanghai_penghua_platform.html b/classiccase/shanghai_penghua_platform.html index 665aa0f..6afae63 100644 --- a/classiccase/shanghai_penghua_platform.html +++ b/classiccase/shanghai_penghua_platform.html @@ -150,7 +150,7 @@

相关产品
- 岸基船舶代理系统 + 岸基船舶代理系统
diff --git a/classiccase/shanghai_port_coastal_system.html b/classiccase/shanghai_port_coastal_system.html index 11e8556..751d029 100644 --- a/classiccase/shanghai_port_coastal_system.html +++ b/classiccase/shanghai_port_coastal_system.html @@ -157,7 +157,7 @@

相关产品
- 岸基船舶代理系统 + 岸基船舶代理系统
diff --git a/classiccase/shanghai_xinhai_freight.html b/classiccase/shanghai_xinhai_freight.html index 6bb791e..c7396fc 100644 --- a/classiccase/shanghai_xinhai_freight.html +++ b/classiccase/shanghai_xinhai_freight.html @@ -159,7 +159,7 @@

相关产品
- 岸基船舶代理系统 + 岸基船舶代理系统
@@ -170,7 +170,7 @@
- 货运代理系统 + 货运代理系统
diff --git a/classiccase/tangshan_haitong_shipping.html b/classiccase/tangshan_haitong_shipping.html index 94bfe05..22bbfe7 100644 --- a/classiccase/tangshan_haitong_shipping.html +++ b/classiccase/tangshan_haitong_shipping.html @@ -167,7 +167,7 @@
- 货运代理系统 + 货运代理系统
diff --git a/docker-compose.nginx.yml b/docker-compose.nginx.yml new file mode 100644 index 0000000..c734b4b --- /dev/null +++ b/docker-compose.nginx.yml @@ -0,0 +1,10 @@ +services: + nginx: + image: nginx:1.27-alpine + container_name: example-com-nginx + restart: unless-stopped + ports: + - "80:80" + volumes: + - /opt/1panel/www/sites/example.com/index:/usr/share/nginx/html:ro + - ./nginx/conf.d/default.conf:/etc/nginx/conf.d/default.conf:ro diff --git a/nginx/conf.d/default.conf b/nginx/conf.d/default.conf new file mode 100644 index 0000000..5df05cb --- /dev/null +++ b/nginx/conf.d/default.conf @@ -0,0 +1,18 @@ +server { + listen 80; + listen [::]:80; + server_name example.com www.example.com; + + root /usr/share/nginx/html; + index index.html; + + location / { + try_files $uri $uri/ =404; + } + + location = /50x.html { + internal; + } + + error_page 500 502 503 504 /50x.html; +} diff --git a/product_shipping_boat.html b/product_shipping_boat.html index f72b53c..afb7aeb 100644 --- a/product_shipping_boat.html +++ b/product_shipping_boat.html @@ -99,19 +99,20 @@

围绕经营、运营、财务与体系管理构建船舶管理一体化平台

    -
    • -
    • -
    • -
    • +
    • +
    • +
    • +
-

费用统一报销，降本提效

停用分散报销工具，所有费用在系统内统一处理，降低系统维护与流程管理成本。

  • 财务人员无需在多个系统之间切换。
  • 节省报销系统授权与维护费用。
  • 流程统一后对账口径更清晰。
统一报销管理
-

工作流统一审批，流程规范可追溯

审批流全部回归业务系统统一管理，强化集团标准化管控与审计可追溯能力。

  • 各公司业务流程统一规范执行。
  • 审批进度实时可查，减少催办成本。
  • 审批记录集中归档，审计调阅更便捷。
统一流程审批
-

业财自动对接，账目清晰

多种方式对接财务系统，业务与财务数据自动同步，减少手工转录和对账偏差。

  • 业务单据自动生成财务凭证。
  • 业务与财务数据口径统一。
  • 缩短月末结账周期，提高财务效率。
业财数据对接
-

船员薪资自动计算，精准高效

内置计算引擎处理薪资、补贴、扣款等复杂规则，减少 Excel 手工核算风险。

  • 降低人工算薪引起的多发少发问题。
  • 计算结果可直接对接财务系统。
  • 复杂场景规则由系统自动处理。
船员薪资计算
+

工作流统一审批，流程规范可追溯

审批流全部回归业务系统统一管理，强化集团标准化管控与审计可追溯能力。

  • 各公司业务流程统一规范执行。
  • 审批进度实时可查，减少催办成本。
  • 审批记录集中归档，审计调阅更便捷。
统一流程审批
+

业财自动对接，账目清晰

多种方式对接财务系统，业务与财务数据自动同步，减少手工转录和对账偏差。

  • 业务单据自动生成财务凭证。
  • 业务与财务数据口径统一。
  • 缩短月末结账周期，提高财务效率。
业财数据对接
+

船员薪资自动计算，精准高效

内置计算引擎处理薪资、补贴、扣款等复杂规则，减少 Excel 手工核算风险。

  • 降低人工算薪引起的多发少发问题。
  • 计算结果可直接对接财务系统。
  • 复杂场景规则由系统自动处理。
船员薪资计算
+

费用统一报销，降本提效

停用分散报销工具，所有费用在系统内统一处理，降低系统维护与流程管理成本。

  • 财务人员无需在多个系统之间切换。
  • 节省报销系统授权与维护费用。
  • 流程统一后对账口径更清晰。
统一报销管理
+

证书自动预警，规避合规风险

系统主动监控证书与关键节点，到期前预警并推送责任人，减少合规风险。

  • 船舶与船员证书到期前自动提醒。
  • 待办任务实时推送，减少遗漏。
  • 流程推进从被动催办转向主动驱动。
证书到期预警

体系文件无纸化，高效合规

文件从生成、审批到归档全流程线上化，兼顾效率与审计合规要求。

  • 模板化生成文件并附审批意见与电子签名。
  • 电子化集中存储，支持快速检索调阅。
  • 审计或体系认证支持一键导出打印。
体系文件无纸化

BI 数据可视，科学决策

整合船员、客户、船舶等核心数据，形成多维指标看板，提升经营洞察能力。

  • 沉淀统一数据资产，打通多业务视角。
  • 关键指标图表化展示，管理状态一目了然。
  • 无需等待月报即可实时查看运营数据。
BI数据可视
@@ -140,13 +141,11 @@
-
统一报销管理

统一报销管理

集中处理费用报销流程，降低系统分散导致的维护成本与管理复杂度。

-
统一流程审批

统一流程审批

审批全流程回归业务系统，集团标准一致，进度透明，审计可追溯。

-
业财自动对接

业财自动对接

业务数据自动联动财务系统，减少重复录入，缩短对账与结账周期。

-
复杂计算自动化

复杂计算自动化

内置计算引擎处理薪资与经营测算，降低人工核算误差并提升效率。

-
智能预警主动推送

智能预警主动推送

证书、合同等关键节点自动预警并推送责任人，减少风险与事项漏办。

-
体系文件无纸化

体系文件无纸化

文件生成、审批、归档全线上化，提升审计效率与体系管理合规性。

-
BI数据可视

BI数据可视

多维图表集中呈现经营指标，支持管理层实时掌握运营状态并快速决策。

+
统一流程审批

业财数据贯通，精准风控

业务数据自动同步财务，减少人工差错，让经营数据真实可信、可追溯。

+
统一报销管理

全流程一体化，高效降本

从报销、审批到财务自动联动，减少重复操作，企业整体效率显著提升。

+
业财自动对接

智能预警主动，合规省心/h4>

证书、合同、流程自动预警，避免遗漏与违规，让运营更稳定、合规更省心。

+
复杂计算自动化

全程数字化闭环，无纸化运营

文件、流程、数据全部线上化，减少纸质依赖，审计、查阅、管理更轻松。

+
智能预警主动推送

数据实时可视，科学决策

多维度 BI 分析直观呈现运营状况，让管理层看得清、判得准、行动快。

@@ -166,10 +165,12 @@
+

唐山港合德海运有限公司

唐山港合德海运有限公司专注内外贸集装箱航线运营，主营国际国内水路运输、货运代理、船舶代理及无船承运业务。

+

上海锦江航运（集团）股份有限公司

上海锦江航运（集团）股份有限公司1983年成立的中国领先区域性集装箱航运企业，聚焦亚洲近洋市场，以上海为母港，形成"东北亚压舱石+东南亚增长极"战略布局。

上海海华轮船有限公司

上海海华轮船有限公司1990年成立，系上海锦江航运（集团）股份有限公司全资国有航运企业，专注近洋集装箱班轮运输。

天津中运海运集团有限公司

天津中运海运集团有限公司（中运集团）成立于2012年，注册资金叁仟万元，总部设于天津滨海经济开发区。

连云港中韩轮渡有限公司

连云港中韩轮渡有限公司，位于新亚欧大陆桥东桥头堡——连云港东端，独家经营连云港至仁川、平泽客货班轮航线，系江苏省唯一客货班轮航线。

-

上海海华轮船有限公司

上海海华轮船有限公司1990年成立，系上海锦江航运（集团）股份有限公司全资国有航运企业，专注近洋集装箱班轮运输。

+

海南海峡航运股份有限公司

作为海南自贸港“四方五港”核心运营主体，承担构建“智慧通道”、服务自贸港封关运作重任。

diff --git a/product_shipping_company.html b/product_shipping_company.html index 8459361..b0985ee 100644 --- a/product_shipping_company.html +++ b/product_shipping_company.html @@ -162,8 +162,8 @@
-

唐山港合德海运有限公司

上海海华轮船有限公司1990年成立，系上海锦江航运（集团）股份有限公司全资国有航运企业，专注近洋集装箱班轮运输。

-

上海锦江航运（集团）股份有限公司

上海海华轮船有限公司1990年成立，系上海锦江航运（集团）股份有限公司全资国有航运企业，专注近洋集装箱班轮运输。

+

唐山港合德海运有限公司

唐山港合德海运有限公司专注内外贸集装箱航线运营，主营国际国内水路运输、货运代理、船舶代理及无船承运业务。

+

上海锦江航运（集团）股份有限公司

上海锦江航运（集团）股份有限公司1983年成立的中国领先区域性集装箱航运企业，聚焦亚洲近洋市场，以上海为母港，形成"东北亚压舱石+东南亚增长极"战略布局。

上海海华轮船有限公司

上海海华轮船有限公司1990年成立，系上海锦江航运（集团）股份有限公司全资国有航运企业，专注近洋集装箱班轮运输。

嘉华航运(香港)有限公司

嘉华航运(香港)有限公司（Kawa Shipping），2023年成立的新兴国际航运企业，专注中东及北非市场。

北部湾防城港有限公司

广西北部湾港涵盖防城港域、北海港域、钦州港域，位居泛北部湾经济圈、泛珠三角区域经济圈与中国—东盟经济圈交汇核心。