fengjun/ag-index
1
0
Fork 0
Code Activity

修补客户案例页面的移动端响应布局

Browse Source
This commit is contained in:
fengjun
2026-06-01 11:39:23 +08:00
parent e43bf31e67
commit 3f8ab381e5
31 changed files with 146 additions and 62 deletions
Download Patch File Download Diff File Expand all files Collapse all files

88
assets/css/style.css
View File

@@ -1251,8 +1251,9 @@ color:#ffffff;
@media (max-width: 991px) {
.service-sidebar {
max-width: 300px;
margin-top: 80px;
width: 100%;
max-width: none;
margin-top: 30px;
}
}
@@ -1497,6 +1498,89 @@ color:#ffffff;
}
}
@media (max-width: 767px) {
.page-title {
height: 220px;
}
.page-title h2 {
font-size: 30px;
font-size: 1.875rem;
line-height: 1.25;
}
.page-path {
line-height: 1.6;
word-break: break-word;
}
.features-section-s2 {
padding-top: 20px;
}
.project-single-content .content-area > h2:first-child {
margin-top: 25px !important;
font-size: 24px;
line-height: 1.35;
}
.project-single-content .content-area > p:first-of-type {
margin: 20px 0 22px !important;
line-height: 1.8;
}
.challange-solution-section {
margin-top: 10px;
}
.service-sidebar {
margin-top: 24px;
}
.service-sidebar > .widget + .widget {
margin-top: 24px;
}
.service-sidebar .contact-widget {
padding: 28px 22px;
}
.service-sidebar .contact-widget h5 {
font-size: 18px;
margin: 0.5em 0;
}
.service-sidebar .contact-widget a {
margin-top: 15px;
}
.service-sidebar .related-products-widget {
padding: 16px;
}
.service-sidebar .related-product-card .product-image {
height: auto;
}
.service-sidebar .related-product-card .product-image img {
height: auto;
}
.service-sidebar .related-product-card .product-info {
padding: 12px 0 0;
}
.service-sidebar .related-product-card .product-title {
font-size: 15px;
line-height: 1.4;
}
.service-sidebar .related-product-card .product-desc {
font-size: 13px;
line-height: 1.7;
}
}
/*------------------------------------
blog sidebar
------------------------------------*/

4
classiccase/anhui_port_hefei.html
View File

@@ -84,7 +84,7 @@
<!-- start blog-single-section -->
<section class=" features-section-s2">
<div class="container">
<div class="col col-xs-8">
<div class="col col-xs-12 col-md-8">
<div class="project-single-content">
<div class="content-area">
<h2 style=" margin-top: 50px;">安徽港口集团合肥有限公司</h2>
@@ -149,7 +149,7 @@
</div>
</div>
</div>
<div class="col col-md-4">
<div class="col col-xs-12 col-md-4">
<div class="service-sidebar">
<div class="widget related-products-widget">
<h4 class="widget-title widget-title-decorated">相关产品</h4>

4
classiccase/canal_logistics_supervision.html
View File

@@ -84,7 +84,7 @@
<!-- start blog-single-section -->
<section class=" features-section-s2">
<div class="container">
<div class="col col-xs-8">
<div class="col col-xs-12 col-md-8">
<div class="project-single-content">
<div class="content-area">
<h2 style=" margin-top: 50px;">济宁港航建设有限公司</h2>
@@ -148,7 +148,7 @@
</div>
</div>
</div>
<div class="col col-md-4">
<div class="col col-xs-12 col-md-4">
<div class="service-sidebar">
<div class="widget related-products-widget">
<h4 class="widget-title widget-title-decorated">相关产品</h4>

4
classiccase/guangzhou_anzhida_logistics.html
View File

@@ -82,7 +82,7 @@
<!-- start blog-single-section -->
<section class=" features-section-s2">
<div class="container">
<div class="col col-xs-8">
<div class="col col-xs-12 col-md-8">
<div class="project-single-content">
<div class="content-area">
<h2 style="margin-top: 50px;">广州安之达物流有限公司</h2>
@@ -149,7 +149,7 @@
</div>
</div>
</div>
<div class="col col-md-4">
<div class="col col-xs-12 col-md-4">
<div class="service-sidebar">
<div class="widget related-products-widget">
<h4 class="widget-title widget-title-decorated">相关产品</h4>

4
classiccase/guangzhou_port_authority.html
View File

