fengjun/ag-index
1
0
Fork 0
Code Activity

Compare commits

base: fengjun:8a1a5d368ac924965e56e82b29b1246f98fdeec4
Branches Tags
fengjun:master
...
compare: fengjun:ea198dcf2c5062dbc0ce73147730eef96ff6e885
Branches Tags
fengjun:master

3 Commits
8a1a5d368a ... ea198dcf2c

Author SHA1 Message Date
fengjun
ea198dcf2c 系列产品页 2025-12-12 13:43:12 +08:00
fengjun
5813c1642b map图片css 2025-12-12 13:42:56 +08:00
fengjun
6250c3d57e map图片 2025-12-12 13:42:35 +08:00
5 changed files with 145 additions and 63 deletions
Expand all files Collapse all files

72
assets/css/style.css
View File

@@ -3022,7 +3022,7 @@ img {
#0.7 about-section
--------------------------------------------------------------*/
.about-section, .about-section-s2 {
background: #ebf4fd url("../images/bg_2.jpg") center center;
background: #ebf4fd url("../images/index/map_bk.jpg") center center;
background-size: 100% 100%;
padding: 100px 0 50px 0;
}
@@ -6739,4 +6739,74 @@ img {
font-size:24px;
line-height: 50px;
color: #102541;
}
/* Product Cards */
.product-cards {
display: flex;
flex-wrap: wrap;
gap: 20px;
}
.product-card {
width: calc(33.333% - 14px);
display: flex;
flex-direction: column;
border: 1px solid #ebf4fd;
border-radius: 4px;
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;
}
.product-card:hover {
box-shadow: 0 10px 30px rgba(20,129,255,0.25);
transform: translateY(-4px);
background: #f8fbff;
}
.product-card .card-img {
height: 0;
padding-bottom: 44%;
position: relative;
overflow: hidden;
}
.product-card .card-img img {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
}
.product-card .card-content {
padding: 15px;
flex: 1;
}
.product-card .card-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 8px;
}
.product-card .card-header h4 {
margin: 0;
font-size: 16px;
color: #102541;
}
.product-card .card-tag {
background: #1481ff;
color: #fff;
padding: 2px 8px;
border-radius: 3px;
font-size: 12px;
}
.product-card .card-content p {
margin: 0;
font-size: 14px;
color: #666;
line-height: 1.5;
}
@media (max-width: 991px) {
.product-card { width: calc(50% - 10px); }
}
@media (max-width: 550px) {
.product-card { width: 100%; }
}

BIN
assets/images/index/map_bk.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 446 KiB

47
product_Logistics.html
View File

