朱鑫波 %!s(int64=2) %!d(string=hai) anos
pai
achega
8318a26fa8
Modificáronse 59 ficheiros con 5769 adicións e 0 borrados
  1. 696 0
      case.html
  2. 120 0
      contactUs.html
  3. 3623 0
      css/animate.css
  4. 254 0
      css/base.css
  5. 139 0
      css/index.css
  6. 12 0
      css/swiper.min.css
  7. BIN=BIN
      img/aboutus.jpg
  8. BIN=BIN
      img/aov1.png
  9. BIN=BIN
      img/aov2.png
  10. BIN=BIN
      img/aov3.png
  11. BIN=BIN
      img/bo.png
  12. BIN=BIN
      img/casebanner.jpeg
  13. BIN=BIN
      img/client.jpg
  14. BIN=BIN
      img/clientlogo.png
  15. BIN=BIN
      img/computer.png
  16. BIN=BIN
      img/footbj.jpg
  17. BIN=BIN
      img/hei1.png
  18. BIN=BIN
      img/hei2.png
  19. BIN=BIN
      img/hei3.png
  20. BIN=BIN
      img/hui1.png
  21. BIN=BIN
      img/hui2.png
  22. BIN=BIN
      img/hui3.png
  23. BIN=BIN
      img/iconadd.png
  24. BIN=BIN
      img/iconemail.png
  25. BIN=BIN
      img/iconqq.png
  26. BIN=BIN
      img/icontel.png
  27. BIN=BIN
      img/icontime.png
  28. BIN=BIN
      img/left.jpg
  29. BIN=BIN
      img/logon.png
  30. BIN=BIN
      img/powerbj.jpg
  31. BIN=BIN
      img/right.jpg
  32. BIN=BIN
      img/sheying.jpg
  33. BIN=BIN
      img/soa.jpg
  34. BIN=BIN
      img/soa.png
  35. BIN=BIN
      img/tel.png
  36. BIN=BIN
      img/telbj.jpg
  37. 247 0
      index.html
  38. 40 0
      js/html5media.js
  39. 5 0
      js/jquery-1.12.4.min.js
  40. 1 0
      js/jweixin-1.0.0.js
  41. 619 0
      js/maps.js
  42. 13 0
      js/swiper.min.js
  43. BIN=BIN
      logon.png
  44. BIN=BIN
      media/1.mp4
  45. BIN=BIN
      media/10.mp4
  46. BIN=BIN
      media/11.mp4
  47. BIN=BIN
      media/12.mp4
  48. BIN=BIN
      media/13.mp4
  49. BIN=BIN
      media/14.mp4
  50. BIN=BIN
      media/15.mp4
  51. BIN=BIN
      media/222.mp4
  52. BIN=BIN
      media/3.mp4
  53. BIN=BIN
      media/4.mp4
  54. BIN=BIN
      media/5.mp4
  55. BIN=BIN
      media/6.MP4
  56. BIN=BIN
      media/7.mp4
  57. BIN=BIN
      media/8.mp4
  58. BIN=BIN
      media/9.mp4
  59. BIN=BIN
      media/main.mp4

+ 696 - 0
case.html