@@ -84,7 +84,7 @@
<!-- start blog-single-section -->
<section class=" features-section-s2">
<div class="container">
<div class="col col-xs-8">
<div class="col col-xs-12 col-md-8">
<div class="project-single-content">
<div class="content-area">
<h2 style=" margin-top: 50px;">广州市港务局</h2>
@@ -153,7 +153,7 @@
</div>
</div>
</div>
<div class="col col-md-4">
<div class="col col-xs-12 col-md-4">
<div class="service-sidebar">
<!-- <div class="widget related-products-widget">
<h4 class="widget-title widget-title-decorated">相关产品</h4>

4
classiccase/hainan_strait_shipping.html
View File

@@ -82,7 +82,7 @@
<!-- start blog-single-section -->
<section class=" features-section-s2">
<div class="container">
<div class="col col-xs-8">
<div class="col col-xs-12 col-md-8">
<div class="project-single-content">
<div class="content-area">
<h2 style="margin-top: 50px;">海南海峡航运股份有限公司</h2>
@@ -143,7 +143,7 @@
</div>
</div>
</div>
<div class="col col-md-4">
<div class="col col-xs-12 col-md-4">
<div class="service-sidebar">
<!-- <div class="widget related-products-widget">
<h4 class="widget-title widget-title-decorated">相关产品</h4>

4
classiccase/hengtong_logistics.html
View File

@@ -82,7 +82,7 @@
<!-- start blog-single-section -->
<section class=" features-section-s2">
<div class="container">
<div class="col col-xs-8">
<div class="col col-xs-12 col-md-8">
<div class="project-single-content">
<div class="content-area">
<h2 style="margin-top: 50px;">恒通物流股份有限公司</h2>
@@ -145,7 +145,7 @@
</div>
</div>
</div>
<div class="col col-md-4">
<div class="col col-xs-12 col-md-4">
<div class="service-sidebar">
<div class="widget related-products-widget">
<h4 class="widget-title widget-title-decorated">相关产品</h4>

4
classiccase/huanghua_vehicle_analysis.html
View File

@@ -82,7 +82,7 @@
<!-- start blog-single-section -->
<section class=" features-section-s2">
<div class="container">
<div class="col col-xs-8">
<div class="col col-xs-12 col-md-8">
<div class="project-single-content">
<div class="content-area">
<h2 style="margin-top: 50px;">黄骅港</h2>
@@ -145,7 +145,7 @@
</div>
</div>
</div>
<div class="col col-md-4">
<div class="col col-xs-12 col-md-4">
<div class="service-sidebar">
<div class="widget related-products-widget">
<h4 class="widget-title widget-title-decorated">相关产品</h4>

4
classiccase/jiahua_shipping_system.html
View File

@@ -84,7 +84,7 @@
<!-- start blog-single-section -->
<section class=" features-section-s2">
<div class="container">
<div class="col col-xs-8">
<div class="col col-xs-12 col-md-8">
<div class="project-single-content">
<div class="content-area">
<h2 style=" margin-top: 50px;">嘉华航运(香港)有限公司</h2>
@@ -149,7 +149,7 @@
</div>
</div>
</div>
<div class="col col-md-4">
<div class="col col-xs-12 col-md-4">
<div class="service-sidebar">
<div class="widget related-products-widget">
<h4 class="widget-title widget-title-decorated">相关产品</h4>

4
classiccase/jinjiang_shipping_ecommerce.html
View File

@@ -84,7 +84,7 @@
<!-- start blog-single-section -->
<section class=" features-section-s2">
<div class="container">
<div class="col col-xs-8">
<div class="col col-xs-12 col-md-8">
<div class="project-single-content">
<div class="content-area">
<h2 style=" margin-top: 50px;">上海锦江航运（集团）股份有限公司</h2>
@@ -151,7 +151,7 @@
</div>
</div>
</div>
<div class="col col-md-4">
<div class="col col-xs-12 col-md-4">
<div class="service-sidebar">
<div class="widget related-products-widget">
<h4 class="widget-title widget-title-decorated">相关产品</h4>

4
classiccase/lianyungang_china_korea_ferry.html
View File

@@ -84,7 +84,7 @@
<!-- start blog-single-section -->
<section class=" features-section-s2">
<div class="container">
<div class="col col-xs-8">
<div class="col col-xs-12 col-md-8">
<div class="project-single-content">
<div class="content-area">
<h2 style=" margin-top: 50px;">连云港中韩轮渡有限公司</h2>
@@ -147,7 +147,7 @@
</div>
</div>
</div>
<div class="col col-md-4">
<div class="col col-xs-12 col-md-4">
<div class="service-sidebar">
<div class="widget related-products-widget">
<h4 class="widget-title widget-title-decorated">相关产品</h4>

4
classiccase/mobile_machinery_dispatch.html
View File

