1
0
Files
ag-index/product_ecommerce_obh.html

335 lines
17 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!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;">
网上业务大厅平台作为多类型码头业务前端客户服务子系统的核心模块专为货主、货代、船代、车队等外部客户设计同时支撑大型港口集团实现码头业务的统一化、标准化管理。平台提供电子办单、财务计费与开票、办单数据对接后端TOS系统、作业数据查询等全流程客户服务功能并通过集群部署、负载均衡及数据异地存储技术全面提升系统安全性与运行可靠性。
</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> &gt; <a href="product_eCommerce.html">产品中心</a> &gt; 岸基网上业务大厅平台
</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/编组-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/资源_5.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/资源_9.svg" alt="前后端联动">
</div>
<div class="feature-card-body">
<h4>前后端联动:构建一体化数据中枢</h4>
<p>网厅平台作为核心枢纽对外联通代理系统、海关系统对内集成TOS系统、门禁、理货等业务系统实现跨系统数据无缝交互奠定全链路协同基础。</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/obh.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>智能流程提效</h4>
</div>
<div class="feature-card-body">
<p>通过BPM工作流实现合同办单全流程可视化客户与审核人员可实时追踪动态落地项目平均单节点审批时效压缩至300分钟内。</p>
</div>
</div>
<div class="feature-card feature-card-advantage">
<div class="feature-card-icon">
<h4>九大系统全域交互</h4>
</div>
<div class="feature-card-body">
<p>与TOS系统、金税系统、财务系统、EDI系统、海关系统、短信平台、车队系统、门禁系统建立数据通道打破信息孤岛支撑跨系统业务协同。</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>提供多维度数据查询服务,客户可实时掌握在港货物动态,提升决策时效性。</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>
</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>