Skip to content

梁建民 / liebaochHtml

Go to a project
Commit de5f3ea4 by LJM
Options

add

parent 5340d5b8
Expand all
Inline Side-by-side
Showing with 258 additions and 122 deletions
about.html
......@@ -51,7 +51,7 @@
<div class="bd">
<ul>
<li>
<img src="./images/s2.png" alt="" class="scaleClass">
<img src="./images/about.png" alt="" class="scaleClass">
</li>
</ul>
</div>
......@@ -111,23 +111,23 @@
<div class="row">
<dl class="link-list">
<dt>关于我们</dt>
<dd><a href="javascript:;">公司简介</a></dd>
<dd><a href="/about.html">公司简介</a></dd>
</dl>
<dl class="link-list">
<dt>服务与协助</dt>
<dd><a href="javascript:;">协助维权</a></dd>
<dd><a href="javascript:;">损失赔偿</a></dd>
<dd>协助维权</dd>
<dd>损失赔偿</dd>
</dl>
<dl class="link-list">
<dt>相关政策</dt>
<dd><a href="javascript:;">法律申明</a></dd>
<dd><a href="javascript:;">隐私政策</a></dd>
<dd>法律申明</dd>
<dd>隐私政策</dd>
</dl>
<dl class="link-list" style="margin-right: 0">
<dt>联系我们</dt>
<dd><a href="javascript:;">咨询：0755-83237919 (9:00 ~ 22:00 周一到周六)</a></dd>
<dd><a href="javascript:;">邮箱：xxxx@ichunt.com</a></dd>
<dd><a href="javascript:;">地址：深圳市龙岗区坂田街道清丽路1号宝能科技园南区12栋10楼</a></dd>
<dd>咨询：13434595320 (9:00 ~ 22:00 周一到周六)</dd>
<dd>邮箱：tdp@ichunt.com</dd>
<dd>地址：深圳市龙岗区坂田街道清丽路1号宝能科技园南区12栋10楼</dd>
</dl>
</div>
</div>
......@@ -136,7 +136,7 @@
</div>
</div>
<div class="copyright">
©2020深圳市猎芯供应链有限公司 ALL RIGHTS RESERVED 富开香港有限公司：HOPSKY HK LIMITED 粤ICP备17064931号 增值电信业务经营许可证：粤B2-20160350
©2024深圳市猎芯供应链有限公司 ALL RIGHTS RESERVED 富开香港有限公司：HOPSKY HK LIMITED <a href="https://beian.miit.gov.cn/" target="_blank">粤ICP备17064931号-11</a> 增值电信业务经营许可证：粤B2-20160350
</div>
</div>
</div>
......@@ -151,8 +151,8 @@
<div class="show">
<p class="title">业务咨询</p>
<div class="text">
<p style="margin-bottom: 6px;">电话：0755-83237919</p>
<p>邮箱：xxxx@ichunt.com</p>
<p style="margin-bottom: 6px;">电话：13434595320</p>
<p>邮箱：tdp@ichunt.com</p>
</div>
</div>
</li>
......@@ -163,7 +163,9 @@
</div>
<div class="show">
<p class="title">微信咨询</p>
<div class="code"></div>
<div class="code">
<img src="./images/weixin.png" alt="">
</div>
</div>
</li>
<li class="row rowCenter verCenter">
......@@ -171,6 +173,12 @@
<i class="iconfont icon-qq"></i>
<span>QQ</span>
</div>
<div class="show">
<p class="title">QQ咨询</p>
<div class="code">
<img src="./images/qq.png" alt="">
</div>
</div>
</li>
<li class="row rowCenter verCenter scollTopClass" style="display: none">
<div class="box column rowCenter verCenter">
......
css/style.less
......@@ -204,7 +204,7 @@
.t1 {
font-size: 70px;
color: #ffffff;
font-weight: bold;
font-weight: 200;
line-height: 98px;
margin-bottom: 13px;
}
......@@ -700,11 +700,18 @@
dd {
margin-bottom: 10px;
white-space: nowrap;
font-size: 14px;
color: #474747;
a {
font-size: 14px;
color: #474747;
line-height: 20px;
transition: all 0.4s ease;
&:hover {
color: #0D8DDA;
}
}
}
}
......@@ -723,6 +730,12 @@
color: #989898;
line-height: 20px;
text-align: center;
a {
&:hover {
color: #0D8DDA;
}
}
}
}
......@@ -789,6 +802,12 @@
width: 158px;
height: 158px;
background: #F3F3F3;
img {
width: 158px;
height: 158px;
object-fit: cover;
}
}
}
......@@ -800,6 +819,14 @@
}
}
&:nth-child(3) {
&:hover {
.show {
top: -143px;
}
}
}
&:hover {
.show {
display: block;
......@@ -829,7 +856,7 @@
transform: scale(1);
}
50% {
transform: scale(1.2);
transform: scale(1.1);
}
100% {
transform: scale(1);
......
css/style.min.css
......@@ -356,7 +356,7 @@ body {
.head-wrap .slideBox .slide-text .t1 {
font-size: 70px;
color: #ffffff;
font-weight: bold;
font-weight: 200;
line-height: 98px;
margin-bottom: 13px;
}
......@@ -757,11 +757,17 @@ body {
.footer .link-list dd {
margin-bottom: 10px;
white-space: nowrap;
font-size: 14px;
color: #474747;
}
.footer .link-list dd a {
font-size: 14px;
color: #474747;
line-height: 20px;
transition: all 0.4s ease;
}
.footer .link-list dd a:hover {
color: #0D8DDA;
}
.footer .code {
width: 128px;
......@@ -777,6 +783,9 @@ body {
line-height: 20px;
text-align: center;
}
.footer .copyright a:hover {
color: #0D8DDA;
}
.page-bar {
position: fixed;
right: 0;
......@@ -834,9 +843,17 @@ body {
height: 158px;
background: #F3F3F3;
}
.page-bar ul li .show .code img {
width: 158px;
height: 158px;
object-fit: cover;
}
.page-bar ul li:first-child:hover .show {
top: -14px;
}
.page-bar ul li:nth-child(3):hover .show {
top: -143px;
}
.page-bar ul li:hover .show {
display: block;
}
......@@ -857,7 +874,7 @@ body {
transform: scale(1);
}
50% {
transform: scale(1.2);
transform: scale(1.1);
}
100% {
transform: scale(1);
......
images/cooperation.png
images/cooperation.png

184 KB | W: | H:

images/cooperation.png

170 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

3.18 KB | W: | H:

images/footer-logo.png

2.94 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

897 Bytes | W: | H:

images/head-bg.png

891 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

309 KB | W: | H:

images/international-logistics-services.png

253 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/internationalShipping1.png
images/internationalShipping1.png

88.9 KB | W: | H:

images/internationalShipping1.png

85.4 KB | W: | H:

images/internationalShipping1.png
images/internationalShipping1.png
images/internationalShipping1.png
images/internationalShipping1.png
  • 2-up
  • Swipe
  • Onion skin
images/internationalShipping2.png
images/internationalShipping2.png

73.7 KB | W: | H:

images/internationalShipping2.png

70.4 KB | W: | H:

images/internationalShipping2.png
images/internationalShipping2.png
images/internationalShipping2.png
images/internationalShipping2.png
  • 2-up
  • Swipe
  • Onion skin
images/internationalShipping3.png
images/internationalShipping3.png

45.9 KB | W: | H:

images/internationalShipping3.png

44.9 KB | W: | H:

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

464 KB | W: | H:

images/s1.png

391 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

604 KB | W: | H:

images/s2.png

518 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

87.8 KB | W: | H:

images/service-1.png

83 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

68.5 KB | W: | H:

images/service-2.png

61.9 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

50.3 KB | W: | H:

images/service-3.png

43.9 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

58.6 KB | W: | H:

images/service-4.png

54.2 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

66.1 KB | W: | H:

images/service-5.png

54.3 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

104 KB | W: | H:

images/service-6.png

98.5 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
......@@ -69,12 +69,12 @@
<li class="wow">
<p class="t1">猎豹出海</p>
<p class="t2">一站式、全链路国际物流服务，高标准服务、高效率履约、超高性价比</p>
<a class="btn row rowCenter verCenter" href="javascript:;">立即咨询</a>
<a class="btn row rowCenter verCenter customerBtn" href="javascript:;">立即咨询</a>
</li>
<li class="wow">
<p class="t1">猎豹出海2</p>
<p class="t1">猎豹出海</p>
<p class="t2">一站式、全链路国际物流服务，高标准服务、高效率履约、超高性价比</p>
<a class="btn row rowCenter verCenter" href="javascript:;">立即咨询</a>
<a class="btn row rowCenter verCenter customerBtn" href="javascript:;">立即咨询</a>
</li>
</ul>
</div>
......@@ -93,7 +93,7 @@
<div class="show">
<p class="title">国际海运</p>
<p class="text">国际海运是国际贸易中最主要的运输方式，价格实惠、载运量大、安全可靠。我国大部分进出口货物，都是通过</p>
<a class="links" href="javascript:;">
<a class="links" href="/internationalShipping.html">
<span>查看详情</span>
<i class="iconfont icon-jinrujiantou"></i>
</a>
......@@ -107,7 +107,7 @@
<div class="show">
<p class="title">国际空运</p>
<p class="text">国际海运是国际贸易中最主要的运输方式，价格实惠、载运量大、安全可靠。我国大部分进出口货物，都是通过</p>
<a class="links" href="javascript:;">
<a class="links" href="/internationaAir.html">
<span>查看详情</span>
<i class="iconfont icon-jinrujiantou"></i>
</a>
......@@ -121,7 +121,7 @@
<div class="show">
<p class="title">国际陆运</p>
<p class="text">国际海运是国际贸易中最主要的运输方式，价格实惠、载运量大、安全可靠。我国大部分进出口货物，都是通过</p>
<a class="links" href="javascript:;">
<a class="links" href="internationaLand.html">
<span>查看详情</span>
<i class="iconfont icon-jinrujiantou"></i>
</a>
......@@ -137,7 +137,7 @@
<div class="show">
<p class="title">国际铁路</p>
<p class="text">国际海运是国际贸易中最主要的运输方式，价格实惠、载运量大、安全可靠。我国大部分进出口货物，都是通过</p>
<a class="links" href="javascript:;">
<a class="links" href="internationaRailway.html">
<span>查看详情</span>
<i class="iconfont icon-jinrujiantou"></i>
</a>
......@@ -151,7 +151,7 @@
<div class="show">
<p class="title">进出口报关</p>
<p class="text">国际海运是国际贸易中最主要的运输方式，价格实惠、载运量大、安全可靠。我国大部分进出口货物，都是通过</p>
<a class="links" href="javascript:;">
<a class="links" href="inoutCustomsDeclaration.html">
<span>查看详情</span>
<i class="iconfont icon-jinrujiantou"></i>
</a>
......@@ -165,7 +165,7 @@
<div class="show">
<p class="title">国内外仓储</p>
<p class="text">国际海运是国际贸易中最主要的运输方式，价格实惠、载运量大、安全可靠。我国大部分进出口货物，都是通过</p>
<a class="links" href="javascript:;">
<a class="links" href="warehouse.html">
<span>查看详情</span>
<i class="iconfont icon-jinrujiantou"></i>
</a>
......@@ -292,23 +292,23 @@
<div class="row">
<dl class="link-list">
<dt>关于我们</dt>
<dd><a href="javascript:;">公司简介</a></dd>
<dd><a href="/about.html">公司简介</a></dd>
</dl>
<dl class="link-list">
<dt>服务与协助</dt>
<dd><a href="javascript:;">协助维权</a></dd>
<dd><a href="javascript:;">损失赔偿</a></dd>
<dd>协助维权</dd>
<dd>损失赔偿</dd>
</dl>
<dl class="link-list">
<dt>相关政策</dt>
<dd><a href="javascript:;">法律申明</a></dd>
<dd><a href="javascript:;">隐私政策</a></dd>
<dd>法律申明</dd>
<dd>隐私政策</dd>
</dl>
<dl class="link-list" style="margin-right: 0">
<dt>联系我们</dt>
<dd><a href="javascript:;">咨询：0755-83237919 (9:00 ~ 22:00 周一到周六)</a></dd>
<dd><a href="javascript:;">邮箱：xxxx@ichunt.com</a></dd>
<dd><a href="javascript:;">地址：深圳市龙岗区坂田街道清丽路1号宝能科技园南区12栋10楼</a></dd>
<dd>咨询：13434595320 (9:00 ~ 22:00 周一到周六)</dd>
<dd>邮箱：tdp@ichunt.com</dd>
<dd>地址：深圳市龙岗区坂田街道清丽路1号宝能科技园南区12栋10楼</dd>
</dl>
</div>
</div>
......@@ -317,7 +317,7 @@
</div>
</div>
<div class="copyright">
©2020深圳市猎芯供应链有限公司 ALL RIGHTS RESERVED 富开香港有限公司：HOPSKY HK LIMITED 粤ICP备17064931号 增值电信业务经营许可证：粤B2-20160350
©2024深圳市猎芯供应链有限公司 ALL RIGHTS RESERVED 富开香港有限公司：HOPSKY HK LIMITED <a href="https://beian.miit.gov.cn/" target="_blank">粤ICP备17064931号-11</a> 增值电信业务经营许可证：粤B2-20160350
</div>
</div>
</div>
......@@ -332,8 +332,8 @@
<div class="show">
<p class="title">业务咨询</p>
<div class="text">
<p style="margin-bottom: 6px;">电话：0755-83237919</p>
<p>邮箱：xxxx@ichunt.com</p>
<p style="margin-bottom: 6px;">电话：13434595320</p>
<p>邮箱：tdp@ichunt.com</p>
</div>
</div>
</li>
......@@ -344,7 +344,9 @@
</div>
<div class="show">
<p class="title">微信咨询</p>
<div class="code"></div>
<div class="code">
<img src="./images/weixin.png" alt="">
</div>
</div>
</li>
<li class="row rowCenter verCenter">
......@@ -352,6 +354,12 @@
<i class="iconfont icon-qq"></i>
<span>QQ</span>
</div>
<div class="show">
<p class="title">QQ咨询</p>
<div class="code">
<img src="./images/qq.png" alt="">
</div>
</div>
</li>
<li class="row rowCenter verCenter scollTopClass" style="display: none">
<div class="box column rowCenter verCenter">
......
inoutCustomsdeclaration.html
......@@ -51,7 +51,7 @@
<div class="bd">
<ul>
<li>
<img src="./images/s2.png" alt="" class="scaleClass">
<img src="./images/inoutCustomsDeclaration.png" alt="" class="scaleClass">
</li>
</ul>
</div>
......@@ -111,23 +111,23 @@
<div class="row">
<dl class="link-list">
<dt>关于我们</dt>
<dd><a href="javascript:;">公司简介</a></dd>
<dd><a href="/about.html">公司简介</a></dd>
</dl>
<dl class="link-list">
<dt>服务与协助</dt>
<dd><a href="javascript:;">协助维权</a></dd>
<dd><a href="javascript:;">损失赔偿</a></dd>
<dd>协助维权</dd>
<dd>损失赔偿</dd>
</dl>
<dl class="link-list">
<dt>相关政策</dt>
<dd><a href="javascript:;">法律申明</a></dd>
<dd><a href="javascript:;">隐私政策</a></dd>
<dd>法律申明</dd>
<dd>隐私政策</dd>
</dl>
<dl class="link-list" style="margin-right: 0">
<dt>联系我们</dt>
<dd><a href="javascript:;">咨询：0755-83237919 (9:00 ~ 22:00 周一到周六)</a></dd>
<dd><a href="javascript:;">邮箱：xxxx@ichunt.com</a></dd>
<dd><a href="javascript:;">地址：深圳市龙岗区坂田街道清丽路1号宝能科技园南区12栋10楼</a></dd>
<dd>咨询：13434595320 (9:00 ~ 22:00 周一到周六)</dd>
<dd>邮箱：tdp@ichunt.com</dd>
<dd>地址：深圳市龙岗区坂田街道清丽路1号宝能科技园南区12栋10楼</dd>
</dl>
</div>
</div>
......@@ -136,7 +136,7 @@
</div>
</div>
<div class="copyright">
©2020深圳市猎芯供应链有限公司 ALL RIGHTS RESERVED 富开香港有限公司：HOPSKY HK LIMITED 粤ICP备17064931号 增值电信业务经营许可证：粤B2-20160350
©2024深圳市猎芯供应链有限公司 ALL RIGHTS RESERVED 富开香港有限公司：HOPSKY HK LIMITED <a href="https://beian.miit.gov.cn/" target="_blank">粤ICP备17064931号-11</a> 增值电信业务经营许可证：粤B2-20160350
</div>
</div>
</div>
......@@ -151,8 +151,8 @@
<div class="show">
<p class="title">业务咨询</p>
<div class="text">
<p style="margin-bottom: 6px;">电话：0755-83237919</p>
<p>邮箱：xxxx@ichunt.com</p>
<p style="margin-bottom: 6px;">电话：13434595320</p>
<p>邮箱：tdp@ichunt.com</p>
</div>
</div>
</li>
......@@ -163,7 +163,9 @@
</div>
<div class="show">
<p class="title">微信咨询</p>
<div class="code"></div>
<div class="code">
<img src="./images/weixin.png" alt="">
</div>
</div>
</li>
<li class="row rowCenter verCenter">
......@@ -171,6 +173,12 @@
<i class="iconfont icon-qq"></i>
<span>QQ</span>
</div>
<div class="show">
<p class="title">QQ咨询</p>
<div class="code">
<img src="./images/qq.png" alt="">
</div>
</div>
</li>
<li class="row rowCenter verCenter scollTopClass" style="display: none">
<div class="box column rowCenter verCenter">
......
internationaAir.html
......@@ -51,7 +51,7 @@
<div class="bd">
<ul>
<li>
<img src="./images/s2.png" alt="" class="scaleClass">
<img src="./images/internationaAir.png" alt="" class="scaleClass">
</li>
</ul>
</div>
......@@ -72,7 +72,7 @@
<ul class="list row rowCenter verCenter">
<li class="column wow fadeInDown">
<div class="pic">
<img src="/images/internationalShipping1.png" alt="">
<img src="/images/internationaAir1.png" alt="">
</div>
<div class="text">
<p class="t1">高效率</p>
......@@ -81,7 +81,7 @@
</li>
<li class="column wow fadeInDown" data-wow-delay="0.5s">
<div class="pic">
<img src="/images/internationalShipping2.png" alt="">
<img src="/images/internationaAir2.png" alt="">
</div>
<div class="text">
<p class="t1">高安全性</p>
......@@ -90,7 +90,7 @@
</li>
<li class="column wow fadeInDown" data-wow-delay="1s">
<div class="pic">
<img src="/images/internationalShipping3.png" alt="">
<img src="/images/internationaAir3.png" alt="">
</div>
<div class="text">
<p class="t1">高质量服务</p>
......@@ -146,23 +146,23 @@
<div class="row">
<dl class="link-list">
<dt>关于我们</dt>
<dd><a href="javascript:;">公司简介</a></dd>
<dd><a href="/about.html">公司简介</a></dd>
</dl>
<dl class="link-list">
<dt>服务与协助</dt>
<dd><a href="javascript:;">协助维权</a></dd>
<dd><a href="javascript:;">损失赔偿</a></dd>
<dd>协助维权</dd>
<dd>损失赔偿</dd>
</dl>
<dl class="link-list">
<dt>相关政策</dt>
<dd><a href="javascript:;">法律申明</a></dd>
<dd><a href="javascript:;">隐私政策</a></dd>
<dd>法律申明</dd>
<dd>隐私政策</dd>
</dl>
<dl class="link-list" style="margin-right: 0">
<dt>联系我们</dt>
<dd><a href="javascript:;">咨询：0755-83237919 (9:00 ~ 22:00 周一到周六)</a></dd>
<dd><a href="javascript:;">邮箱：xxxx@ichunt.com</a></dd>
<dd><a href="javascript:;">地址：深圳市龙岗区坂田街道清丽路1号宝能科技园南区12栋10楼</a></dd>
<dd>咨询：13434595320 (9:00 ~ 22:00 周一到周六)</dd>
<dd>邮箱：tdp@ichunt.com</dd>
<dd>地址：深圳市龙岗区坂田街道清丽路1号宝能科技园南区12栋10楼</dd>
</dl>
</div>
</div>
......@@ -171,7 +171,7 @@
</div>
</div>
<div class="copyright">
©2020深圳市猎芯供应链有限公司 ALL RIGHTS RESERVED 富开香港有限公司：HOPSKY HK LIMITED 粤ICP备17064931号 增值电信业务经营许可证：粤B2-20160350
©2024深圳市猎芯供应链有限公司 ALL RIGHTS RESERVED 富开香港有限公司：HOPSKY HK LIMITED <a href="https://beian.miit.gov.cn/" target="_blank">粤ICP备17064931号-11</a> 增值电信业务经营许可证：粤B2-20160350
</div>
</div>
</div>
......@@ -186,8 +186,8 @@
<div class="show">
<p class="title">业务咨询</p>
<div class="text">
<p style="margin-bottom: 6px;">电话：0755-83237919</p>
<p>邮箱：xxxx@ichunt.com</p>
<p style="margin-bottom: 6px;">电话：13434595320</p>
<p>邮箱：tdp@ichunt.com</p>
</div>
</div>
</li>
......@@ -198,7 +198,9 @@
</div>
<div class="show">
<p class="title">微信咨询</p>
<div class="code"></div>
<div class="code">
<img src="./images/weixin.png" alt="">
</div>
</div>
</li>
<li class="row rowCenter verCenter">
......@@ -206,6 +208,12 @@
<i class="iconfont icon-qq"></i>
<span>QQ</span>
</div>
<div class="show">
<p class="title">QQ咨询</p>
<div class="code">
<img src="./images/qq.png" alt="">
</div>
</div>
</li>
<li class="row rowCenter verCenter scollTopClass" style="display: none">
<div class="box column rowCenter verCenter">
......
internationaLand.html
......@@ -51,7 +51,7 @@
<div class="bd">
<ul>
<li>
<img src="./images/s2.png" alt="" class="scaleClass">
<img src="./images/internationaLand.png" alt="" class="scaleClass">
</li>
</ul>
</div>
......@@ -111,23 +111,23 @@
<div class="row">
<dl class="link-list">
<dt>关于我们</dt>
<dd><a href="javascript:;">公司简介</a></dd>
<dd><a href="/about.html">公司简介</a></dd>
</dl>
<dl class="link-list">
<dt>服务与协助</dt>
<dd><a href="javascript:;">协助维权</a></dd>
<dd><a href="javascript:;">损失赔偿</a></dd>
<dd>协助维权</dd>
<dd>损失赔偿</dd>
</dl>
<dl class="link-list">
<dt>相关政策</dt>
<dd><a href="javascript:;">法律申明</a></dd>
<dd><a href="javascript:;">隐私政策</a></dd>
<dd>法律申明</dd>
<dd>隐私政策</dd>
</dl>
<dl class="link-list" style="margin-right: 0">
<dt>联系我们</dt>
<dd><a href="javascript:;">咨询：0755-83237919 (9:00 ~ 22:00 周一到周六)</a></dd>
<dd><a href="javascript:;">邮箱：xxxx@ichunt.com</a></dd>
<dd><a href="javascript:;">地址：深圳市龙岗区坂田街道清丽路1号宝能科技园南区12栋10楼</a></dd>
<dd>咨询：13434595320 (9:00 ~ 22:00 周一到周六)</dd>
<dd>邮箱：tdp@ichunt.com</dd>
<dd>地址：深圳市龙岗区坂田街道清丽路1号宝能科技园南区12栋10楼</dd>
</dl>
</div>
</div>
......@@ -136,7 +136,7 @@
</div>
</div>
<div class="copyright">
©2020深圳市猎芯供应链有限公司 ALL RIGHTS RESERVED 富开香港有限公司：HOPSKY HK LIMITED 粤ICP备17064931号 增值电信业务经营许可证：粤B2-20160350
©2024深圳市猎芯供应链有限公司 ALL RIGHTS RESERVED 富开香港有限公司：HOPSKY HK LIMITED <a href="https://beian.miit.gov.cn/" target="_blank">粤ICP备17064931号-11</a> 增值电信业务经营许可证：粤B2-20160350
</div>
</div>
</div>
......@@ -151,8 +151,8 @@
<div class="show">
<p class="title">业务咨询</p>
<div class="text">
<p style="margin-bottom: 6px;">电话：0755-83237919</p>
<p>邮箱：xxxx@ichunt.com</p>
<p style="margin-bottom: 6px;">电话：13434595320</p>
<p>邮箱：tdp@ichunt.com</p>
</div>
</div>
</li>
......@@ -163,7 +163,9 @@
</div>
<div class="show">
<p class="title">微信咨询</p>
<div class="code"></div>
<div class="code">
<img src="./images/weixin.png" alt="">
</div>
</div>
</li>
<li class="row rowCenter verCenter">
......@@ -171,6 +173,12 @@
<i class="iconfont icon-qq"></i>
<span>QQ</span>
</div>
<div class="show">
<p class="title">QQ咨询</p>
<div class="code">
<img src="./images/qq.png" alt="">
</div>
</div>
</li>
<li class="row rowCenter verCenter scollTopClass" style="display: none">
<div class="box column rowCenter verCenter">
......
internationaRailway.html
......@@ -51,7 +51,7 @@
<div class="bd">
<ul>
<li>
<img src="./images/s2.png" alt="" class="scaleClass">
<img src="./images/internationaRailway.png" alt="" class="scaleClass">
</li>
</ul>
</div>
......@@ -111,23 +111,23 @@
<div class="row">
<dl class="link-list">
<dt>关于我们</dt>
<dd><a href="javascript:;">公司简介</a></dd>
<dd><a href="/about.html">公司简介</a></dd>
</dl>
<dl class="link-list">
<dt>服务与协助</dt>
<dd><a href="javascript:;">协助维权</a></dd>
<dd><a href="javascript:;">损失赔偿</a></dd>
<dd>协助维权</dd>
<dd>损失赔偿</dd>
</dl>
<dl class="link-list">
<dt>相关政策</dt>
<dd><a href="javascript:;">法律申明</a></dd>
<dd><a href="javascript:;">隐私政策</a></dd>
<dd>法律申明</dd>
<dd>隐私政策</dd>
</dl>
<dl class="link-list" style="margin-right: 0">
<dt>联系我们</dt>
<dd><a href="javascript:;">咨询：0755-83237919 (9:00 ~ 22:00 周一到周六)</a></dd>
<dd><a href="javascript:;">邮箱：xxxx@ichunt.com</a></dd>
<dd><a href="javascript:;">地址：深圳市龙岗区坂田街道清丽路1号宝能科技园南区12栋10楼</a></dd>
<dd>咨询：13434595320 (9:00 ~ 22:00 周一到周六)</dd>
<dd>邮箱：tdp@ichunt.com</dd>
<dd>地址：深圳市龙岗区坂田街道清丽路1号宝能科技园南区12栋10楼</dd>
</dl>
</div>
</div>
......@@ -136,7 +136,7 @@
</div>
</div>
<div class="copyright">
©2020深圳市猎芯供应链有限公司 ALL RIGHTS RESERVED 富开香港有限公司：HOPSKY HK LIMITED 粤ICP备17064931号 增值电信业务经营许可证：粤B2-20160350
©2024深圳市猎芯供应链有限公司 ALL RIGHTS RESERVED 富开香港有限公司：HOPSKY HK LIMITED <a href="https://beian.miit.gov.cn/" target="_blank">粤ICP备17064931号-11</a> 增值电信业务经营许可证：粤B2-20160350
</div>
</div>
</div>
......@@ -151,8 +151,8 @@
<div class="show">
<p class="title">业务咨询</p>
<div class="text">
<p style="margin-bottom: 6px;">电话：0755-83237919</p>
<p>邮箱：xxxx@ichunt.com</p>
<p style="margin-bottom: 6px;">电话：13434595320</p>
<p>邮箱：tdp@ichunt.com</p>
</div>
</div>
</li>
......@@ -163,7 +163,9 @@
</div>
<div class="show">
<p class="title">微信咨询</p>
<div class="code"></div>
<div class="code">
<img src="./images/weixin.png" alt="">
</div>
</div>
</li>
<li class="row rowCenter verCenter">
......@@ -171,6 +173,12 @@
<i class="iconfont icon-qq"></i>
<span>QQ</span>
</div>
<div class="show">
<p class="title">QQ咨询</p>
<div class="code">
<img src="./images/qq.png" alt="">
</div>
</div>
</li>
<li class="row rowCenter verCenter scollTopClass" style="display: none">
<div class="box column rowCenter verCenter">
......
internationalShipping.html
......@@ -146,23 +146,23 @@
<div class="row">
<dl class="link-list">
<dt>关于我们</dt>
<dd><a href="javascript:;">公司简介</a></dd>
<dd><a href="/about.html">公司简介</a></dd>
</dl>
<dl class="link-list">
<dt>服务与协助</dt>
<dd><a href="javascript:;">协助维权</a></dd>
<dd><a href="javascript:;">损失赔偿</a></dd>
<dd>协助维权</dd>
<dd>损失赔偿</dd>
</dl>
<dl class="link-list">
<dt>相关政策</dt>
<dd><a href="javascript:;">法律申明</a></dd>
<dd><a href="javascript:;">隐私政策</a></dd>
<dd>法律申明</dd>
<dd>隐私政策</dd>
</dl>
<dl class="link-list" style="margin-right: 0">
<dt>联系我们</dt>
<dd><a href="javascript:;">咨询：0755-83237919 (9:00 ~ 22:00 周一到周六)</a></dd>
<dd><a href="javascript:;">邮箱：xxxx@ichunt.com</a></dd>
<dd><a href="javascript:;">地址：深圳市龙岗区坂田街道清丽路1号宝能科技园南区12栋10楼</a></dd>
<dd>咨询：13434595320 (9:00 ~ 22:00 周一到周六)</dd>
<dd>邮箱：tdp@ichunt.com</dd>
<dd>地址：深圳市龙岗区坂田街道清丽路1号宝能科技园南区12栋10楼</dd>
</dl>
</div>
</div>
......@@ -171,7 +171,7 @@
</div>
</div>
<div class="copyright">
©2020深圳市猎芯供应链有限公司 ALL RIGHTS RESERVED 富开香港有限公司：HOPSKY HK LIMITED 粤ICP备17064931号 增值电信业务经营许可证：粤B2-20160350
©2024深圳市猎芯供应链有限公司 ALL RIGHTS RESERVED 富开香港有限公司：HOPSKY HK LIMITED <a href="https://beian.miit.gov.cn/" target="_blank">粤ICP备17064931号-11</a> 增值电信业务经营许可证：粤B2-20160350
</div>
</div>
</div>
......@@ -186,8 +186,8 @@
<div class="show">
<p class="title">业务咨询</p>
<div class="text">
<p style="margin-bottom: 6px;">电话：0755-83237919</p>
<p>邮箱：xxxx@ichunt.com</p>
<p style="margin-bottom: 6px;">电话：13434595320</p>
<p>邮箱：tdp@ichunt.com</p>
</div>
</div>
</li>
......@@ -198,7 +198,9 @@
</div>
<div class="show">
<p class="title">微信咨询</p>
<div class="code"></div>
<div class="code">
<img src="./images/weixin.png" alt="">
</div>
</div>
</li>
<li class="row rowCenter verCenter">
......@@ -206,6 +208,12 @@
<i class="iconfont icon-qq"></i>
<span>QQ</span>
</div>
<div class="show">
<p class="title">QQ咨询</p>
<div class="code">
<img src="./images/qq.png" alt="">
</div>
</div>
</li>
<li class="row rowCenter verCenter scollTopClass" style="display: none">
<div class="box column rowCenter verCenter">
......
js/global.js
......@@ -27,15 +27,27 @@
* 菜单里滑块效果
*/
menuChnage: function () {
// 创建滑块标记并添加到导航条中
const $slider = $('<div class="slider"></div>');
$('.menu-box').append($slider);
const $menuBox = $('.menu-box');
const $slider = $('<div class="slider"></div>').appendTo($menuBox);
// 初始化滑块位置
const $currItem = $('.menu li.curr');
const currOffsetLeft = $currItem.position().left;
const currWidth = $currItem.outerWidth();
$slider.css({
'width': currWidth + 'px',
'transform': 'translateX(' + currOffsetLeft + 'px)'
});
// 监听鼠标移入菜单项事件
$('.menu li').on('mouseenter', function() {
$('.menu li').on('mouseenter', function () {
const $currentItem = $(this);
const offsetLeft = $currentItem.position().left;
const width = $currentItem.outerWidth();
$('.menu li').removeClass('curr');
// 如果移入的是curr，则直接返回
if ($currentItem.hasClass('curr')) return;
// 更新滑块标记位置和宽度
$slider.css({
......@@ -43,9 +55,25 @@
'transform': 'translateX(' + offsetLeft + 'px)'
});
});
// 鼠标移出菜单区域，滑块返回到curr项
$menuBox.on('mouseleave', function () {
$slider.css({
'width': currWidth + 'px',
'transform': 'translateX(' + currOffsetLeft + 'px)'
});
});
},
handleBind: function (opt) {
$(document).on('click', '.customerBtn', function (event) {
event.preventDefault();
var cooperationPosition = $('.cooperation').offset().top;
$('html, body').animate({
scrollTop: cooperationPosition
}, 'slow');
});
$(window).scroll(function () {
if ($(this).scrollTop() > 50) {
$(".head").addClass('fixedClass');
......
warehouse.html
......@@ -51,7 +51,7 @@
<div class="bd">
<ul>
<li>
<img src="./images/s2.png" alt="" class="scaleClass">
<img src="./images/warehouse.png" alt="" class="scaleClass">
</li>
</ul>
</div>
......@@ -111,23 +111,23 @@
<div class="row">
<dl class="link-list">
<dt>关于我们</dt>
<dd><a href="javascript:;">公司简介</a></dd>
<dd><a href="/about.html">公司简介</a></dd>
</dl>
<dl class="link-list">
<dt>服务与协助</dt>
<dd><a href="javascript:;">协助维权</a></dd>
<dd><a href="javascript:;">损失赔偿</a></dd>
<dd>协助维权</dd>
<dd>损失赔偿</dd>
</dl>
<dl class="link-list">
<dt>相关政策</dt>
<dd><a href="javascript:;">法律申明</a></dd>
<dd><a href="javascript:;">隐私政策</a></dd>
<dd>法律申明</dd>
<dd>隐私政策</dd>
</dl>
<dl class="link-list" style="margin-right: 0">
<dt>联系我们</dt>
<dd><a href="javascript:;">咨询：0755-83237919 (9:00 ~ 22:00 周一到周六)</a></dd>
<dd><a href="javascript:;">邮箱：xxxx@ichunt.com</a></dd>
<dd><a href="javascript:;">地址：深圳市龙岗区坂田街道清丽路1号宝能科技园南区12栋10楼</a></dd>
<dd>咨询：13434595320 (9:00 ~ 22:00 周一到周六)</dd>
<dd>邮箱：tdp@ichunt.com</dd>
<dd>地址：深圳市龙岗区坂田街道清丽路1号宝能科技园南区12栋10楼</dd>
</dl>
</div>
</div>
......@@ -136,7 +136,7 @@
</div>
</div>
<div class="copyright">
©2020深圳市猎芯供应链有限公司 ALL RIGHTS RESERVED 富开香港有限公司：HOPSKY HK LIMITED 粤ICP备17064931号 增值电信业务经营许可证：粤B2-20160350
©2024深圳市猎芯供应链有限公司 ALL RIGHTS RESERVED 富开香港有限公司：HOPSKY HK LIMITED <a href="https://beian.miit.gov.cn/" target="_blank">粤ICP备17064931号-11</a> 增值电信业务经营许可证：粤B2-20160350
</div>
</div>
</div>
......@@ -151,8 +151,8 @@
<div class="show">
<p class="title">业务咨询</p>
<div class="text">
<p style="margin-bottom: 6px;">电话：0755-83237919</p>
<p>邮箱：xxxx@ichunt.com</p>
<p style="margin-bottom: 6px;">电话：13434595320</p>
<p>邮箱：tdp@ichunt.com</p>
</div>
</div>
</li>
......@@ -163,7 +163,9 @@
</div>
<div class="show">
<p class="title">微信咨询</p>
<div class="code"></div>
<div class="code">
<img src="./images/weixin.png" alt="">
</div>
</div>
</li>
<li class="row rowCenter verCenter">
......@@ -171,6 +173,12 @@
<i class="iconfont icon-qq"></i>
<span>QQ</span>
</div>
<div class="show">
<p class="title">QQ咨询</p>
<div class="code">
<img src="./images/qq.png" alt="">
</div>
</div>
</li>
<li class="row rowCenter verCenter scollTopClass" style="display: none">
<div class="box column rowCenter verCenter">
......
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