1
0
Files
ag-index/index.html
2025-12-23 15:14:44 +08:00

979 lines
55 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 rel="stylesheet" href="assets/css/bootstrap-3.3.4.css">
<link href="assets/css/themify-icons.css" rel="stylesheet">
<link href="assets/css/flaticon.css" rel="stylesheet">
<link href="assets/css/animate.css" rel="stylesheet">
<link href="assets/css/style.css" rel="stylesheet">
<!-- 非关键样式:延迟加载 -->
<link rel="preload" href="assets/css/owl.carousel.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
<noscript><link rel="stylesheet" href="assets/css/owl.carousel.css"></noscript>
<link rel="preload" href="assets/css/owl.theme.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
<noscript><link rel="stylesheet" href="assets/css/owl.theme.css"></noscript>
<link rel="preload" href="assets/css/slick.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
<noscript><link rel="stylesheet" href="assets/css/slick.css"></noscript>
<link rel="preload" href="assets/css/slick-theme.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
<noscript><link rel="stylesheet" href="assets/css/slick-theme.css"></noscript>
<link rel="preload" href="assets/css/swiper.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
<noscript><link rel="stylesheet" href="assets/css/swiper.min.css"></noscript>
<link rel="preload" href="assets/css/owl.transitions.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
<noscript><link rel="stylesheet" href="assets/css/owl.transitions.css"></noscript>
<link rel="preload" href="assets/css/odometer-theme-default.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
<noscript><link rel="stylesheet" href="assets/css/odometer-theme-default.css"></noscript>
<link rel="preload" href="assets/css/jquery.fancybox.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
<noscript><link rel="stylesheet" href="assets/css/jquery.fancybox.css"></noscript>
<link href="assets/fonts/Flaticon.woff2" rel="preload" as="font" type="font/woff2" crossorigin>
<!-- 预加载首屏图片 -->
<link rel="preload" href="assets/images/slider/slide-2.webp" as="image">
<link rel="preload" href="assets/images/slider/slide-1.webp" as="image">
<!-- <link href="assets/css/style2.css" rel="stylesheet"> -->
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="assets/js/html5shiv.min.js"></script>
<script src="assets/js/respond.min.js"></script>
<![endif]-->
<!-- d3 延迟加载,仅用于地图 -->
<script src="assets/js/d3.min.js" defer></script>
</head>
<body>
<!-- importmap 用于解析 Three.js 子模块的依赖 -->
<script type="importmap">
{
"imports": {
"three": "https://cdn.jsdelivr.net/npm/three@latest/build/three.module.js",
"three/addons/": "https://cdn.jsdelivr.net/npm/three@latest/examples/jsm/"
}
}
</script>
<!-- start page-wrapper -->
<div class="page-wrapper">
<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>
<!---->
<!-- Start header -->
<div id="header"></div>
<!-- end of header -->
<!-- start of hero -->
<section class="hero-slider hero-style-1">
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="slide-inner slide-bg-image" data-background="assets/images/slider/slide-2.webp">
<div class="container">
<div data-swiper-parallax="300" class="slide-title">
<h2>携手数字化,智领新航运</h2>
</div>
<div data-swiper-parallax="400" class="slide-text">
<p>用软件定义航运,以服务创造价值——岸基科技,您值得信赖的数字化伙伴。 </p>
</div>
<div class="clearfix"></div>
<div data-swiper-parallax="500" class="slide-btns">
<a href="product_port.html" class="theme-btn-s2">了解更多</a>
</div>
</div>
</div> <!-- end slide-inner -->
</div> <!-- end swiper-slide -->
<div class="swiper-slide">
<div class="slide-inner slide-bg-image" data-background="assets/images/slider/slide-1.webp" style="max-width: none;">
<div class="container">
<div data-swiper-parallax="300" class="slide-title">
<h2>服务敏捷进化,云端智能互联</h2>
</div>
<div data-swiper-parallax="400" class="slide-text">
<p>一体平台,双模部署:为中小码头赋能,让智慧运营更轻、更易、更高效。</p>
</div>
<div class="clearfix"></div>
<div data-swiper-parallax="500" class="slide-btns">
<a href="http://product_Logistics.html" target="view_window" class="theme-btn-s2">了解更多</a>
<!--&lt;!&ndash;<a href="https://www.youtube.com/embed/7e90gBu4pas?autoplay=1" class="hero-video-btn video-btn" data-type="iframe" tabindex="0"><i class="fi flaticon-play-button"></i>Watch About</a> &ndash;&gt;-->
</div>
</div>
</div> <!-- end slide-inner -->
</div> <!-- end swiper-slide -->
</div>
<!-- end swiper-wrapper -->
<!-- swipper controls -->
<div class="swiper-pagination"></div>
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
</div>
</section>
<!-- end of hero slider -->
<!-- start features-section -->
<section class="features-section">
<div class="container">
<div class="row">
<div class="col col-xs-12">
<div class="feature-grids clearfix">
<div class="grid">
<div class="header">
<i class="fi flaticon-truck"></i>
</div>
<div class="details">
<h3>物流供应链产品</h3>
<p>面向船公司、船货代、报关、车队、场站和仓储等物流业务的完整解决方案。 </p>
<a href="product_Logistics.html" class="read-more" target="_parent">了解更多</a>
</div>
</div>
<div class="grid">
<div class="header">
<i class="fi flaticon-box"></i>
</div>
<div class="details">
<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> 依托“1+3+N”核心架构构建数字化协同引擎驱动航运全链路降本增效。 </p>
<a href="product_shipping.html" class="read-more" target="_parent">了解更多</a>
</div>
</div>
</div>
</div>
</div>
</div> <!-- end container -->
</section>
<!-- end features-section -->
<!-- start portfolio-section -->
<section class="section-padding">
<div class="portfolio-container" style="display: flex; align-items: center; justify-content: center; min-height: 400px; position: relative;">
<img src="assets/images/index/bk.jpg" alt="" loading="lazy" style="width: 100%; max-width: none;">
<div style="position: absolute; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100%;">
<div class="container">
<div class="row">
<div class="col col-lg-6 col-lg-offset-3">
<div class="section-title-s4">
<span>物流供应链核心能力全景</span>
<h2>一体协同的全栈产品矩阵</h2>
</div>
</div>
</div>
</div> <!-- end container -->
<img src="assets/images/index/top.webp" alt="" loading="lazy" style="width: 55%; max-width: none; ">
</div>
</div>
</section>
<!-- end portfolio-section -->
<!-- start portfolio-section -->
<section class="portfolio-section section-padding">
<div class="container">
<div class="row">
<div class="col col-lg-6 col-lg-offset-3">
<div class="section-title-s4">
<span>垂直领域全景方案</span>
<h2>模块化港航产品生态</h2>
</div>
</div>
</div>
</div> <!-- end container -->
<div class="portfolio-container">
<div class="portfolio-grids portfolio-slider">
<div class="grid">
<div class="img-holder">
<img src="assets/images/portfolio/img-1.jpg" alt loading="lazy">
</div>
<div class="details">
<div class="inner">
<h3><a href="#">大宗货物供应链解决方案</a></h3>
<p class="cat">贸易/物流/港口</p>
</div>
</div>
</div>
<div class="grid">
<div class="img-holder">
<img src="assets/images/portfolio/img-5.jpg" alt loading="lazy">
</div>
<div class="details">
<div class="inner">
<h3><a href="#">内河港航一体化解决方案</a></h3>
<p class="cat">内河港航集团</p>
</div>
</div>
</div>
<div class="grid">
<div class="img-holder">
<img src="assets/images/portfolio/img-4.jpg" alt loading="lazy">
</div>
<div class="details">
<div class="inner">
<h3><a href="#">港口供应链平台解决方案</a></h3>
<p class="cat">大型港航集团</p>
</div>
</div>
</div>
<div class="grid">
<div class="img-holder">
<img src="assets/images/portfolio/img-3.jpg" alt loading="lazy">
</div>
<div class="details">
<div class="inner">
<h3><a href="#">全程物流链解决方案</a></h3>
<p class="cat">大型物流集团</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- end portfolio-section -->
<section class="services-section section-padding">
<div class="container">
<div class="row">
<div class="col col-md-5">
<div class="section-title-s2">
<span>我们的服务领域</span>
<h2>覆盖港口与航运全链条业务</h2>
</div>
</div>
<div class="col col-md-6 col-md-offset-1">
<div class="section-title-text">
<p>公司专注于为国内外物流经营实体、运输中介机构、物流金融服务企业、货主及相关政府部门,提供包括航运电商平台建设与运营、物流业务项目实施、大数据平台搭建以及信息化建设咨询等在内的综合性信息服务。
</p>
</div>
</div>
</div>
<div class="row">
<div class="col col-xs-12">
<div class="service-grids clearfix">
<div class="grid">
<div class="icon">
<i class="fi flaticon-matou"></i>
</div>
<h3><a href="#">码头</a></h3>
<!--<p>对码头进行智能化控制,提高码头的作业效率</p>-->
</div>
<div class="grid">
<div class="icon">
<i class="fi flaticon-changzhan"></i>
</div>
<h3><a href="#">场站</a></h3>
<!--<p>Helplessly as he looked. What's happened to me? he thought. It wasn't a dream. His room, a proper</p>-->
</div>
<div class="grid">
<div class="icon">
<i class="fi flaticon-cangchu"></i>
</div>
<h3><a href="#">仓储</a></h3>
<!--<p>Helplessly as he looked. What's happened to me? he thought. It wasn't a dream. His room, a proper</p>-->
</div>
<div class="grid">
<div class="icon">
<!--<img style="" src="assets/images/uniF10B.png">-->
<i class="fi flaticon-dingcang"></i>
</div>
<h3><a href="">船公司</a></h3>
<p> </p>
</div>
<div class="grid">
<div class="icon">
<!--<img style="" src="assets/images/uniF10B.png">-->
<i class="fi flaticon-cruise"></i>
</div>
<h3><a href="">船代</a></h3>
<p> </p>
</div>
<div class="grid">
<div class="icon">
<!--<img style="" src="assets/images/012-cruise.svg">-->
<i class="fi flaticon-box"></i>
</div>
<h3><a href="#">货代</a></h3>
<p> </p>
</div>
<div class="grid">
<div class="icon">
<i class="fi flaticon-delivery"></i>
</div>
<h3><a href="#">车队</a></h3>
<!--<p>Helplessly as he looked. What's happened to me? he thought. It wasn't a dream. His room, a proper</p>-->
</div>
<div class="grid">
<div class="icon">
<i class="fi flaticon-delivery-truck"></i>
</div>
<h3><a href="#">交管部门</a></h3>
<!--<p>Helplessly as he looked. What's happened to me? he thought. It wasn't a dream. His room, a proper</p>-->
</div>
<!--<div class="grid">-->
<!--<div class="icon">-->
<!--<i class="fi flaticon-parachute"></i>-->
<!--</div>-->
<!--<h3><a href="#"></a></h3>-->
<!--&lt;!&ndash;<p>帮助企业建立线上线下一体化的物流发展模式</p>&ndash;&gt;-->
<!--</div>-->
</div>
<!--<div class="all-services">-->
<!--<p>了解更多产品,请点击<a href="#">这里</a></p>-->
<!--</div>-->
</div>
</div>
</div> <!-- end container -->
</section>
<!-- start about-section -->
<section class="about-section section-padding">
<div class="container">
<div class="row">
<div class="col col-md-7">
<div id="map" style="height: 600px;"></div>
</div>
<div class="col col-md-5">
<div class="details" style="margin-top: 100px;">
<div class="section-title">
<span>我们的行业价值</span>
<h2>客户覆盖率与业务占比双高</h2>
</div>
<p>依托长达20年的行业信息化经验我们以科技驱动航运物流供应链的创新与升级。目前由我们提供服务的客户其业务总量已占据全国水运货量的五分之一。</p>
<div class="contact-info">
<!--<div>-->
<!--<img src="assets/images/call.png" alt>-->
<!--<h4>Call Center</h4>-->
<!--<p>Sat - Fri day <br>(888) 254-6544-5441</p>-->
<!--</div>-->
<div>
<!--<img src="assets/images/map.png" alt>-->
<h4>航运货物总量占比</h4>
<p style="font-family:Helvetica Neue, sans-serif;line-height:1.25rem;font-size:120px;color:#019dfa;font-weight:bold;"><span class="odometer" data-count="20">00</span>%</p>
</div>
</div>
<!--<div class="btns">-->
<!--<a href="contact.html" class="theme-btn-s2">联系我们</a>-->
<!--&lt;!&ndash;<a href="#" class="theme-btn-s3">Contact with us</a>&ndash;&gt;-->
<!--</div>-->
</div>
</div>
</div>
</div> <!-- end container -->
</section>
<!-- end about-section -->
<!-- start services-section -->
<!-- end services-section -->
<!-- start track-contact -->
<!--<section class="track-contact section-padding">-->
<!--<div class="container">-->
<!--<div class="row">-->
<!--<div class="col col-lg-10 col-lg-offset-1">-->
<!--<div class="track-trace-quote-form clearfix">-->
<!--<div class="track-trace">-->
<!--<h3>Track & Trace</h3>-->
<!--<form>-->
<!--<div>-->
<!--<label for="shipment">Shipment Type</label>-->
<!--<select id="shipment" class="form-control">-->
<!--<option>Type one</option>-->
<!--<option>Type Two</option>-->
<!--<option>Type Three</option>-->
<!--</select>-->
<!--</div>-->
<!--<div>-->
<!--<label for="tracking">Tracking Number</label>-->
<!--<input type="text" class="form-control" id="tracking" placeholder="Tracking Number*">-->
<!--</div>-->
<!--<div>-->
<!--<button type="submit" class="submit-btn">Track & Trace</button>-->
<!--</div>-->
<!--</form>-->
<!--<p>NB: Sometime it may be take few time, please wait.</p>-->
<!--</div>-->
<!--<div class="quote-form">-->
<!--<h3>Still no luck? Request a quote!</h3>-->
<!--<form>-->
<!--<div>-->
<!--<label>Personal Information</label>-->
<!--<input type="text" class="form-control" placeholder="Name*">-->
<!--<input type="email" class="form-control" placeholder="Email*">-->
<!--<input type="text" class="form-control" placeholder="Phone*">-->
<!--</div>-->
<!--<div>-->
<!--<label>Shipment Information</label>-->
<!--<select id="shipment2" class="form-control">-->
<!--<option selected disabled>Freight type</option>-->
<!--<option>Type one</option>-->
<!--<option>Type Two</option>-->
<!--<option>Type Three</option>-->
<!--</select>-->
<!--<input type="email" class="form-control" placeholder="City of Departure*">-->
<!--<input type="text" class="form-control" placeholder="Delivery City*">-->
<!--</div>-->
<!--<div>-->
<!--<button type="submit" class="submit-btn">Submit Request</button>-->
<!--</div>-->
<!--</form>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!--</div> &lt;!&ndash; end container &ndash;&gt;-->
<!--</section>-->
<!-- end track-contact -->
<!-- start faq-achievement-section -->
<!--<section class="faq-achievement-section section-padding">-->
<!--<div class="container">-->
<!--<div class="row">-->
<!--<div class="col col-md-6">-->
<!--<div class="faq-container">-->
<!--<div class="section-title-s2">-->
<!--<span>FAQ</span>-->
<!--<h2>People aks these question over & over again</h2>-->
<!--</div>-->
<!--<div class="panel-group faq-accordion theme-accordion-s1" id="accordion">-->
<!--<div class="panel panel-default">-->
<!--<div class="panel-heading">-->
<!--<a data-toggle="collapse" data-parent="#accordion" href="#collapse-1" aria-expanded="true">My Trace number is not working</a>-->
<!--</div>-->
<!--<div id="collapse-1" class="panel-collapse collapse in">-->
<!--<div class="panel-body">-->
<!--<p>It showed a lady fitted out with a fur hat and fur boa who sat upright, raising a heavy fur muff that covered the whole of her lower arm towards the viewer. Gregor then turned to look out the window at the dull weather</p>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!--<div class="panel panel-default">-->
<!--<div class="panel-heading">-->
<!--<a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapse-2">Whole of her lower arm towards the viewer?</a>-->
<!--</div>-->
<!--<div id="collapse-2" class="panel-collapse collapse">-->
<!--<div class="panel-body">-->
<!--<p>It showed a lady fitted out with a fur hat and fur boa who sat upright, raising a heavy fur muff that covered the whole of her lower arm towards the viewer. Gregor then turned to look out the window at the dull weather</p>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!--<div class="panel panel-default">-->
<!--<div class="panel-heading">-->
<!--<a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapse-3">Travelling salesman - and above it there hung</a>-->
<!--</div>-->
<!--<div id="collapse-3" class="panel-collapse collapse">-->
<!--<div class="panel-body">-->
<!--<p>It showed a lady fitted out with a fur hat and fur boa who sat upright, raising a heavy fur muff that covered the whole of her lower arm towards the viewer. Gregor then turned to look out the window at the dull weather</p>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!--<div class="col col-md-6">-->
<!--<div class="achievement-container">-->
<!--<div class="section-title-s2">-->
<!--<span>Achievement</span>-->
<!--<h2>See what we achieved over the years!</h2>-->
<!--</div>-->
<!--<p>Magazine and housed in a nice, gilded frame. It showed a lady fitted out with a fur hat and fur boa who sat upright, raising a heavy fur muff that covered the whole of her lower arm towards the viewer ne and housed in a nice, gilded frame</p>-->
<!--<div class="skills">-->
<!--<div class="skill">-->
<!--<h6>Air Freight</h6>-->
<!--<div class="progress">-->
<!--<div class="progress-bar" data-percent="85"></div>-->
<!--</div>-->
<!--</div>-->
<!--<div class="skill">-->
<!--<h6>Ocean Freight</h6>-->
<!--<div class="progress">-->
<!--<div class="progress-bar" data-percent="95"></div>-->
<!--</div>-->
<!--</div>-->
<!--<div class="skill">-->
<!--<h6>Road Freight</h6>-->
<!--<div class="progress">-->
<!--<div class="progress-bar" data-percent="92"></div>-->
<!--</div>-->
<!--</div>-->
<!--<div class="skill">-->
<!--<h6>Warehousing</h6>-->
<!--<div class="progress">-->
<!--<div class="progress-bar" data-percent="95"></div>-->
<!--</div>-->
<!--</div>-->
<!--</div> -->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!--</div> &lt;!&ndash; end container &ndash;&gt;-->
<!--</section>-->
<!-- end faq-achievement-section -->
<!-- start testimonials-section -->
<!--<section class="testimonials-section section-padding">-->
<!--<div class="container">-->
<!--<div class="row">-->
<!--<div class="col col-lg-6 col-lg-offset-3">-->
<!--<div class="section-title-s3">-->
<!--<span>Testimonials</span>-->
<!--<h2>What People says About us</h2>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!--<div class="row">-->
<!--<div class="col col-xs-12">-->
<!--<div class="testimonial-grids clearfix">-->
<!--<div class="grid">-->
<!--<div class="quote">-->
<!--<p>Samsa was a travelling salesman and above it there hung a picture that he had recently cut out of an illustrated magazine and housed in a nice, gilded frame. It showed a lady fitted out</p>-->
<!--</div>-->
<!--<div class="client-info">-->
<!--<div class="img-holder">-->
<!--<img src="assets/images/testimonials/img-1.jpg" alt>-->
<!--</div>-->
<!--<div class="details">-->
<!--<h5>Jhon dow</h5>-->
<!--<p>Shipment CEO</p>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!--<div class="grid">-->
<!--<div class="quote">-->
<!--<p>Samsa was a travelling salesman and above it there hung a picture that he had recently cut out of an illustrated magazine and housed in a nice, gilded frame. It showed a lady fitted out</p>-->
<!--</div>-->
<!--<div class="client-info">-->
<!--<div class="img-holder">-->
<!--<img src="assets/images/testimonials/img-2.jpg" alt>-->
<!--</div>-->
<!--<div class="details">-->
<!--<h5>Alaska</h5>-->
<!--<p>Business Officer</p>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!--<div class="grid">-->
<!--<div class="quote">-->
<!--<p>Samsa was a travelling salesman and above it there hung a picture that he had recently cut out of an illustrated magazine and housed in a nice, gilded frame. It showed a lady fitted out</p>-->
<!--</div>-->
<!--<div class="client-info">-->
<!--<div class="img-holder">-->
<!--<img src="assets/images/testimonials/img-3.jpg" alt>-->
<!--</div>-->
<!--<div class="details">-->
<!--<h5>Shain on</h5>-->
<!--<p>Shiping Manager</p>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!--</div> &lt;!&ndash; end container &ndash;&gt;-->
<!--</section>-->
<!-- end testimonials-section -->
<!-- start fun-fact-section -->
<!--<section class="fun-fact-section section-padding pt0">-->
<!--<div class="container">-->
<!--<div class="row">-->
<!--<div class="col col-xs-12">-->
<!--<h2>为客户打造卓越产品体验</h2>-->
<!--<div class="fun-fact-grids clearfix">-->
<!--<div class="grid">-->
<!--<div class="info">-->
<!--<h3><span class="odometer" data-count="200">00</span>+</h3>-->
<!--<p>客户数量</p>-->
<!--</div>-->
<!--</div>-->
<!--<div class="grid">-->
<!--<div class="info">-->
<!--<h3><span class="odometer" data-count="17">00</span>+</h3>-->
<!--<p>覆盖港口</p>-->
<!--</div>-->
<!--</div>-->
<!--<div class="grid">-->
<!--<div class="info">-->
<!--<h3><span class="odometer" data-count="20">00</span>%</h3>-->
<!--<p>航运货物量</p>-->
<!--</div>-->
<!--</div>-->
<!--<div class="grid">-->
<!--<div class="info">-->
<!--<h3><span class="odometer" data-count="100">00</span>%</h3>-->
<!--<p>客户满意度</p>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!--</div> &lt;!&ndash; end container &ndash;&gt;-->
<!--</section>-->
<!-- end fun-fact-section -->
<!-- start portfolio-section -->
<!--<section class="portfolio-section section-padding">-->
<!--<div class="container">-->
<!--<div class="row">-->
<!--<div class="col col-lg-6 col-lg-offset-3">-->
<!--<div class="section-title-s3">-->
<!--<span>最新案例</span>-->
<!--<h2>携手港航优质客户</h2>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!--&lt;!&ndash; end container &ndash;&gt;-->
<!--&lt;!&ndash;<div class="portfolio-container">&ndash;&gt;-->
<!--&lt;!&ndash;<div class="portfolio-grids portfolio-slider">&ndash;&gt;-->
<!--&lt;!&ndash;<div class="grid">&ndash;&gt;-->
<!--&lt;!&ndash;<div class="img-holder">&ndash;&gt;-->
<!--&lt;!&ndash;<img src="assets/images/portfolio/img-1.jpg" alt>&ndash;&gt;-->
<!--&lt;!&ndash;</div>&ndash;&gt;-->
<!--&lt;!&ndash;<div class="details">&ndash;&gt;-->
<!--&lt;!&ndash;<div class="inner">&ndash;&gt;-->
<!--&lt;!&ndash;<h3><a href="chuandai.html">上海新海</a></h3>&ndash;&gt;-->
<!--&lt;!&ndash;<p class="cat">物流</p>&ndash;&gt;-->
<!--&lt;!&ndash;</div>&ndash;&gt;-->
<!--&lt;!&ndash;</div>&ndash;&gt;-->
<!--&lt;!&ndash;</div>&ndash;&gt;-->
<!--&lt;!&ndash;<div class="grid">&ndash;&gt;-->
<!--&lt;!&ndash;<div class="img-holder">&ndash;&gt;-->
<!--&lt;!&ndash;<img src="assets/images/portfolio/img-3.jpg" alt>&ndash;&gt;-->
<!--&lt;!&ndash;</div>&ndash;&gt;-->
<!--&lt;!&ndash;<div class="details">&ndash;&gt;-->
<!--&lt;!&ndash;<div class="inner">&ndash;&gt;-->
<!--&lt;!&ndash;<h3><a href="ilog.html">侨益物流</a></h3>&ndash;&gt;-->
<!--&lt;!&ndash;<p class="cat">物流</p>&ndash;&gt;-->
<!--&lt;!&ndash;</div>&ndash;&gt;-->
<!--&lt;!&ndash;</div>&ndash;&gt;-->
<!--&lt;!&ndash;</div>&ndash;&gt;-->
<!--&lt;!&ndash;<div class="grid">&ndash;&gt;-->
<!--&lt;!&ndash;<div class="img-holder">&ndash;&gt;-->
<!--&lt;!&ndash;<img src="assets/images/portfolio/img-4.jpg" alt>&ndash;&gt;-->
<!--&lt;!&ndash;</div>&ndash;&gt;-->
<!--&lt;!&ndash;<div class="details">&ndash;&gt;-->
<!--&lt;!&ndash;<div class="inner">&ndash;&gt;-->
<!--&lt;!&ndash;<h3><a href="dianshang.html">锦江航运</a></h3>&ndash;&gt;-->
<!--&lt;!&ndash;<p class="cat">电商</p>&ndash;&gt;-->
<!--&lt;!&ndash;</div>&ndash;&gt;-->
<!--&lt;!&ndash;</div>&ndash;&gt;-->
<!--&lt;!&ndash;</div>&ndash;&gt;-->
<!--&lt;!&ndash;<div class="grid">&ndash;&gt;-->
<!--&lt;!&ndash;<div class="img-holder">&ndash;&gt;-->
<!--&lt;!&ndash;<img src="assets/images/portfolio/img-5.jpg" alt>&ndash;&gt;-->
<!--&lt;!&ndash;</div>&ndash;&gt;-->
<!--&lt;!&ndash;<div class="details">&ndash;&gt;-->
<!--&lt;!&ndash;<div class="inner">&ndash;&gt;-->
<!--&lt;!&ndash;<h3><a href="yunmatou.html">唐山港集团</a></h3>&ndash;&gt;-->
<!--&lt;!&ndash;<p class="cat">码头</p>&ndash;&gt;-->
<!--&lt;!&ndash;</div>&ndash;&gt;-->
<!--&lt;!&ndash;</div>&ndash;&gt;-->
<!--&lt;!&ndash;</div>&ndash;&gt;-->
<!--&lt;!&ndash;<div class="grid">&ndash;&gt;-->
<!--&lt;!&ndash;<div class="img-holder">&ndash;&gt;-->
<!--&lt;!&ndash;<img src="assets/images/portfolio/img-2.jpg" alt>&ndash;&gt;-->
<!--&lt;!&ndash;</div>&ndash;&gt;-->
<!--&lt;!&ndash;<div class="details">&ndash;&gt;-->
<!--&lt;!&ndash;<div class="inner">&ndash;&gt;-->
<!--&lt;!&ndash;<h3><a href="dianshang.html">上海航华</a></h3>&ndash;&gt;-->
<!--&lt;!&ndash;<p class="cat">码头</p>&ndash;&gt;-->
<!--&lt;!&ndash;</div>&ndash;&gt;-->
<!--&lt;!&ndash;</div>&ndash;&gt;-->
<!--&lt;!&ndash;</div>&ndash;&gt;-->
<!--&lt;!&ndash;</div>&ndash;&gt;-->
<!--&lt;!&ndash;<div class="all-portfolio">&ndash;&gt;-->
<!--&lt;!&ndash;<a href="classiccase.html" class="theme-btn-s2">更多客户</a>&ndash;&gt;-->
<!--&lt;!&ndash;</div>&ndash;&gt;-->
<!--&lt;!&ndash;</div>&ndash;&gt;-->
<!--</section>-->
<!-- end portfolio-section -->
<!-- start partners-section -->
<section class="partners-section">
<div class="container">
<div class="row">
<div class="col col-lg-6 col-lg-offset-3">
<div class="section-title-s3" style="margin-bottom:0px
">
<span>我们的合作伙伴</span>
<h2>携手港航顶尖客户</h2>
</div>
</div>
</div>
</div>
<div class="container" style="padding:15px 0 30px 0!important;">
<div class="row">
<div class="col col-xs-12">
<div class="partner-grids partners-slider">
<div class="grid">
<img src="assets/images/partners/jinjiang.png" alt loading="lazy">
</div>
<div class="grid">
<img src="assets/images/partners/qiaoyi.png" alt loading="lazy">
</div>
<div class="grid">
<img src="assets/images/partners/zhongshanganghang.png" alt loading="lazy">
</div>
<div class="grid">
<img src="assets/images/partners/shanghaihanghua.png" alt loading="lazy">
</div>
<div class="grid">
<img src="assets/images/partners/qinhuangdao.png" alt loading="lazy">
</div>
<div class="grid">
<img src="assets/images/partners/rizhao.png" alt loading="lazy">
</div>
</div>
</div>
</div>
<div class="row">
<div class="col col-xs-12">
<div class="partner-grids partners-slider">
<div class="grid">
<img src="assets/images/partners/beibuwan.png" alt loading="lazy">
</div>
<div class="grid">
<img src="assets/images/partners/jining.png" alt loading="lazy">
</div>
<div class="grid">
<img src="assets/images/partners/liandai.png" alt loading="lazy">
</div>
<div class="grid">
<img src="assets/images/partners/hainanlingao.png" alt loading="lazy">
</div>
<div class="grid">
<img src="assets/images/partners/zhujiangchuanwu.png" alt loading="lazy">
</div>
<div class="grid">
<img src="assets/images/partners/hefei.png" alt loading="lazy">
</div>
</div>
</div>
</div>
<div class="row">
<div class="col col-xs-12">
<div class="partner-grids partners-slider">
<div class="grid">
<img src="assets/images/partners/gangwuju.png" alt loading="lazy">
</div>
<div class="grid">
<img src="assets/images/partners/zhongyunjituan.png" alt loading="lazy">
</div>
<div class="grid">
<img src="assets/images/partners/tangshangang.png" alt loading="lazy">
</div>
<div class="grid">
<img src="assets/images/partners/dongfangguoji.png" alt loading="lazy">
</div>
<div class="grid">
<img src="assets/images/partners/weihaigang.png" alt loading="lazy">
</div>
<div class="grid">
<img src="assets/images/partners/wuzhou.png" alt loading="lazy">
</div>
</div>
</div>
</div>
<div class="separator"></div>
</div> <!-- end container -->
</section>
<!-- end partners-section -->
<!-- start blog-section -->
<!--<section class="blog-section section-padding">-->
<!--<div class="container">-->
<!--<div class="row">-->
<!--<div class="col col-lg-6 col-lg-offset-3 col-md-8 col-md-offset-2 col-sm-10 col-sm-offset-1">-->
<!--<div class="section-title-s3">-->
<!--<span>Recent News</span>-->
<!--<h2>Our Company News</h2>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!--<div class="row">-->
<!--<div class="col col-xs-12">-->
<!--<div class="blog-grids clearfix">-->
<!--<div class="grid">-->
<!--<div class="entry-meta">-->
<!--<div class="author">-->
<!--<img src="assets/images/blog/img-1.jpg" alt>-->
<!--</div>-->
<!--<h4>Jain dow</h4>-->
<!--<p class="date">10 Oct 2019</p>-->
<!--</div>-->
<!--<div class="entry-details">-->
<!--<h3><a href="#">Businesses that focus on quality and timeliness with</a></h3>-->
<!--<p>Dominating a heavy fur muff that covred the whole of her lower arm towards the viewer gregor then</p>-->
<!--</div>-->
<!--<div class="overlay">-->
<!--<div class="middle">-->
<!--<a href="#" class="theme-btn">Read More</a>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!--<div class="grid">-->
<!--<div class="entry-meta">-->
<!--<div class="author">-->
<!--<img src="assets/images/blog/img-2.jpg" alt>-->
<!--</div>-->
<!--<h4>Michel jhon</h4>-->
<!--<p class="date">10 Oct 2019</p>-->
<!--</div>-->
<!--<div class="entry-details">-->
<!--<h3><a href="#">Meeting the global needs of business through advanced</a></h3>-->
<!--<p>Dominating a heavy fur muff that covred the whole of her lower arm towards the viewer gregor then</p>-->
<!--</div>-->
<!--<div class="overlay">-->
<!--<div class="middle">-->
<!--<a href="#" class="theme-btn">Read More</a>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!--<div class="grid">-->
<!--<div class="entry-meta">-->
<!--<div class="author">-->
<!--<img src="assets/images/blog/img-3.jpg" alt>-->
<!--</div>-->
<!--<h4>Shon dow</h4>-->
<!--<p class="date">10 Oct 2019</p>-->
<!--</div>-->
<!--<div class="entry-details">-->
<!--<h3><a href="#">Economy as supply chain networks are created among </a></h3>-->
<!--<p>Dominating a heavy fur muff that covred the whole of her lower arm towards the viewer gregor then</p>-->
<!--</div>-->
<!--<div class="overlay">-->
<!--<div class="middle">-->
<!--<a href="#" class="theme-btn">Read More</a>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!--</div> &lt;!&ndash; end container &ndash;&gt;-->
<!--</section>-->
<!-- end blog-section -->
<!-- start cta-section-s2 -->
<section class="cta-section-s2">
<div class="container">
<div class="row">
<div class="col col-lg-8 col-sm-8">
<div class="text">
<h2>为客户提供高效服务
</h2>
<p style="font-size:19px;">岸基科技,港航企业可信赖的长期伙伴。我们专注打造高效能“互联网+航运”平台,以客户为中心快速响应,驱动管理效能升级,为客户创造持久价值。</p>
</div>
</div>
<div class="col col-lg-3 col-sm-4">
<div class="contact-info">
<div class="icon">
<i class="fi ti-face-smile"></i>
</div>
<h5>05352106025</h5>
<a href="contact.html" class="theme-btn-s3" target="_parent">联系我们</a>
</div>
</div>
</div>
</div> <!-- end container -->
</section>
<!-- end cta-section-s2 -->
<!-- start site-footer -->
<div id="footer"></div>
<!-- end site-footer -->
</div>
<!-- end of page-wrapper -->
<!-- All JavaScript files
================================================== -->
<!-- 关键JS立即加载页面依赖 -->
<script src="assets/js/jquery-1.11.0.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<!-- 预加载header和footer -->
<script>
// 提前加载header和footer
document.addEventListener('DOMContentLoaded', function() {
$("#header").load("header.html");
$("#footer").load("footer.html");
});
</script>
<!-- 非关键JS延迟加载 -->
<script defer src="assets/js/kefu.js"></script>
<script defer src="assets/js/jquery-plugin-collection.js"></script>
<script defer src="assets/js/script.js"></script>
<!-- d3 用于地图,延迟加载 -->
<script defer src="assets/js/d3.min.js"></script>
<!-- 3D 地图模块 - 延迟加载 -->
<script defer src="assets/js/map3d.js" type="module"></script>
</body>
</html>