@@ -0,0 +1,696 @@
+<!doctype html>
+<!DOCTYPE html><html lang="en"><head><meta charset="utf-8">
+    
+    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
+    <meta name="viewport" content="width=320,initial-scale=0.4,minimum-scale=0.4,user-scalable=0">
+    <title>北京汇创思拓有限公司</title>
+    <link rel="stylesheet" type="text/css" href="css/base.css">
+    <link rel="stylesheet" href="css/swiper.min.css">
+
+    <style>
+        body{
+            background: #fbfbfb;
+        }
+		*{
+			box-sizing:border-box
+		}
+        .swiperNav,.swiperNav1,.swiperNav2,.swiperNav3{
+            margin: 100px 0;
+        }
+        .swiper-container {
+            padding-top: 60px;
+            width: 100%;
+            overflow:hidden ;
+            height: 565px;
+        }
+
+        .swiper-slide {
+            text-align: center;
+            position: relative;
+            height: auto;
+            border: 2px solid #ececec;
+			
+        }
+
+        .swiper-slide .img{
+            position: absolute;
+            top: 0;left: 0;
+            width: 100%;
+            height: 400px;
+
+        }
+
+        .swiper-slide .img img{
+            width: 100%;
+            height: 100%;
+
+        }
+        .swiper-slide .txt {
+            position: absolute;
+            top: 400px;
+            left: 0;
+            width: 100%;height: 100px;
+            line-height: 25px;
+            background: #fff;
+        }
+        .swiper-slide .txt h2{
+            padding: 0 5px;
+            margin-top: 25px;
+            font-size: 16px;
+            overflow: hidden;
+            text-overflow:ellipsis;
+            white-space: nowrap;
+            color: #333;
+            font-weight: 600;
+        }
+        .swiper-slide:hover {
+            border: 2px solid #fbfbfb;
+        }
+        .swiper-slide:hover .img{
+            top:-20px;
+            height:430px;
+        }
+        .swiper-slide:hover .txt{
+            top:430px;
+        }
+        .swiper-slide:hover  .txt h2{
+            margin-top: 15px;
+        }
+
+        .bofang{
+            z-index: 100;
+            width: 80px;
+            position: absolute;
+            top: 160px;left: 50%;
+            transform: translateX(-50%) ;
+            -webkit-transform: translateX(-50%) ;
+            -moz-transform: translateX(-50%) ;
+            -ms-transform: translateX(-50%) ;
+        }
+
+        .swiper-slide .img video{
+            width: 100%;
+            height: 100%;
+            /*object-fit: fill;*/
+            /*object-fit:cover*/
+        }
+        video{
+            object-fit: fill;
+        }
+
+
+        .nav{
+            margin:100px 0;
+        }
+
+        .navitem{
+            width: 33.3%;
+            float: left;
+        }
+        .navitem img{
+            height: 80px;
+            margin: 0 auto;
+        }
+        .navitem h2{
+            color: #333333;
+            font-size: 26px;
+        }
+        .navitem p{
+            color: #999;
+            font-size: 14px;
+            line-height: 20px;
+        }
+        .swiper-button-next, .swiper-button-prev{
+            width: 44px;
+            height: 44px;
+            margin-top: 0;
+            top: 0;
+        }
+        .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
+            background-image: url('img/left.jpg');
+            background-size: cover;
+        }
+        .swiper-button-next, .swiper-container-rtl .swiper-button-prev{
+            background-image: url('img/right.jpg');
+            background-size: cover;
+        }
+
+        .swiper-button-prev, .swiper-container-rtl .swiper-button-next{
+            left: auto;
+            right: 54px;
+        }
+
+
+    </style>
+
+</head>
+
+<body>
+<div class="header  clearfix">
+    <div class="innerAuto">
+        <img class="fl" src="img/logo.png">
+        <a class="fr active" href="javascript:;">作品案例</a>
+        <a class="fr " href="contactUs.html">联系我们</a>
+        <a class="fr " href="index.html">首页</a>
+    </div>
+</div>
+
+<img src="img/casebanner.jpeg" style="width: 100%">
+
+
+<div class="innerAuto">
+
+    <div class="nav tc clearfix">
+        <div class="navitem" onclick="navitemClick(1)">
+            <img id="navitemImg1" src="img/hei1.png">
+            <h2>客户案例</h2>
+            <p>专业精湛的技术+服务营销理念</p>
+            <p>为客户提供高效卓越的营销体验</p>
+        </div>
+        <!-- onclick="navitemClick(2)" -->
+        <div class="navitem">
+            <img id="navitemImg2" src="img/hui2.png">
+            <h2>KOL案例</h2>
+            <p>时下当红媒体达人+精准定向媒体</p>
+            <p>形成联动的闭环营销</p>
+        </div>
+        <!-- onclick="navitemClick(3)" -->
+        <div class="navitem">
+            <img id="navitemImg3" src="img/hui3.png">
+            <h2>爱笑办公室</h2>
+            <p>创艺搞笑元素+自媒体营销策略</p>
+            <p>用最短的镜头吸引你的眼球</p>
+        </div>
+    </div>
+
+    <div id="videoList">
+
+        <div class="swiperNav1 swiperNavAll">
+            <div class="swiper-container swiper-container1 swiper-container-horizontal">
+                <div class="swiper-wrapper" style="transition-duration: 0ms; transform: translate3d(0px, 0px, 0px);">
+
+                    <div class="swiper-slide" style="width: 400px; margin-right: 30px;">
+                        <div class="img">
+
+                            <video width="100%" height="100%">
+                                <source src="media/1.mp4" type="video/mp4;">你的浏览器不支持播放视频。
+                            </video>
+
+
+                            <div class="txt">
+                                <h2></h2>
+                                <p>媒体:头条</p>
+                            </div>
+                        </div>
+                        <img class="bofang" src="img/bo.png">
+                    </div>
+
+                    <div class="swiper-slide" style="width: 400px; margin-right: 30px;">
+                        <div class="img">
+
+                            <video width="100%" height="100%">
+                                <source src="media/222.mp4" type="video/mp4;">你的浏览器不支持播放视频。
+                            </video>
+
+
+                            <div class="txt">
+                                <h2></h2>
+                                <p>媒体:头条</p>
+                            </div>
+                        </div>
+                        <img class="bofang" src="img/bo.png">
+                    </div>
+					<div class="swiper-slide" style="width: 400px; margin-right: 30px;">
+                        <div class="img">
+
+                            <video width="100%" height="100%">
+                                <source src="media/3.mp4" type="video/mp4;">你的浏览器不支持播放视频。
+                            </video>
+
+
+                            <div class="txt">
+                                <h2></h2>
+                                <p>媒体:头条</p>
+                            </div>
+                        </div>
+                        <img class="bofang" src="img/bo.png">
+                    </div>
+					<div class="swiper-slide" style="width: 400px; margin-right: 30px;">
+                        <div class="img">
+
+                            <video width="100%" height="100%">
+                                <source src="media/4.mp4" type="video/mp4;">你的浏览器不支持播放视频。
+                            </video>
+
+
+                            <div class="txt">
+                                <h2></h2>
+                                <p>媒体:头条</p>
+                            </div>
+                        </div>
+                        <img class="bofang" src="img/bo.png">
+                    </div>
+					<div class="swiper-slide" style="width: 400px; margin-right: 30px;">
+                        <div class="img">
+
+                            <video width="100%" height="100%">
+                                <source src="media/5.mp4" type="video/mp4;">你的浏览器不支持播放视频。
+                            </video>
+
+
+                            <div class="txt">
+                                <h2></h2>
+                                <p>媒体:头条</p>
+                            </div>
+                        </div>
+                        <img class="bofang" src="img/bo.png">
+                    </div>
+					<div class="swiper-slide" style="width: 400px; margin-right: 30px;">
+                        <div class="img">
+
+                            <video width="100%" height="100%">
+                                <source src="media/6.MP4" type="video/mp4;">你的浏览器不支持播放视频。
+                            </video>
+
+
+                            <div class="txt">
+                                <h2></h2>
+                                <p>媒体:头条</p>
+                            </div>
+                        </div>
+                        <img class="bofang" src="img/bo.png">
+                    </div>
+					<div class="swiper-slide" style="width: 400px; margin-right: 30px;">
+                        <div class="img">
+
+                            <video width="100%" height="100%">
+                                <source src="media/7.mp4" type="video/mp4;">你的浏览器不支持播放视频。
+                            </video>
+
+
+                            <div class="txt">
+                                <h2></h2>
+                                <p>媒体:头条</p>
+                            </div>
+                        </div>
+                        <img class="bofang" src="img/bo.png">
+                    </div>
+					<!-- <div class="swiper-slide" style="width: 400px; margin-right: 30px;">
+                        <div class="img">
+
+                            <video width="100%" height="100%">
+                                <source src="media/8.mp4" type="video/mp4;">你的浏览器不支持播放视频。
+                            </video>
+
+
+                            <div class="txt">
+                                <h2></h2>
+                                <p>媒体:快手</p>
+                            </div>
+                        </div>
+                        <img class="bofang" src="img/bo.png">
+                    </div>
+					<div class="swiper-slide" style="width: 400px; margin-right: 30px;">
+                        <div class="img">
+
+                            <video width="100%" height="100%">
+                                <source src="media/9.mp4" type="video/mp4;">你的浏览器不支持播放视频。
+                            </video>
+
+
+                            <div class="txt">
+                                <h2></h2>
+                                <p>媒体:快手</p>
+                            </div>
+                        </div>
+                        <img class="bofang" src="img/bo.png">
+                    </div> -->
+					<div class="swiper-slide" style="width: 400px; margin-right: 30px;">
+                        <div class="img">
+
+                            <video width="100%" height="100%">
+                                <source src="media/10.mp4" type="video/mp4;">你的浏览器不支持播放视频。
+                            </video>
+
+
+                            <div class="txt">
+                                <h2></h2>
+                                <p>媒体:快手</p>
+                            </div>
+                        </div>
+                        <img class="bofang" src="img/bo.png">
+                    </div>
+					<div class="swiper-slide" style="width: 400px; margin-right: 30px;">
+                        <div class="img">
+
+                            <video width="100%" height="100%">
+                                <source src="media/11.mp4" type="video/mp4;">你的浏览器不支持播放视频。
+                            </video>
+
+
+                            <div class="txt">
+                                <h2></h2>
+                                <p>媒体:快手</p>
+                            </div>
+                        </div>
+                        <img class="bofang" src="img/bo.png">
+                    </div>
+					<!-- <div class="swiper-slide" style="width: 400px; margin-right: 30px;">
+                        <div class="img">
+
+                            <video width="100%" height="100%">
+                                <source src="media/12.mp4" type="video/mp4;">你的浏览器不支持播放视频。
+                            </video>
+
+
+                            <div class="txt">
+                                <h2></h2>
+                                <p>媒体:快手</p>
+                            </div>
+                        </div>
+                        <img class="bofang" src="img/bo.png">
+                    </div> -->
+					<div class="swiper-slide" style="width: 400px; margin-right: 30px;">
+                        <div class="img">
+
+                            <video width="100%" height="100%">
+                                <source src="media/13.mp4" type="video/mp4;">你的浏览器不支持播放视频。
+                            </video>
+
+
+                            <div class="txt">
+                                <h2></h2>
+                                <p>媒体:快手</p>
+                            </div>
+                        </div>
+                        <img class="bofang" src="img/bo.png">
+                    </div>
+					<div class="swiper-slide" style="width: 400px; margin-right: 30px;">
+                        <div class="img">
+
+                            <video width="100%" height="100%">
+                                <source src="media/14.mp4" type="video/mp4;">你的浏览器不支持播放视频。
+                            </video>
+
+ 
+                            <div class="txt">
+                                <h2></h2>
+                                <p>媒体:快手</p>
+                            </div>
+                        </div>
+                        <img class="bofang" src="img/bo.png">
+                    </div>
+					<div class="swiper-slide" style="width: 400px; margin-right: 30px; margin-right:50px">
+                        <div class="img">
+
+                            <video width="100%" height="100%">
+                                <source src="media/15.mp4" type="video/mp4;">你的浏览器不支持播放视频。
+                            </video>
+
+
+                            <div class="txt">
+                                <h2></h2>
+                                <p>媒体:快手</p>
+                            </div>
+                        </div>
+                        <img class="bofang" src="img/bo.png">
+                    </div>
+					
+					
+
+
+                </div>
+
+                <div class="swiper-button-prev swiper-button-prev1"></div>
+                <div class="swiper-button-next swiper-button-next1"></div>
+
+
+            </div>
+        </div>
+
+        <div class="swiperNav2 swiperNavAll hide "></div>
+
+        <div class="swiperNav3 swiperNavAll hide"></div>
+
+    </div>
+
+</div>
+
+
+
+<div class="foot">
+    <div class="title tc flex">
+        <a style="margin-left: 0;" href="javascript:;">首页</a>
+        <a href="javascript:;">关于我们</a>
+        <a href="javascript:;">服务领域</a>
+        <a href="javascript:;">服务能力</a>
+        <a href="javascript:;">合作客户</a>
+        <a style="margin-right: 0;" href="contactUs.html">联系我们</a>
+    </div>
+
+    <ul class="clearfix">
+        <li class="flex">
+            <img src="img/icontime.png">
+            <span class="flex1">AM 9:30-PM 18:30</span>
+        </li>
+        <li class="active flex">
+            <img src="img/iconqq.png">
+            <span class="flex1">2015402235</span>
+        </li>
+        <li class="flex">
+            <img src="img/icontel.png">
+            <span class="flex1">010-86467990-813</span>
+        </li>
+		<li class="flex">
+            <img src="img/iconemail.png">
+            <span class="flex1">huichuangsituo@c-top.com.cn</span>
+        </li>
+        <li class="active flex">
+            <img class="" src="img/iconadd.png">
+            <span class="flex1">北京市朝阳区酒仙桥东风北桥宝马宝信行3楼308</span>
+        </li>
+		<li class="flex">
+            <span class="flex1">汇创思拓©版权所有</span>
+        </li>
+        <li class="active flex">
+            <span class="flex1"><a target="_blank" href="http://beian.miit.gov.cn">京ICP备17011826号</a></span>
+        </li>
+    </ul>
+</div>
+
+
+
+
+<script src="js/jquery-1.12.4.min.js" type="application/javascript"></script>
+<script src="js/swiper.min.js"></script>
+<script src="js/html5media.js"></script>
+
+
+<script>
+
+    var swiper = new Swiper('.swiper-container1', {
+        slidesPerView: 4,
+		spaceBetween:20,
+        navigation: {
+            nextEl: '.swiper-button-next1',
+            prevEl: '.swiper-button-prev1',
+        },
+    });
+    $(".swiperNavAll").on("click",'video',function(){
+       $(this).trigger('pause');
+       $(this).parents('.swiper-slide').find('.bofang').show();
+    });
+
+    $(".swiperNavAll").on("click",'.bofang',function(){
+
+        $(this).parents('#videoList').find('video').trigger('pause');
+        $(this).parents('#videoList').find('.bofang').show();
+
+        $(this).hide();
+        $(this).prev().find('video').trigger('play');
+    });
+
+
+    var index2=true;
+    var index3=true;
+    function navitemClick(val) {
+
+        $("#navitemImg1").attr('src',"img/hui1.png");
+        $("#navitemImg2").attr('src',"img/hui2.png");
+        $("#navitemImg3").attr('src',"img/hui3.png");
+
+        if(val==1){
+
+            $("#navitemImg1").attr('src',"img/hei1.png");
+
+            $('.swiperNav1').show();
+            $('.swiperNav2').hide();
+            $('.swiperNav3').hide();
+
+            $(".swiper-container1").find('.swiper-wrapper').css({
+                "transform": "translate3d(0px, 0px, 0px)",
+                "transition-duration": "3ms"
+            })
+
+
+        }else if(val==2){
+
+            $("#navitemImg2").attr('src',"img/hei2.png");
+
+            $('.swiperNav1').hide();
+            $('.swiperNav2').show();
+            $('.swiperNav3').hide();
+
+            if(index2==true){
+
+                $(".swiperNav2").html('<div class="swiper-container swiper-container2 swiper-container-horizontal">' +
+                    '<div class="swiper-wrapper" style="transition-duration: 0ms; transform: translate3d(0px, 0px, 0px);">' +
+                    '<div class="swiper-slide" style="width: 400px; margin-right: 30px;">' +
+                    '<div class="img">' +
+                    '<video  width="100%" height="100%" ' +
+                    'poster="img/kol/1.jpg">' +
+                    '<source  src="mp4/kol/1.mp4" type="video/mp4;">你的浏览器不支持播放视频。</source>' +
+                    '</video>' +
+                    '<div class="txt">' +
+                    '<h2>能赚钱的APP!</h2>' +
+                    '<p>媒体:快手</p>' +
+                    '</div>' +
+                    '</div><img class="bofang" src="img/bo.png">' +
+                    '</div>' +
+                    '<div class="swiper-slide" style="width: 400px; margin-right: 30px;">' +
+                    '<div class="img">' +
+                    '<video  width="100%" height="100%" ' +
+                    'poster="img/kol/2.jpg">' +
+                    '<source  src="mp4/kol/2.mp4" type="video/mp4;">你的浏览器不支持播放视频。</source>' +
+                    '</video>' +
+                    '<div class="txt">' +
+                    '<h2>赚钱攻略,想赚钱你就来!</h2>' +
+                    '<p>媒体:快手</p>' +
+                    '</div>' +
+                    '</div><img class="bofang" src="img/bo.png">' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="swiper-button-prev swiper-button-prev2"></div>' +
+                    '<div class="swiper-button-next swiper-button-next2"></div>' +
+                    '</div>')
+
+                var swiper2 = new Swiper('.swiper-container2', {
+                    slidesPerView: 4,
+                    spaceBetween: 20,
+                    navigation: {
+                        nextEl: '.swiper-button-next2',
+                        prevEl: '.swiper-button-prev2',
+                    },
+                });
+            }
+
+            index2=false;
+
+            $(".swiper-container2").find('.swiper-wrapper').css({
+                "transform": "translate3d(0px, 0px, 0px)",
+                "transition-duration": "3ms"
+            })
+        }else if(val==3){
+            $("#navitemImg3").attr('src',"img/hei3.png");
+            $('.swiperNav1').hide()
+            $('.swiperNav2').hide()
+            $('.swiperNav3').show()
+
+            if(index3==true){
+                $(".swiperNav3").html('<div class="swiper-container swiper-container3 swiper-container-horizontal">' +
+                    '<div class="swiper-wrapper" style="transition-duration: 0ms; transform: translate3d(0px, 0px, 0px);">' +
+                    '<div class="swiper-slide" style="width: 400px; margin-right: 30px;">' +
+                    '<div class="img">' +
+                    '<video  width="100%" height="100%" ' +
+                    'poster="img/xiao/1.jpg">' +
+                    '<source  src="mp4/xiao/1.mp4" type="video/mp4;">你的浏览器不支持播放视频。</source>' +
+                    '</video>' +
+                    '<div class="txt">' +
+                    '<h2>为何电梯女子突然惶恐不安?</h2>' +
+                    '<p>媒体:抖音</p>' +
+                    '</div>' +
+                    '</div><img class="bofang" src="img/bo.png">' +
+                    '</div>' +
+                    '<div class="swiper-slide" style="width: 400px; margin-right: 30px;">' +
+                    '<div class="img">' +
+                    '<video  width="100%" height="100%" ' +
+                    'poster="img/xiao/2.jpg">' +
+                    '<source  src="mp4/xiao/2.mp4" type="video/mp4;">你的浏览器不支持播放视频。</source>' +
+                    '</video>' +
+                    '<div class="txt">' +
+                    '<h2>本想假日出去玩,没想到中途因为一把钥匙引发一场大战!</h2>' +
+                    '<p>媒体:抖音</p>' +
+                    '</div>' +
+                    '</div><img class="bofang" src="img/bo.png">' +
+                    '</div>' +
+                    '<div class="swiper-slide" style="width: 400px; margin-right: 30px;">' +
+                    '<div class="img">' +
+                    '<video  width="100%" height="100%" ' +
+                    'poster="img/xiao/3.jpg">' +
+                    '<source  src="mp4/xiao/3.mp4" type="video/mp4;">你的浏览器不支持播放视频。</source>' +
+                    '</video>' +
+                    '<div class="txt">' +
+                    '<h2>男朋友不远万里来看我,可是却看到这样一幕!</h2>' +
+                    '<p>媒体:抖音</p>' +
+                    '</div>' +
+                    '</div><img class="bofang" src="img/bo.png">' +
+                    '</div>' +
+                    '<div class="swiper-slide" style="width: 400px; margin-right: 30px;">' +
+                    '<div class="img">' +
+                    '<video  width="100%" height="100%" ' +
+                    'poster="img/xiao/4.jpg">' +
+                    '<source  src="mp4/xiao/4.mp4" type="video/mp4;">你的浏览器不支持播放视频。</source>' +
+                    '</video>' +
+                    '<div class="txt">' +
+                    '<h2>有那么一瞬间怀疑人生</h2>' +
+                    '<p>媒体:抖音</p>' +
+                    '</div>' +
+                    '</div><img class="bofang" src="img/bo.png">' +
+                    '</div>' +
+                    '<div class="swiper-slide" style="width: 400px; margin-right: 30px;">' +
+                    '<div class="img">' +
+                    '<video  width="100%" height="100%" ' +
+                    'poster="img/xiao/5.jpg">' +
+                    '<source  src="mp4/xiao/5.mp4" type="video/mp4;">你的浏览器不支持播放视频。</source>' +
+                    '</video>' +
+                    '<div class="txt">' +
+                    '<h2>这个公司看起来不简单啊!请问第一个小姐姐应该叫最后一个小姐姐什么?</h2>' +
+                    '<p>媒体:抖音</p>' +
+                    '</div>' +
+                    '</div><img class="bofang" src="img/bo.png">' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="swiper-button-prev swiper-button-prev3"></div>' +
+                    '<div class="swiper-button-next swiper-button-next3"></div>' +
+                    '</div>');
+
+
+                var swiper3 = new Swiper('.swiper-container3', {
+                    slidesPerView: 4,
+                    spaceBetween: 20,
+                    navigation: {
+                        nextEl: '.swiper-button-next3',
+                        prevEl: '.swiper-button-prev3',
+                    },
+                });
+
+            }
+
+            index3=false;
+
+            $(".swiper-container3").find('.swiper-wrapper').css({
+                "transform": "translate3d(0px, 0px, 0px)",
+                "transition-duration": "3ms"
+            })
+
+        }
+    }
+
+
+</script>
+
+
+
+
+
+</body></html>

