|
@@ -6,240 +6,231 @@
|
|
</head>
|
|
</head>
|
|
|
|
|
|
<body>
|
|
<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>
|
|
|
|
+</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">
|
|
<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>
|
|
</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>
|
|
- </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>
|
|
|
|
|
|
+ <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>
|
|
|
|
-
|
|
|
|
|
|
+ <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>
|
|
|
|
+</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>
|
|
|
|
|
|
- <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>
|
|
</body>
|