<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
<meta name="tencent-site-verification" content="2f43c9bf2fc681627b31d0d553ddb906"/>
<meta name="baidu_union_verify" content="2deaadd3b781690e0c39adf31fea912a">

<title>中广创思网络科技有限公司</title>
<META NAME="Keywords" CONTENT="中广创思网络科技有限公司">
<META NAME="Description" CONTENT="中广创思网络科技有限公司">
	<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
	<!-- <link rel="stylesheet" href="css/base.css"> -->
	<link rel="stylesheet" href="css/index.css">
	<link rel="stylesheet" href="css/style.css">
	<script src="js/jquery-1.7.2.js" tppabs="http://www.cbct.cn/jquery-1.7.2.js" ></script>
	<script src="https://cdn.jsdelivr.net/npm/hls.js@latest"></script>
	<link rel="stylesheet" href="css/swiper.min.css">
	<script src="js/swiper.min.js"></script>
	<script src="js/audio.min.js"></script>
	<script src="js/audioplayer.js"></script>
	<!-- <link rel="stylesheet" href="css/audio.css"> -->
	<script type="text/javascript" src="https://api.map.baidu.com/getscript?v=3.0&ak=x8B94U7zelfeRAbj2y7C9hcqz9SaP8j3&services=&t=20181016102824"></script>
