1
0
Files
ag-index/classiccase.html
2025-12-18 17:00:55 +08:00

289 lines
33 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.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-title page-title5">
<div class="container">
<div class="row">
<div class="col col-xs-12">
<h2>成功源自创新与合作</h2>
<p>坚持以客户为中心,快速响应客户需求,为客户创造长期价值</p>
</div>
</div> <!-- end row -->
</div> <!-- end container -->
</section>
<!-- end page-title -->
<!-- TAB 选项卡区域 -->
<div class="service-tab-nav-fullwidth">
<div class="service-tab-nav">
<div class="widget service-list-widget">
<ul>
<li class="current" data-category="all"><a href="#">全部</a></li>
<li data-category="port"><a href="#">港口码头</a></li>
<li data-category="logistics"><a href="#">物流</a></li>
<li data-category="machinery"><a href="#">机械设备</a></li>
<li data-category="shipping-company"><a href="#">船公司</a></li>
<li data-category="container-yard"><a href="#">集装箱场站</a></li>
<li data-category="freight-forwarder"><a href="#">货代</a></li>
<li data-category="fleet"><a href="#">车队</a></li>
<li data-category="ship-agent"><a href="#">船代</a></li>
<li data-category="warehouse"><a href="#">仓储</a></li>
</ul>
</div>
</div>
</div>
<!-- start services-section -->
<section class="services-section section-padding" style="background-color:#fff;">
<div class="container">
<div class="product-cards" id="caseCards">
<!-- 卡片将通过JavaScript动态插入 -->
</div>
</div> <!-- end container -->
</section>
<!-- end services-section -->
<!-- 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 type="text/javascript">
$("#footer").load("footer.html");
$("#header").load("header.html");
//如果想要操作header.html中的元素就得等到header.html加载完成后操作
$("#footer").load("footer.html", function(){
});
// 数据定义
const caseData = {
all: [
// 港口码头
{id: 1, title: "唐山港集团有限公司", desc: "唐山港集团有限公司是中国北方重要的综合性港口企业,拥有煤炭、矿石、集装箱、液体化工等多种专业化码头...", img: "assets/images/classiccase/tangshan_ore_terminal.jpg", href: "classiccase/tangshan_ore_terminal.html"},
{id: 2, title: "唐山港口实业集团有限公司", desc: "河北省港口整合平台核心企业,负责运营唐山港\"三港四区\"中的京唐港区与曹妃甸港区年吞吐量逾3亿吨...", img: "assets/images/classiccase/tangshan_bigdata_platform.jpg", href: "classiccase/tangshan_bigdata_platform.html"},
{id: 3, title: "秦皇岛港股份有限公司", desc: "河北港口集团核心企业全球最大大宗干散货公众码头之一1898年开埠现有生产泊位71个...", img: "assets/images/classiccase/qinhuangdao_cargo_system.jpg", href: "classiccase/qinhuangdao_cargo_system.html"},
{id: 4, title: "威海港通信息科技有限公司", desc: "山东港口威海港有限公司全资控股的国有企业成立于2015年注册资本500万元...", img: "assets/images/classiccase/weihai_gate_yard.jpg", href: "classiccase/weihai_gate_yard.html"},
{id: 5, title: "安徽港口集团合肥有限公司", desc: "统筹管理南淝河港区、巢湖港区与派河港区拥有生产性泊位25个年设计吞吐能力达集装箱90万标箱...", img: "assets/images/classiccase/anhui_port_hefei.jpg", href: "classiccase/anhui_port_hefei.html"},
{id: 6, title: "梧州市港务发展集团有限公司", desc: "市直属国有独资企业2022年3月注册成立注册资本10亿元打造智慧梧州港...", img: "assets/images/classiccase/smart_wuzhou_port.jpg", href: "classiccase/smart_wuzhou_port.html"},
{id: 7, title: "中山港航集团股份有限公司", desc: "创立于2000年12月注册地位于中山市火炬开发区沿江东一路3号港航大厦...", img: "assets/images/classiccase/zhongshan_port_service.jpg", href: "classiccase/zhongshan_port_service.html"},
{id: 8, title: "中山市小榄港货运联营有限公司", desc: "立足粤港澳大湾区是中山市小榄镇核心物流枢纽注册资本1.2亿元,为港澳台合资企业...", img: "assets/images/classiccase/zhongshan_xiaolan_remote.jpg", href: "classiccase/zhongshan_xiaolan_remote.html"},
{id: 9, title: "山东裕龙港务有限公司", desc: "位于山东省龙口市,是裕龙石化产业园配套的重要港口企业,致力于打造现代化、智能化、绿色化的综合性港口...", img: "assets/images/classiccase/yulong_terminal_system.jpg", href: "classiccase/yulong_terminal_system.html"},
{id: 10, title: "广州市港务局", desc: "成立于2004年为市政府直属正厅级事业单位负责广州港政、水路运输及航道管理...", img: "assets/images/classiccase/guangzhou_port_authority.jpg", href: "classiccase/guangzhou_port_authority.html"},
// 物流
{id: 11, title: "恒通物流股份有限公司", desc: "成立于2005年注册资本5.8亿元,是国内领先的综合物流服务商,聚焦公路干线运输、多式联运、冷链物流...", img: "assets/images/classiccase/hengtong_logistics.jpg", href: "classiccase/hengtong_logistics.html"},
{id: 12, title: "广州安之达物流有限公司", desc: "成立于2001年是一家以综合物流服务和危险货物操作为品牌的专业物流公司...", img: "assets/images/classiccase/guangzhou_anzhida_logistics.jpg", href: "classiccase/guangzhou_anzhida_logistics.html"},
{id: 13, title: "日照泓源物流有限公司", desc: "创立于2009年专注中国内贸集装箱物流运输领域是以沿海集装箱航运、陆地集卡运输及综合物流服务为核心的大型综合性物流企业...", img: "assets/images/classiccase/rizhao_hongyuan_logistics.jpg", href: "classiccase/rizhao_hongyuan_logistics.html"},
{id: 14, title: "侨益物流股份有限公司", desc: "新三板挂牌企业,专注大宗农产品全链条物流解决方案,作为华南地区农产品物流龙头企业...", img: "assets/images/classiccase/qiaoyi_logistics.jpg", href: "classiccase/qiaoyi_logistics.html"},
// 机械设备
{id: 15, title: "秦皇岛港股份有限公司流动机械分公司", desc: "秦皇岛港股份有限公司旗下重要作业单位,负责港区内流动机械的统一调度、运营维护与管理工作...", img: "assets/images/classiccase/mobile_machinery_dispatch.jpg", href: "classiccase/mobile_machinery_dispatch.html"},
// 船公司
{id: 16, title: "珠江船务企业(集团)有限公司", desc: "珠江船务对现有码头区域平台化经营管理的尝试,解决平台内各码头的拖车集中监控、集中调配问题...", img: "assets/images/classiccase/zhujiang_shipping.jpg", href: "classiccase/zhujiang_shipping.html"},
{id: 17, title: "海南海峡航运股份有限公司", desc: "成立于2002年是中远海运集团旗下A股上市公司注册资本22.29亿元,是琼州海峡客滚运输龙头企业...", img: "assets/images/classiccase/hainan_strait_shipping.jpg", href: "classiccase/hainan_strait_shipping.html"},
{id: 18, title: "合德国际航运有限公司", desc: "唐山港合德海运有限公司是河北港口集团唐港集团旗下内外贸兼营的集装箱航运企业注册资本18.5亿元...", img: "assets/images/classiccase/hede_international_shipping.jpg", href: "classiccase/hede_international_shipping.html"},
{id: 19, title: "上海海华轮船有限公司", desc: "1990年成立系上海锦江航运集团股份有限公司全资国有航运企业专注近洋集装箱班轮运输...", img: "assets/images/classiccase/shanghai_haihua_shipping.jpg", href: "classiccase/shanghai_haihua_shipping.html"},
{id: 20, title: "锦江航运电子商务平台", desc: "上海锦江航运集团股份有限公司股票代码6010831983年成立的中国领先区域性集装箱航运企业...", img: "assets/images/classiccase/jinjiang_shipping_ecommerce.jpg", href: "classiccase/jinjiang_shipping_ecommerce.html"},
{id: 21, title: "嘉华航运业务管理系统", desc: "嘉华航运(香港)有限公司2023年成立的新兴国际航运企业专注中东及北非市场...", img: "assets/images/classiccase/jiahua_shipping_system.jpg", href: "classiccase/jiahua_shipping_system.html"},
{id: 22, title: "天津中运海运集团有限公司", desc: "成立于2012年注册资金叁仟万元总部设于天津滨海经济开发区...", img: "assets/images/classiccase/tianjin_zhongyun_shipping.jpg", href: "classiccase/tianjin_zhongyun_shipping.html"},
{id: 23, title: "连云港中韩轮渡有限公司", desc: "位于新亚欧大陆桥东桥头堡——连云港东端,独家经营连云港至仁川、平泽客货班轮航线...", img: "assets/images/classiccase/lianyungang_china_korea_ferry.jpg", href: "classiccase/lianyungang_china_korea_ferry.html"},
{id: 24, title: "合德全球供应链平台项目", desc: "唐山港合德海运有限公司,专注内外贸集装箱航线运营,主营国际国内水路运输、货运代理、船舶代理...", img: "assets/images/classiccase/hede_global_supply_chain.jpg", href: "classiccase/hede_global_supply_chain.html"},
// 集装箱场站
{id: 25, title: "北部湾港防城港码头有限公司", desc: "广西北部湾国际港务集团有限公司旗下核心企业,主要从事集装箱、散货的装卸、仓储、运输等业务...", img: "assets/images/classiccase/fangchenggang_railway_container.jpg", href: "classiccase/fangchenggang_railway_container.html"},
{id: 26, title: "烟台哈尼泰克集装箱租赁有限公司", desc: "成立于2017年是烟台片区专注集装箱租赁服务的小微企业亟需建设智能化集装箱租赁管理系统...", img: "assets/images/classiccase/yantai_hanitek_container.jpg", href: "classiccase/yantai_hanitek_container.html"},
{id: 27, title: "中山港航集团集装箱码头系统", desc: "中山港航集团股份有限公司集装箱码头系统,提供集装箱码头全流程数字化管理...", img: "assets/images/classiccase/zhongshan_container_terminal.jpg", href: "classiccase/zhongshan_container_terminal.html"},
// 货代
{id: 28, title: "唐山海港海通海运代理有限公司", desc: "2002年6月成立于唐山海港开发区深耕海运代理领域二十余载核心业务为货物运输代理...", img: "assets/images/classiccase/tangshan_haitong_shipping.jpg", href: "classiccase/tangshan_haitong_shipping.html"},
// 车队
{id: 29, title: "黄骅港车辆路线分析平台", desc: "我国\"西煤东运、北煤南运\"核心枢纽港口货物吞吐量连续五年超3亿吨年疏港车辆通行量突破120万辆次...", img: "assets/images/classiccase/huanghua_vehicle_analysis.jpg", href: "classiccase/huanghua_vehicle_analysis.html"},
{id: 30, title: "北部湾防城港穿梭巴士", desc: "广西北部湾港涵盖防城港域、北海港域、钦州港域,位居泛北部湾经济圈核心位置...", img: "assets/images/classiccase/beibuwan_shuttle_bus.jpg", href: "classiccase/beibuwan_shuttle_bus.html"},
// 船代
{id: 31, title: "日照华海国际船舶代理有限公司", desc: "华海集团创立于2003年主营船舶代理、货物代理、国际远洋及国内沿海运输、租船订舱...", img: "assets/images/classiccase/rizhao_huahai_shipping.jpg", href: "classiccase/rizhao_huahai_shipping.html"},
{id: 32, title: "上海上港联合国际船舶代理有限公司", desc: "1994年成立系上海国际港务集团股份有限公司全资子公司上海港主要国际船舶代理服务企业之一...", img: "assets/images/classiccase/shanggang_liandai_integration.jpg", href: "classiccase/shanggang_liandai_integration.html"},
{id: 33, title: "上港联代订舱平台", desc: "上海上港联合国际船舶代理有限公司订舱平台,提供一站式在线订舱服务...", img: "assets/images/classiccase/shanggang_liandai_booking.jpg", href: "classiccase/shanggang_liandai_booking.html"},
{id: 34, title: "上海港船务代理有限公司", desc: "1993年8月成立植根上海并深度依托国际航运中心优势专注水上运输领域的专业船舶代理服务...", img: "assets/images/classiccase/shanghai_port_coastal_system.jpg", href: "classiccase/shanghai_port_coastal_system.html"},
{id: 35, title: "上海航华国际船务代理有限公司", desc: "2000年4月成立的国有控股国际船舶代理企业由上海国际港务集团股份有限公司、上海航运交易所共同投资...", img: "assets/images/classiccase/shanghai_hanghua_ship_agent.jpg", href: "classiccase/shanghai_hanghua_ship_agent.html"},
{id: 36, title: "上海航华海运电商云服务平台", desc: "上海航华国际船务代理有限公司海运电商云服务平台,提供数字化航运服务...", img: "assets/images/classiccase/shanghai_hanghua_cloud.jpg", href: "classiccase/shanghai_hanghua_cloud.html"},
{id: 37, title: "上海鹏华船务有限公司", desc: "2004年成立的中国首家公共船舶代理合资企业致力于为全球客户提供全方位、高效率国际船舶代理服务...", img: "assets/images/classiccase/shanghai_penghua_platform.jpg", href: "classiccase/shanghai_penghua_platform.html"},
{id: 38, title: "上海新海国际船舶代理有限公司", desc: "1993年3月29日成立于上海专注提供全方位国际船舶代理服务作为连接船东、租家、港口及相关方的关键纽带...", img: "assets/images/classiccase/shanghai_xinhai_freight.jpg", href: "classiccase/shanghai_xinhai_freight.html"},
// 仓储/其他
{id: 39, title: "济宁港航建设有限公司", desc: "济宁能源集团核心子公司主营京杭运河济宁段港口、航道、船闸一体化投资运营年吞吐量超3000万吨...", img: "assets/images/classiccase/canal_logistics_supervision.jpg", href: "classiccase/canal_logistics_supervision.html"}
],
port: [
{id: 1, title: "唐山港集团有限公司", desc: "唐山港集团有限公司是中国北方重要的综合性港口企业,拥有煤炭、矿石、集装箱、液体化工等多种专业化码头...", img: "assets/images/classiccase/tangshan_ore_terminal.jpg", href: "classiccase/tangshan_ore_terminal.html"},
{id: 2, title: "唐山港口实业集团有限公司", desc: "河北省港口整合平台核心企业,负责运营唐山港\"三港四区\"中的京唐港区与曹妃甸港区年吞吐量逾3亿吨...", img: "assets/images/classiccase/tangshan_bigdata_platform.jpg", href: "classiccase/tangshan_bigdata_platform.html"},
{id: 3, title: "秦皇岛港股份有限公司", desc: "河北港口集团核心企业全球最大大宗干散货公众码头之一1898年开埠现有生产泊位71个...", img: "assets/images/classiccase/qinhuangdao_cargo_system.jpg", href: "classiccase/qinhuangdao_cargo_system.html"},
{id: 4, title: "威海港通信息科技有限公司", desc: "山东港口威海港有限公司全资控股的国有企业成立于2015年注册资本500万元...", img: "assets/images/classiccase/weihai_gate_yard.jpg", href: "classiccase/weihai_gate_yard.html"},
{id: 5, title: "安徽港口集团合肥有限公司", desc: "统筹管理南淝河港区、巢湖港区与派河港区拥有生产性泊位25个年设计吞吐能力达集装箱90万标箱...", img: "assets/images/classiccase/anhui_port_hefei.jpg", href: "classiccase/anhui_port_hefei.html"},
{id: 6, title: "梧州市港务发展集团有限公司", desc: "市直属国有独资企业2022年3月注册成立注册资本10亿元打造智慧梧州港...", img: "assets/images/classiccase/smart_wuzhou_port.jpg", href: "classiccase/smart_wuzhou_port.html"},
{id: 7, title: "中山港航集团股份有限公司", desc: "创立于2000年12月注册地位于中山市火炬开发区沿江东一路3号港航大厦...", img: "assets/images/classiccase/zhongshan_port_service.jpg", href: "classiccase/zhongshan_port_service.html"},
{id: 8, title: "中山市小榄港货运联营有限公司", desc: "立足粤港澳大湾区是中山市小榄镇核心物流枢纽注册资本1.2亿元,为港澳台合资企业...", img: "assets/images/classiccase/zhongshan_xiaolan_remote.jpg", href: "classiccase/zhongshan_xiaolan_remote.html"},
{id: 9, title: "山东裕龙港务有限公司", desc: "位于山东省龙口市,是裕龙石化产业园配套的重要港口企业,致力于打造现代化、智能化、绿色化的综合性港口...", img: "assets/images/classiccase/yulong_terminal_system.jpg", href: "classiccase/yulong_terminal_system.html"},
{id: 10, title: "广州市港务局", desc: "成立于2004年为市政府直属正厅级事业单位负责广州港政、水路运输及航道管理...", img: "assets/images/classiccase/guangzhou_port_authority.jpg", href: "classiccase/guangzhou_port_authority.html"}
],
logistics: [
{id: 11, title: "恒通物流股份有限公司", desc: "成立于2005年注册资本5.8亿元,是国内领先的综合物流服务商,聚焦公路干线运输、多式联运、冷链物流...", img: "assets/images/classiccase/hengtong_logistics.jpg", href: "classiccase/hengtong_logistics.html"},
{id: 12, title: "广州安之达物流有限公司", desc: "成立于2001年是一家以综合物流服务和危险货物操作为品牌的专业物流公司...", img: "assets/images/classiccase/guangzhou_anzhida_logistics.jpg", href: "classiccase/guangzhou_anzhida_logistics.html"},
{id: 13, title: "日照泓源物流有限公司", desc: "创立于2009年专注中国内贸集装箱物流运输领域是以沿海集装箱航运、陆地集卡运输及综合物流服务为核心的大型综合性物流企业...", img: "assets/images/classiccase/rizhao_hongyuan_logistics.jpg", href: "classiccase/rizhao_hongyuan_logistics.html"},
{id: 14, title: "侨益物流股份有限公司", desc: "新三板挂牌企业,专注大宗农产品全链条物流解决方案,作为华南地区农产品物流龙头企业...", img: "assets/images/classiccase/qiaoyi_logistics.jpg", href: "classiccase/qiaoyi_logistics.html"}
],
machinery: [
{id: 15, title: "秦皇岛港股份有限公司流动机械分公司", desc: "秦皇岛港股份有限公司旗下重要作业单位,负责港区内流动机械的统一调度、运营维护与管理工作...", img: "assets/images/classiccase/mobile_machinery_dispatch.jpg", href: "classiccase/mobile_machinery_dispatch.html"}
],
"shipping-company": [
{id: 16, title: "珠江船务企业(集团)有限公司", desc: "珠江船务对现有码头区域平台化经营管理的尝试,解决平台内各码头的拖车集中监控、集中调配问题...", img: "assets/images/classiccase/zhujiang_shipping.jpg", href: "classiccase/zhujiang_shipping.html"},
{id: 17, title: "海南海峡航运股份有限公司", desc: "成立于2002年是中远海运集团旗下A股上市公司注册资本22.29亿元,是琼州海峡客滚运输龙头企业...", img: "assets/images/classiccase/hainan_strait_shipping.jpg", href: "classiccase/hainan_strait_shipping.html"},
{id: 18, title: "合德国际航运有限公司", desc: "唐山港合德海运有限公司是河北港口集团唐港集团旗下内外贸兼营的集装箱航运企业注册资本18.5亿元...", img: "assets/images/classiccase/hede_international_shipping.jpg", href: "classiccase/hede_international_shipping.html"},
{id: 19, title: "上海海华轮船有限公司", desc: "1990年成立系上海锦江航运集团股份有限公司全资国有航运企业专注近洋集装箱班轮运输...", img: "assets/images/classiccase/shanghai_haihua_shipping.jpg", href: "classiccase/shanghai_haihua_shipping.html"},
{id: 20, title: "锦江航运电子商务平台", desc: "上海锦江航运集团股份有限公司股票代码6010831983年成立的中国领先区域性集装箱航运企业...", img: "assets/images/classiccase/jinjiang_shipping_ecommerce.jpg", href: "classiccase/jinjiang_shipping_ecommerce.html"},
{id: 21, title: "嘉华航运业务管理系统", desc: "嘉华航运(香港)有限公司2023年成立的新兴国际航运企业专注中东及北非市场...", img: "assets/images/classiccase/jiahua_shipping_system.jpg", href: "classiccase/jiahua_shipping_system.html"},
{id: 22, title: "天津中运海运集团有限公司", desc: "成立于2012年注册资金叁仟万元总部设于天津滨海经济开发区...", img: "assets/images/classiccase/tianjin_zhongyun_shipping.jpg", href: "classiccase/tianjin_zhongyun_shipping.html"},
{id: 23, title: "连云港中韩轮渡有限公司", desc: "位于新亚欧大陆桥东桥头堡——连云港东端,独家经营连云港至仁川、平泽客货班轮航线...", img: "assets/images/classiccase/lianyungang_china_korea_ferry.jpg", href: "classiccase/lianyungang_china_korea_ferry.html"},
{id: 24, title: "合德全球供应链平台项目", desc: "唐山港合德海运有限公司,专注内外贸集装箱航线运营,主营国际国内水路运输、货运代理、船舶代理...", img: "assets/images/classiccase/hede_global_supply_chain.jpg", href: "classiccase/hede_global_supply_chain.html"}
],
"container-yard": [
{id: 25, title: "北部湾港防城港码头有限公司", desc: "广西北部湾国际港务集团有限公司旗下核心企业,主要从事集装箱、散货的装卸、仓储、运输等业务...", img: "assets/images/classiccase/fangchenggang_railway_container.jpg", href: "classiccase/fangchenggang_railway_container.html"},
{id: 26, title: "烟台哈尼泰克集装箱租赁有限公司", desc: "成立于2017年是烟台片区专注集装箱租赁服务的小微企业亟需建设智能化集装箱租赁管理系统...", img: "assets/images/classiccase/yantai_hanitek_container.jpg", href: "classiccase/yantai_hanitek_container.html"},
{id: 27, title: "中山港航集团集装箱码头系统", desc: "中山港航集团股份有限公司集装箱码头系统,提供集装箱码头全流程数字化管理...", img: "assets/images/classiccase/zhongshan_container_terminal.jpg", href: "classiccase/zhongshan_container_terminal.html"}
],
"freight-forwarder": [
{id: 28, title: "唐山海港海通海运代理有限公司", desc: "2002年6月成立于唐山海港开发区深耕海运代理领域二十余载核心业务为货物运输代理...", img: "assets/images/classiccase/tangshan_haitong_shipping.jpg", href: "classiccase/tangshan_haitong_shipping.html"}
],
fleet: [
{id: 29, title: "黄骅港车辆路线分析平台", desc: "我国\"西煤东运、北煤南运\"核心枢纽港口货物吞吐量连续五年超3亿吨年疏港车辆通行量突破120万辆次...", img: "assets/images/classiccase/huanghua_vehicle_analysis.jpg", href: "classiccase/huanghua_vehicle_analysis.html"},
{id: 30, title: "北部湾防城港穿梭巴士", desc: "广西北部湾港涵盖防城港域、北海港域、钦州港域,位居泛北部湾经济圈核心位置...", img: "assets/images/classiccase/beibuwan_shuttle_bus.jpg", href: "classiccase/beibuwan_shuttle_bus.html"}
],
"ship-agent": [
{id: 31, title: "日照华海国际船舶代理有限公司", desc: "华海集团创立于2003年主营船舶代理、货物代理、国际远洋及国内沿海运输、租船订舱...", img: "assets/images/classiccase/rizhao_huahai_shipping.jpg", href: "classiccase/rizhao_huahai_shipping.html"},
{id: 32, title: "上海上港联合国际船舶代理有限公司", desc: "1994年成立系上海国际港务集团股份有限公司全资子公司上海港主要国际船舶代理服务企业之一...", img: "assets/images/classiccase/shanggang_liandai_integration.jpg", href: "classiccase/shanggang_liandai_integration.html"},
{id: 33, title: "上港联代订舱平台", desc: "上海上港联合国际船舶代理有限公司订舱平台,提供一站式在线订舱服务...", img: "assets/images/classiccase/shanggang_liandai_booking.jpg", href: "classiccase/shanggang_liandai_booking.html"},
{id: 34, title: "上海港船务代理有限公司", desc: "1993年8月成立植根上海并深度依托国际航运中心优势专注水上运输领域的专业船舶代理服务...", img: "assets/images/classiccase/shanghai_port_coastal_system.jpg", href: "classiccase/shanghai_port_coastal_system.html"},
{id: 35, title: "上海航华国际船务代理有限公司", desc: "2000年4月成立的国有控股国际船舶代理企业由上海国际港务集团股份有限公司、上海航运交易所共同投资...", img: "assets/images/classiccase/shanghai_hanghua_ship_agent.jpg", href: "classiccase/shanghai_hanghua_ship_agent.html"},
{id: 36, title: "上海航华海运电商云服务平台", desc: "上海航华国际船务代理有限公司海运电商云服务平台,提供数字化航运服务...", img: "assets/images/classiccase/shanghai_hanghua_cloud.jpg", href: "classiccase/shanghai_hanghua_cloud.html"},
{id: 37, title: "上海鹏华船务有限公司", desc: "2004年成立的中国首家公共船舶代理合资企业致力于为全球客户提供全方位、高效率国际船舶代理服务...", img: "assets/images/classiccase/shanghai_penghua_platform.jpg", href: "classiccase/shanghai_penghua_platform.html"},
{id: 38, title: "上海新海国际船舶代理有限公司", desc: "1993年3月29日成立于上海专注提供全方位国际船舶代理服务作为连接船东、租家、港口及相关方的关键纽带...", img: "assets/images/classiccase/shanghai_xinhai_freight.jpg", href: "classiccase/shanghai_xinhai_freight.html"}
],
warehouse: [
{id: 39, title: "济宁港航建设有限公司", desc: "济宁能源集团核心子公司主营京杭运河济宁段港口、航道、船闸一体化投资运营年吞吐量超3000万吨...", img: "assets/images/classiccase/canal_logistics_supervision.jpg", href: "classiccase/canal_logistics_supervision.html"}
]
};
// 渲染卡片函数
function renderCards(category) {
const cardsContainer = document.getElementById('caseCards');
const cards = caseData[category] || caseData.all;
let html = '';
cards.forEach(card => {
const href = card.href || 'classiccase/classiccase_example.html';
html += `
<a href="${href}" class="product-card">
<div class="card-img">
<img src="${card.img}" alt="${card.title}">
</div>
<div class="card-content">
<div class="card-header">
<h4>${card.title}</h4>
</div>
<p>${card.desc}</p>
</div>
</a>
`;
});
cardsContainer.innerHTML = html;
}
// Tab点击事件处理
$(document).ready(function() {
// 初始化: 渲染全部卡片
renderCards('all');
// Tab点击事件
$('.service-tab-nav li').on('click', function(e) {
e.preventDefault();
// 移除所有当前激活状态
$('.service-tab-nav li').removeClass('current');
// 添加当前激活状态
$(this).addClass('current');
// 获取分类
const category = $(this).data('category');
// 渲染对应的卡片
renderCards(category);
});
});
</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>
</body>
</html>