@@ -72,31 +72,28 @@
<div class="container">
<div class="row">
<div class="col col-md-9 col-md-push-3">
<div class="post format-standard-image" style="margin-bottom: 40px">
<div class="entry-media">
<img src="assets/images/blog/pro1.jpg" alt>
</div>
<ul class="entry-meta">
<li><a href="#"><i class="ti-list"></i> 物流</a></li>
<li><a href="#"><i class="ti-user"></i> 侨益物流，中运集团，上海航华，东方物流集团</a></li>
</ul>
<h3><a href="#">全程物流链管理系统</a></h3>
<p> 面向船公司、船代、货代、报关、车队、场站和仓储等多种物流业务的完整解决方案。通过“互联网+物流”模式，不仅满足企业内部物流业务操作需求，还能支持整个物流链的协同管理，实现物流链节点间的无缝连接，消除企业之间信息孤岛和部门分割，为物流企业搭建随时、随地、高效的协同电子办公环境，提供一站式全程物流信息服务。</p>
<a href="ilog.html" class="theme-btn">查看详情</a>
</div>
<div class="post format-standard-image" style="margin-bottom: 40px">
<div class="entry-media">
<img src="assets/images/blog/pro3.jpg" alt>
</div>
<ul class="entry-meta">
<!--<li><a href="#"><i class="ti-time"></i> 13 Oct 2019</a></li>-->
<li><a href="#"><i class="ti-list"></i> 物流</a></li>
<li><a href="#"><i class="ti-user"></i>上海新海，上海鹏华，连云港中韩轮渡，上海航华</a></li>
</ul>
<h3><a href="#">船代管理信息系统</a></h3>
<p> 船舶代理管理信息系统（AG-iLOG-SMS）专门针对船代业务特点，实现整个船舶代理业务的信息化管理，以达到减少单证流转、方便客户获取信息、减轻业务员劳动强度 、提高船舶代理业务效率的目标。系统功能模块主要包括船务、集装箱单证、散杂货单证、箱管、EDI、费用结算、在线客户服务、移动服务（APP或微信）、统计分析等内容。 </p>
<a href="chuandai.html" class="theme-btn">查看详情</a>
<div class="product-cards">
<a href="chuandai.html" class="product-card">
<div class="card-img"><img src="assets/images/blog/pro1.jpg" alt=""></div>
<div class="card-content">
<div class="card-header"><h4>船舶代理管理系统</h4><span class="card-tag">船代</span></div>
<p>为船舶代理企业提供全流程业务管理解决方案</p>
</div>
</a>
<a href="huodai.html" class="product-card">
<div class="card-img"><img src="assets/images/blog/pro2.jpg" alt=""></div>
<div class="card-content">
<div class="card-header"><h4>货运代理管理系统</h4><span class="card-tag">货代</span></div>
<p>一站式货代业务管理，提升运营效率</p>
</div>
</a>
<a href="jining.html" class="product-card">
<div class="card-img"><img src="assets/images/blog/pro3.jpg" alt=""></div>
<div class="card-content">
<div class="card-header"><h4>集装箱管理系统</h4><span class="card-tag">集运</span></div>
<p>智能化集装箱全生命周期管理平台</p>
</div>
</a>
</div>
</div>
<div class="col col-md-3 col-md-pull-9">

43
product_eCommerce.html
View File

@@ -72,20 +72,37 @@
<section class=" blog-pg-section service-single-section section-padding">
<div class="container">
<div class="row">
<div class="col col-md-9 col-md-push-3">
<div class="post format-standard-image" style="margin-bottom: 40px">
<div class="entry-media">
<img src="assets/images/blog/pro4.jpg" alt>
<div class="col col-md-9 col-md-push-3">
<div class="product-cards">
<a href="chuandai.html" class="product-card">
<div class="card-img"><img src="assets/images/blog/pro1.jpg" alt=""></div>
<div class="card-content">
<div class="card-header">
<h4>船舶代理管理系统</h4><span class="card-tag">船代</span>
</div>
<p>为船舶代理企业提供全流程业务管理解决方案</p>
</div>
</a>
<a href="huodai.html" class="product-card">
<div class="card-img"><img src="assets/images/blog/pro2.jpg" alt=""></div>
<div class="card-content">
<div class="card-header">
<h4>货运代理管理系统</h4><span class="card-tag">货代</span>
</div>
<p>一站式货代业务管理，提升运营效率</p>
</div>
</a>
<a href="jining.html" class="product-card">
<div class="card-img"><img src="assets/images/blog/pro3.jpg" alt=""></div>
<div class="card-content">
<div class="card-header">
<h4>集装箱管理系统</h4><span class="card-tag">集运</span>
</div>
<p>智能化集装箱全生命周期管理平台</p>
</div>
</a>
</div>
<ul class="entry-meta">
<li><a href="#"><i class="ti-list"></i>电商</a></li>
<li><a href="#"><i class="ti-user"></i>锦江航运，上海合德，广州港务局，广州港物流</a></li>
</ul>
<h3><a href="#">航运电商平台系统</a></h3>
<p> 航运电商平台系统是一个集销售、操作、商务和客服于一体的综合服务系统，帮助港航企业将一部分传统业务改造后搬到线上来运作，建立线上线下一体化的物流发展模式，可以有效提升公司的市场宣传推广能力、业务处理效率和客户服务水平。客户在网上就可以获取产品服务、进行部分业务操作、费用支付和状态跟踪，主要的业务操作和物流运输还是在线下来完成，这样可以有效提高公司的业务量、降低运营成本。 </p>
<a href="dianshang.html" class="theme-btn">查看详情</a>
</div>
</div>
<div class="col col-md-3 col-md-pull-9">
<div class="service-sidebar">