+ 120 - 0
contactUs.html

@@ -0,0 +1,120 @@
+<!doctype html>
+<!DOCTYPE html><html lang="en"><head><meta charset="utf-8">
+    
+    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
+
+    <meta name="viewport" content="width=320,initial-scale=0.4,minimum-scale=0.4">
+
+    <title>北京汇创思拓有限公司</title>
+    <link rel="stylesheet" type="text/css" href="css/base.css">
+    <style>
+        #container {width:100%; height: 600px; }
+    </style>
+    <script type="text/javascript" src="js/maps.js"></script>
+
+</head>
+<body>
+<div class="header  clearfix">
+    <div class="innerAuto">
+        <img class="fl" src="img/logon.png">
+        <a class="fr " href="case.html">作品案例</a>
+        <a class="fr active" href="javascript:;">联系我们</a>
+        <a class="fr" href="index.html">首页</a>
+    </div>
+</div>
+<!--<img src="images/banner.jpg" style="width: 100%">-->
+<div class="info" style="background: #f5f5f5;">
+    <h2 class="tc">联系我们</h2>
+    <p class="tc">如果您需要高品质设计和互动推广的整合营销服务</p>
+</div>
+<div id="container"></div>
+<div class="foot">
+    <div class="title tc flex">
+        <a style="margin-left: 0;" href="index.html">首页</a>
+        <a href="javascript:;">关于我们</a>
+        <a href="javascript:;">服务领域</a>
+        <a href="javascript:;">服务能力</a>
+        <a href="javascript:;">合作客户</a>
+        <a style="margin-right: 0;" href="javascript:;">联系我们</a>
+    </div>
+
+    <ul class="clearfix">
+        <li class="flex">
+            <img src="img/icontime.png">
+            <span class="flex1">AM 9:30-PM 18:30</span>
+        </li>
+        <li class="active flex">
+            <img src="img/iconqq.png">
+            <span class="flex1">2015402235</span>
+        </li>
+        <li class="flex">
+            <img src="img/icontel.png">
+            <span class="flex1">010-86467990-813</span>
+        </li>
+		<li class="flex">
+            <img src="img/iconemail.png">
+            <span class="flex1">huichuangsituo@c-top.com.cn</span>
+        </li>
+        <li class="active flex">
+            <img class="" src="img/iconadd.png">
+            <span class="flex1">北京市朝阳区酒仙桥东风北桥宝马宝信行3楼308</span>
+        </li>
+		<li class="flex">
+            <span class="flex1">汇创思拓©版权所有</span>
+        </li>
+        <li class="active flex">
+            <span class="flex1"><a target="_blank" href="http://beian.miit.gov.cn">京ICP备17011826号</a></span>
+        </li>
+    </ul>
+</div>
+<script>
+
+    var map = new AMap.Map('container', {
+        zoom:13,//级别
+        center: [116.489528,39.95839],//中心点坐标
+        viewMode:'3D'//使用3D视图
+    });
+
+    var infoWindow = new AMap.InfoWindow({ //创建信息窗体
+        isCustom: true,  //使用自定义窗体
+        content:'<div style="background: #fff;padding:5px 8px;font-size:14px;">北京五六七广告有限公司</div>', //信息窗体的内容可以是任意html片段
+        offset: new AMap.Pixel(16, -45)
+    });
+    var onMarkerClick  =  function(e) {
+        infoWindow.open(map, e.target.getPosition());//打开信息窗体
+        //e.target就是被点击的Marker
+    };
+    var marker = new AMap.Marker({
+        position: [116.489528,39.95839]
+    });
+    map.add(marker);
+    marker.on('click',onMarkerClick);//绑定click事件
+
+    // 同时引入工具条插件,比例尺插件和鹰眼插件
+    AMap.plugin([
+        'AMap.ToolBar',
+        'AMap.Scale',
+        'AMap.MapType',
+        'AMap.Geolocation',
+        'AMap.PlaceSearch',
+        'AMap.AdvancedInfoWindow'
+    ], function(){
+        // 在图面添加工具条控件,工具条控件集成了缩放、平移、定位等功能按钮在内的组合控件
+        map.addControl(new AMap.ToolBar());
+
+        // 在图面添加比例尺控件,展示地图在当前层级和纬度下的比例尺
+        map.addControl(new AMap.Scale());
+
+        // 在图面添加类别切换控件,实现默认图层与卫星图、实施交通图层之间切换的控制
+        map.addControl(new AMap.MapType());
+
+        // 在图面添加定位控件,用来获取和展示用户主机所在的经纬度位置
+        map.addControl(new AMap.Geolocation());
+
+        map.addControl(new AMap.PlaceSearch());
+        map.addControl(new AMap.AdvancedInfoWindow());
+    });
+
+</script>
+
+</body></html>