@@ -82,7 +82,7 @@
<!-- start blog-single-section -->
<section class=" features-section-s2">
<div class="container">
<div class="col col-xs-8">
<div class="col col-xs-12 col-md-8">
<div class="project-single-content">
<div class="content-area">
<h2 style="margin-top: 50px;">秦皇岛港股份有限公司流动机械分公司</h2>
@@ -143,7 +143,7 @@
</div>
</div>
</div>
<div class="col col-md-4">
<div class="col col-xs-12 col-md-4">
<div class="service-sidebar">
<div class="widget related-products-widget">
<h4 class="widget-title widget-title-decorated">相关产品</h4>

4
classiccase/qiaoyi_logistics.html
View File

@@ -84,7 +84,7 @@
<!-- start blog-single-section -->
<section class=" features-section-s2">
<div class="container">
<div class="col col-xs-8">
<div class="col col-xs-12 col-md-8">
<div class="project-single-content">
<div class="content-area">
<h2 style=" margin-top: 50px;">侨益物流股份有限公司</h2>
@@ -147,7 +147,7 @@
</div>
</div>
</div>
<div class="col col-md-4">
<div class="col col-xs-12 col-md-4">
<div class="service-sidebar">
<div class="widget related-products-widget">
<h4 class="widget-title widget-title-decorated">相关产品</h4>

4
classiccase/qinhuangdao_cargo_system.html
View File

@@ -82,7 +82,7 @@
<!-- start blog-single-section -->
<section class=" features-section-s2">
<div class="container">
<div class="col col-xs-8">
<div class="col col-xs-12 col-md-8">
<div class="project-single-content">
<div class="content-area">
<h2 style="margin-top: 50px;">秦皇岛港股份有限公司</h2>
@@ -152,7 +152,7 @@
</div>
</div>
</div>
<div class="col col-md-4">
<div class="col col-xs-12 col-md-4">
<div class="service-sidebar">
<div class="widget related-products-widget">
<h4 class="widget-title widget-title-decorated">相关产品</h4>

4
classiccase/qinzhou_xianglong_logistics.html
View File

@@ -118,7 +118,7 @@
<!-- start blog-single-section -->
<section class="features-section-s2">
<div class="container">
<div class="col col-xs-8">
<div class="col col-xs-12 col-md-8">
<div class="project-single-content">
<div class="content-area">
<h2 style="margin-top: 50px;">广西钦州市祥龙物流有限公司</h2>
@@ -181,7 +181,7 @@
</div>
</div>
</div>
<div class="col col-md-4">
<div class="col col-xs-12 col-md-4">
<div class="service-sidebar">
<div class="widget related-products-widget">
<h4 class="widget-title widget-title-decorated">相关产品</h4>

4
classiccase/rizhao_hongyuan_logistics.html
View File

@@ -84,7 +84,7 @@
<!-- start blog-single-section -->
<section class=" features-section-s2">
<div class="container">
<div class="col col-xs-8">
<div class="col col-xs-12 col-md-8">
<div class="project-single-content">
<div class="content-area">
<h2 style=" margin-top: 50px;">日照泓源物流有限公司</h2>
@@ -145,7 +145,7 @@
</div>
</div>
</div>
<div class="col col-md-4">
<div class="col col-xs-12 col-md-4">
<div class="service-sidebar">
<div class="widget related-products-widget">
<h4 class="widget-title widget-title-decorated">相关产品</h4>

4
classiccase/rizhao_huahai_shipping.html
View File

@@ -84,7 +84,7 @@
<!-- start blog-single-section -->
<section class=" features-section-s2">
<div class="container">
<div class="col col-xs-8">
<div class="col col-xs-12 col-md-8">
<div class="project-single-content">
<div class="content-area">
<h2 style=" margin-top: 50px;">日照华海国际船舶代理有限公司</h2>
@@ -151,7 +151,7 @@
</div>
</div>
</div>
<div class="col col-md-4">
<div class="col col-xs-12 col-md-4">
<div class="service-sidebar">
<div class="widget related-products-widget">
<h4 class="widget-title widget-title-decorated">相关产品</h4>

4
classiccase/shanghai_haihua_shipping.html
View File

@@ -84,7 +84,7 @@
<!-- start blog-single-section -->
<section class=" features-section-s2">
<div class="container">
<div class="col col-xs-8">
<div class="col col-xs-12 col-md-8">
<div class="project-single-content">
<div class="content-area">
<h2 style=" margin-top: 50px;">上海海华轮船有限公司</h2>
@@ -153,7 +153,7 @@
</div>
</div>
</div>
<div class="col col-md-4">
<div class="col col-xs-12 col-md-4">
<div class="service-sidebar">
<div class="widget related-products-widget">
<h4 class="widget-title widget-title-decorated">相关产品</h4>

