328 lines
16 KiB
HTML
328 lines
16 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="https://www.jq22.com/jquery/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 2.css" rel="stylesheet">-->
|
||
<link href="assets/css/style.css" rel="stylesheet">
|
||
<link href="assets/css/pro.css" rel="stylesheet">
|
||
|
||
<!-- Custom styles for cargo platform page title -->
|
||
<style>
|
||
/* 产品页面双列布局样式 */
|
||
.cargo-platform-content {
|
||
display: flex;
|
||
flex-wrap: wrap;
|
||
}
|
||
|
||
.cargo-info-left {
|
||
width: 580px;
|
||
flex: 0 0 580px;
|
||
padding-right: 30px;
|
||
box-sizing: border-box;
|
||
text-align: left;
|
||
}
|
||
|
||
.cargo-info-left h2,
|
||
.cargo-info-left p {
|
||
text-align: left;
|
||
}
|
||
|
||
.cargo-info-right {
|
||
flex: 1;
|
||
min-width: 0;
|
||
box-sizing: border-box;
|
||
}
|
||
|
||
/* 响应式设计 - 移动端调整为垂直布局 */
|
||
@media (max-width: 768px) {
|
||
.cargo-platform-content {
|
||
flex-direction: column;
|
||
}
|
||
|
||
.cargo-info-left {
|
||
width: 100%;
|
||
flex: 1;
|
||
padding-right: 0;
|
||
margin-bottom: 20px;
|
||
}
|
||
|
||
.cargo-info-right {
|
||
width: 100%;
|
||
}
|
||
}
|
||
|
||
/* Swiper轮播居中父容器 */
|
||
.main2 {
|
||
display: flex;
|
||
justify-content: center;
|
||
width: 100%;
|
||
}
|
||
</style>
|
||
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
|
||
<!--[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 -->
|
||
|
||
|
||
<!-- start page-title -->
|
||
<section class="page-title page-title-cargo-platform">
|
||
<div class="container" style="padding-top:0px">
|
||
<div class="row">
|
||
<div class="cargo-platform-content col col-xs-12 col-md-12">
|
||
<div class="cargo-info-left">
|
||
<h2 id="cargoTitle" style="margin-bottom: 20px;color:black;">海运订舱平台</h2>
|
||
<p style="font-size: 16px; line-height: 1.8;color:black;">
|
||
构建线上线下融合的智慧海运服务平台，实现订舱、拖车、报关全流程线上化操作。依托服务产品化、流程可视化与智能营销，赋能企业提升业务效率、降低运营成本，打造一站式海运电商体验。
|
||
</p>
|
||
</div>
|
||
<div class="cargo-info-right"></div>
|
||
</div>
|
||
</div> <!-- end row -->
|
||
</div> <!-- end container -->
|
||
</section>
|
||
<!-- end page-title -->
|
||
|
||
<!-- 面包屑导航 -->
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col col-xs-12">
|
||
<div class="page-path">
|
||
<a href="index.html">首页</a> > <a href="product_Logistics.html">产品中心</a> > 海运订舱平台
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<section class="section-padding">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div style="text-align: center;">
|
||
<div>
|
||
<h1 style="margin-bottom: 30px;">产品功能亮点</h1>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col col-xs-12">
|
||
<div class="service-grids services-slider clearfix">
|
||
<div class="feature-card">
|
||
<div class="feature-card-icon">
|
||
<img src="assets/images/project/common/资源_5.svg" alt="服务产品化（SPU/SKU）">
|
||
</div>
|
||
<div class="feature-card-body">
|
||
<h4>服务产品化（SPU/SKU）</h4>
|
||
<p>将线下服务抽象为标准化产品单元，支持线上自由组合交易，提升服务可售性与客户决策效率。</p>
|
||
</div>
|
||
</div>
|
||
<div class="feature-card">
|
||
<div class="feature-card-icon">
|
||
<img src="assets/images/project/common/编组-14.svg" alt="全链路可视化跟踪">
|
||
</div>
|
||
<div class="feature-card-body">
|
||
<h4>全链路可视化跟踪</h4>
|
||
<p>以提单号为唯一线索，实时追踪订舱、提单签发、舱单传输等关键节点状态，提升业务透明度与客户信任度。</p>
|
||
</div>
|
||
</div>
|
||
<div class="feature-card">
|
||
<div class="feature-card-icon">
|
||
<img src="assets/images/project/common/资源_3.svg" alt="全渠道交互覆盖">
|
||
</div>
|
||
<div class="feature-card-body">
|
||
<h4>智能营销中心</h4>
|
||
<p>集成积分、满减、秒杀、优惠券等促销工具，帮助企业构建电商化营销体系，增强客户粘性。</p>
|
||
</div>
|
||
</div>
|
||
<div class="feature-card">
|
||
<div class="feature-card-icon">
|
||
<img src="assets/images/project/common/资源_3.svg" alt="多端协同触达">
|
||
</div>
|
||
<div class="feature-card-body">
|
||
<h4>多端协同触达</h4>
|
||
<p>通过APP、微信、邮件、短信全渠道推送订单状态，提升服务响应速度与客户满意度。</p>
|
||
</div>
|
||
</div>
|
||
<div class="feature-card">
|
||
<div class="feature-card-icon">
|
||
<img src="assets/images/project/common/编组-2-copy-5.svg" alt="自动化规则引擎">
|
||
</div>
|
||
<div class="feature-card-body">
|
||
<h4>自动化规则引擎</h4>
|
||
<p>支持船公司业务规则、计费事件、表单流程的自定义配置，适应港口/货代/船东等复杂场景，提升系统灵活性。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div> <!-- end container -->
|
||
</section>
|
||
|
||
<!-- 产品架构图区域 - 全宽背景 -->
|
||
<section style="background: linear-gradient(135deg, #d2e5fa 0%, #f0f7ff 30%, #f5f9ff 70%, #d2e7fd 100%)">
|
||
<div class="container" style="padding:40px;">
|
||
<div class="row">
|
||
<div class="col col-xs-12 text-center">
|
||
<h1 style="margin:40px 0 30px 0;">产品架构</h1>
|
||
<img src="assets/images/project/ecommerce/booking.png"
|
||
class="img-responsive center-block" />
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section >
|
||
<div class="container">
|
||
<div class="row">
|
||
<div style="text-align: center;padding-top: 60px;">
|
||
<div>
|
||
<h1 style="margin-bottom: 10px;">产品优势</h1>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col col-xs-12">
|
||
<div class="service-grids services-slider clearfix">
|
||
<div class="feature-card feature-card-advantage">
|
||
<div class="feature-card-icon">
|
||
<h4>强大的数据服务与EDI能力</h4>
|
||
</div>
|
||
<div class="feature-card-body">
|
||
<p>通过标准化接口实现船代、财务、OA等多系统无缝对接，支持订单、舱单、账单数据实时同步，彻底打破信息孤岛，构建全域数据枢纽。</p>
|
||
</div>
|
||
</div>
|
||
<div class="feature-card feature-card-advantage">
|
||
<div class="feature-card-icon">
|
||
<h4>业务链路可视化与智能优化</h4>
|
||
</div>
|
||
<div class="feature-card-body">
|
||
<p>全流程节点状态与时间轴清晰可视，实时触发异常预警（如延迟超时、操作卡顿），支持动态调整流程逻辑，助力企业快速定位并疏通业务瓶颈。</p>
|
||
</div>
|
||
</div>
|
||
<div class="feature-card feature-card-advantage">
|
||
<div class="feature-card-icon">
|
||
<h4>高度灵活的规则引擎</h4>
|
||
</div>
|
||
<div class="feature-card-body">
|
||
<p>支持计费费目自定义、船公司页面表单动态配置、业务流转规则按需调整，灵活适配不同客户与船公司的差异化需求，零代码满足复杂场景。</p>
|
||
</div>
|
||
</div>
|
||
<div class="feature-card feature-card-advantage">
|
||
<div class="feature-card-icon">
|
||
<h4>全流程自动化处理</h4>
|
||
</div>
|
||
<div class="feature-card-body">
|
||
<p>基于邮件主题智能识别实现订单自动分发，同步触发状态更新与异常提醒，减少人工核对环节，操作效率提升50%+。</p>
|
||
</div>
|
||
</div>
|
||
<div class="feature-card feature-card-advantage">
|
||
<div class="feature-card-icon">
|
||
<h4>多渠道支付与智能结算</h4>
|
||
</div>
|
||
<div class="feature-card-body">
|
||
<p>集成东方支付、网银、微信、支付宝等主流支付方式，支持线上线下混合结算模式，资金到账时效压缩至分钟级，提升资金周转率30%+。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div> <!-- end container -->
|
||
</section>
|
||
|
||
<!-- start site-footer -->
|
||
<!-- start site-footer -->
|
||
<div id="footer"></div>
|
||
<!-- end site-footer -->
|
||
</div>
|
||
<!-- end of page-wrapper -->
|
||
|
||
|
||
|
||
<!-- All JavaScript files
|
||
================================================== -->
|
||
<script src="https://www.jq22.com/jquery/jquery-1.10.2.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");
|
||
|
||
// 初始化功能卡片轮播 - 使用 Owl Carousel
|
||
$(document).ready(function() {
|
||
$(".feature-cards-slider").owlCarousel({
|
||
loop: true,
|
||
margin: 25,
|
||
smartSpeed: 500,
|
||
autoplay: true,
|
||
autoplayTimeout: 5000,
|
||
autoplayHoverPause: true,
|
||
dots: false,
|
||
nav: false,
|
||
responsive: {
|
||
0: {
|
||
items: 1
|
||
},
|
||
768: {
|
||
items: 2
|
||
},
|
||
992: {
|
||
items: 3
|
||
}
|
||
}
|
||
});
|
||
});
|
||
</script>
|
||
</body>
|
||
|
||
</html> |