A diferenza do arquivo foi suprimida porque é demasiado grande
+ 3623 - 0
css/animate.css


+ 254 - 0
css/base.css

@@ -0,0 +1,254 @@
+body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0;font-family: '微软雅黑' }
+
+a { color:#555; text-decoration:none; }
+a:hover {  cursor: pointer;  text-decoration:none;  }
+
+img { border:none;display: block; }
+
+ul,ol,dl,li,dt,dd{ list-style:none; }
+input, textarea, select, button { font:14px Verdana,Helvetica,Arial,sans-serif; }
+textarea { resize: none;}
+button:focus, select:focus, input:focus, textarea:focus { outline:0;  }
+
+table { border-collapse:collapse; }
+html {overflow-y: scroll;}
+i,em,s{font-style: normal;  }
+strong,h1,h2,h3,h4 { font-weight:400;  }
+
+.inner{width: 1200px;margin: 0 auto}
+.fl{float: left;}
+.fr{float: right;}
+
+.innerAuto{
+    width: 80%;
+    max-width: 1200px;
+    margin: 0 auto
+}
+
+.clearfix{ *zoom:1;}
+.clearfix:after{ display:block; clear:both; content:"";}
+
+.tl {text-align:left;}
+.tr {text-align:right;}
+.tc {text-align:center;}
+.va_top {vertical-align:top;}
+.hide {display:none;}
+.show {display:block;}
+
+.hid1{
+    overflow: hidden;
+    text-overflow:ellipsis;
+    white-space: nowrap;
+}
+
+.hid2{
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 2;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
+/***** 上下居中 ****/
+.centerHtml{
+    position: fixed;top: 50%;left: 50%;
+    transform: translateX(-50%) translateY(-50%);
+    -webkit-transform: translateX(-50%) translateY(-50%);
+    -moz-transform: translateX(-50%) translateY(-50%);
+    -ms-transform: translateX(-50%) translateY(-50%);
+}
+.centertopDiv{
+    position: absolute;top: 50%;
+    transform:  translateY(-50%);
+    -webkit-transform:  translateY(-50%);
+    -moz-transform:  translateY(-50%);
+    -ms-transform:  translateY(-50%);
+}
+
+
+/****** flex布局 ****/
+.flex{
+    display:-webkit-box;
+    display: -moz-box;
+    display: -ms-flexbox;
+    display: -webkit-flex;
+    display: flex;
+}
+
+/****  主轴方向  flex-direction  ****/
+.flex-directionRow {
+    flex-direction: row;
+    box-orient: horizontal;
+    box-direction: norma;
+}
+
+.flex-directionRowreverse {
+    flex-direction: row-reverse;
+    box-orient: horizontal;
+    box-direction: reverse;
+}
+
+.flex-directioncolumn {
+    flex-direction: column;
+    box-orient: vertical;
+    box-direction: normal;
+}
+
+.flex-directioncolumn-reverse {
+    flex-direction: column-reverse;
+    box-orient: vertical;
+    box-direction: reverse;
+}
+
+/****   元素换行  flex-wrap  ****/
+.flex-wrap {
+    -webkit-flex-wrap: wrap;
+    -webkit-box-lines: multiple; /** 默认single ==不换行  **/
+    -moz-flex-wrap: wrap;
+    flex-wrap: wrap;
+}
+
+/*** flex-flow ******/
+.flex-flow {
+    -webkit-flex-flow: row wrap;
+    -webkit-box-orient: horizontal;
+    -webkit-box-lines: multiple;
+    -moz-flex-flow: row wrap;
+    box-orient: horizontal;
+    box-lines: multiple;
+    flex-flow: row wrap;
+}
+
+/******* 横向排列布局 justify-content **********/
+.justify-content {
+    -webkit-justify-content: center;
+    justify-content: center;
+    -moz-box-pack: center;
+    -webkit--moz-box-pack: center;
+    box-pack: center; /***FF支持box-pack的justify值但无效***/
+}
+
+/*******  竖向排列布局  align-items*********/
+.align-items {
+    align-items: center;
+    -webkit-align-items: center;
+    box-align: center;
+    -moz-box-align: center;
+    -webkit-box-align: center;
+}
+
+/******* 伸缩盒子布局兼容 flex******/
+.flex1 {
+    box-flex: 1;
+    -webkit-box-flex: 1;
+    -moz-box-flex: 1;
+    flex: 1;
+    -webkit-flex: 1;
+}
+
+/*******  元素出现顺序 order******/
+.order {
+    box-order: 1;
+    -webkit-box-order: 1;
+    -moz-box-order: 1;
+    order: 1;
+    -webkit-order: 1;
+}
+
+
+
+.header {
+    width: 100%;
+    height: 100px;
+    z-index: 100;
+    background: #fff;
+}
+
+.header img {
+    height: 70px;
+    margin-top: 15px;
+}
+
+.header a {
+    margin: 30px 50px 0 0;
+    padding: 0 5px;
+    line-height: 40px;
+}
+
+.header a.active {
+    border-bottom: 1px solid #aeaeae;
+}
+
+.foot {
+    width: 100%;
+    background-image: url("../img/footbj.jpg");
+    background-size: cover;
+}
+.foot .title{
+    padding: 30px 0;
+    width: 650px;
+    margin: 0 auto;
+    justify-content: space-between;
+    -webkit-justify-content:space-between;
+    justify-content:space-between;
+    -moz-box-pack:space-between;
+    -webkit--moz-box-pack:space-between;
+    box-pack:center;
+}
+.foot .title a {
+    margin: 0 10px;
+    display: inline-block;
+    color: #909090;
+}
+
+.foot ul{
+    width: 650px;
+    margin: 0 auto;
+}
+
+.foot ul li img {
+    width: 24px;
+    height: 24px;
+    margin-right: 5px;
+    vertical-align: middle;
+    display: inline-block;
+}
+
+
+
+.foot ul li {
+    float: left;
+    width: 40%;
+    margin: 20px 0;
+}
+
+.foot ul li.active {
+    width: 60%;
+}
+
+.foot ul li span {
+    vertical-align: middle;
+    color: #909090;
+}
+
+.info {
+    padding: 60px 0;
+    line-height: 50px;
+}
+
+@media screen and (max-width: 700px) {
+    .centertopDiv{
+        position: static;top: 0%;
+        transform:  translateY(0%);
+        -webkit-transform:  translateY(0%);
+        -moz-transform:  translateY(0%);
+        -ms-transform:  translateY(0%);
+        font-size: 12px;
+    }
+
+}
+
+
+
+
+

+ 139 - 0
css/index.css

@@ -0,0 +1,139 @@
+#bj{
+    background-image: url("../img/sheying.jpg");
+    background-size: cover;
+    height: calc(100vh);
+    width: 100%;
+    position: fixed;
+    top: 0;left: 0;
+    z-index: -10;
+
+}
+
+#kong{
+    background:#fff ;
+    height: calc(100vh);
+    width: 100%;
+    position: fixed;
+    top: 0;left: 0;
+    z-index: -5;
+}
+h2{
+    font-weight: 700;
+}
+.publicity {
+    width: 100%;
+    height: 100%;
+}
+
+.soa {
+    background-image: url("../img/soa.jpg");
+    background-size: cover;
+}
+
+.client {
+    background-image: url("../img/client.jpg");
+    background-size: cover;
+    line-height: 20px;
+}
+.client p{
+    line-height: 36px;
+}
+
+
+.aboutUs {
+    background-image: url("../img/aboutus.jpg");
+    background-size: cover;
+    padding: 50px 0;
+    align-items:center;
+}
+
+#aboutUsTxt, #serveTxt{
+    margin-left: 40px;
+    position: relative;
+    width: 434px;
+}
+
+.aboutUs .innerAuto p{
+    font-size: 14px;
+    line-height: 24px;
+}
+.serve {
+    background-image: url("../img/telbj.jpg");
+    background-size: cover;
+    align-items:center;
+    padding: 50px 0;
+
+}
+.serve h3{
+    font-weight: 500;
+}
+
+.serve  ol, .serve  ol li{
+    list-style: disc;
+    margin-left: 9px;;
+}
+.serve  p{
+    font-size: 14px;
+    line-height: 24px;
+}
+
+.serverpower {
+    background-image: url("../img/powerbj.jpg");
+    background-size: cover;
+    padding-top: 90px;
+    background-color: #fff;
+}
+.serverpower {
+    font-weight: bolder;
+
+}
+.serverpower h2{
+    font-size: 30px;
+}
+.powerList{
+    padding-bottom: 30px;
+}
+.powerList .aovImg{
+    height: 66px;
+    margin:60px auto 0 ;
+}
+.powerItem>p{
+    margin-bottom: 50px;
+}
+
+.powerUl{
+    margin: 20px auto 0;
+    width: 80%;
+
+}
+
+.powerUl ul li h3{
+    line-height: 26px;
+    font-weight: bolder;
+}
+.powerUl ul li p{
+    font-size: 14px;
+    line-height: 24px;
+    font-weight: normal;
+}
+
+.transparent{
+    background: transparent;
+    color: #fff;
+    padding: 100px 0;
+}
+.transparent span{
+    width: 100px;
+    height: 1px;
+    background: #fff;
+    margin: 20px auto;
+    display: block;
+}
+
+#my-video {
+    width: 100%;
+
+}
+
+
+