4
classiccase/shanghai_penghua_platform.html
View File

@@ -84,7 +84,7 @@
<!-- start blog-single-section -->
<section class=" features-section-s2">
<div class="container">
<div class="col col-xs-8">
<div class="col col-xs-12 col-md-8">
<div class="project-single-content">
<div class="content-area">
<h2 style=" margin-top: 50px;">上海鹏华船务有限公司</h2>
@@ -145,7 +145,7 @@
</div>
</div>
</div>
<div class="col col-md-4">
<div class="col col-xs-12 col-md-4">
<div class="service-sidebar">
<div class="widget related-products-widget">
<h4 class="widget-title widget-title-decorated">相关产品</h4>

4
classiccase/shanghai_port_coastal_system.html
View File

@@ -84,7 +84,7 @@
<!-- start blog-single-section -->
<section class=" features-section-s2">
<div class="container">
<div class="col col-xs-8">
<div class="col col-xs-12 col-md-8">
<div class="project-single-content">
<div class="content-area">
<h2 style=" margin-top: 50px;">上海港船务代理有限公司</h2>
@@ -152,7 +152,7 @@
</div>
</div>
</div>
<div class="col col-md-4">
<div class="col col-xs-12 col-md-4">
<div class="service-sidebar">
<div class="widget related-products-widget">
<h4 class="widget-title widget-title-decorated">相关产品</h4>

4
classiccase/shanghai_xinhai_freight.html
View File

@@ -84,7 +84,7 @@
<!-- start blog-single-section -->
<section class=" features-section-s2">
<div class="container">
<div class="col col-xs-8">
<div class="col col-xs-12 col-md-8">
<div class="project-single-content">
<div class="content-area">
<h2 style=" margin-top: 50px;">上海新海国际船舶代理有限公司</h2>
@@ -154,7 +154,7 @@
</div>
</div>
</div>
<div class="col col-md-4">
<div class="col col-xs-12 col-md-4">
<div class="service-sidebar">
<div class="widget related-products-widget">
<h4 class="widget-title widget-title-decorated">相关产品</h4>

4
classiccase/smart_wuzhou_port.html
View File

@@ -84,7 +84,7 @@
<!-- start blog-single-section -->
<section class=" features-section-s2">
<div class="container">
<div class="col col-xs-8">
<div class="col col-xs-12 col-md-8">
<div class="project-single-content">
<div class="content-area">
<h2 style=" margin-top: 50px;">梧州市港务发展集团有限公司</h2>
@@ -154,7 +154,7 @@
</div>
</div>
</div>
<div class="col col-md-4">
<div class="col col-xs-12 col-md-4">
<div class="service-sidebar">
<div class="widget related-products-widget">
<h4 class="widget-title widget-title-decorated">相关产品</h4>

4
classiccase/tangshan_bigdata_platform.html
View File

@@ -82,7 +82,7 @@
<!-- start blog-single-section -->
<section class=" features-section-s2">
<div class="container">
<div class="col col-xs-8">
<div class="col col-xs-12 col-md-8">
<div class="project-single-content">
<div class="content-area">
<h2 style="margin-top: 50px;">唐山港口实业集团有限公司</h2>
@@ -146,7 +146,7 @@
</div>
</div>
</div>
<div class="col col-md-4">
<div class="col col-xs-12 col-md-4">
<div class="service-sidebar">
<!-- <div class="widget related-products-widget">
<h4 class="widget-title widget-title-decorated">相关产品</h4>

4
classiccase/tangshan_haitong_shipping.html
View File

@@ -84,7 +84,7 @@
<!-- start blog-single-section -->
<section class=" features-section-s2">
<div class="container">
<div class="col col-xs-8">
<div class="col col-xs-12 col-md-8">
<div class="project-single-content">
<div class="content-area">
<h2 style=" margin-top: 50px;">唐山海港海通海运代理有限公司</h2>
@@ -151,7 +151,7 @@
</div>
</div>
</div>
<div class="col col-md-4">
<div class="col col-xs-12 col-md-4">
<div class="service-sidebar">
<div class="widget related-products-widget">
<h4 class="widget-title widget-title-decorated">相关产品</h4>

4
classiccase/tangshan_ore_terminal.html
View File

