Commit 1385f798 by hank

入场动画

parent 0bac923b
...@@ -86,13 +86,13 @@ ...@@ -86,13 +86,13 @@
<div class="word-box"> <div class="word-box">
<p class="line1"></p> <p class="line1"></p>
<p class="btworden animated bounceInRight" style="animation-delay: 1s;"> <p class="btworden " style="animation-delay: 1s;">
把生命浪费在美好的事物上 把生命浪费在美好的事物上
</p> </p>
<p class="btword animated bounceInRight " style="animation-delay: 0.7s;"> <p class="btword " style="animation-delay: 0.7s;">
科技创造艺术 科技创造艺术
</p> </p>
<p class="conword animated bounceInRight" style="animation-delay: 0.32s;"> <p class="conword " style="animation-delay: 0.32s;">
我们努力让数字更易理解,更具观赏效果 我们努力让数字更易理解,更具观赏效果
</p> </p>
<p class="line2"></p> <p class="line2"></p>
......
...@@ -83,13 +83,13 @@ ...@@ -83,13 +83,13 @@
<div class="word-box"> <div class="word-box">
<p class="line1"></p> <p class="line1"></p>
<p class="btworden animated bounceInRight" style="animation-delay: 1s;"> <p class="btworden " style="animation-delay: 1s;">
INDUSTRY NEWS INDUSTRY NEWS
</p> </p>
<p class="btword animated bounceInRight " style="animation-delay: 0.7s;"> <p class="btword " style="animation-delay: 0.7s;">
实时捕捉前沿动态 实时捕捉前沿动态
</p> </p>
<p class="conword animated bounceInRight" style="animation-delay: 0.32s;"> <p class="conword " style="animation-delay: 0.32s;">
关注科技前沿动态,实时发布最新信息,全方位了解我们 关注科技前沿动态,实时发布最新信息,全方位了解我们
</p> </p>
<p class="line2"></p> <p class="line2"></p>
......
...@@ -83,13 +83,13 @@ ...@@ -83,13 +83,13 @@
<div class="word-box"> <div class="word-box">
<p class="line1"></p> <p class="line1"></p>
<p class="btworden animated bounceInRight" style="animation-delay: 1s;"> <p class="btworden " style="animation-delay: 1s;">
INDUSTRY NEWS INDUSTRY NEWS
</p> </p>
<p class="btword animated bounceInRight " style="animation-delay: 0.7s;"> <p class="btword " style="animation-delay: 0.7s;">
实时捕捉前沿动态 实时捕捉前沿动态
</p> </p>
<p class="conword animated bounceInRight" style="animation-delay: 0.32s;"> <p class="conword " style="animation-delay: 0.32s;">
关注科技前沿动态,实时发布最新信息,全方位了解我们 关注科技前沿动态,实时发布最新信息,全方位了解我们
</p> </p>
<p class="line2"></p> <p class="line2"></p>
......
...@@ -82,9 +82,9 @@ ...@@ -82,9 +82,9 @@
<div class="word-box"> <div class="word-box">
<p class="line1"></p> <p class="line1"></p>
<p class="btworden animated bounceInRight" style="animation-delay: 1s;">ART AND TECHNOLOGY INTEGRATION</p> <p class="btworden " style="animation-delay: 1s;">ART AND TECHNOLOGY INTEGRATION</p>
<p class="btword animated bounceInRight " style="animation-delay: 0.7s;">技术创造艺术的大数据可视化团队</p> <p class="btword " style="animation-delay: 0.7s;">技术创造艺术的大数据可视化团队</p>
<p class="conword animated bounceInRight" style="animation-delay: 0.4s;">我们坚持用科技创造艺术的理想,不断走在视觉艺术的最前沿。</p> <p class="conword " style="animation-delay: 0.4s;">我们坚持用科技创造艺术的理想,不断走在视觉艺术的最前沿。</p>
<p class="line2"></p> <p class="line2"></p>
</div> </div>
</div> </div>
...@@ -94,9 +94,9 @@ ...@@ -94,9 +94,9 @@
<div class="word-box"> <div class="word-box">
<p class="line1"></p> <p class="line1"></p>
<p class="btworden animated bounceInRight" style="animation-delay: 1s;">具备前沿技术与科技未来的</p> <p class="btworden " style="animation-delay: 1s;">具备前沿技术与科技未来的</p>
<p class="btword animated bounceInRight " style="animation-delay: 0.7s;">智慧城市可视化管控平台、企业智慧可视化管控平台</p> <p class="btword " style="animation-delay: 0.7s;">智慧城市可视化管控平台、企业智慧可视化管控平台</p>
<p class="conword animated bounceInRight" style="animation-delay: 0.4s;">商业智能利器,你身边的数据分析与数据表现专家。</p> <p class="conword " style="animation-delay: 0.4s;">商业智能利器,你身边的数据分析与数据表现专家。</p>
<p class="line2"></p> <p class="line2"></p>
</div> </div>
</div> </div>
...@@ -106,10 +106,10 @@ ...@@ -106,10 +106,10 @@
<div class="word-box"> <div class="word-box">
<p class="line1"></p> <p class="line1"></p>
<p class="btworden animated bounceInRight" style="animation-delay: 1s;">案例遍布金融、地产、旅游、汽车、教育、科技等行业的500强客户 <p class="btworden " style="animation-delay: 1s;">案例遍布金融、地产、旅游、汽车、教育、科技等行业的500强客户
</p> </p>
<p class="btword animated bounceInRight " style="animation-delay: 0.7s;">完整的数据可视化解决方案</p> <p class="btword " style="animation-delay: 0.7s;">完整的数据可视化解决方案</p>
<p class="conword animated bounceInRight" style="animation-delay: 0.4s;"> <p class="conword " style="animation-delay: 0.4s;">
每天,我们处理超过10,000,000万条数据,累计服务用户480,348,355人次</p> 每天,我们处理超过10,000,000万条数据,累计服务用户480,348,355人次</p>
<p class="line2"></p> <p class="line2"></p>
</div> </div>
...@@ -120,9 +120,9 @@ ...@@ -120,9 +120,9 @@
<div class="word-box"> <div class="word-box">
<p class="line1"></p> <p class="line1"></p>
<p class="btworden animated bounceInRight" style="animation-delay: 1s;">百万级可视化云服务平台</p> <p class="btworden " style="animation-delay: 1s;">百万级可视化云服务平台</p>
<p class="btword animated bounceInRight " style="animation-delay: 0.7s;">让一切数据可感可知可触碰</p> <p class="btword " style="animation-delay: 0.7s;">让一切数据可感可知可触碰</p>
<p class="conword animated bounceInRight" style="animation-delay: 0.4s;">对海量数据自由计算、极速响应,驱动大数据行业变革</p> <p class="conword " style="animation-delay: 0.4s;">对海量数据自由计算、极速响应,驱动大数据行业变革</p>
<p class="line2"></p> <p class="line2"></p>
</div> </div>
</div> </div>
...@@ -146,9 +146,9 @@ ...@@ -146,9 +146,9 @@
<div class="word-box"> <div class="word-box">
<p class="line1"></p> <p class="line1"></p>
<p class="btworden animated bounceInRight" style="animation-delay: 1s;">ART AND TECHNOLOGY INTEGRATION</p> <p class="btworden " style="animation-delay: 1s;">ART AND TECHNOLOGY INTEGRATION</p>
<p class="btword animated bounceInRight " style="animation-delay: 0.7s;">技术创造艺术的大数据可视化团队</p> <p class="btword " style="animation-delay: 0.7s;">技术创造艺术的大数据可视化团队</p>
<p class="conword animated bounceInRight" style="animation-delay: 0.4s;">我们坚持用科技创造艺术的理想,不断走在视觉艺术的最前沿。</p> <p class="conword " style="animation-delay: 0.4s;">我们坚持用科技创造艺术的理想,不断走在视觉艺术的最前沿。</p>
<p class="line2"></p> <p class="line2"></p>
</div> </div>
</div> </div>
......
...@@ -84,13 +84,13 @@ ...@@ -84,13 +84,13 @@
<div class="word-box"> <div class="word-box">
<p class="line1"></p> <p class="line1"></p>
<p class="btworden animated bounceInRight" style="animation-delay: 1s;"> <p class="btworden " style="animation-delay: 1s;">
SOLUTION SOLUTION
</p> </p>
<p class="btword animated bounceInRight " style="animation-delay: 0.7s;"> <p class="btword " style="animation-delay: 0.7s;">
完整数据可视化解决方案 完整数据可视化解决方案
</p> </p>
<p class="conword animated bounceInRight" style="animation-delay: 0.32s;"> <p class="conword " style="animation-delay: 0.32s;">
案例遍布金融、地产、旅游、汽车、教育、科技等行业的 500 强客户。 案例遍布金融、地产、旅游、汽车、教育、科技等行业的 500 强客户。
</p> </p>
<p class="line2"></p> <p class="line2"></p>
......
...@@ -89,13 +89,13 @@ ...@@ -89,13 +89,13 @@
<div class="word-box"> <div class="word-box">
<p class="line1"></p> <p class="line1"></p>
<p class="btworden animated bounceInRight" style="animation-delay: 1s;"> <p class="btworden " style="animation-delay: 1s;">
顶尖的数据分析能力 顶尖的数据分析能力
</p> </p>
<p class="btword animated bounceInRight " style="animation-delay: 0.7s;"> <p class="btword " style="animation-delay: 0.7s;">
智慧城市可视化管控平台 智慧城市可视化管控平台
</p> </p>
<div class="conword animated bounceInRight" style="animation-delay: 0.2s;"> <div class="conword " style="animation-delay: 0.2s;">
<li> <li>
· 基于 SAAS 互联网平台化服务,持续升级,无需下载安装。 · 基于 SAAS 互联网平台化服务,持续升级,无需下载安装。
......
...@@ -90,13 +90,13 @@ ...@@ -90,13 +90,13 @@
<p class="line1"> <p class="line1">
</p> </p>
<p class="btworden animated bounceInRight" style="animation-delay: 1s;"> <p class="btworden " style="animation-delay: 1s;">
顶尖的数据分析能力 顶尖的数据分析能力
</p> </p>
<p class="btword animated bounceInRight " style="animation-delay: 0.7s;"> <p class="btword " style="animation-delay: 0.7s;">
企业智慧可视化管控平台 企业智慧可视化管控平台
</p> </p>
<div class="conword animated bounceInRight" style="animation-delay: 0.2s;"> <div class="conword " style="animation-delay: 0.2s;">
<li> <li>
· 基于 SAAS 互联网平台化服务,持续升级,无需下载安装。 · 基于 SAAS 互联网平台化服务,持续升级,无需下载安装。
......
...@@ -82,13 +82,13 @@ ...@@ -82,13 +82,13 @@
<div class="word-box"> <div class="word-box">
<p class="line1"></p> <p class="line1"></p>
<p class="btworden animated bounceInRight" style="animation-delay: 1s;"> <p class="btworden " style="animation-delay: 1s;">
RECRUIT RECRUIT
</p> </p>
<p class="btword animated bounceInRight " style="animation-delay: 0.7s;"> <p class="btword " style="animation-delay: 0.7s;">
千里马常有而伯乐不常有 千里马常有而伯乐不常有
</p> </p>
<p class="conword animated bounceInRight" style="animation-delay: 0.32s;"> <p class="conword " style="animation-delay: 0.32s;">
纷繁数字世界背后蕴藏无限可能,所以我们不断尝试发现和理解 纷繁数字世界背后蕴藏无限可能,所以我们不断尝试发现和理解
</p> </p>
<p class="line2"></p> <p class="line2"></p>
......
...@@ -83,13 +83,13 @@ ...@@ -83,13 +83,13 @@
<div class="word-box"> <div class="word-box">
<p class="line1"></p> <p class="line1"></p>
<p class="btworden animated bounceInRight" style="animation-delay: 1s;"> <p class="btworden " style="animation-delay: 1s;">
SOLUTION SOLUTION
</p> </p>
<p class="btword animated bounceInRight " style="animation-delay: 0.7s;"> <p class="btword " style="animation-delay: 0.7s;">
完整数据可视化解决方案 完整数据可视化解决方案
</p> </p>
<p class="conword animated bounceInRight" style="animation-delay: 0.32s;"> <p class="conword " style="animation-delay: 0.32s;">
案例遍布金融、地产、旅游、汽车、教育、科技等行业的 500 强客户。 案例遍布金融、地产、旅游、汽车、教育、科技等行业的 500 强客户。
</p> </p>
<p class="line2"></p> <p class="line2"></p>
......
...@@ -70,11 +70,11 @@ ...@@ -70,11 +70,11 @@
<div class="swiper-wrapper"> <div class="swiper-wrapper">
<div class="swiper-slide banner1"> <div class="swiper-slide banner1">
<div class="word-box"> <div class="word-box">
<p class="btword animated bounceInRight " style="animation-delay: 1s;">我们是将科技与艺术完美结合的大数据可视化团队</p> <p class="btword " style="animation-delay: 1s;">我们是将科技与艺术完美结合的大数据可视化团队</p>
<p class="btworden animated bounceInRight" style="animation-delay: 0.7s;">Perfect Combination of Science <p class="btworden " style="animation-delay: 0.7s;">Perfect Combination of Science
and Technology and Art</p> and Technology and Art</p>
<p class="conword animated bounceInRight" style="animation-delay: 0.4s;">我们坚持用科技创造艺术的理想,不断走在视觉艺术的最前沿。</p> <p class="conword " style="animation-delay: 0.4s;">我们坚持用科技创造艺术的理想,不断走在视觉艺术的最前沿。</p>
<a target="_blank animated bounceInRight" href="" class="linkword"> <a target="_blank " href="" class="linkword">
<i></i> 查看详情 <i></i> 查看详情
</a> </a>
</div> </div>
......
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