解决方案
This commit is contained in:
@@ -333,17 +333,19 @@ img {
|
||||
text-transform: uppercase;
|
||||
display: block;
|
||||
margin-top: -0.2em;
|
||||
margin-bottom: 0.8rem;
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
|
||||
|
||||
.section-title > span, .section-title-s2 > span, .section-title-s4 > span {
|
||||
font-size: 14px;
|
||||
font-size:1.275rem;
|
||||
font-weight: bold;
|
||||
color:#1481ff;
|
||||
text-transform: uppercase;
|
||||
display: block;
|
||||
margin-bottom: 0.5em;
|
||||
margin-top: 0.8rem;
|
||||
margin-top: 0rem;
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
@@ -361,13 +363,13 @@ img {
|
||||
.section-title h2, .section-title-s2 h2, .section-title-s3 h2 {
|
||||
font-size: 36px;
|
||||
font-size: 2.25rem;
|
||||
margin: 0.2em 0 0;
|
||||
margin: 0 0 0.5em 0;
|
||||
}
|
||||
|
||||
.section-title h2, .section-title-s2 h2, .section-title-s4 h2 {
|
||||
font-size: 36px;
|
||||
font-size: 2.25rem;
|
||||
margin: 0.2em 0 0;
|
||||
margin: 0.2em 0 1.5em 0;
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
@@ -1898,6 +1900,7 @@ img {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
background: #fafafa;
|
||||
}
|
||||
.site-header #navbar > ul > li.product-menu:hover > .sub-menu {
|
||||
visibility: visible !important;
|
||||
@@ -1976,6 +1979,7 @@ img {
|
||||
display: flex !important;
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
background: #fafafa;
|
||||
}
|
||||
.site-header #navbar > ul > li.solution-menu:hover > .sub-menu {
|
||||
visibility: visible !important;
|
||||
@@ -2854,7 +2858,7 @@ img {
|
||||
font-size: 55px;
|
||||
font-size: 3.4375rem;
|
||||
font-weight: 800;
|
||||
color: #fff;
|
||||
color: #031c5c;
|
||||
margin: 0 0 0.45em;
|
||||
}
|
||||
|
||||
@@ -2880,7 +2884,7 @@ img {
|
||||
font-size: 20px;
|
||||
font-size: 1.25rem;
|
||||
font-weight: 600;
|
||||
color: #fff;
|
||||
color: #031c5c
|
||||
margin: 0 0 0.75em;
|
||||
}
|
||||
|
||||
@@ -3341,7 +3345,7 @@ img {
|
||||
}
|
||||
|
||||
.features-section .header {
|
||||
background-color: rgba(0, 100, 255, 1);
|
||||
background:linear-gradient(140deg, #1d4de9 0%, #00b2ff 88%);
|
||||
padding: 25px 30px;
|
||||
text-align: center;
|
||||
border-radius: 10px 10px 0 0;
|
||||
@@ -3361,11 +3365,11 @@ img {
|
||||
|
||||
.features-section .details {
|
||||
background-color: #fff;
|
||||
padding: 30px 30px;
|
||||
padding: 20px 20px;
|
||||
-webkit-box-shadow: 0px 0px 36.8px 9.2px rgba(16, 37, 65, 0.1);
|
||||
box-shadow: 0px 0px 36.8px 9.2px rgba(16, 37, 65, 0.1);
|
||||
border-radius: 0 0 10px 10px;
|
||||
min-height: 300px;
|
||||
min-height: 260px;
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
@@ -7237,7 +7241,7 @@ img {
|
||||
overflow: hidden;
|
||||
transition: all 0.3s ease;
|
||||
height: 95%;
|
||||
min-height: 320px;
|
||||
min-height: 220px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
margin: 15px;
|
||||
@@ -7247,7 +7251,7 @@ img {
|
||||
transform: translateY(-3px);
|
||||
}
|
||||
.feature-card-icon {
|
||||
height: 120px;
|
||||
height: 90px;
|
||||
background: #eff5ff;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@@ -7289,7 +7293,7 @@ img {
|
||||
|
||||
/* 产品优势卡片样式 - 上部渐变蓝色,下部白色 */
|
||||
.feature-card-advantage .feature-card-icon {
|
||||
background: linear-gradient(90deg, #0037ff 0%, #007bff 88%);
|
||||
background: linear-gradient(190deg, #0049ff 0%, #009fff 88%);
|
||||
justify-content: flex-start;
|
||||
}
|
||||
.feature-card-advantage .feature-card-icon h4 {
|
||||
@@ -7423,7 +7427,7 @@ img {
|
||||
/* 面包屑导航样式 */
|
||||
.page-path {
|
||||
padding: 8px 15px;
|
||||
margin-bottom: 20px;
|
||||
|
||||
list-style: none;
|
||||
background-color: transparent;
|
||||
border-radius: 4px;
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 408 KiB After Width: | Height: | Size: 556 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 99 KiB After Width: | Height: | Size: 1.7 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 200 KiB After Width: | Height: | Size: 4.6 MiB |
57
index.html
57
index.html
@@ -73,10 +73,10 @@
|
||||
<div class="slide-inner slide-bg-image" data-background="assets/images/slider/slide-2.jpg">
|
||||
<div class="container">
|
||||
<div data-swiper-parallax="300" class="slide-title">
|
||||
<h2>携手打造数字化智能航运物流</h2>
|
||||
<h2>携手数字化,智领新航运</h2>
|
||||
</div>
|
||||
<div data-swiper-parallax="400" class="slide-text">
|
||||
<p>岸基科技为航运物流供应链领域企事业单位,提供卓越的软件产品和技术服务。 </p>
|
||||
<p>用软件定义航运,以服务创造价值——岸基科技,您值得信赖的数字化伙伴。 </p>
|
||||
</div>
|
||||
<div class="clearfix"></div>
|
||||
<div data-swiper-parallax="500" class="slide-btns">
|
||||
@@ -90,10 +90,10 @@
|
||||
|
||||
<div class="container">
|
||||
<div data-swiper-parallax="300" class="slide-title">
|
||||
<h2>服务持续升级 云端高效互通</h2>
|
||||
<h2>服务敏捷进化,云端智能互联</h2>
|
||||
</div>
|
||||
<div data-swiper-parallax="400" class="slide-text">
|
||||
<p>为中小码头提供一体化服务的智能管理平台,租赁购买模式降低企业成本,助力企业数字化转型。</p>
|
||||
<p>一体平台,双模部署:为中小码头赋能,让智慧运营更轻、更易、更高效。</p>
|
||||
</div>
|
||||
<div class="clearfix"></div>
|
||||
<div data-swiper-parallax="500" class="slide-btns">
|
||||
@@ -128,8 +128,8 @@
|
||||
<i class="fi flaticon-truck"></i>
|
||||
</div>
|
||||
<div class="details">
|
||||
<h3>物流供应链系列产品</h3>
|
||||
<p>面向船公司、船代、货代、报关、车队、场站和仓储等多种物流业务的完整解决方案。 </p>
|
||||
<h3>物流供应链产品</h3>
|
||||
<p>面向船公司、船货代、报关、车队、场站和仓储等物流业务的完整解决方案。 </p>
|
||||
<a href="product_Logistics.html" class="read-more" target="_parent">了解更多</a>
|
||||
</div>
|
||||
</div>
|
||||
@@ -138,28 +138,28 @@
|
||||
<i class="fi flaticon-box"></i>
|
||||
</div>
|
||||
<div class="details">
|
||||
<h3>港航电商平台系列产品</h3>
|
||||
<p>集销售、操作、商务和客服于一体的综合服务系统,帮助港航企业建立线上线下一体化的物流发展模式。 </p>
|
||||
<h3>港航电商产品</h3>
|
||||
<p>打通销售、操作、商务、客服全链路,赋能港航企业一体化物流运营方案。 </p>
|
||||
<a href="product_eCommerce.html" class="read-more" target="_parent">了解更多</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid">
|
||||
<div class="header">
|
||||
<i class="fi flaticon-matou "></i>
|
||||
</div>
|
||||
<div class="details">
|
||||
<h3>云码头产品</h3>
|
||||
<p> 为集装箱、散货、件杂货及液化码头提供深度覆盖的完整解决方案。 </p>
|
||||
<a href="product_port.html" class="read-more" target="_parent">了解更多</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid">
|
||||
<div class="header">
|
||||
<i class="fi flaticon-cruise"></i>
|
||||
</div>
|
||||
<div class="details">
|
||||
<h3>云码头系列产品</h3>
|
||||
<p> 目前业内技术成熟、业务架构领先、面向集装箱、散货、件杂货、液化码头的业务完整解决方案的产品套件。 </p>
|
||||
<a href="product_port.html" class="read-more" target="_parent">了解更多</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid">
|
||||
<div class="header">
|
||||
<i class="fi flaticon-matou"></i>
|
||||
</div>
|
||||
<div class="details">
|
||||
<h3>云码头系列产品</h3>
|
||||
<p> 目前业内技术成熟、业务架构领先、面向集装箱、散货、件杂货、液化码头的业务完整解决方案的产品套件。 </p>
|
||||
<h3>航运产品</h3>
|
||||
<p> 依托“1+3+N”核心架构,构建数字化协同引擎,驱动航运全链路降本增效。 </p>
|
||||
<a href="product_port.html" class="read-more" target="_parent">了解更多</a>
|
||||
</div>
|
||||
</div>
|
||||
@@ -180,15 +180,17 @@
|
||||
<div class="row">
|
||||
<div class="col col-lg-6 col-lg-offset-3">
|
||||
<div class="section-title-s4">
|
||||
<h2>岸基物流供应链核心能力全景</h2>
|
||||
<span>基于"船、港、仓、运"一体化协同的全栈产品矩阵,构建高效、坚韧的现代供应链</span>
|
||||
<span>物流供应链核心能力全景</span>
|
||||
<h2>一体协同的全栈产品矩阵</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- end container -->
|
||||
<img src="assets/images/index/top.png" alt="" style="width: 55%; max-width: none; margin-top: 20px;">
|
||||
<img src="assets/images/index/top.png" alt="" style="width: 55%; max-width: none; ">
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</section>
|
||||
<!-- end portfolio-section -->
|
||||
|
||||
@@ -198,8 +200,9 @@
|
||||
<div class="row">
|
||||
<div class="col col-lg-6 col-lg-offset-3">
|
||||
<div class="section-title-s4">
|
||||
<span>垂直领域全景方案</span>
|
||||
<h2>模块化港航产品生态</h2>
|
||||
<span>满足港口、航运、物流等各类差异化需求</span>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -251,9 +254,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="all-portfolio">
|
||||
<a href="#" class="theme-btn-s2">View all cases</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
<!-- end portfolio-section -->
|
||||
@@ -903,7 +904,7 @@
|
||||
<div class="text">
|
||||
<h2>为客户提供高效服务
|
||||
</h2>
|
||||
<p style="font-size:19px;">作为港航企业长期的专业合作伙伴,岸基科技帮助港航企业打造高效能的互联网+航运平台,以客户为中心快速响应客户需求,提高业务管理能力,为客户创造长期价值。</p>
|
||||
<p style="font-size:19px;">岸基科技,港航企业可信赖的长期伙伴。我们专注打造高效能“互联网+航运”平台,以客户为中心快速响应,驱动管理效能升级,为客户创造持久价值。</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col col-lg-3 col-sm-4">
|
||||
|
||||
@@ -146,7 +146,6 @@
|
||||
<div style="text-align: center;">
|
||||
<div>
|
||||
<h1 style="margin-bottom: 10px;">产品功能亮点</h1>
|
||||
<p style="color: #666; font-size: 16px;">聚焦行业痛点,针对性解决企业需求</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -210,7 +209,6 @@
|
||||
<div class="row">
|
||||
<div class="col col-xs-12 text-center">
|
||||
<h1>产品架构</h1>
|
||||
<span style="color:#8f8f8f">聚焦行业痛点,针对性解决企业需求</span>
|
||||
<img src="assets/images/project/agNetCargoPlatform/product_architecture.png"
|
||||
class="img-responsive center-block" />
|
||||
</div>
|
||||
@@ -224,7 +222,6 @@
|
||||
<div style="text-align: center;padding-top: 60px;">
|
||||
<div>
|
||||
<h1 style="margin-bottom: 10px;">产品优势</h1>
|
||||
<p style="color: #666; font-size: 16px;">聚焦行业痛点,针对性解决企业需求</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -47,7 +47,7 @@
|
||||
align-items: center;
|
||||
padding-top: 110px; /* header高度80px + 最小间距30px */
|
||||
overflow: hidden;
|
||||
background: linear-gradient(135deg, #001a4d 0%, #003080 50%, #001a4d 100%);
|
||||
background:linear-gradient(135deg, #0422a8 0%, #0c4ab3 50%, #001a4d 100%);
|
||||
}
|
||||
|
||||
.solution-hero::before {
|
||||
|
||||
@@ -47,7 +47,7 @@
|
||||
align-items: center;
|
||||
padding-top: 110px; /* header高度80px + 最小间距30px */
|
||||
overflow: hidden;
|
||||
background: linear-gradient(135deg, #001a4d 0%, #003080 50%, #001a4d 100%);
|
||||
background: linear-gradient(135deg, #0422a8 0%, #0c4ab3 50%, #001a4d 100%);
|
||||
}
|
||||
|
||||
.solution-hero::before {
|
||||
@@ -1155,8 +1155,8 @@
|
||||
</div>
|
||||
<div class="stat-item">
|
||||
<i class="ti-money stat-icon green"></i>
|
||||
<div class="stat-number">+</div>
|
||||
<div class="stat-label">收入结构多元化</div>
|
||||
<div class="stat-number">多元化</div>
|
||||
<div class="stat-label">收入结构</div>
|
||||
</div>
|
||||
<div class="stats-center-icon">
|
||||
<i class="ti-server"></i>
|
||||
|
||||
@@ -47,7 +47,7 @@
|
||||
align-items: center;
|
||||
padding-top: 110px; /* header高度80px + 最小间距30px */
|
||||
overflow: hidden;
|
||||
background: linear-gradient(135deg, #001a4d 0%, #003080 50%, #001a4d 100%);
|
||||
background: linear-gradient(135deg, #0422a8 0%, #0c4ab3 50%, #001a4d 100%);
|
||||
}
|
||||
|
||||
.solution-hero::before {
|
||||
|
||||
Reference in New Issue
Block a user