46
product_port.html
View File

@@ -73,30 +73,28 @@
<div class="container">
<div class="row">
<div class="col col-md-9 col-md-push-3">
<div class="post format-standard-image" style="margin-bottom: 40px">
<div class="entry-media" >
<img src="assets/images/blog/pro6.jpg" alt style="width: 100%;">
</div>
<ul class="entry-meta">
<li><a href="#"><i class="ti-list"></i>码头</a></li>
<li><a href="#"><i class="ti-user"></i>中山港航集团，唐山港集团，秦皇岛股份，威海港集团</a></li>
</ul>
<h3><a href="#">云码头智能管理系统</a></h3>
<p> 云码头智能操作系统是通用码头套装软件，包括码头基本操作子系统、智能计划子系统、智能操作子系统、费收管理子系统、EDI报文转换子系统、统计子系统、WEB客户服务子系统、决策支持子系统、维护服务子系统、场站子系统。基于实时架构，采用图形化操作方式，通过先进的控制平台和各种优化算法，实现了自动计划和实时监控、智能预演和回放、用户报表自定义、自动配载、智能集卡调度等目标。 </p>
<a href="yunmatou.html" class="theme-btn">查看详情</a>
</div>
<div class="post format-standard-image" style="margin-bottom: 40px">
<div class="entry-media">
<img src="assets/images/blog/pro5.jpg" alt>
</div>
<ul class="entry-meta">
<li><a href="#"><i class="ti-list"></i>码头</a></li>
<li><a href="#"><i class="ti-user"></i>广州祥龙，威海港集团</a></li>
</ul>
<h3><a href="#">集装箱场站管理系统</a></h3>
<p> 集装箱场站管理系统为集装箱场站提供全方位的信息管理，根据集装箱场站的管理特点，可以为企业理顺生产关系，优化生产组合，堵住管理漏洞，提高管理水平； 以箱、船、货、堆场、仓库、机械、人力为基础，以装卸作业为核心，以场站收入为结点，将场站企业的整个作业过程纳入业务管理中； 通过对作业过程的严格控制，帮助生产指挥人员随时掌握现场动态、调整作业计划、下达作业指令、加速货物周转、及时了解货物在场状态、数量、位置及疏运情况，实现计划的管理与跟踪。 </p>
<a href="changzhan.html" class="theme-btn">查看详情</a>
<div class="product-cards">
<a href="chuandai.html" class="product-card">
<div class="card-img"><img src="assets/images/blog/pro1.jpg" alt=""></div>
<div class="card-content">
<div class="card-header"><h4>船舶代理管理系统</h4><span class="card-tag">船代</span></div>
<p>为船舶代理企业提供全流程业务管理解决方案</p>
</div>
</a>
<a href="huodai.html" class="product-card">
<div class="card-img"><img src="assets/images/blog/pro2.jpg" alt=""></div>
<div class="card-content">
<div class="card-header"><h4>货运代理管理系统</h4><span class="card-tag">货代</span></div>
<p>一站式货代业务管理，提升运营效率</p>
</div>
</a>
<a href="jining.html" class="product-card">
<div class="card-img"><img src="assets/images/blog/pro3.jpg" alt=""></div>
<div class="card-content">
<div class="card-header"><h4>集装箱管理系统</h4><span class="card-tag">集运</span></div>
<p>智能化集装箱全生命周期管理平台</p>
</div>
</a>
</div>
</div>
<div class="col col-md-3 col-md-pull-9">