修改路径
This commit is contained in:
345
product_ecommerce/product_ecommerce_bctp.html
Normal file
345
product_ecommerce/product_ecommerce_bctp.html
Normal file
@@ -0,0 +1,345 @@
|
||||
<!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_eCommerce.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/编组-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>解决多式联运复杂的协同问题，提供一单制在线联运服务，在线下单，智能分解服务报价，全程跟踪</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 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>
|
||||
</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/bctp.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>建立在线业务协作机制，通过平台连接用户、船方、司机、货主、资金方、监管单位等，实现企业-人-应用-业务的高效、低成本互联互通，业务和办公自动化协同。</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>
|
||||
328
product_ecommerce/product_ecommerce_freight_booking.html
Normal file
328
product_ecommerce/product_ecommerce_freight_booking.html
Normal file
@@ -0,0 +1,328 @@
|
||||
<!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_eCommerce.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>
|
||||
336
product_ecommerce/product_ecommerce_net_cargo.html
Normal file
336
product_ecommerce/product_ecommerce_net_cargo.html
Normal file
@@ -0,0 +1,336 @@
|
||||
<!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_eCommerce.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/编组-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>依托平台智能算法，综合考量车辆实时位置、车龄车况、装卸地点等多维因素，实现运输线路的动态优化。有效提升车辆利用效率与双重运输几率，从源头降低整体集疏运成本。</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/cargo.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>"营改增"政策下普通货运发票开具困难，个体运输户无法提供增值税发票。平台通过税控系统对接，基于真实交易数据化解开票壁垒。</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>支持手持终端收货人签字确认及网站/APP在线评价，推动签收流程数字化变革。</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>
|
||||
335
product_ecommerce/product_ecommerce_obh.html
Normal file
335
product_ecommerce/product_ecommerce_obh.html
Normal file
@@ -0,0 +1,335 @@
|
||||
<!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> > <a href="../product_eCommerce.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/编组-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>
|
||||
Reference in New Issue
Block a user