</head>
<body>
	<div class="warpper">
		<div class="bj"></div>
		<div class="content">
			<div id="header"></div>
			<div class="action tab-1 active1">
				<div class="title">
					<img src="img/title1.png" alt="">
				</div>
				<div class="middle first1">
					<a href="http://seefm.cbct.cn" target="_blank">
					<!-- <a href="http://h5.test.cbct.cn/" target="blank"> -->
						<div>
							<img src="img/show1.png" alt="">
							<p>听见广播APP</p>
						</div>
					</a>
					<a href="index.html?type=1" target="_blank">
						<div>
							<img src="img/show2.png" alt="">
							<p>电视频道运营</p>
						</div>
					</a>
					<a href="index.html?type=2" target="_blank">
						<div>
							<img src="img/show3.png" alt="">
							<p>无线视频</p>
						</div>
					</a>
					<a href="index.html?type=3" target="_blank">
						<div>
							<img src="img/show4.png" alt="">
							<p>车载媒体</p>
						</div>
					</a>
					<!-- <a href="index.html?type=4" target="_blank">
						<div>
							<img src="img/show7.png" alt="">
							<p>在线音乐娱乐</p>
						</div>
					</a> -->
					<!-- <a href="index.html?type=5" target="_blank">
						<div>
							<img src="img/show6.png" alt="">
							<p>网络表演</p>
						</div>
					</a> -->
				</div>
			</div>
			<div class="action tab-2">
				<div class="title">
					<img class="center" src="img/title2.png" alt="">
				</div>
				<div class="middle first2">
					<p>中广创思网络科技有限公司是国家广电总局下属的国有控股科技企业，是一家具有雄厚传媒背景、年轻有活力、创新思变的互联网+广电公司。自成立以来，一直致力于广播、电视、互联网、车载媒体的节目制作、融媒体技术研发、融媒体平台内容聚合和运营。公司重点开展媒体资源开发和运营，通过综合利用有线电视网络、无线广播网络、互联网和移动互联网的传播特点与技术优势、打造跨网络的媒介应用服务，成为兼具媒体技术应用的新型文化企业。</p>
					<p>中广创思网络科技有限公司是国家高新技术企业、中关村高新技术企业。企业拥有36项软件著作权证书，5项国家注册商标。</p>	
				</div>
			</div>
			<div class="action tab-3">
				<div class="title">
					<img class="center" src="img/title3.png" alt="">
				</div>
				<div class="middle first3">
					<div class="swiper-container">
						<div class="swiper-wrapper">
								<div class="swiper-slide">
									<div class="oneDiv">
										<img src="img/brand/danghongkeji.png" alt="">
										<p>当虹科技</p>
									</div>
									<div class="oneDiv">
										<img src="img/brand/fengyukeji.png" alt="">
										<p>凤娱科技</p>
									</div>
									<div class="oneDiv">
										<img src="img/brand/yuekedongman.png" alt="">
										<p>河南约克动漫</p>
									</div>
									<div class="oneDiv">
										<img src="img/brand/liantongzaixian.png" alt="">
										<p>联通在线</p>
									</div>
									<div class="oneDiv">
										<img src="img/brand/chinaCABLE.png" alt="">
										<p>中国有线</p>
									</div>
									<div class="oneDiv">
										<img src="img/brand/chinamobile.png" alt="">
										<p>中国移动</p>
									</div>
									<div class="oneDiv">
										<img src="img/brand/miguVideo.png" alt="">
										<p>咪咕视讯</p>
									</div>
									<div class="oneDiv">
										<img src="img/brand/yangshiYC.png" alt="">
										<p>央视易橙</p>
									</div>
									<div class="oneDiv">
										<img src="img/brand/bst.png" alt="">
										<p>百视通</p>
									</div>
									<div class="oneDiv">
										<img src="img/brand/eastInline.png" alt="">
										<p>东方有线</p>
									</div>
									<div class="oneDiv">
										<img src="img/brand/siChuang.png" alt="">
										<p>四川广电网络</p>
									</div>
									<div class="oneDiv">
										<img src="img/brand/jiangXiVideo.png" alt="">
										<p>江西广电网络</p>
									</div>
									<div class="oneDiv">
										<img src="img/brand/shanXiguangdian.png" alt="">
										<p>山西广电信息网络集团</p>
									</div>
									<div class="oneDiv">
										<img src="img/brand/xinhuaBook.png" alt="">
										<p>新华书店</p>
									</div>
									<div class="oneDiv">
										<img src="img/brand/dm.png" alt="">
										<p>大麦网</p>
									</div>
								</div>
								<div class="swiper-slide">
									<div class="oneDiv">
										<img src="img/brand/tpp.png" alt="">
										<p>淘票票</p>
									</div>
									<div class="oneDiv">
										<img src="img/brand/qcdh.png" alt="">
										<p>睛彩导航</p>
									</div>
									<div class="oneDiv">
										<img src="img/brand/zhenzhou.png" alt="">
										<p>郑州晚报</p>
									</div>
									<div class="oneDiv">
										<img src="img/brand/chniaRead.png" alt="">
										<p>中国有声读物</p>
									</div>
									<div class="oneDiv">
										<img src="img/brand/jiangxilvyou.png" alt="">
										<p>江西旅游广播</p>
									</div>
									<div class="oneDiv">
										<img src="img/brand/ningxiaguangbo.png" alt="">
										<p>宁夏广播电视台</p>
									</div>
									<div class="oneDiv">
										<img src="img/brand/shanxixinrui.png" alt="">
										<p>陕西新锐广播</p>
									</div>
									<div class="oneDiv">
										<img src="img/brand/shijiazhuangyinyue.png" alt="">
										<p>石家庄音乐广播</p>
									</div>
									<div class="oneDiv">
										<img src="img/brand/zhengzhourenminguangbo.png" alt="">
										<p>郑州人民广播电台</p>
									</div>
									<div class="oneDiv">
										<img src="img/brand/liaoNingVideo.png" alt="">
										<p>辽宁广播电视台</p>
									</div>
									<div class="oneDiv">
										<img src="img/brand/kunMingVideo.png" alt="">
										<p>昆明广播电视台</p>
									</div>
									<div class="oneDiv">
										<img src="img/brand/changChun.png" alt="">
										<p>长春广播电视台</p>
									</div>
									<div class="oneDiv">
										<img src="img/brand/heFeiVideo.png" alt="">
										<p>合肥广播电视台</p>
									</div>
									<div class="oneDiv">
										<img src="img/brand/JinZhouVideo.png" alt="">
										<p>荆州人民广播电台</p>
									</div>
									<div class="oneDiv">
										<img src="img/brand/jiLingVideo.png" alt="">
										<p>吉林广播电视台</p>
									</div>
								</div>
								<div class="swiper-slide">
									<div class="oneDiv">
										<img src="img/brand/zibo.png" alt="">
										<p>淄博广播电视台</p>
									</div>
									<div class="oneDiv">
										<img src="img/brand/deHongVideo.png" alt="">
										<p>德宏广播电视台</p>
									</div>
									<div class="oneDiv">
										<img src="img/brand/YCTV.png" alt="">
										<p>宜春广播电视台</p>
									</div>
									<div class="oneDiv">
										<img src="img/brand/heiLongJiangJiaMuSi.png" alt="">
										<p>佳木斯广播电视台</p>
									</div>
									
								</div>
						</div>
						<!-- 如果需要导航按钮 -->
						<!-- <div class="swiper-button-prev"></div>
						<div class="swiper-button-next"></div> -->
						<div class="swiper-button-prev"></div>
    				<div class="swiper-button-next"></div>
				</div>
				</div>
			</div>
			<div class="action tab-4">
				<div class="title">
					<img class="center" src="img/title4.png" alt="">
				</div>
				<div class="middle first4">
					<div class="address-map">
						<div id="baidu-map"></div>
					</div>
					<div class="address">
						<p>
							<img style="width:11px;height:15px;" src="img/dizhi.png" alt="">
							<span>朝阳区双桥路9号491空间18号楼</span>
						</p>
						<p>
							<img style="width: 16px;height: 13px;" src="img/dianhua.png" alt="">
							<span>电话：010-64716868</span>
						</p>
						<p>
							<img style="width: 14px;height: 14px;" src="img/youxiang.png" alt="">
							<span>邮箱：cbct@cbct.cn</span>
						</p>
					</div>
				</div>
			</div>
			<div class="action tab-5">
				<!-- <div class="title"> -->
					<!-- <img class="center" src="img/title5.png" alt=""> -->
				<!-- </div> -->
				<div class="middle first5"  style="color:#000;">
					<!-- <div class="top">
						<div>
							<p>2015年，中广创思开展睛彩天下电视频道经营。在上海、山</p>
							<p>西、江西、四川四个省市落地播出。覆盖有线电视用户</p>
							<p><span> 3283.57 </span>万户，近<span> 1亿人口。</span></p>
						</div>
						<img style="height:293px;width: 323px;" src="img/ditu.png" alt="">
					</div>
					<div class="bottom">
						<img style="height: 228px;width: 433px;" src="img/zhuzhuangtu.png" alt="">
						<div>
							<p>2019年，中广创思启动IPTV，在各省IPTV平台设立直播</p>
							<p>频道和点播专区，面向全国<span>2.81亿户</span>提供服务。</p>
						</div>
					</div> -->
					<p style="text-align: center;font-size: 32px;padding:1em 0;"><strong style="font-weight: bold;">中广创思业务销售运营合作伙伴招募公告</strong></p>
					<p style="padding:1em 0;"><font size=2 color="gray">发布日期：2023年1月6日</font></p>
					<p style="padding:1em 0;">本项目为中广创思网络科技有限公司（以下简称中广创思）“睛彩”系列四套体育频道落地销售运营合作项目，现进行合作伙伴公开招募，有意向的潜在合作伙伴可前来报名。要求本次招募的合作伙伴认同中广创思的文化和合作模式，愿意按照招募公告及签署的协议要求接受和配合中广创思的管理和指导的法人实体、或具有经营主体资格的其他组织，经中广创思和咪咕联合团队审核同意后，即可成为本项目的合作伙伴。</p>
					<p style="padding:1em 0;"><strong style="font-weight: bold;">一、合作伙伴工作内容 </strong></p>
					<p style="padding:1em 0;">本次招募的合作伙伴在中广创思授权范围内，主要承接“睛彩”系列四套频道在各省广电新媒体IPTV平台落地接入、有线电视网、OTT及其他符合频道落地范围的平台和网络进行打包营销、销售和售后协议履行服务。</p>
					<p style="padding:1em 0;"><strong style="font-weight: bold;">二、渠道合作伙伴资格要求</strong></p>
					<p style="padding:1em 0;">1、认同中广创思公司的文化和合作模式，愿意按照招募公告及签署的协议要求接受和配合中广创思公司在工作内容的管理和指导。</p>
					<p style="padding:1em 0;">2、合作伙伴单位必须是法人实体，或具有经营主体资格的其他组织，不允许引入自然人作为渠道。</p>
					<p style="padding:1em 0;">3、掌握一定的行业及客情资源，或在广电行业业务重点具备良好的合作基础。</p>
					<p style="padding:1em 0;">4、需提供企业合法有效的《营业执照》和法定代表人身份证等有效证件。</p>
					<p style="padding:1em 0;">5、遵守国家法律法规，无违法和违规记录。</p>
					<p style="padding:1em 0;">6、公司注册资金100万以上；公司注册3年（含）以上；有与平台方业务合作3年（含）以上的经验。</p>
					<p> </p>
					<p style="padding:1em 0;"><strong style="font-weight: bold;">三、合作双方职责分工</strong></p>
					<p style="padding:1em 0;">合作方协助中广创思公司为平台方提供优质的服务，双方各司其职，分工协作，职责划分如下：</p>
					<p style="padding:1em 0;">1、中广创思工作职责</p>
					<p style="padding:1em 0;">业务定价：制定产品及服务市场价格。</p>
					<p style="padding:1em 0;">项目方案制定：对接客户需求，完成服务方案制定。</p>
					<p style="padding:1em 0;">合作伙伴管理：根据评价机制对合作伙伴进行考核、管理，及时发放结算分成款。</p>
					<p style="padding:1em 0;">2、合作伙伴工作职责</p>
					<p style="padding:1em 0;">利用自身渠道和资源，协助中广创思发展客户，促成中广创思与客户达成业务合作协议。</p>
					<p style="padding:1em 0;">快速推动频道在全国分省的落地销售，为频道后向运营打开局面；获取频道在分省合作平台方的营销推广资源，扩大频道品牌声量；争取频道在合作平台的位序优先排列，优化日常运营，提升频道收视数据，保障合作平台方按周期正常结算等。</p>
					<p style="padding:1em 0;"><strong style="font-weight: bold;">四、合作模式</strong></p>
					<p style="padding:1em 0;">合作模式为收入分成合作。</p>
					<p style="padding:1em 0;"><strong style="font-weight: bold;">五、渠道合作伙伴评价和退出机制</strong></p>
					<p style="padding:1em 0;">自本合同生效日期起3个月内，乙方的报备省份无任何实质进展（包括但不限于未进入谈判环节，与新媒体等平台方合作意向未确立等），则甲方有权单方面解除与乙方该省份的合作；若6个月内未能与报备省份签署合作协议或展开实质合作的，则甲方有权单方面解除与乙方的合作。</p>
					<p style="padding:1em 0;">销售运营合作方拓展的省份在合同到期前6个月向中广创思报备该省是否续约，在合同到期前3个月若没有续约成功，则该省续约合作回收，由中广创思或由中广创思指定合作伙伴进行续约工作。</p>
					<p style="padding:1em 0;">六、 报名和材料提交</p>
					<p style="padding:1em 0;">联系人：</p>
					<p style="padding:1em 0;">史女士，电话010-64716868 ，邮箱：<a href='mailto:shixueyi@cbct.cn' target='_blank' class='url'>shixueyi@cbct.cn</a></p>
					<p style="padding:1em 0;">孙先生，邮箱：<a href='mailto:sunliang@migu.cn' target='_blank' class='url'>sunliang@migu.cn</a></p>
					<p style="padding:1em 0;"> </p>
					<p style="padding:1em 0;">声明：中广创思发布本公告旨在邀请潜在合作伙伴参与上述招募程序，本公告不应被视为具有任何法律约束力的要约或者承诺。在与潜在合作伙伴签署上述所描述业务合作协议之前，中广创思并未与潜在合作伙伴产生具有法律约束力的权利义务关系。</p>
					<p> </p>
					<p> </p>
				</div>
			</div>
			<div class="action tab-6">
				<div class="title">
					<img class="center" src="img/title6.png" alt="">
				</div>
				<div class="middle first6">
					<div>
						<p>中广创思与各大运营商开展合作。</p>
						<p>为手机用户提供视频<span> 包月 </span>和<span> 点播 </span>观看服务。</p>
					</div>
					<img style="width:396px;height:378px;" src="img/shouji.png" alt="">
				</div>
			</div>
			<div class="action tab-7">
				<div class="title">
					<img class="center" src="img/title7.png" alt="">
				</div>
				<div class="middle first7">
					<div class="imglist">
						<img src="img/chezai1.png" alt="">
						<img style="margin:0 29px;" src="img/chezai2.png" alt="">
						<img src="img/chezai3.png" alt="">
					</div>
					<div class="msg">
						<p>中广创思与国内各主要汽车厂家深度合作，通过车载终端系统，为企业客户在车载移动多媒体专区提供 <span>服务专区、</span></p>
						<p><span>品牌专区、APP预装</span>等车媒体服务，推广企业客户的品牌和服务。</p>
					</div>
				</div>
			</div>
			<div class="action tab-8">
				<div class="title">
					<img class="center" src="img/title9.png" alt="">
				</div>
				<div class="middle first8">
					<div class="player">
						<div class="bg"></div>
						<div class="audio">
							<audio id="audio" style="width:100%;background:#fff;outline:none;" src=""  crossorigin="anonymous" controls preload="auto"></audio>
						</div>
					</div>
					<div class="audioList"></div>
				</div>
			</div>
			<div class="action tab-9">
				<div class="title">
					<img class="center" src="img/title10.png" alt="">
				</div>
				<div class="middle first9">
					<div class="player">
						<img id="playVideo" src="./img/videoplay.png" alt="">
						<video
							id="livePlayer1"
							preload="auto"
							playsInline
							controls
							crossorigin="anonymous"
							webkit-playsinline
							x-webkit-airplay="true"
							x5-playsinline="true"
							controlslist="nodownload noremoteplayback"
							disablePictureInPicture="true"
						/>
					</div>
					<div class="tab">
						<p class="active">
							<span class="name">正在直播</span>
						</p>
						<p>
							<span class="name">表演</span>
						</p>
					</div>
					<div class="videoList1"></div>
				</div>
			</div>
			<div class="action tab-10">
				
			</div>
			<a style="display: block;margin-top: 20px;font-size: 18px;" href="partenr.html">《中广创思业务销售运营合作伙伴招募公告》</a>
		</div>
	</div>
	<div style="min-height: 109px;width:100%;height: auto;"></div>
	<div id="footer"></div>
