<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
    	<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>中广在线（北京）网络科技有限公司</title>
		<link rel="stylesheet" type="text/css" href="static/css/video-js.css"/>
		<link rel="stylesheet" type="text/css" href="static/css/normalize.css" />
		<link rel="stylesheet" type="text/css" href="static/css/animate.min.css" />
		<link rel="stylesheet" type="text/css" href="static/css/owl.carousel.css"  >
		<link rel="stylesheet" type="text/css" href="static/css/owl.theme.css"  >
		<link rel="stylesheet" type="text/css" href="static/css/main.css" />
		<style type="text/css">
			.left{
				float: left;
			}
			.right{
				float:right;
			}
			.clearfix:after{
				display: block;
				content: "";
				clear: both;
			}
		</style>
	</head>
	<body>
		<nav class="navbar">
			<div class="container">
				<h1 class="pull-left logo">
					<img src="static/img/logo-.png" />
				</h1>
				<ul class="nav ">
					<li><a href="index.html" >首页</a></li>
					<li><a href="al.html" >产品案例</a></li>
					<li><a href="ab.html" >关于我们</a></li>
					<li><a href="lx.html" >联系我们</a></li>
				</ul>
				<div class="nav-logo" id="left-menu">
					<span></span>
					<span></span>
					<span></span>
				</div>
			</div>
		</nav>
		<div class="mobile-nav" id="sidr-left">
			<ul>
			    <li><a href="index.html" >首页</a></li>
				<li><a href="al.html" >产品案例</a></li>
				<li><a href="ab.html" >关于我们</a></li>
				<li><a href="lx.html" >联系我们</a></li>
			</ul>
		</div>
		<!--<div class="ad clearfix wow slideInDown" >
			<div id="owl-demo" class="owl-carousel">
				<div class="item">
                	<img src="static/img/01.jpg" />
	            </div>
	            <div class="item">
                	<img src="static/img/02.jpg" />
	            </div>
			</div>
		</div>-->
		<div class="clearfix xcsp_cont" id="xcsp_cont">
			<div class="fl wow bounceInLeft">
				<!--<video class="xcsp_video" type="video/mp4" muted loop src="static/img/sjdh.mp4" width="500" autoplay>-->
				<video id="sjName" class="xcsp_video" type="video/mp4" preload='auto' muted loop autoplay="autoplay" x5-video-player-type="h5">
				  <source src="static/img/sjdh.mp4" type="video/mp4" />
				</video>
			</div>
			<div class="fr wow bounceInRight">
				<video id="zgName" class="xcsp_video" type="video/mp4" preload="auto" muted loop autoplay="autoplay" x5-video-player-type="h5">
				  <source src="static/img/zgdh.mp4" type="video/mp4" />
				</video>
				<!--<video class="xcsp_video video-js" type="video/mp4" preload='auto' src="static/img/zgdh.mp4" width="500" controls muted loop autoplay playsinline -weblit-playsinline x5-playsinline preload="true" >
				<video width="320" height="240" controls="controls">
				  <source src="static/img/zgdh.mp4" type="video/mp4">
				</video>-->
			</div>
		</div>
		<div class="pub">
			<div class="pub-swipe">
	            <p class="media">
	                <i class="video-i" data-src="static/img/sjdh.mp4">
	                    <img src="static/img/sjdh.mp4"/>
	                    <!--<img class="video-go" src="http://mstatic.soyoung.com/m/static/img/product/video_go.png"/>-->
	                </i>
	            </p>
	        </div>
	        <div class="pub-swipe">
	            <p class="media">
	                <i class="video-i" data-src="static/img/zgdh.mp4">
	                    <img src="static/img/zgdh.mp4"/>
	                </i>
	            </p>
	        </div>
		</div>

		<section class="sy-about clearfix">
			<div class="container">
				<div class="pull-left sy-abtxt wow fadeInLeft">
					<h2>公司理念：</h2>
					<p>以诚信赢得市场，以职业铸造品牌。我们坚信：”品牌不仅仅是一个商标，