A diferenza do arquivo foi suprimida porque é demasiado grande
+ 12 - 0
css/swiper.min.css


BIN=BIN
img/aboutus.jpg


BIN=BIN
img/aov1.png


BIN=BIN
img/aov2.png


BIN=BIN
img/aov3.png


BIN=BIN
img/bo.png


BIN=BIN
img/casebanner.jpeg


BIN=BIN
img/client.jpg


BIN=BIN
img/clientlogo.png


BIN=BIN
img/computer.png


BIN=BIN
img/footbj.jpg


BIN=BIN
img/hei1.png


BIN=BIN
img/hei2.png


BIN=BIN
img/hei3.png


BIN=BIN
img/hui1.png


BIN=BIN
img/hui2.png


BIN=BIN
img/hui3.png


BIN=BIN
img/iconadd.png


BIN=BIN
img/iconemail.png


BIN=BIN
img/iconqq.png


BIN=BIN
img/icontel.png


BIN=BIN
img/icontime.png


BIN=BIN
img/left.jpg


BIN=BIN
img/logon.png


BIN=BIN
img/powerbj.jpg


BIN=BIN
img/right.jpg


BIN=BIN
img/sheying.jpg


BIN=BIN
img/soa.jpg


BIN=BIN
img/soa.png


BIN=BIN
img/tel.png