</body>
<script>
		var i = 0; //初始变量
		var mySwiper;
		//tab切换
		$('#header').load('header.html',function(){
				$('#header .item').click(function() {
				i = $(this).index(); //当前索引
				$(this).addClass('active').siblings().removeClass('active');
				$('.action').eq(i).addClass('active1').siblings().removeClass('active1');
				if(mySwiper && i != 2){
					mySwiper.destroy(false)
				}
				switch (i) {
					case 0:
					$('.bj').css('background-image','url("img/banner-1.png")')
						break;
					case 1:
					$('.bj').css('background-image','url("img/banner-2.png")')
						break;
					case 2:
					$('.bj').css('background-image','url("img/banner-3.png")')
					mySwiper = new Swiper ('.swiper-container', {
						// direction: 'vertical',
						loop: true,
						autoplay : 3000,
						autoplayDisableOnInteraction : false,
						// autoplay:{
						// 	disableOnInteraction: false,
						// },
						// observer:true,
						// 如果需要前进后退按钮
						// navigation: {
						// 	nextEl: '.swiper-button-next',
						// 	prevEl: '.swiper-button-prev',
						// },
						prevButton:'.swiper-button-prev',
						nextButton:'.swiper-button-next',
					})
						break;
					case 3:
					$('.bj').css('background-image','url("img/banner-4.png")')
						break;
				}
				hasScroll()
			})
		})
		$('#clickDIvclick').click(function() {
			$('.action').eq(4).addClass('active1').siblings().removeClass('active1');
			hasScroll()
		})
	$('#footer').load('footer.html')
	$(function(){
		//音乐娱乐
		let audioList = [
			[
				{num:1,title:'《星 期 三》',time:'2:11',source:'http://img001.seefm.com.cn/video/www/music_wy_1.mp3'},
				{num:2,title:'《Not Tonight》',time:'1:07',source:'http://img001.seefm.com.cn/video/www/music_wy_2.mp3'},
				{num:3,title:'《童 话》',time:'2:14',source:'http://img001.seefm.com.cn/video/www/music_wy_3.mp3'},
				{num:4,title:'《谢谢 你爱我》',time:'1:46',source:'http://img001.seefm.com.cn/video/www/music_wy_4.mp3'},
				{num:5,title:'《说 再见吧》',time:'2:13',source:'http://img001.seefm.com.cn/video/www/music_wy_5.mp3'},
				{num:6,title:'《年少 无邪》',time:'1:55',source:'http://img001.seefm.com.cn/video/www/music_wy_6.mp3'},
				{num:7,title:'《在哪里 都很好》',time:'2:10',source:'http://img001.seefm.com.cn/video/www/music_wy_7.mp3'},
				{num:8,title:'《第 一天》',time:'1:17',source:'http://img001.seefm.com.cn/video/www/music_wy_8.mp3'},
				{num:9,title:'《一直 很安静》',time:'1:47',source:'http://img001.seefm.com.cn/video/www/music_wy_9.mp3'},
				{num:10,title:'《熹 微》',time:'1:13',source:'http://img001.seefm.com.cn/video/www/music_wy_10.mp3'},
			],
			[
				{num:11,title:'《太阳 洒在 海洋 的方向》',time:'2:03',source:'http://img001.seefm.com.cn/video/www/music_wy_11.mp3'},
				{num:12,title:'《无 华》',time:'1:59',source:'http://img001.seefm.com.cn/video/www/music_wy_12.mp3'},
				{num:13,title:'《酸酸 甜甜 就是我》',time:'1:45',source:'http://img001.seefm.com.cn/video/www/music_wy_13.mp3'},
				{num:14,title:'《可惜 不是你》',time:'1:53',source:'http://img001.seefm.com.cn/video/www/music_wy_14.mp3'},
				{num:15,title:'《相信 我》',time:'1:34',source:'http://img001.seefm.com.cn/video/www/music_wy_15.mp3'},
				{num:16,title:'《明天 留给我》',time:'0:42',source:'http://img001.seefm.com.cn/video/www/music_wy_16.mp3'},
				{num:17,title:'《我 陪你 面对》',time:'1:48',source:'http://img001.seefm.com.cn/video/www/music_wy_17.mp3'},
				{num:18,title:'《从 开始 到现在》',time:'1:54',source:'http://img001.seefm.com.cn/video/www/music_wy_18.mp3'},
				{num:19,title:'《如果 你也 这样过》',time:'1:44',source:'http://img001.seefm.com.cn/video/www/music_wy_19.mp3'},
				{num:20,title:'《低级 趣味》',time:'1:32',source:'http://img001.seefm.com.cn/video/www/music_wy_20.mp3'},
			],
			
		]
		const imgPath = './img/play.png'
		const audioDom = document.getElementById('audio')
		const imgs = audioList.map((item,index)=>{
			const div = $(`<div class="list list${index+1}"></div>`)
			const p = item.map(i => {
				return `<p class="toPlay">
									<span class="left">
										${i.num}
										<span class="title">${i.title}</span>	
									</span>
									<span class="right" style="display:flex;align-items:center;">
										<img src="${imgPath}" style="width:20px;height:20px;margin-right:5px;display:none;"/>	
										${i.time}
									</span>
								</p>`
			})
			div.append(...p)
			return div
		})
		$('.audioList').append(...imgs)
		$('.audioList').css('justify-content',audioList.length>1?'space-between':'space-around')
		// $('#audio').attr('src','http://img001.seefm.com.cn/video/www/music_wy_1.mp3')
			$('.list1 .toPlay').on('click',function(e){
				$('.list2 .toPlay').css("color", "rgba(0,0,0,.8)")
				$('.list2 .toPlay').find('img').css("display", "none")
				$(this).find('img').css('display','inline-block')
				$(this).css('color','rgba(255,35,35,.85)')
				$(this).siblings().css("color", "rgba(0,0,0,.8)")
				$(this).siblings().find('img').css("display", "none")
				$('#audio').attr('src',audioList[0][$(this).index()].source)
				$('#audio').load()
				audioDom.play()
			})
			$('.list2 .toPlay').on('click',function(e){
				$('.list1 .toPlay').css("color", "rgba(0,0,0,.8)")
				$('.list1 .toPlay').find('img').css("display", "none")
				$(this).find('img').css('display','inline-block')
				$(this).css('color','rgba(255,35,35,.85)')
				$(this).siblings().css("color", "rgba(0,0,0,.8)")
				$(this).siblings().find('img').css("display", "none")
				$('#audio').attr('src',audioList[1][$(this).index()].source)
				$('#audio').load()
				audioDom.play()
			})
		//表演
		let videolist1 = [
			{num:'543',url:'./img/z_hongyao.png',bgurl:'./img/hongyao.jpg',title:'洪耀的直播',videoSource:'http://1258023332.vod2.myqcloud.com/14630f7fvodcq1258023332/a005546a5285890811006384791/playlist_eof.m3u8'},
			{num:'1020',url:'./img/z_wentai.png',bgurl:'./img/wentai.png',title:'闻泰的直播',videoSource:'http://1258023332.vod2.myqcloud.com/14630f7fvodcq1258023332/8d1376c85285890811403441488/playlist_eof.m3u8'},
			{num:'380',url:'./img/z_yanan.png',bgurl:'./img/yanan.png',title:'亚男的直播',videoSource:'http://1258023332.vod2.myqcloud.com/14630f7fvodcq1258023332/9fa15d0d5285890811125329775/playlist_eof.m3u8'},
			{num:'673',url:'./img/z_xiaomei.png',bgurl:'./img/xiaomei.png',title:'小美的直播',videoSource:'http://1258023332.vod2.myqcloud.com/14630f7fvodcq1258023332/2a3749575285890811249775458/playlist_eof.m3u8'},
			{num:'1387',url:'./img/z_wentai2.png',bgurl:'./img/wentai.png',title:'闻泰的直播',videoSource:'http://1258023332.vod2.myqcloud.com/14630f7fvodcq1258023332/fc32bb255285890811615435324/playlist_eof.m3u8'},
			{num:'487',url:'./img/z_xiaopeng.png',bgurl:'./img/xiaopeng.jpg',title:'小朋的直播',videoSource:'http://1258023332.vod2.myqcloud.com/14630f7fvodcq1258023332/025b44df5285890811551315070/playlist_eof.m3u8'},
			{num:'995',url:'./img/z_xiaozhi.png',bgurl:'./img/xiaozhi.jpg',title:'小智的直播',videoSource:'http://1258023332.vod2.myqcloud.com/14630f7fvodcq1258023332/c9be4d0b5285890811384510864/playlist_eof.m3u8'},
			{num:'1459',url:'./img/z_wenjing.png',bgurl:'./img/wenjing.jpg',title:'文静的直播',videoSource:'http://1258023332.vod2.myqcloud.com/14630f7fvodcq1258023332/93af75c75285890811397126016/playlist_eof.m3u8'},
			{num:'1532',url:'./img/z_naiqian.png',bgurl:'./img/naiqian.png',title:'乃千的直播',videoSource:'http://1258023332.vod2.myqcloud.com/14630f7fvodcq1258023332/81d6af595285890811247114110/playlist_eof.m3u8'},
			{num:'647',url:'./img/z_xiaorui.png',bgurl:'./img/xiaorui.jpg',title:'晓蕊的直播',videoSource:'http://1258023332.vod2.myqcloud.com/14630f7fvodcq1258023332/f36429e35285890811442532470/playlist_eof.m3u8'},
			{num:'865',url:'./img/z_yueyang.png',bgurl:'./img/yueyang.jpg',title:'悦扬的直播',videoSource:'http://1258023332.vod2.myqcloud.com/14630f7fvodcq1258023332/34c5963c5285890811443040315/playlist_eof.m3u8'},
			{num:'1544',url:'./img/z_yangxiaoyu.png',bgurl:'./img/yangxiaoyu.png',title:'杨小渔的直播',videoSource:'http://1258023332.vod2.myqcloud.com/14630f7fvodcq1258023332/f76fe18b5285890811513883614/playlist_eof.m3u8'},
		]
		let imgs1 = videolist1.map(item=>{
			return `<p class="toPlay1">
						<span class="play">
							<span class="num">${item.num}</span>
							<img class="button" src="./img/videoplay.png"/>
							<img class='img' style="width:50%;height:100%;" src="${item.url}"/>
							<img style="width:100%;height:100%;float:left;filter: blur(3px);" src="${item.bgurl}"/>
						</span>
						<span class="videotitle">${item.title}</span>
					</p>`
		})
		$('.videoList1').append(...imgs1)
		let video = document.getElementById('livePlayer1')
		let videoSrc = 'http://playing.cbct.cn/live/36353_swqeqj.m3u8';
		let playBackUrl = 'http://1258023332.vod2.myqcloud.com/14630f7fvodcq1258023332/a005546a5285890811006384791/playlist_eof.m3u8'
		let hls = null
		if (Hls.isSupported()) {
			hls = new Hls();
			hls.attachMedia(video);
			hls.loadSource(videoSrc);
			hls.on(Hls.Events.MANIFEST_PARSED, () => {
					console.log('加载成功')
        })
        hls.on(Hls.Events.ERROR, (event, data) => {
          // 监听出错事件
          console.log('加载失败', event, data)
				})
				$('.toPlay1').on('click',function(){
					videoSrc = videolist1[$(this).index()].videoSource
					if(hls){
						hls.destroy()
					}
					hls = new Hls()
					hls.attachMedia(video);
					hls.loadSource(videoSrc);
					video.play()
				})
		}
		$('#playVideo').on('click',function(){
			video.play()
			$('#playVideo').css('display','none')
		})
		//设置伪元素样式
		function setStyle(el,value){
			el.forEach(item =>{
				document.styleSheets[0].addRule(item,`display:${value}`)
			})
		}
		$('.tab p').click(function(){
			let tab = $(this).index()
			$(this).addClass('active').siblings().removeClass('active');
			$('.videoList1').css({'display':`${tab == 1?'flex':'none'}`})
			$('#playVideo').css('display',`${tab == 1?'none':'block'}`)
			$('#livePlayer1').css('pointer-events',`${tab == 1?'auto':'none'}`)
			if(hls){
				hls.destroy()
			}
			hls = new Hls()
			hls.attachMedia(video);
			setStyle([
					'video::-webkit-media-controls-current-time-display',
					'video::-webkit-media-controls-timeline',
					'video::-webkit-media-controls-time-remaining-display',
					'video::-webkit-media-controls-play-button',
					'video::-webkit-media-controls-fullscreen-button',
					'video::-webkit-media-controls-mute-button'
				],`${tab == 1?'inline':'none'}`)
				hls.loadSource(`${tab == 1?playBackUrl:'http://playing.cbct.cn/live/36353_swqeqj.m3u8'}`);
		})
		let paras = location.search;			//search获得地址中的参数，内容为'?type=1'
		let result = paras.match(/[^\?&]*=[^&]*/g); 	//match是字符串中符合的字段一个一个取出来，result中的值为['login=xx','table=admin']
		paras = {};	
		for(i in result){
			let temp = result[i].split('=');	//split()将一个字符串分解成一个数组,两次遍历result中的值分别为['itemId','xx']
			paras[temp[0]] = temp[1];
		}
		let type = paras.type;     //根据参数名"type"，获取参数值
		if(type!='' && type!=undefined){
			switch (type) {
				case '1':
				$('.action').removeClass('active1')
				$('.tab-5').addClass('active1')
				$('.bj').css('background-image','url("img/banner-5.png")')
					break;
				case '2':
				$('.action').removeClass('active1')
				$('.tab-6').addClass('active1')
				$('.bj').css('background-image','url("img/banner-6.png")')
					break;
				case '3':
				$('.action').removeClass('active1')
				$('.tab-7').addClass('active1')
				$('.bj').css('background-image','url("img/banner-7.png")')
					break;
				case '4':
				$('.action').removeClass('active1')
				$('.tab-8').addClass('active1')
				$('.bj').css('background-image','url("img/banner-9.png")')
					break;
				case '5':
				$('.action').removeClass('active1')
				$('.tab-9').addClass('active1')
				$('.bj').css('background-image','url("img/banner-8.png")')
					break;
			}
		}
		//判断是否有滚动条
		hasScroll = function (){
			if(document.body.scrollHeight > (window.innerHeight || document.documentElement.clientHeight)){
			//有滚动条
			$('#footer').css('position','static')
			}else{
				//无滚动条
				$('#footer').css({'position':'absolute','bottom':'0px'})
			}
		}
		hasScroll()
	})
	$(window).resize(function(){
		hasScroll()
	})
	//创建和初始化地图函数：
  function initMap(){
      createMap();//创建地图
      setMapEvent();//设置地图事件
      addMapControl();//向地图添加控件
      addMarker();//向地图中添加marker
  }

  //创建地图函数：
  function createMap(){
      let map = new BMap.Map("baidu-map");//在百度地图容器中创建一个地图
      let point = new BMap.Point(116.509355,39.969221);//定义一个中心点坐标
      map.centerAndZoom(point,17);//设定地图的中心点和坐标并将地图显示在地图容器中
      window.map = map;//将map变量存储在全局
  }

  //地图事件设置函数：
  function setMapEvent(){
      map.enableDragging();//启用地图拖拽事件，默认启用(可不写)
      map.enableScrollWheelZoom();//启用地图滚轮放大缩小
      map.enableDoubleClickZoom();//启用鼠标双击放大，默认启用(可不写)
      map.enableKeyboard();//启用键盘上下左右键移动地图
  }

  //地图控件添加函数：
  function addMapControl(){
      //向地图中添加缩略图控件
      let ctrl_ove = new BMap.OverviewMapControl({anchor:BMAP_ANCHOR_BOTTOM_RIGHT,isOpen:0});
      map.addControl(ctrl_ove);
      //向地图中添加比例尺控件
      let ctrl_sca = new BMap.ScaleControl({anchor:BMAP_ANCHOR_BOTTOM_LEFT});
      map.addControl(ctrl_sca);
  }

  //标注点数组
  let markerArr = [{title:"中广创思网络科技有限公司",content:"地址:朝阳区双桥路9号491空间18号楼",point:"116.588696|39.894767",isOpen:1,icon:{w:73,h:25,l:0,t:21,x:9,lb:12}}
  ];
  //创建marker
  function addMarker(){
      for(let i=0;i<markerArr.length;i++){
          let json = markerArr[i];
          let p0 = json.point.split("|")[0];
          let p1 = json.point.split("|")[1];
          let point = new BMap.Point(p0,p1);
          let iconImg = createIcon(json.icon);
          let marker = new BMap.Marker(point,{icon:iconImg});
          let iw = createInfoWindow(i);
          let label = new BMap.Label(json.title,{"offset":new BMap.Size(json.icon.lb-json.icon.x+10,-20)});
          marker.setLabel(label);
          map.addOverlay(marker);
          label.setStyle({
              borderColor:"#808080",
              color:"#333",
              cursor:"pointer"
          });

          (function(){
              let index = i;
              let _iw = createInfoWindow(i);
              let _marker = marker;
              _marker.addEventListener("click",function(){
                  this.openInfoWindow(_iw);
              });
              _iw.addEventListener("open",function(){
                  _marker.getLabel().hide();
              })
              _iw.addEventListener("close",function(){
                  _marker.getLabel().show();
              })
              label.addEventListener("click",function(){
                  _marker.openInfoWindow(_iw);
              })
              if(!!json.isOpen){
                  label.hide();
                  _marker.openInfoWindow(_iw);
              }
          })()
      }
  }
  //创建InfoWindow
  function createInfoWindow(i){
      let json = markerArr[i];
      let iw = new BMap.InfoWindow("<b class='iw_poi_title' title='" + json.title + "'>" + json.title + "</b><div class='iw_poi_content' style='line-height: 1;'>"+json.content+"</div>");
      return iw;
  }
  //创建一个Icon
  function createIcon(json){
      let icon = new BMap.Icon("index-2.htm"/*tpa=https://app.baidu.com/map/images/us_mk_icon.png*/, new BMap.Size(json.w,json.h),{imageOffset: new BMap.Size(-json.l,-json.t),infoWindowOffset:new BMap.Size(json.lb+5,1),offset:new BMap.Size(json.x,json.h)})
      return icon;
  }
  initMap();//创建和初始化地图

</script>
</html>

