|
@@ -8,13 +8,16 @@
|
|
|
<title>剑鱼招标订阅,全行业招标信息智能推送领导者!</title>
|
|
|
<link rel="stylesheet" href="/landingpage/mobile/css/reset.css">
|
|
|
<link rel="stylesheet" href="/landingpage/mobile/css/index.css">
|
|
|
- <link href="https://cdn.bootcss.com/Swiper/3.4.2/css/swiper.min.css" rel="stylesheet">
|
|
|
<link rel="stylesheet" href="/landingpage/mobile/css/animate.min.css">
|
|
|
+ <link href="https://cdn.bootcss.com/Swiper/3.4.2/css/swiper.min.css" rel="stylesheet">
|
|
|
<style>
|
|
|
html,
|
|
|
body {
|
|
|
position: relative;
|
|
|
height: 100%;
|
|
|
+ overflow: hidden;
|
|
|
+ overflow-x: hidden;
|
|
|
+ overflow-y: hidden;
|
|
|
}
|
|
|
|
|
|
body {
|
|
@@ -23,63 +26,57 @@
|
|
|
color: #000;
|
|
|
margin: 0;
|
|
|
padding: 0;
|
|
|
+ overflow: hidden;
|
|
|
}
|
|
|
|
|
|
.swiper-container {
|
|
|
width: 100%;
|
|
|
height: 100%;
|
|
|
-
|
|
|
+ overflow: hidden;
|
|
|
}
|
|
|
|
|
|
.swiper-slide {
|
|
|
text-align: center;
|
|
|
/* Center slide text vertically */
|
|
|
}
|
|
|
+
|
|
|
+ .firstPage {
|
|
|
+ background: url("/landingpage/mobile/images/1-1-1.jpg") no-repeat left top;
|
|
|
+ background-size: 100% 100%;
|
|
|
+ }
|
|
|
+
|
|
|
+ .firstPage .newOne {
|
|
|
+ margin-top: 0.5rem;
|
|
|
+ margin-bottom: 1.5rem;
|
|
|
+ }
|
|
|
+
|
|
|
+ .firstPage .newOne img {
|
|
|
+ width: 100%;
|
|
|
+ position: relative;
|
|
|
+ left: -0%;
|
|
|
+
|
|
|
+ }
|
|
|
</style>
|
|
|
- <script>
|
|
|
- window._agl = window._agl || [];
|
|
|
- (function () {
|
|
|
- _agl.push(
|
|
|
- ['production', '_f7L2XwGXjyszb4d1e2oxPybgD']
|
|
|
- );
|
|
|
- (function () {
|
|
|
- var agl = document.createElement('script');
|
|
|
- agl.type ='text/javascript';
|
|
|
- agl.async = true;
|
|
|
- agl.src = 'https://fxgate.baidu.com/angelia/fcagl.js?production=_f7L2XwGXjyszb4d1e2oxPybgD';
|
|
|
- var s = document.getElementsByTagName('script')[0];
|
|
|
- s.parentNode.insertBefore(agl, s);
|
|
|
- })();
|
|
|
- })();
|
|
|
- </script>
|
|
|
</head>
|
|
|
|
|
|
<body>
|
|
|
<div class="swiper-container">
|
|
|
- <!-- Add Pagination -->
|
|
|
- <div class="swiper-pagination" id="pagination"></div>
|
|
|
<div class="swiper-wrapper">
|
|
|
<!-- firstPage -->
|
|
|
<div class="swiper-slide firstPage" id="firstPage">
|
|
|
<div class="titleOne">
|
|
|
<img src="/landingpage/mobile/images/logo.png" alt="">
|
|
|
</div>
|
|
|
- <div class="contetn">
|
|
|
- <img src="/landingpage/mobile/images/one.png" alt="" class="one ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s">
|
|
|
- <img src="/landingpage/mobile/images/two.png" alt="" class="two ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s">
|
|
|
- <img src="/landingpage/mobile/images/three.png" alt="" class="three ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s"
|
|
|
- swiper-animate-delay="0.6s">
|
|
|
- </div>
|
|
|
- <div class="btn ani" swiper-animate-effect="bounceInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.9s">
|
|
|
- <a href="#">免费看 不遮挡</a>
|
|
|
+ <div class="newOne ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s">
|
|
|
+ <img src="/landingpage/mobile/images/new.png" alt="">
|
|
|
</div>
|
|
|
<div class="but">
|
|
|
- <div class="msg ani" swiper-animate-effect="bounceInUp" swiper-animate-duration="0.5s" swiper-animate-delay="1.2s">测试你的专属项目数量</div>
|
|
|
- <button class="btns ani" swiper-animate-effect="bounceInUp" swiper-animate-duration="0.5s" swiper-animate-delay="1.2s">开始测试</button>
|
|
|
+ <button class="btns ani" swiper-animate-effect="bounceInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s">去看看</button>
|
|
|
<div class="arrow">
|
|
|
<img src="/landingpage/mobile/images/arrow.png" alt="">
|
|
|
</div>
|
|
|
</div>
|
|
|
+
|
|
|
</div>
|
|
|
<!-- second Page -->
|
|
|
<div class="swiper-slide secondPage">
|
|
@@ -103,7 +100,7 @@
|
|
|
</a>
|
|
|
|
|
|
</li>
|
|
|
- <li class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s">
|
|
|
+ <li class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.15s">
|
|
|
<a href="#">
|
|
|
<div class="left">
|
|
|
<span>不遮挡
|
|
@@ -117,7 +114,7 @@
|
|
|
</a>
|
|
|
|
|
|
</li>
|
|
|
- <li class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.6s">
|
|
|
+ <li class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s">
|
|
|
<a href="#">
|
|
|
<div class="left">
|
|
|
<span>
|
|
@@ -131,7 +128,7 @@
|
|
|
</a>
|
|
|
|
|
|
</li>
|
|
|
- <li class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.9s">
|
|
|
+ <li class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.45s">
|
|
|
<a href="#">
|
|
|
<div class="left">
|
|
|
<span>
|
|
@@ -147,12 +144,12 @@
|
|
|
</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
- <div class="but">
|
|
|
- <button class="btns ani" swiper-animate-effect="bounceInRight" swiper-animate-duration="0.5s" swiper-animate-delay="1.2s">立即体验</button>
|
|
|
- <div class="arrow">
|
|
|
- <img src="/landingpage/mobile/images/arrow.png" alt="">
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ <div class="but">
|
|
|
+ <button class="btns ani" swiper-animate-effect="bounceInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s">立即体验</button>
|
|
|
+ <div class="arrow">
|
|
|
+ <img src="/landingpage/mobile/images/arrow.png" alt="">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
<!-- threePage -->
|
|
|
<div class="swiper-slide threePage ">
|
|
@@ -186,12 +183,12 @@
|
|
|
</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
- <div class="but">
|
|
|
- <button class="btns ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="1.8s">查看更多行业</button>
|
|
|
- <div class="arrow">
|
|
|
- <img src="/landingpage/mobile/images/arrow.png" alt="">
|
|
|
+ <div class="but">
|
|
|
+ <button class="btns ani" swiper-animate-effect="bounceInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s">查看更多行业</button>
|
|
|
+ <div class="arrow">
|
|
|
+ <img src="/landingpage/mobile/images/arrow.png" alt="">
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
</div>
|
|
|
<!-- fourPage -->
|
|
|
<div class="swiper-slide fourPage">
|
|
@@ -204,14 +201,13 @@
|
|
|
<strong>· 招标订阅 免费推送 ·</strong>
|
|
|
<p>招标信息免费订阅</p>
|
|
|
<p> 每日推送<i class="topRight">2000</i>万条信息</p>
|
|
|
-
|
|
|
</div>
|
|
|
- <div class="but">
|
|
|
- <button class="btns ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="0.6s">立即体验</button>
|
|
|
- <div class="arrow">
|
|
|
- <img src="/landingpage/mobile/images/arrow.png" alt="">
|
|
|
+ <div class="but">
|
|
|
+ <button class="btns ani" swiper-animate-effect="bounceInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s">立即体验</button>
|
|
|
+ <div class="arrow">
|
|
|
+ <img src="/landingpage/mobile/images/arrow.png" alt="">
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
</div>
|
|
|
<!-- fivepage -->
|
|
|
<div class="swiper-slide fourPage">
|
|
@@ -225,12 +221,10 @@
|
|
|
<p>招标信息免费查看</p>
|
|
|
<p> 不遮挡任何内容</p>
|
|
|
</div>
|
|
|
- <div class="but">
|
|
|
<button class="btns">立即体验</button>
|
|
|
<div class="arrow">
|
|
|
<img src="/landingpage/mobile/images/arrow.png" alt="">
|
|
|
</div>
|
|
|
- </div>
|
|
|
</div>
|
|
|
<!-- sixpage -->
|
|
|
<div class="swiper-slide fourPage">
|
|
@@ -244,12 +238,12 @@
|
|
|
<p>优质拟在建项目提前获取 </p>
|
|
|
<p> 中标无忧</p>
|
|
|
</div>
|
|
|
- <div class="but">
|
|
|
- <button class="btns">立即体验</button>
|
|
|
- <div class="arrow">
|
|
|
- <img src="/landingpage/mobile/images/arrow.png" alt="">
|
|
|
+ <div class="but">
|
|
|
+ <button class="btns ani" swiper-animate-effect="bounceInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s">立即体验</button>
|
|
|
+ <div class="arrow">
|
|
|
+ <img src="/landingpage/mobile/images/arrow.png" alt="">
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
</div>
|
|
|
<!-- sevenpage -->
|
|
|
<div class="swiper-slide fourPage">
|
|
@@ -263,12 +257,12 @@
|
|
|
<p>免费关注项目进程</p>
|
|
|
<p> 随时接收最新动态提醒</p>
|
|
|
</div>
|
|
|
- <div class="but">
|
|
|
- <button class="btns">立即体验</button>
|
|
|
- <div class="arrow">
|
|
|
- <img src="/landingpage/mobile/images/arrow.png" alt="">
|
|
|
+ <div class="but">
|
|
|
+ <button class="btns ani" swiper-animate-effect="bounceInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s">立即体验</button>
|
|
|
+ <div class="arrow">
|
|
|
+ <img src="/landingpage/mobile/images/arrow.png" alt="">
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
</div>
|
|
|
<!-- eightPage -->
|
|
|
<div class="swiper-slide eightPage">
|
|
@@ -295,17 +289,19 @@
|
|
|
str+="</div>"
|
|
|
document.querySelector(".list .cc").innerHTML = str+str;
|
|
|
</script>
|
|
|
+
|
|
|
</div>
|
|
|
- <div class="but">
|
|
|
- <button class="btns">立即体验</button>
|
|
|
- <div class="bottoms">
|
|
|
- <img src="/landingpage/mobile/images/eightBottom.png" alt="">
|
|
|
+ <div class="but">
|
|
|
+ <button class="btns">立即体验</button>
|
|
|
+ <div class="bottoms">
|
|
|
+ <img src="/landingpage/mobile/images/eightBottom.png" alt="">
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
-
|
|
|
+ <!-- Add Pagination -->
|
|
|
+ <div class="swiper-pagination" id="pagination"></div>
|
|
|
</div>
|
|
|
<div class="popUp" id="popUp">
|
|
|
<div class="close" id="close">
|
|
@@ -314,9 +310,9 @@
|
|
|
<div class="popUpmust" id="popUpmust">
|
|
|
<div class="hide"></div>
|
|
|
<span>和
|
|
|
- <i class="topRightB"> 100</i><i>万</i>投标人一起</span>
|
|
|
+ <i class="topRightB"> 100</i><i>万</i>投标人一起</span>
|
|
|
<p>立享所有功能零费用</p>
|
|
|
- <input type="tel" name="" id="phoneNum" maxlength="11" class="phone" placeholder="请输入手机号">
|
|
|
+ <input type="tel" name="" id="phoneNum" maxlength="11" class="phone" placeholder="请输入手机号">
|
|
|
|
|
|
<div class="postCode">
|
|
|
<input type="text" class="cancode imgCode" maxlength="4" placeholder="图形验证码" disabled="disabled">
|
|
@@ -337,7 +333,7 @@
|
|
|
</div>
|
|
|
<span>
|
|
|
<a id="download" href="#"> 立即免费使用剑鱼APP</a>
|
|
|
- </span>
|
|
|
+ </span>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="tips"></div>
|
|
@@ -347,5 +343,6 @@
|
|
|
<script src="/landingpage/mobile/js/swiper.animate1.0.3.min.js"></script>
|
|
|
<script src="https://cdn.bootcss.com/Swiper/3.4.2/js/swiper.min.js"></script>
|
|
|
<script src="/landingpage/mobile/js/index.js"></script>
|
|
|
-</body>
|
|
|
+ {{include "/common/baiducc.html"}}
|
|
|
+ </body>
|
|
|
</html>
|