@@ -82,7 +82,7 @@
<!-- start blog-single-section -->
<section class=" features-section-s2">
<div class="container">
<div class="col col-xs-8">
<div class="col col-xs-12 col-md-8">
<div class="project-single-content">
<div class="content-area">
<h2 style="margin-top: 50px;">唐山港集团有限公司</h2>
@@ -151,7 +151,7 @@
</div>
</div>
</div>
<div class="col col-md-4">
<div class="col col-xs-12 col-md-4">
<div class="service-sidebar">
<div class="widget related-products-widget">
<h4 class="widget-title widget-title-decorated">相关产品</h4>

4
classiccase/tianjin_zhongyun_shipping.html
View File

@@ -84,7 +84,7 @@
<!-- start blog-single-section -->
<section class=" features-section-s2">
<div class="container">
<div class="col col-xs-8">
<div class="col col-xs-12 col-md-8">
<div class="project-single-content">
<div class="content-area">
<h2 style=" margin-top: 50px;">天津中运海运集团有限公司</h2>
@@ -153,7 +153,7 @@
</div>
</div>
</div>
<div class="col col-md-4">
<div class="col col-xs-12 col-md-4">
<div class="service-sidebar">
<div class="widget related-products-widget">
<h4 class="widget-title widget-title-decorated">相关产品</h4>

4
classiccase/weihai_gate_yard.html
View File

@@ -82,7 +82,7 @@
<!-- start blog-single-section -->
<section class=" features-section-s2">
<div class="container">
<div class="col col-xs-8">
<div class="col col-xs-12 col-md-8">
<div class="project-single-content">
<div class="content-area">
<h2 style="margin-top: 50px;">威海港通信息科技有限公司</h2>
@@ -150,7 +150,7 @@
</div>
</div>
</div>
<div class="col col-md-4">
<div class="col col-xs-12 col-md-4">
<div class="service-sidebar">
<div class="widget related-products-widget">
<h4 class="widget-title widget-title-decorated">相关产品</h4>

4
classiccase/yantai_hanitek_container.html
View File

@@ -84,7 +84,7 @@
<!-- start blog-single-section -->
<section class=" features-section-s2">
<div class="container">
<div class="col col-xs-8">
<div class="col col-xs-12 col-md-8">
<div class="project-single-content">
<div class="content-area">
<h2 style=" margin-top: 50px;">烟台哈尼泰克集装箱租赁有限公司</h2>
@@ -150,7 +150,7 @@
</div>
</div>
</div>
<div class="col col-md-4">
<div class="col col-xs-12 col-md-4">
<div class="service-sidebar">
<div class="widget related-products-widget">
<h4 class="widget-title widget-title-decorated">相关产品</h4>

4
classiccase/yulong_terminal_system.html
View File

@@ -84,7 +84,7 @@
<!-- start blog-single-section -->
<section class=" features-section-s2">
<div class="container">
<div class="col col-xs-8">
<div class="col col-xs-12 col-md-8">
<div class="project-single-content">
<div class="content-area">
<h2 style=" margin-top: 50px;">山东裕龙港务有限公司</h2>
@@ -153,7 +153,7 @@
</div>
</div>
</div>
<div class="col col-md-4">
<div class="col col-xs-12 col-md-4">
<div class="service-sidebar">
<div class="widget related-products-widget">
<h4 class="widget-title widget-title-decorated">相关产品</h4>

4
classiccase/zhongshan_xiaolan_remote.html
View File

@@ -84,7 +84,7 @@
<!-- start blog-single-section -->
<section class=" features-section-s2">
<div class="container">
<div class="col col-xs-8">
<div class="col col-xs-12 col-md-8">
<div class="project-single-content">
<div class="content-area">
<h2 style=" margin-top: 50px;">中山市小榄港货运联营有限公司</h2>
@@ -149,7 +149,7 @@
</div>
</div>
</div>
<div class="col col-md-4">
<div class="col col-xs-12 col-md-4">
<div class="service-sidebar">
<div class="widget related-products-widget">
<h4 class="widget-title widget-title-decorated">相关产品</h4>

4
classiccase/zhujiang_shipping.html
View File

@@ -82,7 +82,7 @@
<!-- start blog-single-section -->
<section class=" features-section-s2">
<div class="container">
<div class="col col-xs-8">
<div class="col col-xs-12 col-md-8">
<div class="project-single-content">
<div class="content-area">
<h2 style="margin-top: 50px;">珠江船务企业（集团）有限公司</h2>
@@ -145,7 +145,7 @@
</div>
</div>
</div>
<div class="col col-md-4">
<div class="col col-xs-12 col-md-4">
<div class="service-sidebar">
<div class="widget related-products-widget">
<h4 class="widget-title widget-title-decorated">相关产品</h4>