Skip to content

梁建民 / liebaochHtml

Go to a project
Commit 51108d3f by LJM
Options

html

parent b1edb42e
Expand all
Inline Side-by-side
Showing with 199 additions and 465 deletions
css/style.less
...@@ -72,6 +72,7 @@ ...@@ -72,6 +72,7 @@
a { a {
font-size: 16px; font-size: 16px;
color: #ffffff; color: #ffffff;
transition: all 0.4s ease;
} }
&:hover { &:hover {
...@@ -353,6 +354,69 @@ ...@@ -353,6 +354,69 @@
} }
} }
.business-advantages {
padding: 80px 0 70px 0;
.title {
font-size: 38px;
color: #000;
font-weight: bold;
line-height: 53px;
margin-bottom: 23px;
}
.list {
li {
margin-right: 16px;
&:last-child {
margin-right: 0;
}
.pic {
width: 416px;
height: 361px;
overflow: hidden;
img {
width: 416px;
height: 361px;
object-fit: cover;
transition: transform 0.4s linear;
}
}
.text {
margin-bottom: 20px;
.t1 {
font-size: 24px;
color: #000000;
line-height: 33px;
font-weight: bold;
margin-top: 20px;
margin-bottom: 12px;
}
.t2 {
width: 383px;
font-size: 14px;
color: #989898;
line-height: 20px;
}
}
&:hover {
.pic {
img {
transform: scale(1.2);
}
}
}
}
}
}
.international-logistics-services { .international-logistics-services {
padding: 70px 0 140px 0; padding: 70px 0 140px 0;
background: url("../images/international-logistics-services.png") no-repeat top center; background: url("../images/international-logistics-services.png") no-repeat top center;
......
css/style.min.css
...@@ -257,6 +257,7 @@ body { ...@@ -257,6 +257,7 @@ body {
.head-wrap .head .main .menu-box .menu li dl dd a { .head-wrap .head .main .menu-box .menu li dl dd a {
font-size: 16px; font-size: 16px;
color: #ffffff; color: #ffffff;
transition: all 0.4s ease;
} }
.head-wrap .head .main .menu-box .menu li dl dd:hover a { .head-wrap .head .main .menu-box .menu li dl dd:hover a {
font-weight: bold; font-weight: bold;
...@@ -474,6 +475,53 @@ body { ...@@ -474,6 +475,53 @@ body {
opacity: 1; opacity: 1;
transform: translateY(0); transform: translateY(0);
} }
.business-advantages {
padding: 80px 0 70px 0;
}
.business-advantages .title {
font-size: 38px;
color: #000;
font-weight: bold;
line-height: 53px;
margin-bottom: 23px;
}
.business-advantages .list li {
margin-right: 16px;
}
.business-advantages .list li:last-child {
margin-right: 0;
}
.business-advantages .list li .pic {
width: 416px;
height: 361px;
overflow: hidden;
}
.business-advantages .list li .pic img {
width: 416px;
height: 361px;
object-fit: cover;
transition: transform 0.4s linear;
}
.business-advantages .list li .text {
margin-bottom: 20px;
}
.business-advantages .list li .text .t1 {
font-size: 24px;
color: #000000;
line-height: 33px;
font-weight: bold;
margin-top: 20px;
margin-bottom: 12px;
}
.business-advantages .list li .text .t2 {
width: 383px;
font-size: 14px;
color: #989898;
line-height: 20px;
}
.business-advantages .list li:hover .pic img {
transform: scale(1.2);
}
.international-logistics-services { .international-logistics-services {
padding: 70px 0 140px 0; padding: 70px 0 140px 0;
background: url("../images/international-logistics-services.png") no-repeat top center; background: url("../images/international-logistics-services.png") no-repeat top center;
......
images/cooperation.png
images/cooperation.png

757 KB | W: | H:

images/cooperation.png

184 KB | W: | H:

images/cooperation.png
images/cooperation.png
images/cooperation.png
images/cooperation.png
  • 2-up
  • Swipe
  • Onion skin
images/footer-logo.png
images/footer-logo.png

10.5 KB | W: | H:

images/footer-logo.png

3.18 KB | W: | H:

images/footer-logo.png
images/footer-logo.png
images/footer-logo.png
images/footer-logo.png
  • 2-up
  • Swipe
  • Onion skin
images/head-bg.png
images/head-bg.png

6.87 KB | W: | H:

images/head-bg.png

897 Bytes | W: | H:

images/head-bg.png
images/head-bg.png
images/head-bg.png
images/head-bg.png
  • 2-up
  • Swipe
  • Onion skin
images/international-logistics-services.png
images/international-logistics-services.png

1.05 MB | W: | H:

images/international-logistics-services.png

309 KB | W: | H:

images/international-logistics-services.png
images/international-logistics-services.png
images/international-logistics-services.png
images/international-logistics-services.png
  • 2-up
  • Swipe
  • Onion skin
images/logo.png
images/logo.png

4.42 KB | W: | H:

images/logo.png

1.82 KB | W: | H:

images/logo.png
images/logo.png
images/logo.png
images/logo.png
  • 2-up
  • Swipe
  • Onion skin
images/s1.png
images/s1.png

1.9 MB | W: | H:

images/s1.png

464 KB | W: | H:

images/s1.png
images/s1.png
images/s1.png
images/s1.png
  • 2-up
  • Swipe
  • Onion skin
images/s2.png
images/s2.png

2.38 MB | W: | H:

images/s2.png

604 KB | W: | H:

images/s2.png
images/s2.png
images/s2.png
images/s2.png
  • 2-up
  • Swipe
  • Onion skin
images/service-1.png
images/service-1.png

370 KB | W: | H:

images/service-1.png

87.8 KB | W: | H:

images/service-1.png
images/service-1.png
images/service-1.png
images/service-1.png
  • 2-up
  • Swipe
  • Onion skin
images/service-2.png
images/service-2.png

247 KB | W: | H:

images/service-2.png

68.5 KB | W: | H:

images/service-2.png
images/service-2.png
images/service-2.png
images/service-2.png
  • 2-up
  • Swipe
  • Onion skin
images/service-3.png
images/service-3.png

206 KB | W: | H:

images/service-3.png

50.3 KB | W: | H:

images/service-3.png
images/service-3.png
images/service-3.png
images/service-3.png
  • 2-up
  • Swipe
  • Onion skin
images/service-4.png
images/service-4.png

293 KB | W: | H:

images/service-4.png

58.6 KB | W: | H:

images/service-4.png
images/service-4.png
images/service-4.png
images/service-4.png
  • 2-up
  • Swipe
  • Onion skin
images/service-5.png
images/service-5.png

252 KB | W: | H:

images/service-5.png

66.1 KB | W: | H:

images/service-5.png
images/service-5.png
images/service-5.png
images/service-5.png
  • 2-up
  • Swipe
  • Onion skin
images/service-6.png
images/service-6.png

371 KB | W: | H:

images/service-6.png

104 KB | W: | H:

images/service-6.png
images/service-6.png
images/service-6.png
images/service-6.png
  • 2-up
  • Swipe
  • Onion skin
index.html
...@@ -80,13 +80,12 @@ ...@@ -80,13 +80,12 @@
</div> </div>
</div> </div>
</div> </div>
<!--服务中心--> <!--服务中心-->
<div class="service"> <div class="service">
<p class="title row rowCenter verCenter">服务中心</p> <p class="title row rowCenter verCenter wow fadeIn">服务中心</p>
<div class="main"> <div class="main">
<ul class="list row rowCenter verCenter" style="margin-bottom: 16px;"> <ul class="list row rowCenter verCenter" style="margin-bottom: 16px;">
<li class="row"> <li class="row wow fadeInDown">
<div class="box"> <div class="box">
<img src="./images/service-1.png" alt=""> <img src="./images/service-1.png" alt="">
<p class="text">国际海运</p> <p class="text">国际海运</p>
...@@ -100,7 +99,7 @@ ...@@ -100,7 +99,7 @@
</a> </a>
</div> </div>
</li> </li>
<li class="row"> <li class="row wow fadeInDown" data-wow-delay="0.2s">
<div class="box"> <div class="box">
<img src="./images/service-2.png" alt=""> <img src="./images/service-2.png" alt="">
<p class="text">国际空运</p> <p class="text">国际空运</p>
...@@ -114,7 +113,7 @@ ...@@ -114,7 +113,7 @@
</a> </a>
</div> </div>
</li> </li>
<li class="row"> <li class="row wow fadeInDown" data-wow-delay="0.3s">
<div class="box"> <div class="box">
<img src="./images/service-3.png" alt=""> <img src="./images/service-3.png" alt="">
<p class="text">国际陆运</p> <p class="text">国际陆运</p>
...@@ -130,7 +129,7 @@ ...@@ -130,7 +129,7 @@
</li> </li>
</ul> </ul>
<ul class="list row rowCenter verCenter"> <ul class="list row rowCenter verCenter">
<li class="row"> <li class="row wow fadeInDown">
<div class="box"> <div class="box">
<img src="./images/service-4.png" alt=""> <img src="./images/service-4.png" alt="">
<p class="text">国际铁路</p> <p class="text">国际铁路</p>
...@@ -144,7 +143,7 @@ ...@@ -144,7 +143,7 @@
</a> </a>
</div> </div>
</li> </li>
<li class="row"> <li class="row wow fadeInDown" data-wow-delay="0.2s">
<div class="box"> <div class="box">
<img src="./images/service-5.png" alt=""> <img src="./images/service-5.png" alt="">
<p class="text">进出口报关</p> <p class="text">进出口报关</p>
...@@ -158,7 +157,7 @@ ...@@ -158,7 +157,7 @@
</a> </a>
</div> </div>
</li> </li>
<li class="row"> <li class="row wow fadeInDown" data-wow-delay="0.3s">
<div class="box"> <div class="box">
<img src="./images/service-6.png" alt=""> <img src="./images/service-6.png" alt="">
<p class="text">国内外仓储</p> <p class="text">国内外仓储</p>
...@@ -175,11 +174,10 @@ ...@@ -175,11 +174,10 @@
</ul> </ul>
</div> </div>
</div> </div>
<!--国际物流服务--> <!--国际物流服务-->
<div class="international-logistics-services"> <div class="international-logistics-services">
<p class="title row rowCenter verCenter">国际物流服务</p> <p class="title row rowCenter verCenter wow fadeInUp">国际物流服务</p>
<p class="text"> <p class="text wow fadeInUp">
作为一家国际物流供应链公司，我们整合了先进的智能设备和传感技术，为客户提供实时监控和追踪物流运输过程的能力。我们的智能硬件支持与软件系统的无缝对接，实现数据共享和智能化决策。通过智能硬件的应用，有效提升物流安全性、准确性和可追溯性，提供了更可靠、高效的服务。 作为一家国际物流供应链公司，我们整合了先进的智能设备和传感技术，为客户提供实时监控和追踪物流运输过程的能力。我们的智能硬件支持与软件系统的无缝对接，实现数据共享和智能化决策。通过智能硬件的应用，有效提升物流安全性、准确性和可追溯性，提供了更可靠、高效的服务。
</p> </p>
<div class="main wow fadeInDown"> <div class="main wow fadeInDown">
...@@ -203,56 +201,54 @@ ...@@ -203,56 +201,54 @@
</ul> </ul>
</div> </div>
</div> </div>
<!--服务类目--> <!--服务类目-->
<div class="service-categories"> <div class="service-categories">
<p class="title row rowCenter verCenter">服务类目</p> <p class="title row rowCenter verCenter wow fadeInUp">服务类目</p>
<p class="text"> <p class="text wow fadeInUp">
作为一家国际物流供应链公司，我们整合了先进的智能设备和传感技术，为客户提供实时监控和追踪物流运输过程的能力。 作为一家国际物流供应链公司，我们整合了先进的智能设备和传感技术，为客户提供实时监控和追踪物流运输过程的能力。
</p> </p>
<div class="main wow wow"> <div class="main wow wow">
<ul class="list row rowCenter verCenter wow fadeIn animated" style="margin-bottom: 16px"> <ul class="list row rowCenter verCenter wow fadeIn animated" style="margin-bottom: 16px">
<li class="row rowCenter verCenter"> <li class="row rowCenter verCenter wow fadeInDown">
<i class="iconfont icon-xinpian"></i> <i class="iconfont icon-xinpian"></i>
<span>电子元器件</span> <span>电子元器件</span>
</li> </li>
<li class="row rowCenter verCenter"> <li class="row rowCenter verCenter wow fadeInDown" data-wow-delay="0.2s">
<i class="iconfont icon-xinpianbeifen"></i> <i class="iconfont icon-xinpianbeifen"></i>
<span>家居建材</span> <span>家居建材</span>
</li> </li>
<li class="row rowCenter verCenter"> <li class="row rowCenter verCenter wow fadeInDown" data-wow-delay="0.3s">
<i class="iconfont icon-a-xinpianbeifen2"></i> <i class="iconfont icon-a-xinpianbeifen2"></i>
<span>电子产品</span> <span>电子产品</span>
</li> </li>
<li class="row rowCenter verCenter"> <li class="row rowCenter verCenter wow fadeInDown" data-wow-delay="0.4s">
<i class="iconfont icon-a-xinpianbeifen3"></i> <i class="iconfont icon-a-xinpianbeifen3"></i>
<span>服装类</span> <span>服装类</span>
</li> </li>
</ul> </ul>
<ul class="list row rowCenter verCenter wow fadeIn animated"> <ul class="list row rowCenter verCenter wow fadeIn animated">
<li class="row rowCenter verCenter"> <li class="row rowCenter verCenter wow fadeInDown" data-wow-delay="0.5s">
<i class="iconfont icon-a-xinpianbeifen4"></i> <i class="iconfont icon-a-xinpianbeifen4"></i>
<span>化学品类</span> <span>化学品类</span>
</li> </li>
<li class="row rowCenter verCenter"> <li class="row rowCenter verCenter wow fadeInDown" data-wow-delay="0.6s">
<i class="iconfont icon-a-xinpianbeifen5"></i> <i class="iconfont icon-a-xinpianbeifen5"></i>
<span>食品类</span> <span>食品类</span>
</li> </li>
<li class="row rowCenter verCenter"> <li class="row rowCenter verCenter wow fadeInDown" data-wow-delay="0.7s">
<i class="iconfont icon-a-xinpianbeifen6"></i> <i class="iconfont icon-a-xinpianbeifen6"></i>
<span>机械设备</span> <span>机械设备</span>
</li> </li>
<li class="row rowCenter verCenter"> <li class="row rowCenter verCenter wow fadeInDown" data-wow-delay="0.8s">
<i class="iconfont icon-a-xinpianbeifen7"></i> <i class="iconfont icon-a-xinpianbeifen7"></i>
<span>日用品类</span> <span>日用品类</span>
</li> </li>
</ul> </ul>
</div> </div>
</div> </div>
<!--咨询合作--> <!--咨询合作-->
<div class="cooperation"> <div class="cooperation">
<div class="cooperation-form-box wow fadeInDown animated" data-wow-duration="1s"> <div class="cooperation-form-box wow bounceInUp">
<b class="arrow"></b> <b class="arrow"></b>
<div class="box"> <div class="box">
<p class="title">咨询合作 / 获取报价</p> <p class="title">咨询合作 / 获取报价</p>
...@@ -285,7 +281,6 @@ ...@@ -285,7 +281,6 @@
</div> </div>
</div> </div>
</div> </div>
<!--页脚--> <!--页脚-->
<div class="footer"> <div class="footer">
<div class="main"> <div class="main">
...@@ -326,7 +321,6 @@ ...@@ -326,7 +321,6 @@
</div> </div>
</div> </div>
</div> </div>
<!--bar部分--> <!--bar部分-->
<div class="page-bar"> <div class="page-bar">
<ul> <ul>
...@@ -367,7 +361,6 @@ ...@@ -367,7 +361,6 @@
</li> </li>
</ul> </ul>
</div> </div>
<script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/superSlide.js"></script> <script type="text/javascript" src="js/superSlide.js"></script>
<script type="text/javascript" src="js/layui/layui.js"></script> <script type="text/javascript" src="js/layui/layui.js"></script>
......
internationaAir.html
...@@ -9,7 +9,7 @@ ...@@ -9,7 +9,7 @@
<meta name="viewport" content="width=device-width; initial-scale=1; maximum-scale=1; user-scalable=0;"> <meta name="viewport" content="width=device-width; initial-scale=1; maximum-scale=1; user-scalable=0;">
<meta name="baidu-site-verification" content="B1YyUdsoGu"> <meta name="baidu-site-verification" content="B1YyUdsoGu">
<link href="/favicon.ico" rel="icon"> <link href="/favicon.ico" rel="icon">
<title>猎豹出海-国际海运</title> <title>猎豹出海-国际空运</title>
<link rel="stylesheet" type="text/css" href="css/font/iconfont.css"> <link rel="stylesheet" type="text/css" href="css/font/iconfont.css">
<link rel="stylesheet" type="text/css" href="css/animate.css"> <link rel="stylesheet" type="text/css" href="css/animate.css">
<link rel="stylesheet" type="text/css" href="js/layui/css/layui.css"> <link rel="stylesheet" type="text/css" href="js/layui/css/layui.css">
...@@ -17,7 +17,7 @@ ...@@ -17,7 +17,7 @@
</head> </head>
<body> <body>
<!--head--> <!--head-->
<div class="head-wrap"> <div class="head-wrap head-wrap-pic">
<div class="head"> <div class="head">
<div class="main row bothSide verCenter"> <div class="main row bothSide verCenter">
<a href="/" class="logo row verCenter"> <a href="/" class="logo row verCenter">
...@@ -51,134 +51,58 @@ ...@@ -51,134 +51,58 @@
<div class="bd"> <div class="bd">
<ul> <ul>
<li> <li>
<img src="./images/s1.png" alt=""> <img src="./images/s2.png" alt="" class="scaleClass">
</li> </li>
<li>
<img src="https://static.ichunt.com//dist/res/home/images/scm/home/b1.png" alt="">
</li>
</ul>
</div>
<div class="hd">
<ul class="row rowCenter verCenter">
<li></li>
<li></li>
</ul> </ul>
</div> </div>
<div class="slide-text"> <div class="slide-text-other">
<ul> <ul>
<li class="wow"> <li class="wow" style="display: block">
<p class="t1">猎豹出海</p> <p class="t1">国际空运</p>
<p class="t2">一站式、全链路国际物流服务，高标准服务、高效率履约、超高性价比</p> <p class="t2">国际空运以其迅捷、安全、准时的超高效率，大大缩短了交货期，对于物流供应链加快资金周转起到了极大的促进作用。我司已与多家航空公司建立了长期合作关系，遍布全球的货运代理网络将我们的服务延伸到世界各地，为客户提供可靠的国际航空运输服务。</p>
<a class="btn row rowCenter verCenter" href="javascript:;">立即咨询</a>
</li>
<li class="wow">
<p class="t1">猎豹出海2</p>
<p class="t2">一站式、全链路国际物流服务，高标准服务、高效率履约、超高性价比</p>
<a class="btn row rowCenter verCenter" href="javascript:;">立即咨询</a>
</li> </li>
</ul> </ul>
</div> </div>
</div> </div>
</div> </div>
<!--业务优势-->
<!--服务中心--> <div class="business-advantages">
<div class="service"> <p class="title row rowCenter verCenter">业务优势</p>
<p class="title row rowCenter verCenter">服务中心</p>
<div class="main"> <div class="main">
<ul class="list row rowCenter verCenter" style="margin-bottom: 16px;">
<li class="row">
<div class="box">
<img src="./images/service-1.png" alt="">
<p class="text">国际海运</p>
</div>
<div class="show">
<p class="title">国际海运</p>
<p class="text">国际海运是国际贸易中最主要的运输方式，价格实惠、载运量大、安全可靠。我国大部分进出口货物，都是通过</p>
<a class="links" href="javascript:;">
<span>查看详情</span>
<i class="iconfont icon-jinrujiantou"></i>
</a>
</div>
</li>
<li class="row">
<div class="box">
<img src="./images/service-2.png" alt="">
<p class="text">国际空运</p>
</div>
<div class="show">
<p class="title">国际空运</p>
<p class="text">国际海运是国际贸易中最主要的运输方式，价格实惠、载运量大、安全可靠。我国大部分进出口货物，都是通过</p>
<a class="links" href="javascript:;">
<span>查看详情</span>
<i class="iconfont icon-jinrujiantou"></i>
</a>
</div>
</li>
<li class="row">
<div class="box">
<img src="./images/service-3.png" alt="">
<p class="text">国际陆运</p>
</div>
<div class="show">
<p class="title">国际陆运</p>
<p class="text">国际海运是国际贸易中最主要的运输方式，价格实惠、载运量大、安全可靠。我国大部分进出口货物，都是通过</p>
<a class="links" href="javascript:;">
<span>查看详情</span>
<i class="iconfont icon-jinrujiantou"></i>
</a>
</div>
</li>
</ul>
<ul class="list row rowCenter verCenter"> <ul class="list row rowCenter verCenter">
<li class="row"> <li class="column wow fadeInDown">
<div class="box"> <div class="pic">
<img src="./images/service-4.png" alt=""> <img src="/images/internationalShipping1.png" alt="">
<p class="text">国际铁路</p>
</div> </div>
<div class="show"> <div class="text">
<p class="title">国际铁路</p> <p class="t1">高效率</p>
<p class="text">国际海运是国际贸易中最主要的运输方式，价格实惠、载运量大、安全可靠。我国大部分进出口货物，都是通过</p> <p class="t2">国内中转速度快、直达航班行程短，末端处理高效紧凑。</p>
<a class="links" href="javascript:;">
<span>查看详情</span>
<i class="iconfont icon-jinrujiantou"></i>
</a>
</div> </div>
</li> </li>
<li class="row"> <li class="column wow fadeInDown" data-wow-delay="0.5s">
<div class="box"> <div class="pic">
<img src="./images/service-5.png" alt=""> <img src="/images/internationalShipping2.png" alt="">
<p class="text">进出口报关</p>
</div> </div>
<div class="show"> <div class="text">
<p class="title">进出口报关</p> <p class="t1">高安全性</p>
<p class="text">国际海运是国际贸易中最主要的运输方式，价格实惠、载运量大、安全可靠。我国大部分进出口货物，都是通过</p> <p class="t2">操作流程严格，货物破损率低、安全性高。</p>
<a class="links" href="javascript:;">
<span>查看详情</span>
<i class="iconfont icon-jinrujiantou"></i>
</a>
</div> </div>
</li> </li>
<li class="row"> <li class="column wow fadeInDown" data-wow-delay="1s">
<div class="box"> <div class="pic">
<img src="./images/service-6.png" alt=""> <img src="/images/internationalShipping3.png" alt="">
<p class="text">国内外仓储</p>
</div> </div>
<div class="show"> <div class="text">
<p class="title">国内外仓储</p> <p class="t1">高质量服务</p>
<p class="text">国际海运是国际贸易中最主要的运输方式，价格实惠、载运量大、安全可靠。我国大部分进出口货物，都是通过</p> <p class="t2">全流程跟踪服务，确保每个节点高效衔接。</p>
<a class="links" href="javascript:;">
<span>查看详情</span>
<i class="iconfont icon-jinrujiantou"></i>
</a>
</div> </div>
</li> </li>
</ul> </ul>
</div> </div>
</div> </div>
<!--咨询合作--> <!--咨询合作-->
<div class="cooperation"> <div class="cooperation">
<div class="cooperation-form-box wow fadeInDown animated" data-wow-duration="1s"> <div class="cooperation-form-box wow bounceInUp">
<b class="arrow"></b> <b class="arrow"></b>
<div class="box"> <div class="box">
<p class="title">咨询合作 / 获取报价</p> <p class="title">咨询合作 / 获取报价</p>
...@@ -211,7 +135,6 @@ ...@@ -211,7 +135,6 @@
</div> </div>
</div> </div>
</div> </div>
<!--页脚--> <!--页脚-->
<div class="footer"> <div class="footer">
<div class="main"> <div class="main">
...@@ -252,7 +175,6 @@ ...@@ -252,7 +175,6 @@
</div> </div>
</div> </div>
</div> </div>
<!--bar部分--> <!--bar部分-->
<div class="page-bar"> <div class="page-bar">
<ul> <ul>
...@@ -293,7 +215,6 @@ ...@@ -293,7 +215,6 @@
</li> </li>
</ul> </ul>
</div> </div>
<script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/superSlide.js"></script> <script type="text/javascript" src="js/superSlide.js"></script>
<script type="text/javascript" src="js/layui/layui.js"></script> <script type="text/javascript" src="js/layui/layui.js"></script>
......
internationaLand.html
...@@ -9,7 +9,7 @@ ...@@ -9,7 +9,7 @@
<meta name="viewport" content="width=device-width; initial-scale=1; maximum-scale=1; user-scalable=0;"> <meta name="viewport" content="width=device-width; initial-scale=1; maximum-scale=1; user-scalable=0;">
<meta name="baidu-site-verification" content="B1YyUdsoGu"> <meta name="baidu-site-verification" content="B1YyUdsoGu">
<link href="/favicon.ico" rel="icon"> <link href="/favicon.ico" rel="icon">
<title>猎豹出海-国际海运</title> <title>猎豹出海-国际陆运</title>
<link rel="stylesheet" type="text/css" href="css/font/iconfont.css"> <link rel="stylesheet" type="text/css" href="css/font/iconfont.css">
<link rel="stylesheet" type="text/css" href="css/animate.css"> <link rel="stylesheet" type="text/css" href="css/animate.css">
<link rel="stylesheet" type="text/css" href="js/layui/css/layui.css"> <link rel="stylesheet" type="text/css" href="js/layui/css/layui.css">
...@@ -17,7 +17,7 @@ ...@@ -17,7 +17,7 @@
</head> </head>
<body> <body>
<!--head--> <!--head-->
<div class="head-wrap"> <div class="head-wrap head-wrap-pic">
<div class="head"> <div class="head">
<div class="main row bothSide verCenter"> <div class="main row bothSide verCenter">
<a href="/" class="logo row verCenter"> <a href="/" class="logo row verCenter">
...@@ -51,134 +51,23 @@ ...@@ -51,134 +51,23 @@
<div class="bd"> <div class="bd">
<ul> <ul>
<li> <li>
<img src="./images/s1.png" alt=""> <img src="./images/s2.png" alt="" class="scaleClass">
</li> </li>
<li>
<img src="https://static.ichunt.com//dist/res/home/images/scm/home/b1.png" alt="">
</li>
</ul>
</div>
<div class="hd">
<ul class="row rowCenter verCenter">
<li></li>
<li></li>
</ul> </ul>
</div> </div>
<div class="slide-text"> <div class="slide-text-other">
<ul> <ul>
<li class="wow"> <li class="wow" style="display: block">
<p class="t1">猎豹出海</p> <p class="t1">国际陆运</p>
<p class="t2">一站式、全链路国际物流服务，高标准服务、高效率履约、超高性价比</p> <p class="t2">公路卡车的载货量较大，运输成本相对较低，时效介于海运和空运之间，无需支付高昂的航空费用，能够提供接近航空运输的效率。</p>
<a class="btn row rowCenter verCenter" href="javascript:;">立即咨询</a>
</li>
<li class="wow">
<p class="t1">猎豹出海2</p>
<p class="t2">一站式、全链路国际物流服务，高标准服务、高效率履约、超高性价比</p>
<a class="btn row rowCenter verCenter" href="javascript:;">立即咨询</a>
</li> </li>
</ul> </ul>
</div> </div>
</div> </div>
</div> </div>
<!--服务中心-->
<div class="service">
<p class="title row rowCenter verCenter">服务中心</p>
<div class="main">
<ul class="list row rowCenter verCenter" style="margin-bottom: 16px;">
<li class="row">
<div class="box">
<img src="./images/service-1.png" alt="">
<p class="text">国际海运</p>
</div>
<div class="show">
<p class="title">国际海运</p>
<p class="text">国际海运是国际贸易中最主要的运输方式，价格实惠、载运量大、安全可靠。我国大部分进出口货物，都是通过</p>
<a class="links" href="javascript:;">
<span>查看详情</span>
<i class="iconfont icon-jinrujiantou"></i>
</a>
</div>
</li>
<li class="row">
<div class="box">
<img src="./images/service-2.png" alt="">
<p class="text">国际空运</p>
</div>
<div class="show">
<p class="title">国际空运</p>
<p class="text">国际海运是国际贸易中最主要的运输方式，价格实惠、载运量大、安全可靠。我国大部分进出口货物，都是通过</p>
<a class="links" href="javascript:;">
<span>查看详情</span>
<i class="iconfont icon-jinrujiantou"></i>
</a>
</div>
</li>
<li class="row">
<div class="box">
<img src="./images/service-3.png" alt="">
<p class="text">国际陆运</p>
</div>
<div class="show">
<p class="title">国际陆运</p>
<p class="text">国际海运是国际贸易中最主要的运输方式，价格实惠、载运量大、安全可靠。我国大部分进出口货物，都是通过</p>
<a class="links" href="javascript:;">
<span>查看详情</span>
<i class="iconfont icon-jinrujiantou"></i>
</a>
</div>
</li>
</ul>
<ul class="list row rowCenter verCenter">
<li class="row">
<div class="box">
<img src="./images/service-4.png" alt="">
<p class="text">国际铁路</p>
</div>
<div class="show">
<p class="title">国际铁路</p>
<p class="text">国际海运是国际贸易中最主要的运输方式，价格实惠、载运量大、安全可靠。我国大部分进出口货物，都是通过</p>
<a class="links" href="javascript:;">
<span>查看详情</span>
<i class="iconfont icon-jinrujiantou"></i>
</a>
</div>
</li>
<li class="row">
<div class="box">
<img src="./images/service-5.png" alt="">
<p class="text">进出口报关</p>
</div>
<div class="show">
<p class="title">进出口报关</p>
<p class="text">国际海运是国际贸易中最主要的运输方式，价格实惠、载运量大、安全可靠。我国大部分进出口货物，都是通过</p>
<a class="links" href="javascript:;">
<span>查看详情</span>
<i class="iconfont icon-jinrujiantou"></i>
</a>
</div>
</li>
<li class="row">
<div class="box">
<img src="./images/service-6.png" alt="">
<p class="text">国内外仓储</p>
</div>
<div class="show">
<p class="title">国内外仓储</p>
<p class="text">国际海运是国际贸易中最主要的运输方式，价格实惠、载运量大、安全可靠。我国大部分进出口货物，都是通过</p>
<a class="links" href="javascript:;">
<span>查看详情</span>
<i class="iconfont icon-jinrujiantou"></i>
</a>
</div>
</li>
</ul>
</div>
</div>
<!--咨询合作--> <!--咨询合作-->
<div class="cooperation"> <div class="cooperation">
<div class="cooperation-form-box wow fadeInDown animated" data-wow-duration="1s"> <div class="cooperation-form-box wow bounceInUp">
<b class="arrow"></b> <b class="arrow"></b>
<div class="box"> <div class="box">
<p class="title">咨询合作 / 获取报价</p> <p class="title">咨询合作 / 获取报价</p>
...@@ -211,7 +100,6 @@ ...@@ -211,7 +100,6 @@
</div> </div>
</div> </div>
</div> </div>
<!--页脚--> <!--页脚-->
<div class="footer"> <div class="footer">
<div class="main"> <div class="main">
...@@ -252,7 +140,6 @@ ...@@ -252,7 +140,6 @@
</div> </div>
</div> </div>
</div> </div>
<!--bar部分--> <!--bar部分-->
<div class="page-bar"> <div class="page-bar">
<ul> <ul>
...@@ -293,7 +180,6 @@ ...@@ -293,7 +180,6 @@
</li> </li>
</ul> </ul>
</div> </div>
<script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/superSlide.js"></script> <script type="text/javascript" src="js/superSlide.js"></script>
<script type="text/javascript" src="js/layui/layui.js"></script> <script type="text/javascript" src="js/layui/layui.js"></script>
......
internationaRailway.html
...@@ -9,7 +9,7 @@ ...@@ -9,7 +9,7 @@
<meta name="viewport" content="width=device-width; initial-scale=1; maximum-scale=1; user-scalable=0;"> <meta name="viewport" content="width=device-width; initial-scale=1; maximum-scale=1; user-scalable=0;">
<meta name="baidu-site-verification" content="B1YyUdsoGu"> <meta name="baidu-site-verification" content="B1YyUdsoGu">
<link href="/favicon.ico" rel="icon"> <link href="/favicon.ico" rel="icon">
<title>猎豹出海-国际海运</title> <title>猎豹出海-国际铁路</title>
<link rel="stylesheet" type="text/css" href="css/font/iconfont.css"> <link rel="stylesheet" type="text/css" href="css/font/iconfont.css">
<link rel="stylesheet" type="text/css" href="css/animate.css"> <link rel="stylesheet" type="text/css" href="css/animate.css">
<link rel="stylesheet" type="text/css" href="js/layui/css/layui.css"> <link rel="stylesheet" type="text/css" href="js/layui/css/layui.css">
...@@ -17,7 +17,7 @@ ...@@ -17,7 +17,7 @@
</head> </head>
<body> <body>
<!--head--> <!--head-->
<div class="head-wrap"> <div class="head-wrap head-wrap-pic">
<div class="head"> <div class="head">
<div class="main row bothSide verCenter"> <div class="main row bothSide verCenter">
<a href="/" class="logo row verCenter"> <a href="/" class="logo row verCenter">
...@@ -51,134 +51,23 @@ ...@@ -51,134 +51,23 @@
<div class="bd"> <div class="bd">
<ul> <ul>
<li> <li>
<img src="./images/s1.png" alt=""> <img src="./images/s2.png" alt="" class="scaleClass">
</li> </li>
<li>
<img src="https://static.ichunt.com//dist/res/home/images/scm/home/b1.png" alt="">
</li>
</ul>
</div>
<div class="hd">
<ul class="row rowCenter verCenter">
<li></li>
<li></li>
</ul> </ul>
</div> </div>
<div class="slide-text"> <div class="slide-text-other">
<ul> <ul>
<li class="wow"> <li class="wow" style="display: block">
<p class="t1">猎豹出海</p> <p class="t1">国际铁路</p>
<p class="t2">一站式、全链路国际物流服务，高标准服务、高效率履约、超高性价比</p> <p class="t2" style="width: 1110px;">铁路运送速度较快、载运量大、不大受自然条件影响。时效介于公路卡航和海运之间，整柜、散货均可，运输成本相对较低，安全性较高。</p>
<a class="btn row rowCenter verCenter" href="javascript:;">立即咨询</a>
</li>
<li class="wow">
<p class="t1">猎豹出海2</p>
<p class="t2">一站式、全链路国际物流服务，高标准服务、高效率履约、超高性价比</p>
<a class="btn row rowCenter verCenter" href="javascript:;">立即咨询</a>
</li> </li>
</ul> </ul>
</div> </div>
</div> </div>
</div> </div>
<!--服务中心-->
<div class="service">
<p class="title row rowCenter verCenter">服务中心</p>
<div class="main">
<ul class="list row rowCenter verCenter" style="margin-bottom: 16px;">
<li class="row">
<div class="box">
<img src="./images/service-1.png" alt="">
<p class="text">国际海运</p>
</div>
<div class="show">
<p class="title">国际海运</p>
<p class="text">国际海运是国际贸易中最主要的运输方式，价格实惠、载运量大、安全可靠。我国大部分进出口货物，都是通过</p>
<a class="links" href="javascript:;">
<span>查看详情</span>
<i class="iconfont icon-jinrujiantou"></i>
</a>
</div>
</li>
<li class="row">
<div class="box">
<img src="./images/service-2.png" alt="">
<p class="text">国际空运</p>
</div>
<div class="show">
<p class="title">国际空运</p>
<p class="text">国际海运是国际贸易中最主要的运输方式，价格实惠、载运量大、安全可靠。我国大部分进出口货物，都是通过</p>
<a class="links" href="javascript:;">
<span>查看详情</span>
<i class="iconfont icon-jinrujiantou"></i>
</a>
</div>
</li>
<li class="row">
<div class="box">
<img src="./images/service-3.png" alt="">
<p class="text">国际陆运</p>
</div>
<div class="show">
<p class="title">国际陆运</p>
<p class="text">国际海运是国际贸易中最主要的运输方式，价格实惠、载运量大、安全可靠。我国大部分进出口货物，都是通过</p>
<a class="links" href="javascript:;">
<span>查看详情</span>
<i class="iconfont icon-jinrujiantou"></i>
</a>
</div>
</li>
</ul>
<ul class="list row rowCenter verCenter">
<li class="row">
<div class="box">
<img src="./images/service-4.png" alt="">
<p class="text">国际铁路</p>
</div>
<div class="show">
<p class="title">国际铁路</p>
<p class="text">国际海运是国际贸易中最主要的运输方式，价格实惠、载运量大、安全可靠。我国大部分进出口货物，都是通过</p>
<a class="links" href="javascript:;">
<span>查看详情</span>
<i class="iconfont icon-jinrujiantou"></i>
</a>
</div>
</li>
<li class="row">
<div class="box">
<img src="./images/service-5.png" alt="">
<p class="text">进出口报关</p>
</div>
<div class="show">
<p class="title">进出口报关</p>
<p class="text">国际海运是国际贸易中最主要的运输方式，价格实惠、载运量大、安全可靠。我国大部分进出口货物，都是通过</p>
<a class="links" href="javascript:;">
<span>查看详情</span>
<i class="iconfont icon-jinrujiantou"></i>
</a>
</div>
</li>
<li class="row">
<div class="box">
<img src="./images/service-6.png" alt="">
<p class="text">国内外仓储</p>
</div>
<div class="show">
<p class="title">国内外仓储</p>
<p class="text">国际海运是国际贸易中最主要的运输方式，价格实惠、载运量大、安全可靠。我国大部分进出口货物，都是通过</p>
<a class="links" href="javascript:;">
<span>查看详情</span>
<i class="iconfont icon-jinrujiantou"></i>
</a>
</div>
</li>
</ul>
</div>
</div>
<!--咨询合作--> <!--咨询合作-->
<div class="cooperation"> <div class="cooperation">
<div class="cooperation-form-box wow fadeInDown animated" data-wow-duration="1s"> <div class="cooperation-form-box wow bounceInUp">
<b class="arrow"></b> <b class="arrow"></b>
<div class="box"> <div class="box">
<p class="title">咨询合作 / 获取报价</p> <p class="title">咨询合作 / 获取报价</p>
...@@ -211,7 +100,6 @@ ...@@ -211,7 +100,6 @@
</div> </div>
</div> </div>
</div> </div>
<!--页脚--> <!--页脚-->
<div class="footer"> <div class="footer">
<div class="main"> <div class="main">
...@@ -252,7 +140,6 @@ ...@@ -252,7 +140,6 @@
</div> </div>
</div> </div>
</div> </div>
<!--bar部分--> <!--bar部分-->
<div class="page-bar"> <div class="page-bar">
<ul> <ul>
...@@ -293,7 +180,6 @@ ...@@ -293,7 +180,6 @@
</li> </li>
</ul> </ul>
</div> </div>
<script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/superSlide.js"></script> <script type="text/javascript" src="js/superSlide.js"></script>
<script type="text/javascript" src="js/layui/layui.js"></script> <script type="text/javascript" src="js/layui/layui.js"></script>
......
internationalShipping.html
...@@ -65,105 +65,44 @@ ...@@ -65,105 +65,44 @@
</div> </div>
</div> </div>
</div> </div>
<!--业务优势-->
<!--服务中心--> <div class="business-advantages">
<div class="service"> <p class="title row rowCenter verCenter">业务优势</p>
<p class="title row rowCenter verCenter">服务中心</p>
<div class="main"> <div class="main">
<ul class="list row rowCenter verCenter" style="margin-bottom: 16px;">
<li class="row">
<div class="box">
<img src="./images/service-1.png" alt="">
<p class="text">国际海运</p>
</div>
<div class="show">
<p class="title">国际海运</p>
<p class="text">国际海运是国际贸易中最主要的运输方式，价格实惠、载运量大、安全可靠。我国大部分进出口货物，都是通过</p>
<a class="links" href="javascript:;">
<span>查看详情</span>
<i class="iconfont icon-jinrujiantou"></i>
</a>
</div>
</li>
<li class="row">
<div class="box">
<img src="./images/service-2.png" alt="">
<p class="text">国际空运</p>
</div>
<div class="show">
<p class="title">国际空运</p>
<p class="text">国际海运是国际贸易中最主要的运输方式，价格实惠、载运量大、安全可靠。我国大部分进出口货物，都是通过</p>
<a class="links" href="javascript:;">
<span>查看详情</span>
<i class="iconfont icon-jinrujiantou"></i>
</a>
</div>
</li>
<li class="row">
<div class="box">
<img src="./images/service-3.png" alt="">
<p class="text">国际陆运</p>
</div>
<div class="show">
<p class="title">国际陆运</p>
<p class="text">国际海运是国际贸易中最主要的运输方式，价格实惠、载运量大、安全可靠。我国大部分进出口货物，都是通过</p>
<a class="links" href="javascript:;">
<span>查看详情</span>
<i class="iconfont icon-jinrujiantou"></i>
</a>
</div>
</li>
</ul>
<ul class="list row rowCenter verCenter"> <ul class="list row rowCenter verCenter">
<li class="row"> <li class="column wow fadeInDown">
<div class="box"> <div class="pic">
<img src="./images/service-4.png" alt=""> <img src="/images/internationalShipping1.png" alt="">
<p class="text">国际铁路</p>
</div> </div>
<div class="show"> <div class="text">
<p class="title">国际铁路</p> <p class="t1">整柜运输</p>
<p class="text">国际海运是国际贸易中最主要的运输方式，价格实惠、载运量大、安全可靠。我国大部分进出口货物，都是通过</p> <p class="t2">优质的出口头程运输服务，可支持到港、目的港清关、缴税，派送到仓等服务。</p>
<a class="links" href="javascript:;">
<span>查看详情</span>
<i class="iconfont icon-jinrujiantou"></i>
</a>
</div> </div>
</li> </li>
<li class="row"> <li class="column wow fadeInDown" data-wow-delay="0.5s">
<div class="box"> <div class="pic">
<img src="./images/service-5.png" alt=""> <img src="/images/internationalShipping2.png" alt="">
<p class="text">进出口报关</p>
</div> </div>
<div class="show"> <div class="text">
<p class="title">进出口报关</p> <p class="t1">拼箱运输</p>
<p class="text">国际海运是国际贸易中最主要的运输方式，价格实惠、载运量大、安全可靠。我国大部分进出口货物，都是通过</p> <p class="t2">能满足小批量走货客户需求，可支持到港、目的港清关、缴税，派送到仓等服务。</p>
<a class="links" href="javascript:;">
<span>查看详情</span>
<i class="iconfont icon-jinrujiantou"></i>
</a>
</div> </div>
</li> </li>
<li class="row"> <li class="column wow fadeInDown" data-wow-delay="1s">
<div class="box"> <div class="pic">
<img src="./images/service-6.png" alt=""> <img src="/images/internationalShipping3.png" alt="">
<p class="text">国内外仓储</p>
</div> </div>
<div class="show"> <div class="text">
<p class="title">国内外仓储</p> <p class="t1">海运专线</p>
<p class="text">国际海运是国际贸易中最主要的运输方式，价格实惠、载运量大、安全可靠。我国大部分进出口货物，都是通过</p> <p class="t2">能满足各大跨境电商平台客户需求，提供上门取货、双清包税派送到门等一站式服务，省心省钱。</p>
<a class="links" href="javascript:;">
<span>查看详情</span>
<i class="iconfont icon-jinrujiantou"></i>
</a>
</div> </div>
</li> </li>
</ul> </ul>
</div> </div>
</div> </div>
<!--咨询合作--> <!--咨询合作-->
<div class="cooperation"> <div class="cooperation">
<div class="cooperation-form-box wow fadeInDown animated" data-wow-duration="1s"> <div class="cooperation-form-box wow bounceInUp">
<b class="arrow"></b> <b class="arrow"></b>
<div class="box"> <div class="box">
<p class="title">咨询合作 / 获取报价</p> <p class="title">咨询合作 / 获取报价</p>
...@@ -196,7 +135,6 @@ ...@@ -196,7 +135,6 @@
</div> </div>
</div> </div>
</div> </div>
<!--页脚--> <!--页脚-->
<div class="footer"> <div class="footer">
<div class="main"> <div class="main">
...@@ -237,7 +175,6 @@ ...@@ -237,7 +175,6 @@
</div> </div>
</div> </div>
</div> </div>
<!--bar部分--> <!--bar部分-->
<div class="page-bar"> <div class="page-bar">
<ul> <ul>
...@@ -278,7 +215,6 @@ ...@@ -278,7 +215,6 @@
</li> </li>
</ul> </ul>
</div> </div>
<script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/superSlide.js"></script> <script type="text/javascript" src="js/superSlide.js"></script>
<script type="text/javascript" src="js/layui/layui.js"></script> <script type="text/javascript" src="js/layui/layui.js"></script>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment