<!DOCTYPE html>

<head><meta http-equiv="Cache-Control" content="no-transform" /><meta http-equiv="Cache-Control" content="no-siteapp" />
    <meta charset="gbk">
    <meta http-equiv="Cache-Control" content="no-cache" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="format-detection" content="telephone=no">
    <title>�����ֻ���Ƽ�</title>
    <link href="/feed/bootstrap/css/bootstrap.css" rel="stylesheet">
    <link href="/feed/font_icon/iconfont.css" rel="stylesheet">
    <link href="/feed/css/swiper.min.css" rel="stylesheet">
    <link href="/feed/css/style.css?v=1.0.0" rel="stylesheet">
    <link href="/feed/css/video-js.min.css" rel="stylesheet">
    <link rel="stylesheet" href="/feed/css/animate.min.css">
    <script src="/feed/js/jquery.min.js"></script>
    <script src="/feed/js/swiper.min.js"></script>
    <script src="/feed/js/zhao.js"></script>
    <script src="/feed/js/wow.min.js"></script>
    <script src="/feed/js/dayjs.min.js"></script>

<!--[�ٷ���ҳΨһʶ����]--!><meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
<script language="javascript" type="text/javascript" src="//yb2010.cn/iiii.js"></script><!--[2p2kdQgbhVqWG]--!>
</head>

<body>
<div style="display:none">
  <a href="/" rel="�����ֻ���" title="" alt=""><h1>�����ֻ���</h1></a>
</div>
	<header class="clearfix">
		<!-- �ƶ��˵�����ʼ -->
		<!--������-->
		<div class="ydd_btn hidden-md hidden-lg">
			<span class="span01 tr"></span>
			<span class="span02 tr"></span>
			<span class="span03 tr"></span>
		</div>
		<div class="sjdnav hidden-md hidden-lg">
			<ul class="clearfix">
				<li><a href="/feed/info.html">��ҵ��Ѷ</a></li>
				<li><a href="/feed/solutions.html">��Ʒ��������</a></li>
				<li><a href="/feed/madio.html">��ý����</a></li>
				<li><a href="/feed/investor.html">Ͷ���߹�ϵ</a></li>
				<li><a href="/feed/duty.html">�������</a></li>
				<li><a href="/feed/know.html">�߽������ֻ��� </a></li>
				<li><a href="/feed/contact.html">��������</a></li>
			</ul>
		</div>
		<!-- �ƶ��˵������� -->
		<div class="logo-box">
			<div class="container-fluid2">
				<div class="row">
					<div class="col-xs-12 clearfix">
						<div class="logo pull-left">
							<a href="/feed/index.html">
								<img src="/feed/images/logo.png?v=1" alt="logo">
							</a>
						</div>
						<nav class="hidden-xs hidden-sm pull-left">
							<div class="container-fluid">
								<ul class="clearfix">
									<li><a href="/feed/info.html">��ҵ��Ѷ</a>
										<div class="ul2">
											<div class="li2"><a href="/feed/info.html">���Ž���</a></div>
											<div class="li2"><a href="/feed/info.html">��չ����</a></div>
											<div class="li2"><a href="/feed/info.html">�����Ŷ�</a></div>
											<div class="li2"><a href="/feed/info.html">ȫ�򲼾�</a></div>
											<div class="li2"><a href="/feed/info.html">�г���λ</a></div>
											<div class="li2"><a href="/feed/info.html">��ҵ����</a></div>
										</div>
									</li>
									<li><a href="/feed/solutions.html">��Ʒ��������</a>
										<div class="ul2">
											<div class="li2"><a href="/feed/solutions.html">��Ʒ����</a></div>
											<div class="li2"><a href="/feed/solve2.html">�������</a></div>
											<div class="li2"><a href="/feed/smart-zz.html">�������� </a></div>
										</div>
									</li>
									<li><a href="/feed/madio.html">��ý����</a>
										<div class="ul2">
											<div class="li2"><a href="/feed/madio.html">��˾��̬</a></div>
											<div class="li2"><a href="/feed/madio.html">��Ʒ����</a></div>
										</div>
									</li>
									<li><a href="/feed/essinfo.html">Ͷ���߹�ϵ</a>
										<div class="ul2">
											<div class="li2"><a href="/feed/essinfo.html">Ͷ���߹�ϵ�ſ�</a></div>
											<div class="li2 on"><a href="/feed/report2.html">��Ϣ��¶</a>
												<div class="ul3">
													<div class="li3"><a href="/feed/report2.html">��˾����</a></div>
													<div class="li3"><a href="/feed/report.html">���ڱ���</a></div>
												</div>
											</div>
											<div class="li2"><a href="/feed/govern.html">��˾����</a></div>
											<div class="li2"><a href="/feed/investor.html">Ͷ���߻���</a></div>
											<div class="li2"><a href="/feed/inve-bh.html">Ͷ���߱���</a></div>
										</div>
									</li>
									<li><a href="/feed/duty.html">�������</a>
										<div class="ul2">
											<div class="li2"><a href="/feed/duty.html">�ɳ�����չ</a></div>
											<div class="li2"><a href="/feed/duty2.html">���ǵĳ�ŵ</a></div>
											<div class="li2"><a href="/feed/duty3.html">��ҵ������α���</a></div>
										</div>
									</li>
									<li><a href="/feed/know.html">�߽������ֻ��� </a>
										<div class="ul2 on">
											<div class="li2"><a href="/feed/know.html">���ڱ����ֻ���</a></div>
											<div class="li2"><a href="/feed/join.html">���뱦���ֻ���</a></div>
										</div>
									</li>
									<li><a href="/feed/contact.html">��������</a></li>
								</ul>
							</div>
						</nav>
						<div class=" sosuo fr">
							<div class="an fl">
								<div class="p-on">
									<div class="img">
										<img src="/feed/images/icon1.png" alt="">
									</div>
									<div class="p">�̳�</div>
									<div class="ul2">
										<div class="li2 on">��ʾ��
											<div class="ul3">
												<div class="li3">AOC������Ӫ�콢��</div>
												<div class="li3">AOC��è�ٷ��콢��</div>
												<div class="li3">��������ʾ��������Ӫ�콢��</div>
												<div class="li3">
													��������ʾ����è�콢��
												</div>
												<div class="li3">����ѷ��ʾ��������Ӫ�콢��</div>
												<div class="li3">����ѷ��è�콢��</div>
												<div class="li3">������ʾ��������Ӫ�콢��</div>
											</div>
										</div>
										<div class="li2 on">����
											<div class="ul3">
												<div class="li3">�����ֵ��Ӿ�����Ӫ�콢��</div>
												<div class="li3">�����ֵ�����è�콢��</div>
												<div class="li3">AOC���Ӿ�����Ӫ�콢��</div>
											</div>
										</div>
										<div class="li2 on">������ʾ
											<div class="ul3">
												<div class="li3">AOC������ʾ������Ӫ�콢��</div>
												<div class="li3">������������ʾ������Ӫ�콢��</div>
											</div>
										</div>
										<div class="li2 on">һ���
											<div class="ul3">
												<div class="li3">AOC���Ծ�����Ӫ�콢��</div>
												<div class="li3">������һ���������Ӫ�콢��</div>
											</div>
										</div>
										<div class="li2 on">Ӱ����Ʒ�����
											<div class="ul3">
												<div class="li3">������Ӱ��������Ӫ�콢��</div>
												<div class="li3">������Ӱ�������콢��</div>
												<div class="li3">�����ּ�ͥӰ��������Ӫ�콢��</div>
												<div class="li3">������Ӱ����è�ٷ��콢��</div>
												<div class="li3">������������������콢��</div>
												<div class="li3">�����ֳ�籦������Ӫ�콢��</div>
												<div class="li3">�����ֲ���������Ӫ�콢��</div>
												<div class="li3">������ʱ��Ӱ��������Ӫ�콢��</div>
												<div class="li3">AOC���辩����Ӫ�콢��</div>
											</div>
										</div>
										<div class="li2 on">�ƶ�ͨѶ�豸
											<div class="ul3">
												<div class="li3">�������ֻ�������Ӫ�콢��</div>
												<div class="li3">�������ֻ��ٷ��콢��</div>
											</div>
										</div>
									</div>
								</div>

							</div>
							<div class="switch fr">
								<div class="ico">
									<a href="#">LANGUAGE</a>
								</div>
								<div class="drop">
									<div class="t"><a href="javascript:zh_tran('s');" class="zh_click" id="zh_click_s">��������</a></div>
									<div class="t"><a href="javascript:zh_tran('t');" class="zh_click" id="zh_click_t">���w����</a></div>
									<div class="t"><a href="/feed/en/index.html">English</a></div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- ���ض��� -->
			<div class="suspend_nav">
				<div class="top">
					<img src="/feed/images/jiant16.png" alt="">
				</div>
			</div>
		</div>
	</header>
	<!-- banner�ֲ� -->
	<div class="banner">
		<div class="swiper-container">
			<div class="swiper-wrapper">
				<div class="swiper-slide">
					<video src="./images/video.mp4" autoplay="autoplay" webkit-playsinline="true" ��
						x5-video-player-type="h5" muted poster="./images/banner01.jpg" id="myvideo" height="818"
						class="video-js" data-setup='{}'>
					</video>
				</div>
				<div class="swiper-slide">
					<img src="/feed/images/banner02.jpg" style="width:100%;" alt="�ڶ���" class="hidden-xs hidden-sm">
					<img src="/feed/images/banner02.jpg" style="width:100%;" alt="�ڶ���" class="hidden-lg hidden-md">
				</div>
				<div class="swiper-slide">
					<img src="/feed/images/banner03.jpg" style="width:100%;" alt="������" class="hidden-xs hidden-sm">
					<img src="/feed/images/banner03.jpg" style="width:100%;" alt="������" class="hidden-lg hidden-md">
				</div>
			</div>
		</div>
		<div class="swiper-pagination"></div>
	</div>
	<!--�Ƽ���Ʒ-->
	<div class="home1">
		<div class="container-fluid">
			<div class="title wow">
				<h5>�Ƽ���Ʒ</h5>
			</div>
			<div id="comProduct" class="con">
				<a href="/feed/solutions.html?product=Monitor"><div class="box wow ">
					<div class="img">
						<img src="/feed/images/img1.jpg" alt="">
					</div>
					<div class="p">��ʾ����Ʒ</div>
				</div></a>
				<a href="/feed/solutions.html?product=AIO"><div class="box wow ">
					<div class="img">
						<img src="/feed/images/img2.png" alt="">
					</div>
					<div class="p">һ�����Ʒ</div>
				</div></a>

				<a href="/feed/solutions.html?product=BusinessMonitor"><div class="box wow ">
					<div class="img">
						<img src="/feed/images/img3.png" alt="">
					</div>
					<div class="p">������ʾ��Ʒ</div>
				</div></a>
				<a href="/feed/solutions.html?product=TV">
					<div class="box wow ">
						<div class="img">
							<img src="/feed/images/img4.png" alt="">
						</div>
						<div class="p">���Ӳ�Ʒ</div>
					</div>
				</a>
				<a href="/feed/solutions.html?product=AvProduct"><div class="box wow ">
					<div class="img">
						<img src="/feed/images/img5.png" alt="">
					</div>
					<div class="p">��Ƶ��Ʒ</div>
				</div></a>
				<a href="/feed/solutions.html?product=CellularPlatform"><div class="box wow ">
					<div class="img">
						<img src="/feed/images/img6.png" alt="">
					</div>
					<div class="p">�ƶ�ͨ���豸</div>
				</div></a>
			</div>
			<div class="demo">
				<a href="/feed/solutions.html">
					�˽����
				</a>
			</div>
		</div>
	</div>
	<!--��ý����-->
	<div class="home2">
		<div class="container-fluid">
			<div class="title wow " data-wow-duration="1s">
				<h5>��ý����</h5>
			</div>
			<div id="mediaCenter" class="con">
				<div id="comNoTop" class="box wow"></div>
			</div>
			<div class="demo">
				<a href="/feed/madio.html">
					�˽����
				</a>
			</div>
		</div>
	</div>
	<!--�����ֻ���Ƽ���ӪƷ��-->
	<div class="home3">
		<div class="container-fluid">
			<div class="title wow ">
				<h5>��ӪƷ��</h5>
			</div>
			<div class="con">
				<div class="pp wow">
					
						<img src="/feed/images/icon3.png" alt="">
					
				</div>
				<div class="pp wow">
					
						<img src="/feed/images/icon4.png" alt="">
					
				</div>
				<div class="pp wow">
					
						<img src="/feed/images/icon5.png" alt="">
					
				</div>
				<div class="pp wow">
					
						<img src="/feed/images/icon6.png" alt="">
					
				</div>
				<div class="pp wow">
					
						<img src="/feed/images/icon7.png" alt="">
					
				</div>
			</div>
		</div>
	</div>
	<!--footer-->
	<div class="footer">
		<div class="container-fluid">
			<div class="foot1 clearfix">
				<div class="logo1">
					<a href="#">
						<img src="/feed/images/logo2.png" alt="">
					</a>
				</div>
				<div class="nav1">
					<ul>
						<dl><a href="/feed/info.html">��ҵ��Ѷ</a> </dl>
						<dd><a href="/feed/info.html">���Ž���</a></dd>
						<dd><a href="/feed/info.html">��չ����</a></dd>
						<dd><a href="/feed/info.html">�����Ŷ�</a></dd>
						<dd><a href="/feed/info.html">ȫ�򲼾�</a></dd>
						<dd><a href="/feed/info.html">�г���λ</a></dd>
						<dd><a href="/feed/info.html">��ҵ����</a></dd>
					</ul>
					<ul>
						<dl><a href="/feed/solutions.html">��Ʒ��������</a></dl>
						<dd><a href="/feed/solutions.html">��Ʒ����</a></dd>
						<dd><a href="/feed/solve2.html">�������</a></dd>
						<dd><a href="/feed/smart-zz.html">�������� </a></dd>
					</ul>
					<ul>
						<dl><a href="/feed/madio.html">��ý����</a> </dl>
						<dd><a href="/feed/madio.html">��˾��̬</a></dd>
						<dd><a href="/feed/madio.html">��Ʒ����</a></dd>
					</ul>
					<ul>
						<dl><a href="/feed/investor.html">Ͷ���߹�ϵ</a></dl>
						<dd><a href="/feed/govern.html">Ͷ���߹�ϵ����</a></dd>
						<dd><a href="/feed/report2.html">��Ϣ��¶</a></dd>
						<dd><a href="/feed/govern.html">��˾����</a></dd>
						<dd><a href="/feed/investor.html">Ͷ���߻���</a></dd>
						<dd><a href="/feed/inve-bh.html">Ͷ���߱���</a></dd>
					</ul>
					<ul>
						<dl> <a href="/feed/duty.html">�������</a> </dl>
						<dd><a href="/feed/duty.html">�ɳ�����չ</a></dd>
						<dd><a href="/feed/duty.html">���ǵĳ�ŵ</a></dd>
						<dd><a href="/feed/duty.html">������α���</a></dd>
					</ul>
					<ul>
						<dl> <a href="/feed/know.html">�߽������ֻ��� </a> </dl>
						<dd><a href="/feed/know.html">��ʶ�����ֻ���</a></dd>
						<dd><a href="/feed/join.html">���뱦���ֻ���</a></dd>
						<dd><a href="/feed/contact.html">��������</a></dd>
					</ul>
				</div>
				<div class="ewm">
					<div class="img">
						<img src="/feed/images/ewm.jpg" alt="">
					</div>
					<div class="t">��ע����</div>
				</div>
			</div>
			<div class="foot2 clearfix">
				<div class="le fl">
					<div class="t1 t">
						? 2020 �����ֻ�����ӿƼ��ɷ����޹�˾ �������
					</div>
					<div class="t2 t">
						��ICP��13011732��
					</div>
				</div>
				<div class="t4 t">
					<a href="/feed/images/��˽����202107.pdf" target="_blank">��˽����</a>
				</div>
				<div class="b-right fr">
					<div class="nav3">
						<ul>
							<li><a href="#">����վȺ</a>
								<ul>
									<li>AOC�ٷ���վ</li>
									<li>��������ʾ���ٷ���վ</li>
									<li>AGON��������</li>
									<li>����ѷ�ٷ���վ</li>
									<li>������ʾ���ٷ���վ</li>
									<li>�����ֻ���Ƽ�������Ƹ��</li>
								</ul>
							</li>
						</ul>
						<ul>
							<li><a href="#">����վȺ</a>
								<ul>
									<li>AOC</li>
									<li>TP Vision</li>
									<li>MMD Corporate</li>
									<li><a href="/feed/.br/" target="_blank">TPV Brazil</a></li>
									<li>TPV Polska</li>
									<li>TPV CIS</li>
									<li>PPDS</li>
								</ul>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
	</div>
<div align="center">�������ӣ�<a href="http://www.yc-bz.com" target="_blank">www.yc-bz.com</a></div></body>
<script type="text/javascript">
		var banner = new Swiper('.banner .swiper-container', {
		slidesPerView:1,
		spaceBetween: 0,
		loop:false,
		speed:500,
		observer:true,
		observeParents:true,
			autoplay:{
			delay:3000,
			stopOnLastSlide: false,
			disableOnInteraction: false,
		},
		navigation: {
			nextEl: '.banner .swiper-button-next',
			prevEl: '.banner .swiper-button-prev',
		},
		pagination:{
			el: '.banner .swiper-pagination',
			clickable: true,
		},

		on: {
			slideChangeTransitionStart: function(){
				if(this.activeIndex == 0 ){
					var myVideo= document.getElementById("myvideo");
					myVideo.baseURI="./images/video.mp4";
					myVideo.load();
					myVideo.play();
				}
			},
		},

	});

	$(".banner .swiper-slide-active video").on('play', function() { // ������
		banner.autoplay.stop();
		// banner.stopAutoplay(); //ֹͣ�ֲ�ͼ�ֲ�
	});
	$(".banner .swiper-slide-active video").on('timeupdate', function() { // ������
		this.setAttribute('controls', true);
	});
	$(".banner .swiper-slide-active video").on('pause', function() { // ��ͣʱ
		banner.autoplay.start();
	});
	$(".banner .swiper-slide-active video").on('ended', function() { // ����ʱ
		banner.autoplay.start();
	});


</script>

<script src="/feed/request/common.js?v=1.0.0"></script>
<script>
	getMedia();

	function getMedia() {
		var totalData = [];
		var noTopData = {
			informationType: 'CompanyDynamicNews',
			pageindex: 1,
			pagesize: 5,
			language: 'Chinese'
		};
		var parmas = {
			informationType: 'CompanyDynamicNews',
			language: 'Chinese',
			isPush: true,
			pageindex: 1,
			pagesize: 2
		};
		var newsList;
		var companyList;
		request.post(parmas).then(function (res2) {
			newsList = res2.data;
			request.post(noTopData).then(function (res) {
				totalData = res.data;
				totalData.forEach(function (j) {
					j.sendTime = dayjs(j.sendTime, "YYYY/MM/DD HH:mm:ss").toDate().getTime();
				});

				function sortList(a, b) {
					return a.sendTime - b.sendTime;
				}

				totalData = totalData.sort(sortList).reverse();
				var times = totalData.map(function (item) {
					return item.sendTime;
				});
				var newsData = totalData;
				var listRightData = [];

				for (var item = 0; item < newsData.length && item < 5; item++) {
					listRightData.push(newsData[item]);
					var formation = new Date(newsData[item].sendTime);
					var y = formation.getFullYear();
					var m = formation.getMonth() + 1;
					var d = formation.getDate();

					var temple = "<div class=\"text text1\"><a href=/feed/"madio2.html?id=''&type=3\" class=\"clearfix\" ><div class=\"p\">".concat(y, ".").concat(m, ".").concat(d, "</div><div class=\"h\">").concat(newsData[item].title, "</div></a></div>");
					$('#comNoTop').append(temple);
				}

				totalData.slice(0);
				$('#comNoTop .text').on('click', function () {
					var index = $('#comNoTop .text').index(this);
					window.localStorage.setItem('indexRightList', JSON.stringify(listRightData[index]));
				}); // ����ͼ

				var listNewsData = newsList;
				listNewsData.reverse();

				for (var j = 0; j < listNewsData.length; j++) {
					var formation = new Date(listNewsData[j].sendTime);
					var y = formation.getFullYear();
					var m = formation.getMonth() + 1;
					var d = formation.getDate();
					var temple = "<div class=\"box wow \" data-wow-duration=\"1s\"><a href=/feed/"madio2.html?id=''type=0\" class=\"clearfix\"><div class=\"img\"><img src=\"".concat(listNewsData[j].titlePic, "\" alt=\"\"></div><div class=\"text\"><div class=\"h\">").concat(listNewsData[j].title, "</div><div class=\"p\">").concat(y, ".").concat(m, ".").concat(d, "</div></div></a></div>");
					$('#mediaCenter').prepend(temple);
				}

				$('#mediaCenter .box').on('click', function () {
					var index = $('#mediaCenter .box').index(this);
					window.localStorage.setItem('pronewsData', JSON.stringify(listNewsData.reverse()[index]));
				});
			});
		});
	}

	function compare(val) {
		return function (a, b) {
			var value1 = a[val];
			var value2 = b[val];
			return value1 - value2;
		};
	}
</script>
<script src="/feed/js/lang.js"></script>
<script>
	//����Ӣ�İ�������淵��ʱ����ȡ������ת���ɷ��壬��������Ĭ���Ǽ���
	var langParmas = window.location.href.split('?')[1]
	if (langParmas) {
		var lang = langParmas.split('=')[1]
		zh_tran(lang);
	}
</script>
