639 lines
34 KiB
HTML
639 lines
34 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
<meta name="author" content="irstheme">
|
||
|
||
<title>全程物流链解决方案 - 岸基科技</title>
|
||
<meta name="title" content="烟台岸基网络科技有限公司">
|
||
<meta name="Description"
|
||
content="烟台岸基网络科技有限公司是从事于全程物流链科技服务的互联网软件公司，致力于打造港航企业的互联网生态圈，研发出了航运电子商务平台系统、多码头智能操作系统、全程物流链管理系统等软件产品。">
|
||
<meta name="keywords"
|
||
content="物流平台开发,O2O物流平台,航运,船代软件,船代系统,船舶代理软件,船舶代理系统,航运大数据,航运电商,互联网+航运,数字化航运,货运代理管理系统,货代系统,货代软件,全程物流链管理系统,全程物流链软件,物流供应链,物流管理系统,协同运输,智慧物流管理系统,物流平台开发,供应链物流管理">
|
||
|
||
<link href="assets/css/themify-icons.css" rel="stylesheet">
|
||
<link href="assets/css/flaticon.css" rel="stylesheet">
|
||
<link rel="stylesheet" href="assets/css/bootstrap-3.3.4.css">
|
||
<link href="assets/css/animate.css" rel="stylesheet">
|
||
<link href="assets/css/owl.carousel.css" rel="stylesheet">
|
||
<link href="assets/css/owl.theme.css" rel="stylesheet">
|
||
<link href="assets/css/slick.css" rel="stylesheet">
|
||
<link href="assets/css/slick-theme.css" rel="stylesheet">
|
||
<link href="assets/css/swiper.min.css" rel="stylesheet">
|
||
<link href="assets/css/owl.transitions.css" rel="stylesheet">
|
||
<link href="assets/css/odometer-theme-default.css" rel="stylesheet">
|
||
<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">
|
||
<link href="assets/css/solution.css" rel="stylesheet">
|
||
|
||
<!--[if lt IE 9]>
|
||
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
|
||
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
|
||
<![endif]-->
|
||
|
||
</head>
|
||
|
||
<body>
|
||
|
||
<!-- start page-wrapper -->
|
||
<div class="page-wrapper">
|
||
|
||
<!-- start preloader -->
|
||
<div class="preloader">
|
||
<div class="sk-folding-cube">
|
||
<div class="sk-cube1 sk-cube"></div>
|
||
<div class="sk-cube2 sk-cube"></div>
|
||
<div class="sk-cube4 sk-cube"></div>
|
||
<div class="sk-cube3 sk-cube"></div>
|
||
</div>
|
||
</div>
|
||
<!-- end preloader -->
|
||
|
||
<!-- Start header -->
|
||
<div id="header"></div>
|
||
<!-- end of header -->
|
||
|
||
|
||
<!-- Hero Section -->
|
||
<section class="solution-hero">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-md-6 hero-content">
|
||
<div class="reveal">
|
||
<div class="hero-badge">
|
||
<span class="pulse-dot"></span>
|
||
大型物流集团
|
||
</div>
|
||
<h1 class="hero-title">
|
||
全程物流链解决方案</span>
|
||
</h1>
|
||
<p class="hero-desc">
|
||
覆盖订舱、报关、运输、仓储、交付全流程，打破信息孤岛，实现业务协同与智能决策，助力物流企业数字化转型升级。
|
||
</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">
|
||
<div class="stat-item">
|
||
<i class="ti-layout-grid2 stat-icon blue"></i>
|
||
<div class="stat-number">标准化</div>
|
||
<div class="stat-label">统一架构与数据标准</div>
|
||
</div>
|
||
<div class="stat-item">
|
||
<i class="ti-widget stat-icon cyan"></i>
|
||
<div class="stat-number">灵活化</div>
|
||
<div class="stat-label">模块化配置快速适配</div>
|
||
</div>
|
||
<div class="stat-item">
|
||
<i class="ti-pulse stat-icon green"></i>
|
||
<div class="stat-number">智能化</div>
|
||
<div class="stat-label">AI大模型深度应用</div>
|
||
</div>
|
||
<div class="stat-item">
|
||
<i class="ti-eye stat-icon indigo"></i>
|
||
<div class="stat-number">可视化</div>
|
||
<div class="stat-label">全链路实时监控</div>
|
||
</div>
|
||
<div class="stats-center-icon">
|
||
<i class="ti-truck"></i>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Pain Points Section -->
|
||
<section class="pain-points-section" id="solution">
|
||
<div class="container">
|
||
<div class="section-header reveal">
|
||
<h2>直击行业四大核心痛点</h2>
|
||
<p>行业困境亟待破局，数智升级势在必行</p>
|
||
</div>
|
||
|
||
<div class="row">
|
||
<div class="col-md-3 col-sm-6">
|
||
<div class="pain-point-card reveal">
|
||
<div class="pain-point-icon red">
|
||
<i class="ti-layout-list-post"></i>
|
||
</div>
|
||
<h3>环节繁杂，系统分散</h3>
|
||
<p>物流业务覆盖订舱、报关、运输、仓储、交付等多个环节，缺乏有效联动，数据需跨系统重复录入，易引发信息偏差。</p>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-3 col-sm-6">
|
||
<div class="pain-point-card reveal" style="transition-delay: 100ms;">
|
||
<div class="pain-point-icon orange">
|
||
<i class="ti-money"></i>
|
||
</div>
|
||
<h3>业务与财务联动薄弱</h3>
|
||
<p>业务数据与财务数据分属不同系统，数据口径不统一、传递不及时，无法实现业务流程与财务核算的实时联动，成本核算滞后。</p>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-3 col-sm-6">
|
||
<div class="pain-point-card reveal" style="transition-delay: 200ms;">
|
||
<div class="pain-point-icon yellow">
|
||
<i class="ti-location-pin"></i>
|
||
</div>
|
||
<h3>网点分散，协同不足</h3>
|
||
<p>公司网点数量多、地理分布广泛，各网点间信息传递依赖传统沟通方式，数据同步存在延迟，难以实现全网资源统筹规划。</p>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-3 col-sm-6">
|
||
<div class="pain-point-card reveal" style="transition-delay: 300ms;">
|
||
<div class="pain-point-icon purple">
|
||
<i class="ti-bar-chart"></i>
|
||
</div>
|
||
<h3>缺乏数据驱动能力</h3>
|
||
<p>现有系统仅满足基础业务操作需求，未建立完善的数据整合与分析体系，无法对核心数据进行深度挖掘，决策缺乏数据支撑。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Solution Architecture Section -->
|
||
<section class="architecture-section">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-md-4">
|
||
<div class="reveal">
|
||
<h2 style="font-size: 32px; font-weight: 700; margin-bottom: 40px; color: #fff;">全程物流链平台框架</h2>
|
||
|
||
<div class="arch-step">
|
||
<div class="arch-step-number blue">01</div>
|
||
<div class="arch-step-content">
|
||
<h4 class="blue">统一业务门户</h4>
|
||
<p>为船公司、船代、货代、报关、仓储等提供统一的业务线上营业厅，一站式处理全流程业务。</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="arch-step">
|
||
<div class="arch-step-number blue">02</div>
|
||
<div class="arch-step-content">
|
||
<h4 class="blue">全链条协同</h4>
|
||
<p>打通订舱、报关、运输、仓储、交付各环节，实现数据互通、业务联动，消除信息孤岛。</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="arch-step">
|
||
<div class="arch-step-number blue">03</div>
|
||
<div class="arch-step-content">
|
||
<h4 class="blue">智能分析决策</h4>
|
||
<p>通过AI大模型与数据分析技术，对全链条数据进行深度挖掘，提供智能预测与决策支持。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-8">
|
||
<div class="reveal" style="transition-delay: 200ms;">
|
||
<div class="arch-visual-container">
|
||
<img src="assets/images/solution/chain.webp" alt="全程物流链架构图">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Product Matrix Section -->
|
||
<section class="products-section" id="products">
|
||
<div class="container">
|
||
<div class="section-header-flex reveal">
|
||
<div class="section-header-left">
|
||
<div class="section-label">Product Matrix</div>
|
||
<h2>部分产品与服务</h2>
|
||
<p>从智能生产到供应链协同，全方位覆盖大型港航集团业务场景。</p>
|
||
</div>
|
||
<a href="product_eCommerce.html" class="view-all-link hidden-xs">
|
||
查看所有产品 <i class="ti-arrow-right"></i>
|
||
</a>
|
||
</div>
|
||
|
||
<div class="row">
|
||
<div class="col-md-4">
|
||
<div class="product-card reveal">
|
||
<div class="product-card-bar blue"></div>
|
||
<div class="product-card-body">
|
||
|
||
<h3>岸基船公司运营管理系统</h3>
|
||
<p>业务智能操作、船舶动态管理、EDI无缝交换、决策数据看板，赋能航运全流程一站式解决方案。</p>
|
||
<a href="product_shipping_company.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 class="col-md-4">
|
||
<div class="product-card reveal" style="transition-delay: 100ms;">
|
||
<div class="product-card-bar cyan"></div>
|
||
<div class="product-card-body">
|
||
|
||
<h3>岸基船舶管理系统</h3>
|
||
<p>根据船公司的经营和运营管理特点，定制化开发符合船公司适用的船舶综合管理系统。实现经营管理和运营管理一体化、体系和经营一体化、业务财务一体化，提升各部门间的数据共享和协同能力。</p>
|
||
<a href="product_shipping_boat.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 class="col-md-4">
|
||
<div class="product-card reveal" style="transition-delay: 200ms;">
|
||
<div class="product-card-bar indigo"></div>
|
||
<div class="product-card-body">
|
||
|
||
<h3>岸基仓储管理系统</h3>
|
||
<p>提供在线委托、预约、结算、运力撮合等服务。平台已完成对国产操作环境和浏览器的兼容性适配。</p>
|
||
<a href="product_full_logistics_chain_warehouse.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 class="col-md-4">
|
||
<div class="product-card reveal">
|
||
<div class="product-card-bar blue"></div>
|
||
<div class="product-card-body">
|
||
<h3>岸基船舶代理系统</h3>
|
||
<p>面向船代公司提供完整业务操作解决方案，通过“互联网+”服务模式满足企业内部操作需求。支持船务、单证、箱管、商务、财务等多部门协同，搭建智能高效业务平台，实现线上线下“一站式”服务。</p>
|
||
<a href="product_full_logistics_chain_ship_agent.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 class="col-md-4">
|
||
<div class="product-card reveal" style="transition-delay: 100ms;">
|
||
<div class="product-card-bar cyan"></div>
|
||
<div class="product-card-body">
|
||
|
||
<h3>岸基货运代理系统</h3>
|
||
<p>针对货代业务特点，运用先进计算机技术，提升业务单证的智能识别、费用智能对账等服务能力，实现业务的标准化、流程化、智能化操作，实现货物委托、提单确认、海关预配、EDI、费用结算、客户服务等业务的高效操作。</p>
|
||
<a href="product_full_logistics_chain_cargo_agent.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 class="col-md-4">
|
||
<div class="product-card reveal" style="transition-delay: 200ms;">
|
||
<div class="product-card-bar indigo"></div>
|
||
<div class="product-card-body">
|
||
|
||
<h3>岸基车辆运输管理系统</h3>
|
||
<p>专门用于优化和管理运输流程的解决方案，系统以业财一体化的管理理念，优化车辆调度，实现运输收入、成本的精细化管理。</p>
|
||
<a href="product_full_logistics_chain_vehicle_transport.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>
|
||
</section>
|
||
|
||
<!-- Value Section -->
|
||
<section class="value-section" id="value">
|
||
<div class="container">
|
||
<div class="section-header reveal">
|
||
<h2>产品核心价值</h2>
|
||
<p>不仅是软件升级，更是物流企业的全面数字化转型。</p>
|
||
</div>
|
||
<div class="value-grid">
|
||
<div class="value-grid-item">
|
||
<div class="value-item reveal">
|
||
<div class="value-icon">
|
||
<i class="ti-check-box"></i>
|
||
</div>
|
||
<div class="value-content">
|
||
<h3>标准</h3>
|
||
<p>统一架构，定义数据标准、流程标准、业务规则，实现整体业务流程的标准化操作，支持集团化经营模式，实现数据的一体化管控。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="value-grid-item">
|
||
<div class="value-item reveal" style="transition-delay: 50ms;">
|
||
<div class="value-icon">
|
||
<i class="ti-widget"></i>
|
||
</div>
|
||
<div class="value-content">
|
||
<h3>灵活</h3>
|
||
<p>采用"基础平台+业务插件"模式进行系统模块化配置应用；船公司、船代、货代、报关、仓储等业务模块可根据客户业务生态灵活搭建。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="value-grid-item">
|
||
<div class="value-item reveal" style="transition-delay: 100ms;">
|
||
<div class="value-icon">
|
||
<i class="ti-thought"></i>
|
||
</div>
|
||
<div class="value-content">
|
||
<h3>智能</h3>
|
||
<p>应用AI大模型与规则引擎，实现海关舱单智能发送、邮件智能解析、危险品智能识别等操作，充分利用先进技术提高操作效率及准确性。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="value-grid-item">
|
||
<div class="value-item reveal" style="transition-delay: 150ms;">
|
||
<div class="value-icon">
|
||
<i class="ti-timer"></i>
|
||
</div>
|
||
<div class="value-content">
|
||
<h3>自动</h3>
|
||
<p>依据标准业务环节，实现业务的自动化操作、费用自动计算等，提升效率，节约人力。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="value-grid-item">
|
||
<div class="value-item reveal" style="transition-delay: 200ms;">
|
||
<div class="value-icon">
|
||
<i class="ti-stats-up"></i>
|
||
</div>
|
||
<div class="value-content">
|
||
<h3>可视</h3>
|
||
<p>深层挖掘业务数据，图形实时展现船舶信息、业务进度、财务数据等，可全局掌控运营状态，辅助精确决策。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="value-grid-item">
|
||
<div class="value-item reveal" style="transition-delay: 250ms;">
|
||
<div class="value-icon">
|
||
<i class="ti-shield"></i>
|
||
</div>
|
||
<div class="value-content">
|
||
<h3>保障</h3>
|
||
<p>通过建立强大分布式私有PaaS平台，实现微服务、负载均衡、数据安全等，为整个系统提供技术支撑和运维服务，保障系统运行稳定及安全。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Advantages Section -->
|
||
<section class="advantages-section" id="about">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-md-6">
|
||
<div class="reveal">
|
||
<h2 style="font-size: 32px; font-weight: 700; margin-bottom: 40px;color: #fff;">我们的核心优势</h2>
|
||
|
||
<div class="advantage-item">
|
||
<div class="advantage-check">
|
||
<i class="ti-check-box"></i>
|
||
</div>
|
||
<div>
|
||
<h4>整体行业经验深厚且实力过硬</h4>
|
||
<p>核心团队成员均具备十年以上物流行业项目管理、软件开发、项目实施及维护实战经验，凭借扎实的技术积淀与丰富的落地经验，为软件项目的高效实施、优质交付及长期稳定运维提供强有力保障。</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="advantage-item">
|
||
<div class="advantage-check">
|
||
<i class="ti-check-box"></i>
|
||
</div>
|
||
<div>
|
||
<h4>技术架构先进可靠</h4>
|
||
<p>系统采用前沿互联网分布式架构，大幅提升运行稳定性与横向扩展能力。同时依托微服务架构与热加载技术，简化需求迭代实现流程，支持系统在不停机状态下完成更新升级。</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="advantage-item">
|
||
<div class="advantage-check">
|
||
<i class="ti-check-box"></i>
|
||
</div>
|
||
<div>
|
||
<h4>产品成熟度高且价值凸显</h4>
|
||
<p>采用智能化、自动化、灵活化与可视化的全流程操作模式，通过规范业务数据标准、优化作业流程，大幅提升工作效率；同时实现货物运输全链路可视化监控，精准响应客户查询需求。</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="advantage-item">
|
||
<div class="advantage-check">
|
||
<i class="ti-check-box"></i>
|
||
</div>
|
||
<div>
|
||
<h4>服务质量保障体系健全可靠</h4>
|
||
<p>公司构建了完善的项目管理体系与全流程服务质量保障机制，从需求对接、开发实施到上线交付，全程标准化管控。维保阶段提供7x24小时不间断技术支持。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-6">
|
||
<div class="reveal" style="transition-delay: 200ms;">
|
||
<div class="stats-boxes">
|
||
<div class="stat-box">
|
||
<div class="stat-number">20+</div>
|
||
<div class="stat-label">年行业经验</div>
|
||
</div>
|
||
<div class="stat-box">
|
||
<div class="stat-number">60+</div>
|
||
<div class="stat-label">知识产权</div>
|
||
</div>
|
||
<div class="stat-box full-width">
|
||
<div class="stat-number">10+</div>
|
||
<div class="stat-label">核心团队成员十年以上从业经验</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Cases Section -->
|
||
<section class="cases-section" id="cases">
|
||
<div class="container">
|
||
<div class="section-header reveal">
|
||
<h2>标杆客户案例</h2>
|
||
</div>
|
||
|
||
<div class="row">
|
||
<div class="col-md-4">
|
||
<a class="case-card-link" href="classiccase/hede_global_supply_chain.html">
|
||
<div class="case-card reveal">
|
||
<div class="case-card-header teal">
|
||
<h3>唐山港合德海运有限公司</h3>
|
||
</div>
|
||
<div class="case-card-body">
|
||
<p>为合德物流打造的全球供应链综合管理平台，实现从订舱到交付的全流程数字化管理，提升全球物流协同效率。</p>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
<div class="col-md-4">
|
||
<a class="case-card-link" href="classiccase/shanggang_liandai_integration.html">
|
||
<div class="case-card reveal" style="transition-delay: 150ms;">
|
||
<div class="case-card-header cyan">
|
||
<h3>上海上港联合国际船舶代理有限公司</h3>
|
||
</div>
|
||
<div class="case-card-body">
|
||
<p>为上港联代打造的船货代一体化云平台，整合船代与货代业务，实现业务协同、数据共享，大幅提升运营效率。</p>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
<div class="col-md-4">
|
||
<a class="case-card-link" href="classiccase/jinjiang_shipping_ecommerce.html">
|
||
<div class="case-card reveal" style="transition-delay: 300ms;">
|
||
<div class="case-card-header green">
|
||
<h3>上海锦江航运（集团）股份有限公司</h3>
|
||
</div>
|
||
<div class="case-card-body">
|
||
<p>为锦江航运打造的电子商务平台，实现在线订舱、运价查询、货物跟踪等功能，提升客户服务体验与业务转化效率。</p>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="row">
|
||
<div class="col-md-4">
|
||
<a class="case-card-link" href="classiccase/rizhao_huahai_shipping.html">
|
||
<div class="case-card reveal" style="transition-delay: 100ms;">
|
||
<div class="case-card-header indigo">
|
||
<h3>日照华海国际船舶代理有限公司</h3>
|
||
</div>
|
||
<div class="case-card-body">
|
||
<p>为华海物流打造的全国港口船货代理ERP系统，覆盖全国多个港口，实现业务统一管理、财务实时核算、资源优化配置。</p>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
<div class="col-md-4">
|
||
<a class="case-card-link" href="classiccase/lianyungang_china_korea_ferry.html">
|
||
<div class="case-card reveal" style="transition-delay: 200ms;">
|
||
<div class="case-card-header teal">
|
||
<h3>连云港中韩轮渡有限公司</h3>
|
||
</div>
|
||
<div class="case-card-body">
|
||
<p>为连云港中韩轮渡打造的综合业务管理平台，整合客运、货运、代理等业务，实现全流程数字化管理与高效协同。</p>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
<div class="col-md-4">
|
||
<a class="case-card-link" href="classiccase/shanghai_hanghua_ship_agent.html">
|
||
<div class="case-card reveal" style="transition-delay: 300ms;">
|
||
<div class="case-card-header cyan">
|
||
<h3>上海航华国际船务代理有限公司</h3>
|
||
</div>
|
||
<div class="case-card-body">
|
||
<p>为上海航华打造的船代业务管理系统，实现船舶调度、港口作业、费用结算等业务的全流程数字化，提升作业效率。</p>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
|
||
|
||
|
||
<!-- start site-footer -->
|
||
<div id="footer"></div>
|
||
<!-- end site-footer -->
|
||
</div>
|
||
<!-- end of page-wrapper -->
|
||
|
||
|
||
|
||
<!-- All JavaScript files
|
||
================================================== -->
|
||
<script src="assets/js/jquery-1.11.0.js"></script>
|
||
<script src="assets/js/bootstrap.min.js"></script>
|
||
<script src="assets/js/kefu.js"></script>
|
||
<!-- Plugins for this template -->
|
||
<script src="assets/js/jquery-plugin-collection.js"></script>
|
||
|
||
<!-- Custom script for this template -->
|
||
<script src="assets/js/script.js"></script>
|
||
|
||
<script type="text/javascript">
|
||
$("#footer").load("footer.html");
|
||
$("#header").load("header.html");
|
||
|
||
// Scroll Reveal Animation
|
||
$(document).ready(function() {
|
||
function revealOnScroll() {
|
||
var reveals = document.querySelectorAll('.reveal');
|
||
|
||
reveals.forEach(function(element) {
|
||
var windowHeight = window.innerHeight;
|
||
var elementTop = element.getBoundingClientRect().top;
|
||
var elementVisible = 100;
|
||
|
||
if (elementTop < windowHeight - elementVisible) {
|
||
element.classList.add('active');
|
||
}
|
||
});
|
||
}
|
||
|
||
// Initial check
|
||
revealOnScroll();
|
||
|
||
// On scroll
|
||
$(window).on('scroll', function() {
|
||
revealOnScroll();
|
||
});
|
||
|
||
// Smooth scroll for anchor links
|
||
$('a[href^="#"]').on('click', function(e) {
|
||
e.preventDefault();
|
||
var target = $(this.hash);
|
||
if (target.length) {
|
||
$('html, body').animate({
|
||
scrollTop: target.offset().top - 80
|
||
}, 600);
|
||
}
|
||
});
|
||
});
|
||
</script>
|
||
</body>
|
||
|
||
</html>
|