diff --git a/assets/css/style.css b/assets/css/style.css index d6a1549..68e9452 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -681,6 +681,38 @@ img { position: relative; text-align: center; } + +.page-title-cargo-platform { + background: url("../images/project/agNetCargoPlatform/top.jpg") center center/cover no-repeat local; + width: 100%; + height: 330px; + position: relative; + text-align: center; + /* background-color: #ffffff00 !important; */ + margin-top: 80px !important; /* Adjusted for new 80px header height */ +} + +.page-title-cargo-platform::before { + content: ""; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + /* background-color: rgba(0, 0, 0, 0.5); */ + z-index: 1; +} + +.page-title-cargo-platform .container { + position: relative; + z-index: 2; +} + +.page-title-cargo-platform h2, +.page-title-cargo-platform p { + color: #ffffff; +} + @media (max-width: 991px) { .page-title { height: 300px; @@ -2168,6 +2200,7 @@ img { } .header-style-1 .navigation, .header-style-2 .navigation, .header-style-3 .navigation { /*background-color: transparent;*/ + margin-bottom: 0; /* Remove default navbar margin-bottom */ } .header-style-1 #navbar, .header-style-2 #navbar, .header-style-3 #navbar { margin-right: 200px; @@ -2176,7 +2209,7 @@ img { font-size: 15px; font-size: 1.1rem; color: #333; - padding: 40px 12px; + padding: 20px 12px; /* Reduced from 40px to 20px to make header height 80px */ } .header-style-1 .navigation .container, .header-style-2 .navigation .container, .header-style-3 .navigation .container { position: relative; @@ -2222,6 +2255,7 @@ img { .header-style-1 .navbar-brand img, .header-style-2 .navbar-brand img, .header-style-3 .navbar-brand img { max-width: 190px; + max-height: 40px; /* Add max-height to control header height */ } @media (max-width: 991px) { @@ -2537,6 +2571,54 @@ img { color: #fff; } +/* Product cards swiper navigation buttons - hero-style */ +.product-cards-swiper .swiper-button-prev, +.product-cards-swiper .swiper-button-next { + background: rgba(255, 255, 255, 0.2); + width: 60px; + height: 60px; + line-height: 60px; + margin-top: -30px; + text-align: center; + border-radius: 60px; +} + +.product-cards-swiper .swiper-button-prev { + left: 25px; +} + +.product-cards-swiper .swiper-button-next { + right: 25px; +} + +.product-cards-swiper .swiper-button-prev:before { + font-family: "Flaticon"; + content: "\f103"; + font-size: 20px; + color: #fff; +} + +.product-cards-swiper .swiper-button-next:before { + font-family: "Flaticon"; + content: "\f104"; + font-size: 20px; + color: #fff; +} + +@media (max-width: 767px) { + .product-cards-swiper .swiper-button-prev, + .product-cards-swiper .swiper-button-next { + display: none; + } +} + +@media (max-width: 991px) { + .product-cards-swiper .swiper-button-prev, + .product-cards-swiper .swiper-button-next { + display: none; + } +} + .hero-slider .swiper-pagination-bullet { width: 12px; height: 12px; @@ -3006,6 +3088,8 @@ img { -o-transition: all 0.7s; -ms-transition: all 0.7s; transition: all 0.7s; + /* Ensure sticky header doesn't affect layout when hidden */ + display: none; } .sticky-header .sub-menu { @@ -3016,6 +3100,7 @@ img { opacity: 1; top: 0; pointer-events: auto; + display: block; /* Show when sticky is active */ } .sticky-on .sub-menu { @@ -6866,23 +6951,42 @@ img { color: #102541; } -/* Product Cards */ +/* Product Cards - 经典案例页面网格布局 */ .product-cards { display: flex; flex-wrap: wrap; gap: 20px; + justify-content: flex-start; } +.product-cards .product-card { + width: calc(24.8% - 14px); + min-height: 220px; +} +@media (max-width: 991px) { + .product-cards .product-card { + /* width: calc(50% - 10px); */ + min-height: 220px; + } +} +@media (max-width: 550px) { + .product-cards .product-card { + width: 100%; + min-height: auto; + } +} + +/* Product Card 基础样式 */ .product-card { - width: calc(33.333% - 14px); display: flex; flex-direction: column; border: 1px solid #ebf4fd; - border-radius: 4px; + border-radius: 8px; overflow: hidden; text-decoration: none; color: inherit; box-shadow: 0 4px 12px rgba(0,0,0,0.08); transition: box-shadow 0.3s, transform 0.3s, background 0.3s; + background: #fff; } .product-card:hover { box-shadow: 0 10px 30px rgba(20,129,255,0.25); @@ -6890,31 +6994,40 @@ img { background: #f8fbff; } .product-card .card-img { - height: 0; - padding-bottom: 44%; + height: 120px; position: relative; overflow: hidden; + flex-shrink: 0; } .product-card .card-img img { position: absolute; + top: 0; + left: 0; width: 100%; height: 100%; object-fit: cover; } .product-card .card-content { - padding: 15px; + padding: 20px; flex: 1; + display: flex; + flex-direction: column; + position: relative; } .product-card .card-header { display: flex; justify-content: space-between; align-items: center; - margin-bottom: 8px; + margin-bottom: 12px; } .product-card .card-header h4 { margin: 0; - font-size: 16px; + font-size: 18px; color: #102541; + font-weight: 600; + white-space: normal; + overflow: visible; + text-align: left; } .product-card .card-tag { background: #1481ff; @@ -6922,16 +7035,213 @@ img { padding: 2px 8px; border-radius: 3px; font-size: 12px; + white-space: nowrap; + flex-shrink: 0; } .product-card .card-content p { margin: 0; font-size: 14px; color: #666; + line-height: 1.6; + display: -webkit-box; + -webkit-line-clamp: 4; + -webkit-box-orient: vertical; + overflow: hidden; + text-overflow: ellipsis; + flex: 1; +} + +/* Owl Carousel 功能卡片轮播样式 */ +.feature-cards-slider { + padding: 20px 0; +} + +/* 功能卡片样式 - 产品功能亮点（整体统一颜色 #eff5ff） */ +.feature-card { + background: #eff5ff; + border-radius: 12px; + box-shadow: 0 2px 8px rgba(20,129,255,0.25); + border: 0px solid #d4e8f8; + overflow: hidden; + transition: all 0.3s ease; + height: 95%; + min-height: 320px; + display: flex; + flex-direction: column; + margin: 15px; +} +.feature-card:hover { + box-shadow: 0 4px 12px rgba(20,129,255,0.35); + transform: translateY(-3px); +} +.feature-card-icon { + height: 120px; + background: #eff5ff; + display: flex; + align-items: center; + justify-content: center; + padding: 20px; +} +.feature-card-icon img { + width: 70px; + height: 70px; + object-fit: contain; +} +.feature-card-body { + padding: 25px 20px; + flex: 1; + display: flex; + flex-direction: column; + background: #eff5ff; + text-align: center; +} +.feature-card-body h4 { + font-size: 16px; + font-weight: bold; + color: #000000; line-height: 1.5; + margin: 0 0 15px 0; + min-height: 48px; /* 两行高度: 16px * 1.5 * 2 */ } +.feature-card-body p { + font-size: 14px; + color: #4a6a8a; + line-height: 1.7; + margin: 0; + display: -webkit-box; + -webkit-line-clamp: 5; + -webkit-box-orient: vertical; + overflow: hidden; + min-height: 119px; /* 五行高度: 14px * 1.7 * 5 */ +} + +/* 产品优势卡片样式 - 上部渐变蓝色，下部白色 */ +.feature-card-advantage .feature-card-icon { + background: linear-gradient(90deg, #0037ff 0%, #007bff 88%); + justify-content: flex-start; +} +.feature-card-advantage .feature-card-icon h4 { + color: #ffffff; + font-size: 18px; + font-weight: bold; + margin: 0; + text-align: left; +} +.feature-card-advantage .feature-card-body { + background: #ffffff; + text-align: left; +} +.feature-card-advantage .feature-card-body p { + color: #000000; +} + +/* Owl Carousel 卡片等高 */ +.feature-cards-slider .owl-stage { + display: flex; +} +.feature-cards-slider .owl-item { + display: flex; +} +.feature-cards-slider .owl-item .feature-card { + width: 100%; +} + +/* ========================================== + 经典案例页面样式 - Classic Case Page Styles + ========================================== */ + +/* TAB 选项卡样式调整 */ +.service-tab-nav-fullwidth .service-tab-nav .service-list-widget ul { + justify-content: center; +} + +.service-tab-nav-fullwidth .service-tab-nav .service-list-widget ul li { + flex: none; + min-width: 160px; +} + +.service-tab-nav-fullwidth .service-tab-nav .service-list-widget a { + padding: 18px 20px; + font-size: 15px; +} + +/* 公司 Logo 样式 - 绝对定位在卡片右上角 */ +.company-logo { + position: absolute; + top: -20px; + right: 20px; + width: 60px; + height: 40px; + border-radius: 4px; + display: flex; + align-items: center; + justify-content: center; + color: #fff; + font-size: 12px; + font-weight: bold; + text-align: center; + line-height: 1.2; +} + +/* Logo 颜色变体 */ +.company-logo.logo-blue { + background: linear-gradient(135deg, #1481ff, #0066cc); +} + +.company-logo.logo-orange { + background: linear-gradient(135deg, #ff6b35, #ff5722); +} + +.company-logo.logo-green { + background: linear-gradient(135deg, #4caf50, #2e7d32); +} + +.company-logo.logo-purple { + background: linear-gradient(135deg, #9c27b0, #6a1b9a); +} + +.company-logo.logo-red { + background: linear-gradient(135deg, #f44336, #d32f2f); +} + +.company-logo.logo-cyan { + background: linear-gradient(135deg, #00bcd4, #0097a7); +} + +/* 响应式调整 */ @media (max-width: 991px) { - .product-card { width: calc(50% - 10px); } + .service-tab-nav-fullwidth .service-tab-nav .service-list-widget ul { + flex-wrap: wrap; + } + + .service-tab-nav-fullwidth .service-tab-nav .service-list-widget ul li { + min-width: 120px; + } + + .service-tab-nav-fullwidth .service-tab-nav .service-list-widget a { + padding: 15px 10px; + font-size: 14px; + } +} + +@media (max-width: 767px) { + .service-tab-nav-fullwidth .service-tab-nav .service-list-widget ul li { + min-width: 100px; + } + + .service-tab-nav-fullwidth .service-tab-nav .service-list-widget a { + font-size: 13px; + padding: 12px 8px; + } + + .company-logo { + width: 50px; + height: 35px; + font-size: 11px; + } +} + +/* 隐藏未筛选的卡片 */ +.product-card.hidden { + display: none; } -@media (max-width: 550px) { - .product-card { width: 100%; } -} \ No newline at end of file diff --git a/assets/images/project/agNetCargoPlatform/product_architecture.png b/assets/images/project/agNetCargoPlatform/product_architecture.png new file mode 100644 index 0000000..61ab494 Binary files /dev/null and b/assets/images/project/agNetCargoPlatform/product_architecture.png differ diff --git a/assets/images/project/agNetCargoPlatform/top.jpg b/assets/images/project/agNetCargoPlatform/top.jpg new file mode 100644 index 0000000..e277a28 Binary files /dev/null and b/assets/images/project/agNetCargoPlatform/top.jpg differ diff --git a/assets/images/project/common/Group-10-Copy-4.svg b/assets/images/project/common/Group-10-Copy-4.svg new file mode 100644 index 0000000..41ce408 --- /dev/null +++ b/assets/images/project/common/Group-10-Copy-4.svg @@ -0,0 +1,103 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/assets/images/project/common/Group-121-Copy.svg b/assets/images/project/common/Group-121-Copy.svg new file mode 100644 index 0000000..e3ead7f --- /dev/null +++ b/assets/images/project/common/Group-121-Copy.svg @@ -0,0 +1,138 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/assets/images/project/common/Group-124-Copy-1.svg b/assets/images/project/common/Group-124-Copy-1.svg new file mode 100644 index 0000000..62b5ce3 --- /dev/null +++ b/assets/images/project/common/Group-124-Copy-1.svg @@ -0,0 +1,176 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/assets/images/project/common/Group-15-Copy-3.svg b/assets/images/project/common/Group-15-Copy-3.svg new file mode 100644 index 0000000..9f97677 --- /dev/null +++ b/assets/images/project/common/Group-15-Copy-3.svg @@ -0,0 +1,86 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/assets/images/project/common/Group-21.svg b/assets/images/project/common/Group-21.svg new file mode 100644 index 0000000..ec06b19 --- /dev/null +++ b/assets/images/project/common/Group-21.svg @@ -0,0 +1,119 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/assets/images/project/common/Group-4-Copy-4.svg b/assets/images/project/common/Group-4-Copy-4.svg new file mode 100644 index 0000000..b7c2809 --- /dev/null +++ b/assets/images/project/common/Group-4-Copy-4.svg @@ -0,0 +1,57 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/assets/images/project/common/Group-5-Copy-3.svg b/assets/images/project/common/Group-5-Copy-3.svg new file mode 100644 index 0000000..e229218 --- /dev/null +++ b/assets/images/project/common/Group-5-Copy-3.svg @@ -0,0 +1,66 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/assets/images/project/common/Group-60.svg b/assets/images/project/common/Group-60.svg new file mode 100644 index 0000000..afeb6e9 --- /dev/null +++ b/assets/images/project/common/Group-60.svg @@ -0,0 +1,65 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/assets/images/project/common/Group.svg b/assets/images/project/common/Group.svg new file mode 100644 index 0000000..9ac10a9 --- /dev/null +++ b/assets/images/project/common/Group.svg @@ -0,0 +1,41 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/assets/images/project/common/智慧物业-copy-2.svg b/assets/images/project/common/智慧物业-copy-2.svg new file mode 100644 index 0000000..115ed08 --- /dev/null +++ b/assets/images/project/common/智慧物业-copy-2.svg @@ -0,0 +1,99 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/assets/images/project/common/编组-14.svg b/assets/images/project/common/编组-14.svg new file mode 100644 index 0000000..eb9bee7 --- /dev/null +++ b/assets/images/project/common/编组-14.svg @@ -0,0 +1,125 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/assets/images/project/common/编组-2-copy-5.svg b/assets/images/project/common/编组-2-copy-5.svg new file mode 100644 index 0000000..1123fb9 --- /dev/null +++ b/assets/images/project/common/编组-2-copy-5.svg @@ -0,0 +1,32 @@ + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/assets/images/project/common/菱形宝石-copy.svg b/assets/images/project/common/菱形宝石-copy.svg new file mode 100644 index 0000000..f989e43 --- /dev/null +++ b/assets/images/project/common/菱形宝石-copy.svg @@ -0,0 +1,68 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/assets/images/project/common/资源_10.svg b/assets/images/project/common/资源_10.svg new file mode 100644 index 0000000..30a2f6f --- /dev/null +++ b/assets/images/project/common/资源_10.svg @@ -0,0 +1,36 @@ + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/assets/images/project/common/资源_2.svg b/assets/images/project/common/资源_2.svg new file mode 100644 index 0000000..3241b1e --- /dev/null +++ b/assets/images/project/common/资源_2.svg @@ -0,0 +1,81 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/assets/images/project/common/资源_3.svg b/assets/images/project/common/资源_3.svg new file mode 100644 index 0000000..3dbf3d9 --- /dev/null +++ b/assets/images/project/common/资源_3.svg @@ -0,0 +1,116 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/assets/images/project/common/资源_4.svg b/assets/images/project/common/资源_4.svg new file mode 100644 index 0000000..aea2613 --- /dev/null +++ b/assets/images/project/common/资源_4.svg @@ -0,0 +1,83 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/assets/images/project/common/资源_5.svg b/assets/images/project/common/资源_5.svg new file mode 100644 index 0000000..9ff1dc5 --- /dev/null +++ b/assets/images/project/common/资源_5.svg @@ -0,0 +1,109 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/assets/images/project/common/资源_6.svg b/assets/images/project/common/资源_6.svg new file mode 100644 index 0000000..4739e1d --- /dev/null +++ b/assets/images/project/common/资源_6.svg @@ -0,0 +1,185 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/assets/images/project/common/资源_8.svg b/assets/images/project/common/资源_8.svg new file mode 100644 index 0000000..f0b386c --- /dev/null +++ b/assets/images/project/common/资源_8.svg @@ -0,0 +1,107 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/assets/images/project/common/资源_9.svg b/assets/images/project/common/资源_9.svg new file mode 100644 index 0000000..2b95cf3 --- /dev/null +++ b/assets/images/project/common/资源_9.svg @@ -0,0 +1,56 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/classiccase.html b/classiccase.html index 55ac19f..544c62b 100644 --- a/classiccase.html +++ b/classiccase.html @@ -66,259 +66,27 @@ + +
+
+
+ +
+
+
-
+
-
-
-
- -

合作伙伴

-
-
- -
-
-
-
-
-
- -
-

秦皇岛港股份有限公司

-
-
-
- -
-

唐山港集团股份有限公司

-
-
-
- -
-

中山港航集团股份有限公司

-
-
-
- -
-

北部湾港防城港码头有限公司

-
-
-
- -
-

济宁港航发展集团有限公司

-
-
-
- -
-

上海锦江航运(集团)有限公司

-
-
-
- -
-

东方国际物流集团有限公司

-
- -
-
- -
-

天津中运海运集团有限公司

-
- -
-
- -
-

侨益物流股份有限公司

-
- -
-
- -
-

广州港务局

-
- -
-
- -
-

上海航华国际船务代理有限公司

-
-
-
- -
-

上海上港联合国际船舶代理有限公司

-
-
-
- -
-

上海鹏华船务有限公司

-
-
-
- -
-

连云港中韩轮渡有限公司

-
-
-
- -
-

威海港集团有限公司

-
-
-
- -
-

上海合德国际物流有限公司

-
-
-
- -
-

海南海峡航运股份有限公司

-
-
-
- -
-

珠江船务企业（股份）有限公司

-
-
-
- -
-

日照泓源物流有限公司

-
-
-
- -
-

唐山海港海通海运代理有限公司

-
-
-
- -
-

安徽省港口集团合肥有限公司

-
-
-
- -
-

海南临高金牌港

-
-
-
- -
-

佛山市三水盈港货运码头有限公司

-
-
-
- -
-

广西梧州港务有限公司

-
-
-
- -
-

广西钦州市祥龙物流有限公司

-
-
-
- -
-

恒通物流股份有限公司

-
-
-
- -
-

烟台哈尼泰克集装箱租赁有限公司

-
-
-
- -
-

上海港船务代理有限公司

-
-
-
- -
-

广州交通职业技术学院

-
-
-
- -
-

广州航海学院

-
-
-
- -
-

广州港物流有限公司

-
- -
-
- -
-

广州市安之达物流有限公司

-
- -
-
- -
-

唐山海盈国际物流有限公司

- -
- -
-
- -
-

广州海力物流集团

-
- -
-
- -
-

华东诚通物流有限公司

-
-
-
- -
-

广州港发石油化工码头有限公司

-
- -
-
- -
-

广州航运交易所

-
- - - -
-
+
+
@@ -345,6 +113,102 @@ //如果想要操作header.html中的元素，就得等到header.html加载完成后操作 $("#footer").load("footer.html", function(){ }); + + // 数据定义 + const caseData = { + all: [ + {id: 1, title: "智慧港口管理系统", desc: "为某大型港口提供全流程数字化管理解决方案，实现船舶调度、货物跟踪、泊位管理的智能化运营", img: "assets/images/blog/pro1.jpg", logo: "港口A", logoClass: "logo-blue"}, + {id: 2, title: "航运电子商务平台", desc: "打造一站式航运电商服务平台，整合船期查询、在线订舱、支付结算等功能，提升客户体验", img: "assets/images/blog/pro2.jpg", logo: "航运B", logoClass: "logo-orange"}, + {id: 3, title: "车队调度系统", desc: "优化车队运输调度流程，实现智能路径规划、实时监控、燃油管理，降低运营成本15%", img: "assets/images/blog/pro3.jpg", logo: "物流C", logoClass: "logo-green"}, + {id: 4, title: "散杂货作业平台", desc: "提供散杂货作业全流程数字化方案，支持装卸作业管理、计费结算、数据分析等功能", img: "assets/images/blog/pro4.jpg", logo: "码头D", logoClass: "logo-purple"}, + {id: 5, title: "集装箱智能运营", desc: "集装箱全程可视化管理系统，实现箱位跟踪、状态监控、数据分析，提高堆场利用率30%", img: "assets/images/blog/pro5.jpg", logo: "航运E", logoClass: "logo-red"}, + {id: 6, title: "多式联运平台", desc: "整合海铁公空多种运输方式，提供门到门全程可视化服务，提升物流效率25%", img: "assets/images/blog/pro6.jpg", logo: "联运F", logoClass: "logo-cyan"} + ], + port: [ + {id: 4, title: "散杂货作业平台", desc: "提供散杂货作业全流程数字化方案，支持装卸作业管理、计费结算、数据分析等功能", img: "assets/images/blog/pro4.jpg", logo: "码头D", logoClass: "logo-purple"}, + {id: 7, title: "港口生产运营系统", desc: "数字化港口生产运营平台，整合作业计划、资源调度、作业监控等核心功能", img: "assets/images/blog/pro1.jpg", logo: "港口G", logoClass: "logo-blue"}, + {id: 8, title: "智慧港口安防系统", desc: "基于AI视觉的智能安防解决方案，实现24小时自动化监控与异常预警", img: "assets/images/blog/pro3.jpg", logo: "安防H", logoClass: "logo-orange"}, + {id: 9, title: "港口设备管理系统", desc: "港口机械设备全生命周期管理平台，支持设备监控、维护计划、故障诊断", img: "assets/images/blog/pro5.jpg", logo: "设备I", logoClass: "logo-green"} + ], + shipping: [ + {id: 2, title: "航运电子商务平台", desc: "打造一站式航运电商服务平台，整合船期查询、在线订舱、支付结算等功能", img: "assets/images/blog/pro2.jpg", logo: "航运B", logoClass: "logo-orange"}, + {id: 5, title: "集装箱智能运营", desc: "集装箱全程可视化管理系统，实现箱位跟踪、状态监控、数据分析", img: "assets/images/blog/pro5.jpg", logo: "航运E", logoClass: "logo-red"}, + {id: 10, title: "船舶管理解决方案", desc: "船舶运营管理信息系统，涵盖船舶档案、船员管理、维修管理等模块", img: "assets/images/blog/pro6.jpg", logo: "航运J", logoClass: "logo-cyan"}, + {id: 11, title: "航运大数据分析", desc: "航运业大数据平台，深度挖掘运输数据价值，为决策提供支持", img: "assets/images/blog/pro4.jpg", logo: "航运K", logoClass: "logo-purple"} + ], + fleet: [ + {id: 3, title: "车队调度系统", desc: "优化车队运输调度流程，实现智能路径规划、实时监控、燃油管理", img: "assets/images/blog/pro3.jpg", logo: "物流C", logoClass: "logo-green"}, + {id: 12, title: "干线运输管理系统", desc: "干线运输标准化管理平台，实现车辆、司机、货物的全流程管控", img: "assets/images/blog/pro2.jpg", logo: "车队L", logoClass: "logo-blue"}, + {id: 13, title: "冷链物流监控系统", desc: "冷链运输温湿度实时监控解决方案，确保货物质量安全", img: "assets/images/blog/pro5.jpg", logo: "冷链M", logoClass: "logo-orange"}, + {id: 14, title: "城配智能调度", desc: "城市配送智能调度系统，支持动态路由规划、实时订单分派", img: "assets/images/blog/pro1.jpg", logo: "城配N", logoClass: "logo-purple"} + ], + bulky: [ + {id: 4, title: "散杂货作业平台", desc: "提供散杂货作业全流程数字化方案，支持装卸作业管理、计费结算等功能", img: "assets/images/blog/pro4.jpg", logo: "码头D", logoClass: "logo-purple"}, + {id: 15, title: "钢材物流管理系统", desc: "钢材行业专用物流管理系统，支持规格管理、库存跟踪、配送调度", img: "assets/images/blog/pro2.jpg", logo: "钢材O", logoClass: "logo-red"}, + {id: 16, title: "煤炭运输监管平台", desc: "煤炭公路运输全程监管系统，实现装车、运输、卸货全环节可视化", img: "assets/images/blog/pro6.jpg", logo: "煤炭P", logoClass: "logo-orange"}, + {id: 17, title: "散货仓储管理系统", desc: "散货仓储数字化管理解决方案，支持入库、出库、库存、盘点等", img: "assets/images/blog/pro3.jpg", logo: "仓储Q", logoClass: "logo-blue"} + ], + container: [ + {id: 5, title: "集装箱智能运营", desc: "集装箱全程可视化管理系统，实现箱位跟踪、状态监控、数据分析", img: "assets/images/blog/pro5.jpg", logo: "航运E", logoClass: "logo-red"}, + {id: 18, title: "集装箱码头操作系统", desc: "一体化集装箱码头操作系统，支持船舶配载、堆场管理等功能", img: "assets/images/blog/pro1.jpg", logo: "码头R", logoClass: "logo-blue"}, + {id: 19, title: "空箱调运优化系统", desc: "基于AI算法的空箱调运优化平台，降低运营成本20%以上", img: "assets/images/blog/pro4.jpg", logo: "调运S", logoClass: "logo-green"}, + {id: 20, title: "集装箱维修管理", desc: "集装箱维修全生命周期管理系统，实现报修、维修、质检流程数字化", img: "assets/images/blog/pro6.jpg", logo: "维修T", logoClass: "logo-purple"} + ] + }; + + // 渲染卡片函数 + function renderCards(category) { + const cardsContainer = document.getElementById('caseCards'); + const cards = caseData[category] || caseData.all; + + let html = ''; + cards.forEach(card => { + html += ` + +
+ ${card.title} +
+
+
+

${card.title}

+
+

${card.desc}

+ +
+ + `; + }); + + 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); + + // 平滑滚动到卡片区域 + $('html, body').animate({ + scrollTop: $('.services-section').offset().top - 100 + }, 500); + }); + }); diff --git a/product_Logistics.html b/product_Logistics.html index 24d28b1..636d70a 100644 --- a/product_Logistics.html +++ b/product_Logistics.html @@ -84,12 +84,12 @@
-
+
- +
-

船舶代理管理系统

船代
+

岸基网络货运平台

船代

为船舶代理企业提供全流程业务管理解决方案

 @@ -107,21 +107,13 @@

智能化集装箱全生命周期管理平台

-
-
-
-
- - - - - -
- +
diff --git a/product_cargo_platform.html b/product_cargo_platform.html new file mode 100644 index 0000000..1b534d4 --- /dev/null +++ b/product_cargo_platform.html @@ -0,0 +1,360 @@ + + + + + + + + + + 产品中心-岸基科技-岸基网络货运平台 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + +
+
+
+
+
+
+
+
+ + + + + + + + +
+
+
+
+
+

岸基网络货运平台

+

+ 供应链平台核心组件，依托大数据与云计算技术直连终端客户。聚焦智能车货匹配、动态路径调度、自动化作业三大功能。集成订单管理、车辆定位、进度可视化、决策分析、电子结算，构建全链路数字化闭环。深度融合智能调度与路径优化，提升港口拖车全流程协同效率与服务品质。 +

+
+
+
+
+
+
+ + + +
+
+
+
+ 首页 > 产品中心 > 岸基网络货运平台 +
+
+
+
+ +
+
+
+
+
+

产品功能亮点

+

聚焦行业痛点，针对性解决企业需求

+
+
+
+
+
+
+
+
+ 货物全程追溯 +
+
+

货物全程追溯：保障安全，提升可靠性

+

运用移动端数据采集与车辆定位技术，对货物从装货点启运、途中运输直至抵达目的地的全过程进行实时监控与数据记录。实现货物的端到端可视化追踪，显著提升运输过程的安全性与可靠性，让客户随时掌握货物动态。

+
+
+
+
+ 提升港口集疏运能力 +
+
+

提升港口集疏运能力：加速周转，优化计划

+

通过平台赋能，有效加速港口集装箱/货物的周转速度，整体提升港口集疏运效率。同时，大幅提升陆路集疏运的计划性，并推动实现集疏运作业流程的无纸化操作，简化流程，提高效率。

+
+
+
+
+ 提升港口服务竞争力 +
+
+

提升港口服务竞争力：强化联动，优化体验

+

助力中山港深化与内陆枢纽的协同联动，有效吸引更多制造业货源聚集。结合海关"直提直装"、"离港确认"等便利化措施，优化通关流程，显著缩短货物在港时间，增强客户服务体验与满意度。

+
+
+
+
+ 降低集疏运成本 +
+
+

降低集疏运成本：智能调度，提升效率

+

依托平台智能算法，综合考量车辆实时位置、车龄车况、装卸地点等多维因素，实现运输线路的动态优化。有效提升车辆利用效率与双重运输几率，从源头降低整体集疏运成本。

+
+
+
+
+ 增强协同大数据分析能力 +
+
+

增强协同大数据分析能力：信息共享，智能预测

+

打通港区码头作业信息与陆运车辆信息的实时共享通道，通过预约排队机制实现作业有序化，提升计划性，增强协同作业效率，减少无效等待时间，降低运营成本。利用大数据分析算法，精准预测未来货物流量趋势，并据此优化路径规划策略，为运营决策提供有力支撑。

+
+
+
+
+
+
+
+ + +
+
+
+
+

产品架构

+ 聚焦行业痛点，针对性解决企业需求 + +
+
+
+
+ +
+
+
+
+
+

产品优势

+

聚焦行业痛点，针对性解决企业需求

+
+
+
+
+
+
+
+
+

解决开票难题：合规化税务支撑

+
+
+

"营改增"政策下普通货运发票开具困难，个体运输户无法提供增值税发票。平台通过税控系统对接，基于真实交易数据化解开票壁垒。

+
+
+
+
+

三方资金监管：交易安全闭环

+
+
+

货主/车主通过平台、物流企业、银行三方监管体系，实现快捷在线支付，保障各方资金安全与权益。

+
+
+
+
+

增值税发票赋能：降低财务风险

+
+
+

依托全程监管的"三流合一"交易数据，开具正规运输发票，有效规避企业税务合规风险。

+
+
+
+
+

小微企业管理提效：全功能工具赋能

+
+
+

为小微车队/承运商提供运单、司机、车辆、调度、轨迹、结算、发票管理等全链条工具，显著提升其管理效率与平台黏性。

+
+
+
+
+

物流分包网络覆盖：线上线下服务贯通

+
+
+

构建物流分包商网络，支撑平台线上交易与线下服务无缝衔接，实现全场景服务覆盖。

+
+
+
+
+

电子签单认证：无纸化操作升级

+
+
+

支持手持终端收货人签字确认及网站/APP在线评价，推动签收流程数字化变革。

+
+
+
+
+
+
+
+ + + + + +
+ + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/product_eCommerce.html b/product_eCommerce.html index 6771507..9b7650c 100644 --- a/product_eCommerce.html +++ b/product_eCommerce.html @@ -6,11 +6,10 @@ - 产品中心 + 产品中心 - - + @@ -76,7 +75,7 @@
@@ -85,50 +84,36 @@
-
+
- +
-
-

船舶代理管理系统

船代 -
+

岸基网络货运平台

船代

为船舶代理企业提供全流程业务管理解决方案
-
-

货运代理管理系统

货代 -
+

货运代理管理系统

货代

一站式货代业务管理，提升运营效率
-
-

集装箱管理系统

集运 -
+

集装箱管理系统

集运

智能化集装箱全生命周期管理平台

 -
-
-
-
- - - - - -
- +
diff --git a/product_port.html b/product_port.html index a606a6b..d2cded9 100644 --- a/product_port.html +++ b/product_port.html @@ -9,8 +9,7 @@ 产品中心 - - + @@ -67,30 +66,30 @@
- -
-
-
- -
-
-
- -
+
-
+
+
+
+ +
+
+
+
+
+
- +
-

船舶代理管理系统

船代
+

岸基网络货运平台

船代

为船舶代理企业提供全流程业务管理解决方案

 @@ -108,21 +107,13 @@

智能化集装箱全生命周期管理平台

-
-
-
-
- - - - - -
- +
@@ -141,7 +132,7 @@ - +