而更是对我们的一种信赖与责任“</p>
				</div>
				<div class="ab-btn wow fadeInRight">
					<a href="al.html" >了解更多</a>
				</div>
			</div>
		</section>
		<section class="container page clearfix">
			<div class="page-tit wow fadeInUp">产品展示</div>
			<div class="new-list wow fadeInUp" data-wow-delay=".3s">
				<ul>
					<li>
						<span style="width: 14.25rem;height: 7.25rem;">
							<img src="static/img/9c81db617544c576b300de20447eaeb.jpg" alt="" />
						</span>
						<a href="http://www.qvpublish.com" target="view_window">www.qvpublish.com</a>
						<p style="height: 5.125rem;">趣投放：趣投放是新兴的智能投放平台，新一代流量变现聚合平台。趣投放汇聚了丰富的营销资源，为众多客户以及媒体端提供一站式的营销解决方案及服务，致力于帮助客户与媒体建立更顺畅的快速通道，以提高客户的曝光，以提高媒体端实际的变现收益为己任。</p>
					</li>
					<li>
						<span  style="width: 14.25rem;height: 7.25rem;">
							<img src="static/img/6a78d80382f25283c8af36c609f9b72.jpg" alt="" />
						</span>
						<a href="http://m.qvkanwen.com" target="view_window">m.qvkanwen.com</a>
						<p>趣看闻：海量全新一段兴趣内容聚合平台，这里有新鲜，有趣的内容，并且有更多的产品玩法可配合着阅读体验而生，是众多受众在碎片时间里的不二选择</p>
					</li>
				</ul>
			</div>
		</section>
		<!--<section class="clearfix container sy-service">
			<div class="title wow fadeInUp">
				<h2>我们的服务</h2>
			</div>
			<ul class="service-list  owl-carousel" id="owl-demo5">
				<li class="item wow fadeInUp" data-wow-delay=".2s">
					<i class="iconfont icon-iconyemianguanli"></i>
					<h3>形象策略</h3>
					<p>从无到有，从有到更好</p>
				</li>
				<li class="item wow fadeInUp" data-wow-delay=".3s">
					<i class="iconfont icon-xiangce"></i>
					<h3>画册策划</h3>
					<p>从无到有，从有到更好</p>
				</li>
				<li class="item wow fadeInUp" data-wow-delay=".4s">
					<i class="iconfont icon-iconwangyesheji"></i>
					<h3>PC端网站设计</h3>
					<p>好看+好用+激发消费者购买欲望</p>
				</li>
				<li class="item wow fadeInUp" data-wow-delay=".5s">
					<i class="iconfont icon-shouji"></i>
					<h3>移动端网站设计</h3>
					<p>移动共享时代主义</p>
				</li>
			</ul>
		</section>-->


		<!--<section class="programme-box ">
			<div class="container clearfix">
				<div class="title">
					<h2 class="wow fadeInUp">我们提供定制化设计解决方案</h2>
					<p class="wow fadeIn" data-wow-delay=".2s">形象策略+画册策划+PC端网站设计+移动端网站设计</p>
				</div>
				<ul class="ff-list clearfix owl-carousel wow fadeInUp" id="owl-demo4">
					<li class="item">
						<a href="#">
							<img src="static/img/ff1.jpg" />
							<div class="fa-txt">企业VI识别</div>
						</a>
					</li>
					<li  class="item">
						<a href="#">
							<img src="static/img/ff2.jpg" />
							<div class="fa-txt">海报、画册设计</div>
						</a>
					</li>
					<li class="item">
						<a href="#">
							<img src="static/img/ff3.jpg" />
							<div class="fa-txt">创意设计</div>
						</a>
					</li>
					<li class="item">
						<a href="#">
							<img src="static/img/ff4.jpg" />
							<div class="fa-txt">宣传活动策划</div>
						</a>
					</li>
					<li class="item">
						<a href="#">
							<img src="static/img/ff3.jpg" />
							<div class="fa-txt">PC网站建设</div>
						</a>
					</li>
					<li class="item">
						<a href="#">
							<img src="static/img/ff2.jpg" />
							<div class="fa-txt">企业品牌策划</div>
						</a>
					</li>
				</ul>
			</div>
		</section>-->
		<div class="title">
					<h2 class="wow fadeInUp">关于我们的团队</h2>
					<p class="wow fadeIn" data-wow-delay=".2s">不断的努力，严格要求自己，真诚的为客户服务</p>
				</div>
		<section class="brand-box">
			<div class="box1">
				<h2 class="wow fadeInUpBig" style="color: white;"><span>“</span>　公司骨干团队分别来源于大唐移动、中国电信、百度、搜狗、优酷视频、秒针、空中网、亿玛在线等运营商及互联网行业中的翘楚公司。公司拥有优雅的办公环境，宽松的办公氛围，奋发向上的团队。</strong></h2>
			</div>

		</section>
		<section class="container clearfix advantage-box">
			<div class="title">
				<h2 class="wow fadeInUp">我们的优势</h2>
				<p class="wow fadeIn" data-wow-delay=".2s">诚信 职业 服务</p>
			</div>

			<ul class="advantage-list owl-carousel" id="owl-demo6">
				<li  class="item wow fadeInUp" data-wow-delay=".2s">
					<i class="iconfont icon-xiangji"></i>
					<h3>5亿次+</h3>
					<p>日均曝光数</p>
				</li>
				<li  class="item wow fadeInUp" data-wow-delay=".3s">
					<i class="iconfont icon-tuandui"></i>
					<h3>占比95以上</h3>
					<p>移动曝光占比</p>
				</li>
				<li  class="item wow fadeInUp" data-wow-delay=".4s">
					<i class="iconfont icon-dianzan"></i>
					<h3>7-8亿</h3>
					<p>MAU</p>
				</li>
				<li class="item wow fadeInUp" data-wow-delay=".5s">
					<i class="iconfont icon-4"></i>
					<h3>占比99.9以上</h3>
					<p>不间断运行</p>
				</li>
			</ul>
		</section>

		<section class="brand-box">
			<div class="box1">
				<h2 class="wow fadeInUpBig"><span>“</span>　每一个品牌都是一个产品，但不是所有的产品　<span>”</span><strong>都是品牌~</strong></h2>
			</div>
		</section>
		<!--<section class="team-box">
			<div class="container">
				<div class="title">
					<h2  class="wow fadeInUp">关于我们的团队</h2>
					<p class="wow fadeIn" data-wow-delay=".2s">不断的努力，严格要求自己，真诚的为客户服务</p>
				</div>
				   <p class=" wow fadeInUp" data-wow-delay=".3s">公司骨干团队分别来源于大唐移动、中国电信、百度、搜狗、优酷视频、秒针、空中网、亿玛在线等运营商及互联网行业中的翘楚公司。公司拥有优雅的办公环境，宽松的办公氛围，奋发向上的团队。</p>
			</div>
		</section>

		<section class="value-box">
			<div class="container clearfix">
				<div class="value-txt">
					<h2 class="wow bounceIn">平台架构</h2>
					<p class="wow fadeInUp" data-wow-delay=".3s">公司注册资金：500万，现有员工60多人。办公地点分别在北京、成都、厦门。其中北京的运营部、厦门的平台技术部、成都的移动技术部都提供7*24小时的轮流值守制，以保证第一时间完成对故障的受理与解决支持工作。
