123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247 |
- <!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>
|