BIN=BIN
img/telbj.jpg


+ 247 - 0
index.html

@@ -0,0 +1,247 @@
+<!doctype html>
+<html lang="en">
+
+<head>
+    <meta charset="utf-8">
+</head>
+
+<body>
+
+
+
+
+    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
+    <meta name="viewport" content="width=320,initial-scale=0.4,minimum-scale=0.4">
+    <title>北京汇创思拓数字科技有限公司</title>
+    <link rel="stylesheet" type="text/css" href="css/base.css">
+    <link rel="stylesheet" type="text/css" href="css/index.css">
+    <link rel="stylesheet" type="text/css" href="css/animate.css">
+
+    <script src="js/jweixin-1.0.0.js"></script>
+
+
+
+
+    <div class="header  clearfix">
+        <div class="innerAuto">
+            <img class="fl" src="img/logon.png">
+            <a class="fr " href="case.html">作品案例</a>
+            <a class="fr " href="contactUs.html">联系我们</a>
+            <a class="fr active" href="javascript:;">首页</a>
+        </div>
+    </div>
+
+    <video id="my-video" volume="1" width="100%" muted  height="auto" preload="auto" autoplay="autoplay" loop="loop"
+        poster="images/videoImg.jpg" x5-video-player-fullscreen="true" webkit-playsinline="true" x-webkit-airplay="true"
+        playsinline="true" x5-playsinline="">
+        <source src="media/main.mp4" type="video/mp4;">你的浏览器不支持播放视频。
+    </video>
+
+
+    <div class="soa">
+        <img src="img/soa.png" style="width:70%;max-width: 1000px;margin: 0 auto;padding: 20px 0">
+    </div>
+
+    <div class="aboutUs">
+        <div class="innerAuto flex">
+            <div class="flex1">
+                <img id="aboutUsImg" style="width: 100%;" src="img/computer.png">
+            </div>
+            <div class="flex1" id="aboutUsTxt">
+                <div class="centertopDiv" style="max-width: 434px;right: 0;">
+                    <h2>关于我们</h2>
+                    <p>与其更好,不如不同</p>
+                    <p style="margin-top: 20px;">公司成立于2016年。</p>
+                    <p>公司定位:短视频整合服务商。运营服务导向,技术驱动。</p>
+                    <p>服务宗旨:做打通效果和KOL结合的代理商,成为联动营销和闭环营销的服务商。</p>
+                    <p>探究方向:短视频的商业形态之间的相互联动。</p>
+                    <p>客户范围:目前的客户集中在电商、网服、金融、教育、游戏等领域。</p>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <div class="serve">
+        <div class="innerAuto flex">
+            <div class="flex1" id="serveTxt">
+                <div class="centertopDiv">
+                    <h2>服务领域</h2>
+                    <p>新媒体营销服务</p>
+
+                    <h3 style="margin-top: 20px;">汇创思拓</h3>
+                    <ol>
+                        <li>快手、抖音短视频信息流广告</li>
+                        <li>网红营销</li>
+                        <li>官方账号运营服务</li>
+                        <li>各资源的联动,实现短视频平台的闭环营销</li>
+                        <li>整合各大广告平台视频广告位的程序化购买</li>
+                    </ol>
+                    <h3 style="margin-top: 20px;">567互娱</h3>
+                    <p>娱乐内容生产,账号运营,网红经纪,网红合作</p>
+                </div>
+
+            </div>
+            <div class="flex1">
+                <img id="serveImg" style="width: 100%;" src="img/tel.png">
+            </div>
+
+        </div>
+    </div>
+
+    <div class="serverpower tc">
+        <h2>服务能力</h2>
+        <p style="font-weight: normal;">专注、所以专业</p>
+
+        <div class="flex powerList">
+            <div class="flex1 powerItem">
+                <img class="aovImg" src="img/aov1.png">
+                <p>新媒体服务能力</p>
+
+            </div>
+            <div class="flex1 powerItem">
+                <img class="aovImg" src="img/aov2.png">
+                <p>数据能力</p>
+
+            </div>
+            <div class="flex1 powerItem" style="">
+                <img class="aovImg" src="img/aov3.png">
+                <p>技术能力</p>
+
+            </div>
+        </div>
+    </div>
+
+    <div class="transparent">
+        <div class="info">
+            <h2 class="tc">专注、所以专业</h2>
+            <span></span>
+            <p class="tc">致力于成为视频化媒体整合型 运营服务为导向 技术驱动的数据化服务商</p>
+        </div>
+    </div>
+
+
+    <div class="client">
+        <div class="info" id="clientTxt">
+            <h2 class="tc">合作客户</h2>
+            <p class="tc">多年服务各渠道电商、网服、游戏、教育、金融等行业</p>
+            <p class="tc">客户产品嗅觉灵敏,市场趋势把握精准。</p>
+        </div>
+        <div class="">
+            <img src="img/clientlogo.png" style="width:100%;">
+        </div>
+    </div>
+
+
+    <div class="foot">
+        <div class="title tc flex">
+            <a style="margin-left: 0;" href="javascript:;">首页</a>
+            <a href="javascript:;">关于我们</a>
+            <a href="javascript:;">服务领域</a>
+            <a href="javascript:;">服务能力</a>
+            <a href="javascript:;">合作客户</a>
+            <a style="margin-right: 0;" href="contactUs.html">联系我们</a>
+        </div>
+
+        <ul class="clearfix">
+            <li class="flex">
+                <img src="img/icontime.png">
+                <span class="flex1">AM 9:30-PM 18:30</span>
+            </li>
+            <li class="active flex">
+                <img src="img/iconqq.png">
+                <span class="flex1">2015402235</span>
+            </li>
+            <li class="flex">
+                <img src="img/icontel.png">
+                <span class="flex1">010-86467990-813</span>
+            </li>
+            <li class="flex">
+                <img src="img/iconemail.png">
+                <span class="flex1">huichuangsituo@c-top.com.cn</span>
+            </li>
+            <li class="active flex">
+                <img class="" src="img/iconadd.png">
+                <span class="flex1">北京市朝阳区酒仙桥东风北桥宝马宝信行3楼308</span>
+            </li>
+            <li class="flex">
+                <span class="flex1">汇创思拓©版权所有</span>
+            </li>
+            <li class="active flex">
+                <span class="flex1"><a target="_blank" href="http://beian.miit.gov.cn">京ICP备17011826号</a></span>
+            </li>
+        </ul>
+    </div>
+
+    <div id="kong"></div>
+    <div id="bj"></div>
+
+    <script src="js/jquery-1.12.4.min.js" type="application/javascript"></script>
+
+    <script src="js/html5media.js"></script>
+
+    <script>
+
+        //一般情况下,这样就可以自动播放了,但是一些奇葩iPhone机不可以
+        // document.getElementById('my-video').play();
+        //必须在微信Weixin JSAPI的WeixinJSBridgeReady才能生效
+        document.addEventListener("WeixinJSBridgeReady", function () {
+            document.getElementById('my-video').play();
+
+        }, false);
+        document.onclick = function playVideo() {
+            document.getElementById('my-video').muted = false
+            document.getElementById('my-video').play()
+
+            document.getElementById('my-video').volume = 0.6
+        }
+        function playOn() {
+            document.getElementById('my-video').muted = false
+            document.getElementById('my-video').play()
+
+            document.getElementById('my-video').volume = 0.6
+        }
+
+
+        window.addEventListener("scroll", function (e) {
+            var t = document.documentElement.scrollTop || document.body.scrollTop;
+            var clientHeight = document.documentElement.clientHeight * 0.7;
+
+            var aboutUsImg = document.getElementById('aboutUsImg').offsetTop;
+            var aboutUsTxt = document.getElementById('aboutUsTxt').offsetTop;
+
+            var serveImg = document.getElementById('serveImg').offsetTop;
+            var serveTxt = document.getElementById('serveTxt').offsetTop;
+
+            var clientTxt = document.getElementById('clientTxt').offsetTop;
+
+            var h = document.documentElement.offsetHeight || document.body.offsetHeight;
+
+            if ((t - aboutUsImg) > -clientHeight) {
+                $("#aboutUsImg").addClass('animated bounceInLeft');
+                $("#aboutUsTxt").addClass('animated bounceInUp');
+                $("#kong").hide();
+            } else {
+                $("#kong").show();
+            }
+
+            if ((t - serveImg) > -clientHeight) {
+                $("#serveImg").addClass('animated bounceInRight');
+                $("#serveTxt").addClass('animated bounceInUp');
+            }
+
+            if ((t - clientTxt) > -clientHeight) {
+                $("#clientTxt").addClass('animated bounceInDown');
+            }
+
+
+
+        });
+
+
+    </script>
+
+
+
+</body>
+
+</html>

A diferenza do arquivo foi suprimida porque é demasiado grande
+ 40 - 0
js/html5media.js


A diferenza do arquivo foi suprimida porque é demasiado grande
+ 5 - 0
js/jquery-1.12.4.min.js


A diferenza do arquivo foi suprimida porque é demasiado grande
+ 1 - 0
js/jweixin-1.0.0.js


A diferenza do arquivo foi suprimida porque é demasiado grande
+ 619 - 0
js/maps.js


A diferenza do arquivo foi suprimida porque é demasiado grande
+ 13 - 0
js/swiper.min.js


BIN=BIN
logon.png


BIN=BIN
media/1.mp4


BIN=BIN
media/10.mp4


BIN=BIN
media/11.mp4


BIN=BIN
media/12.mp4


BIN=BIN
media/13.mp4


BIN=BIN
media/14.mp4


BIN=BIN
media/15.mp4


BIN=BIN
media/222.mp4


BIN=BIN
media/3.mp4


BIN=BIN
media/4.mp4


BIN=BIN
media/5.mp4


BIN=BIN
media/6.MP4


BIN=BIN
media/7.mp4


BIN=BIN
media/8.mp4


BIN=BIN
media/9.mp4


BIN=BIN
media/main.mp4