</p>
					<div class="ab-btn wow fadeInUp" data-wow-delay=".5s">
						<a href="#">了解更多</a>
					</div>
				</div>
			</div>
		</section>-->
		<section class="container page clearfix">
			<div class="page-tit wow fadeInUp" style="cursor: pointer;"><a href="lx.html">联系我们</a></div>

			<div class="lxfs" style="margin-top: 1rem;">
				<ul class="lx-list">
					<li  class="wow fadeInUp" data-wow-delay=".2s" style="width: 19%;padding-top: 0.8rem;">
						<i class="iconfont icon-callphone-copy"></i>
						<p style="padding-top:0px ;">在线QQ客服：<span>2826954811</span></p>
					</li>
					<li  class="wow fadeInUp" data-wow-delay=".3s" style="width: 19%;margin-left: 0.8rem;padding-top: 0.8rem;">
						<i class="iconfont icon-qq"></i>
						<p style="padding-top:0px ;">公司官方邮箱：<span>hr@zgzxnet.com </span></p>
					</li>
					<li  class="wow fadeInUp" data-wow-delay=".4s" style="width: 19%;margin-left: 0.8rem;padding-top: 0.8rem;">
						<i class="iconfont icon-weixin"></i>
						<p style="padding-top:0px ;">广告投放合作：<span>武先生 13911677510（微信同）</span></p>
					</li>
					<li  class="wow fadeInUp" data-wow-delay=".5s" style="width: 19%;margin-left: 0.8rem;padding-top: 0.8rem;">
						<i class="iconfont icon-unie61d"></i>
						<p style="padding-top:0px ;">媒体流量合作：<span>武先生 13911677510（微信同）</span></p>
					</li>
					<li  class="wow fadeInUp" data-wow-delay=".6s" style="width: 19%;margin-left: 0.8rem;padding-top: 0.8rem;">
						<i class="iconfont icon-callphone-copy"></i>
						<p style="padding-top:0px ;">产品数据合作：<span>武先生 13911677510（微信同）</span></p>
					</li>
				</ul>
			</div>
		</section>

		<footer class="footer">
			<div class="container">
				<div class="b-nav wow fadeInUp" data-wow-delay=".1s">
					<a href="index.html" >首页</a>
					<a href="al.html" >产品案例</a>
					<a href="ab.html" >关于我们</a>
					<a href="lx.html" >联系我们</a>
				</div>
				<p class="wow fadeInUp" data-wow-delay=".3s">Copyright  2020-2022 中广在线(北京)网络科技有限公司 All Rights Reserved.</p>
				<!--<p class="wow fadeInUp" data-wow-delay=".5s">京ICP备19011357号-10</p>-->
				<div class="wow fadeInUp" data-wow-delay=".5s" style="width: 410px;margin:0 auto; padding:20px 0;">
					<p style="float:left;height:20px;line-height:20px;margin: 0px 20px 0px 5px;"><a href="http://beian.miit.gov.cn" style="color: #8b939d;" target="_blank">京ICP备19011357号-10</a></p>
			 		<a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010602006779" style="display:inline-block;text-decoration:none;height:20px;line-height:20px;">
			 			<img src="static/img/gawimg.png" style="float:left;"/>
			 			<p style="float:left;height:20px;line-height:20px;margin: 0px 0px 0px 5px; color:#8b939d;">京公网安备 11010602006779号</p>
			 		</a>
			 	</div>

			</div>
		</footer>
		<!--<script src="static/js/jquery-1.9.1.min.js" type="text/javascript" charset="utf-8"></script>-->
		<script src="static/js/jquery-1.8.3.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="static/js/owl.carousel.js"  type="text/javascript" charset="utf-8"></script>
		<script src="static/js/jquery.sidr.min.js"  type="text/javascript" charset="utf-8"></script>
		<script src="static/js/picturefill.min.js"  type="text/javascript" charset="utf-8"></script>
		<script src="static/js/main.js"  type="text/javascript" charset="utf-8"></script>
		<!--<script src="http://cdn.bootcss.com/wow/1.1.2/wow.js" tppabs="" type="text/javascript" charset="utf-8"></script>-->
		<script src="static/js/wow.js" tppabs="" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript" src="static/js/videojs-ie8.min.js"></script>
		<script>
		if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))){
			new WOW().init();
		};
		</script>
		<script>
            /**
         * 视频加载兼容处理
         */
        $(function(){
            var isIPhone = window.navigator.appVersion.match(/iphone/gi);
            document.getElementById('sjName').play();
            document.getElementById('zgName').play();
            if(isIPhone){
            	$("#xcsp_cont").hide();
            }else{
            	$(".pub-swipe").hide();
            }
            var creat_video = function () {
                var _video = document.getElementsByClassName('video-i');

                if (_video.length > 0) {
                    for (var i = 0; i < _video.length; i++) {
                        var _that = _video[i];
                        _that.addEventListener('click', function (e) {
                            var _this = e.currentTarget,
                                _videoUrl = _this.getAttribute('data-src'),
                                _img = _this.children[0].getAttribute('src'),
                                _dom = document.createElement('video'),
                                _autoPlayAllowed = true,
                                _loading = document.createElement('div'),
                                _p,
                                _process = document.createElement('i');
                            _noSound = document.createElement('em');
                            if (_this.getAttribute('data-video')) {
                                var _video = _this.parentNode.querySelectorAll('video');
                                var _noSound = _this.parentNode.querySelectorAll('.no-sound');

                                if (_video.length > 0) {
                                    _dom = _video[0];
                                    // if (_dom.ended) {
                                    if (isIPhone) {
                                        //修改Ios11状态不准，视频无法播放的问题
                                        if (_dom.src.indexOf('random') > -1) {
                                            _dom.src = _dom.src.split('random=')[0] + 'random=' + _dom.src.split('random=')[1] + 1;
                                        } else {
                                            _dom.src = _dom.src + '?random=' + Math.floor(Math.random() * (100 - 10 + 1) + 10);
                                        }
                                    }
                                    _noSound[0].classList.remove('hide');
                                    _dom.play();
                                    _this.classList.add('hide');
                                    _dom.classList.remove('hide');
                                    // }
                                }
                                return;
                            }
                            _this.setAttribute('data-video', '1');
                            _process.setAttribute('class', 'vjs-process');
                            _process.innerHTML = '加载中...';
                            _loading.setAttribute('class', 'vjs-loading-spinner');
                            _dom.setAttribute('src', _videoUrl);
                            _dom.setAttribute('controls', 'controls');
                            _dom.setAttribute('autoPlay', 'false');
                            // _dom.setAttribute('x5-video-player-type', 'h5');
                            _this.parentNode.appendChild(_loading);
                            _this.parentNode.appendChild(_process);
                            _this.parentNode.classList.add('vjs-waiting');
                            _noSound.setAttribute('class', 'no-sound');
                            _noSound.innerHTML = '无声';
                            // _dom.setAttribute('webkit-playsinline', 'webkit-playsinline');
                            // _dom.setAttribute('playsinline', 'playsinline');
                            _dom.setAttribute('poster', _img);
                            _p = _dom.play();
                            console.time("加载毫秒");
                            var _dom_buffered_promise = function () {
                                var _end = _dom.buffered.end(0);
                                var _duration = _dom.duration;
                                var _a = Math.round(_end / _duration * 100);
                                _process.innerHTML = _a + '%';
                                console.log(_end + ' ' + _duration)
                                if (_a < 10) {
                                    setTimeout(_dom_buffered, 200);
                                } else {
                                    _dom_buffered();
                                }
                            };
                            var _dom_buffered = function () {
                                _this.parentNode.classList.remove('vjs-waiting');
                                _this.classList.add('hide');
                                _process.classList.add('hide');
                                _this.parentNode.appendChild(_dom);
                                _this.parentNode.appendChild(_noSound);
                                _dom.addEventListener('ended', function () {
                                    _dom.classList.add('hide');
                                    _this.classList.remove('hide');
                                    _noSound.classList.add('hide');
                                });
                                _dom.currentTime = 0;
                                console.timeEnd("加载毫秒");
                            };
                            if (_p instanceof Promise) {
                                _p.catch(function (error) {
                                    console.log(error.message);
                                    if (error.name === 'NotAllowedError') {
                                        _autoPlayAllowed = false;
                                    }
                                }).then(function (e) {
                                    if (_autoPlayAllowed) {
                                        _dom_buffered_promise();
                                    }
                                });
                            } else {
                                //ios8-9拿不到promise需要给个延时处理
                                setTimeout(function () {
                                    _dom_buffered();
                                }, 4000);
                            }
                        });
                    }
                }
            };

            new creat_video();
           })
        </script>
	</body>
</html>
