yumeng 8 місяців тому
батько
коміт
7c70b4e96e
1 змінених файлів з 190 додано та 199 видалено
  1. 190 199
      index.html

+ 190 - 199
index.html

@@ -6,240 +6,231 @@
 </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>
+<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>
+<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">
+<!--    <div class="soa">
         <img src="img/soa.png" style="width:70%;max-width: 1000px;margin: 0 auto;padding: 20px 0">
-    </div>
+    </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 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 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 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>
-
-    <div class="serverpower tc">
-        <h2>服务能力</h2>
-        <p style="font-weight: normal;">专注、所以专业</p>
+        <div class="flex1">
+            <img id="serveImg" style="width: 100%;" src="img/tel.png">
+        </div>
 
-        <div class="flex powerList">
-            <div class="flex1 powerItem">
-                <img class="aovImg" src="img/aov1.png">
-                <p>新媒体服务能力</p>
+    </div>
+</div>
 
-            </div>
-            <div class="flex1 powerItem">
-                <img class="aovImg" src="img/aov2.png">
-                <p>数据能力</p>
+<div class="serverpower tc">
+    <h2>服务能力</h2>
+    <p style="font-weight: normal;">专注、所以专业</p>
 
-            </div>
-            <div class="flex1 powerItem" style="">
-                <img class="aovImg" src="img/aov3.png">
-                <p>技术能力</p>
+    <div class="flex powerList">
+        <div class="flex1 powerItem">
+            <img class="aovImg" src="img/aov1.png">
+            <p>新媒体服务能力</p>
 
-            </div>
         </div>
-    </div>
+        <div class="flex1 powerItem">
+            <img class="aovImg" src="img/aov2.png">
+            <p>数据能力</p>
 
-    <div class="transparent">
-        <div class="info">
-            <h2 class="tc">专注、所以专业</h2>
-            <span></span>
-            <p class="tc">致力于成为视频化媒体整合型 运营服务为导向 技术驱动的数据化服务商</p>
         </div>
-    </div>
-
+        <div class="flex1 powerItem" style="">
+            <img class="aovImg" src="img/aov3.png">
+            <p>技术能力</p>
 
-    <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>
 
-
-    <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</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">北京市朝阳区酒仙桥路兆维工业园51幢A1-3门2层</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 class="transparent">
+    <div class="info">
+        <h2 class="tc">专注、所以专业</h2>
+        <span></span>
+        <p class="tc">致力于成为视频化媒体整合型 运营服务为导向 技术驱动的数据化服务商</p>
     </div>
+</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()
+<div class="client">
+    <div class="" 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>
 
-            document.getElementById('my-video').volume = 0.6
+    <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</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">北京市朝阳区酒仙桥路兆维工业园51幢A1-3门2层</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();
         }
-        function playOn() {
-            document.getElementById('my-video').muted = false
-            document.getElementById('my-video').play()
 
-            document.getElementById('my-video').volume = 0.6
+        if ((t - serveImg) > -clientHeight) {
+            $("#serveImg").addClass('animated bounceInRight');
+            $("#serveTxt").addClass('animated bounceInUp');
         }
 
+        if ((t - clientTxt) > -clientHeight) {
+            $("#clientTxt").addClass('animated bounceInDown');
+        }
 
-        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>
 
+</script>
 
 
 </body>