客户案例详情
This commit is contained in:
@@ -925,6 +925,30 @@ img {
|
||||
}
|
||||
}
|
||||
|
||||
.theme-accordion-s1 .panel-heading.classiccase a {
|
||||
background: linear-gradient(90deg, #0066ff 0%, #007bff61 88%);
|
||||
font-size: 16px;
|
||||
font-size: 1rem;
|
||||
font-weight: 600;
|
||||
color: #fff;
|
||||
display: block;
|
||||
padding: 18px 25px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.theme-accordion-s1 .panel-heading.classiccase a:before {
|
||||
content: "" !important;
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.theme-accordion-s1 .panel-heading.classiccase a:before {
|
||||
font-size: 18px;
|
||||
font-size: 1.125rem;
|
||||
right: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.theme-accordion-s1 .panel-heading a:before {
|
||||
font-family: Helvetica, 'Microsoft Yahei', '微软雅黑', Arial, sans-serif;
|
||||
content: "\e64b";
|
||||
@@ -1276,6 +1300,104 @@ img {
|
||||
margin-top: 8px;
|
||||
}
|
||||
|
||||
/*** related-products-widget ***/
|
||||
.service-sidebar .related-products-widget {
|
||||
background: #fff;
|
||||
padding: 20px;
|
||||
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.service-sidebar .related-products-widget .widget-title {
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
color: #333;
|
||||
margin: 0 0 20px 0;
|
||||
padding-bottom: 10px;
|
||||
border-bottom: 1px solid #e8e8e8;
|
||||
}
|
||||
|
||||
.service-sidebar .related-products-widget .widget-title-decorated {
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
color: #333;
|
||||
margin: 0 0 20px 0;
|
||||
padding-bottom: 10px;
|
||||
border-bottom: 0px solid #e8e8e8;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.service-sidebar .related-products-widget .widget-title-decorated:before {
|
||||
content: "";
|
||||
background-color: #5bc0de;
|
||||
width: 4px;
|
||||
height: 16px;
|
||||
position: absolute;
|
||||
left: -20px;
|
||||
top: 2px;
|
||||
}
|
||||
|
||||
.service-sidebar .related-product-card {
|
||||
background: #fff;
|
||||
overflow: hidden;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
||||
.service-sidebar .related-product-card:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.service-sidebar .related-product-card .product-image {
|
||||
width: 100%;
|
||||
height: 140px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.service-sidebar .related-product-card .product-image img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
.service-sidebar .related-product-card .product-info {
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
.service-sidebar .related-product-card .product-title {
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
color: #1481ff;
|
||||
margin: 0 0 8px 0;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.service-sidebar .related-product-card .product-tag {
|
||||
display: inline-block;
|
||||
background: #e6f2ff;
|
||||
color: #1481ff;
|
||||
font-size: 12px;
|
||||
padding: 2px 8px;
|
||||
border-radius: 4px;
|
||||
margin-left: 8px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.service-sidebar .related-product-card .product-desc {
|
||||
font-size: 13px;
|
||||
color: #666;
|
||||
line-height: 1.6;
|
||||
margin: 10px 0 0 0;
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.service-sidebar .related-products-widget {
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
.service-sidebar .related-product-card .product-image {
|
||||
height: 120px;
|
||||
}
|
||||
}
|
||||
|
||||
/*------------------------------------
|
||||
blog sidebar
|
||||
------------------------------------*/
|
||||
@@ -7247,3 +7369,24 @@ img {
|
||||
.product-card.hidden {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* 面包屑导航样式 */
|
||||
.page-path {
|
||||
padding: 8px 15px;
|
||||
margin-bottom: 20px;
|
||||
list-style: none;
|
||||
background-color: transparent;
|
||||
border-radius: 4px;
|
||||
font-size: 14px;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.page-path a {
|
||||
color: #337ab7;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.page-path a:hover {
|
||||
color: #23527c;
|
||||
text-decoration: none;
|
||||
}
|
||||
BIN
assets/images/classiccase/example.jpg
Normal file
BIN
assets/images/classiccase/example.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 449 KiB |
@@ -167,8 +167,9 @@
|
||||
|
||||
let html = '';
|
||||
cards.forEach(card => {
|
||||
const href = card.href || 'classiccase_example.html';
|
||||
html += `
|
||||
<a href="#" class="product-card">
|
||||
<a href="${href}" class="product-card">
|
||||
<div class="card-img">
|
||||
<img src="${card.img}" alt="${card.title}">
|
||||
</div>
|
||||
|
||||
231
classiccase_example.html
Normal file
231
classiccase_example.html
Normal file
@@ -0,0 +1,231 @@
|
||||
<!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物流平台,航运,航运大数据,航运电商,互联网+航运, 数字化航运,码头管理系统,多码头智能操作系统,码头基本操作系统,智能计划系统,智能操作系统,收费收管理系统,EDI报文转换系统,统计系统, WEB客户服务系统,决策支持系统,维护服务系统,场站系统">
|
||||
<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">
|
||||
<!-- 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-title5">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col col-xs-12">
|
||||
</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>
|
||||
|
||||
|
||||
<!-- start blog-single-section -->
|
||||
<section class=" features-section-s2">
|
||||
<div class="container">
|
||||
<div class="col col-xs-8">
|
||||
<div class="project-single-content">
|
||||
<div class="content-area">
|
||||
<h2>秦皇岛港股份有限公司流动机械分公司</h2>
|
||||
<p style="margin: 40px 0 30px 0;">秦皇岛港股份有限公司流动机械分公司是秦皇岛港股份有限公司旗下的重要作业单位，主要负责港区内流动机械的统一调度、运营维护与管理工作。分公司拥有起重机、叉车、装载机、自卸车等多种流动机械设备，承担着煤炭、杂货等核心货类的装卸与转运任务，是保障港口生产作业高效运转的关键力量。</p>
|
||||
|
||||
<div class="challange-solution-section">
|
||||
<div class="panel-group theme-accordion-s1" id="accordion">
|
||||
<!-- 项目背景 -->
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading classiccase">
|
||||
<a>项目背景</a>
|
||||
</div>
|
||||
<div id="collapse-1" class="panel-collapse collapse in">
|
||||
<div class="panel-body">
|
||||
<p><strong>1. 传统调度模式难以满足实时作业需求</strong><br>
|
||||
秦皇岛港区内流动机械作业范围广、车型繁杂，东西港区作业地点分散，每日出车量与作业地点不固定，依赖人工调度无法实现高效、灵活的车辆调配，影响整体作业效率与服务响应能力。</p>
|
||||
<p><strong>2. 数据记录与协同存在盲区</strong><br>
|
||||
车辆申请、调度、监控、反馈等环节均依靠人工记录，数据统计与稽核效率低下，信息传递滞后，难以实现全过程可视化管理和跨部门协同，制约了流动机械作业的精细化管理水平。</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 项目目标 -->
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading classiccase">
|
||||
<a>项目目标</a>
|
||||
</div>
|
||||
<div id="collapse-2" class="panel-collapse collapse in">
|
||||
<div class="panel-body">
|
||||
<p><strong>1. 实现调度智能化</strong><br>
|
||||
建设流动机械智能调度指挥系统，通过电子地图实时显示车辆位置，支持昼夜计划与临时用车在线申请、审批与派车，提升调度响应速度与精准度。</p>
|
||||
<p><strong>2. 构建作业可视化平台</strong><br>
|
||||
基于GIS地图实现车辆轨迹回放、电子围栏设置、超区报警等功能，实现对流动机械作业全过程的可视化监控与动态管理。</p>
|
||||
<p><strong>3. 推动管理精细化</strong><br>
|
||||
建立统一的车辆、人员、作业信息管理模块，支持数据查询、统计分析，为管理层提供决策支持，提升流动机械作业的标准化与信息化水平。</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 项目收益 -->
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading classiccase">
|
||||
<a>项目收益</a>
|
||||
</div>
|
||||
<div id="collapse-3" class="panel-collapse collapse in">
|
||||
<div class="panel-body">
|
||||
<p><strong>1. 调度效率显著提升</strong><br>
|
||||
系统实现智能派车与实时监控，调度响应时间与车辆利用率提高，有效减少空驶与等待时间。</p>
|
||||
<p><strong>2. 作业过程透明可控</strong><br>
|
||||
通过GIS可视化与电子围栏功能，车辆位置、作业状态实时可查，异常情况及时报警，大幅提升现场管理的精准性与安全性。</p>
|
||||
<p><strong>3. 数据驱动管理优化</strong><br>
|
||||
系统自动记录并汇总作业数据，支持多维统计分析，为车辆调度、人员考核、作业优化提供数据支撑，推动管理从经验型向数据型转变。</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col col-md-4">
|
||||
<div class="service-sidebar">
|
||||
<div class="widget related-products-widget">
|
||||
<h4 class="widget-title widget-title-decorated">相关产品</h4>
|
||||
<div class="related-product-card">
|
||||
<div class="product-image">
|
||||
<img src="assets/images/classiccase/example.jpg" alt="全程物流链管理系统">
|
||||
</div>
|
||||
<div class="product-info">
|
||||
<div style="display:flex;justify-content:space-between;align-items:center;">
|
||||
<h5 class="product-title" style="font-family:Helvetica, 'Microsoft Yahei', 微软雅黑, Arial, sans-serif;color:rgb(16, 37, 65);margin:0;">全程物流链管理系统</h5>
|
||||
<span class="product-tag">业务板块</span>
|
||||
</div>
|
||||
<p class="product-desc">面向船公司、船代、货代、报关、车队、场站和仓储等多种物流业务的完整解决方案。</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="related-product-card">
|
||||
<div class="product-image">
|
||||
<img src="assets/images/classiccase/example.jpg" alt="全程物流链管理系统">
|
||||
</div>
|
||||
<div class="product-info">
|
||||
<div style="display:flex;justify-content:space-between;align-items:center;">
|
||||
<h5 class="product-title" style="font-family:Helvetica, 'Microsoft Yahei', 微软雅黑, Arial, sans-serif;color:rgb(16, 37, 65);margin:0;">全程物流链管理系统</h5>
|
||||
<span class="product-tag">业务板块</span>
|
||||
</div>
|
||||
<p class="product-desc">面向船公司、船代、货代、报关、车队、场站和仓储等多种物流业务的完整解决方案。</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="widget contact-widget">
|
||||
<div>
|
||||
<h5>携手打造数字化智能航运物流 </h5>
|
||||
<a href="contact.html">联系我们</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- end container -->
|
||||
</section>
|
||||
<div style="height: 50px;"></div>
|
||||
<!-- end blog-single-section -->
|
||||
|
||||
|
||||
<!-- start site-footer -->
|
||||
<!-- start site-footer -->
|
||||
<div id="footer"></div>
|
||||
<!-- end site-footer -->
|
||||
|
||||
<!-- 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 type="text/javascript">
|
||||
|
||||
$("#footer").load("footer.html");
|
||||
$("#header").load("header.html");
|
||||
|
||||
//如果想要操作header.html中的元素，就得等到header.html加载完成后操作
|
||||
$("#footer").load("footer.html", function(){
|
||||
});
|
||||
</script>
|
||||
<script src="assets/js/kefu.js"></script>
|
||||
<!--<script>-->
|
||||
<!--var kefu = new Kefu({-->
|
||||
<!--// index: "/",-->
|
||||
<!--tel: "0535－2106025",//电话号码-->
|
||||
<!--qq: "278294683",//在线QQ-->
|
||||
<!--wechatPerson: {-->
|
||||
<!--state: false,// true是开启个人微信二维码, false不开启-->
|
||||
<!--imgURL: "./imgs/2wm.png" //图片路径-->
|
||||
<!--},-->
|
||||
<!--wechatofficial: {-->
|
||||
<!--state: true,// true是开启微信公众号二维码, false不开启-->
|
||||
<!--imgURL: "assets/images/wechat.jpg" //图片路径-->
|
||||
<!--}//微信公众号-->
|
||||
<!--});-->
|
||||
<!--</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>
|
||||
</body>
|
||||
</html>
|
||||
@@ -75,27 +75,6 @@
|
||||
}
|
||||
}
|
||||
|
||||
/* 面包屑导航样式 */
|
||||
.page-path {
|
||||
padding: 8px 15px;
|
||||
margin-bottom: 20px;
|
||||
list-style: none;
|
||||
background-color: transparent;
|
||||
border-radius: 4px;
|
||||
font-size: 14px;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.page-path a {
|
||||
color: #337ab7;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.page-path a:hover {
|
||||
color: #23527c;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
/* Swiper轮播居中父容器 */
|
||||
.main2 {
|
||||
display: flex;
|
||||
|
||||
Reference in New Issue
Block a user