﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=1400,target-densitydpi=high-dpi,user-scalable=yes"/>
<!--<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">-->
<title>DongGuan KanTsang  Electroacoustic Technology Co.,Ltd. </title>
<meta name="keywords" content="DongGuan KanTsang  Electroacoustic Technology Co.,Ltd. " />
<meta name="description" content="DongGuan KanTsang  Electroacoustic Technology Co.,Ltd. " />
<link rel="stylesheet" type="text/css" href="css/css.css">
<link rel="stylesheet" type="text/css" href="css//menu.css">
<link rel="stylesheet" type="text/css" href="../css/animate.min.css">
<link rel="stylesheet" type="text/css" href="css/banner.css">
<link rel="stylesheet" type="text/css" href="../css/baguetteBox.min.css">
<link rel="stylesheet" type="text/css" href="../css/font-awesome.css">
<script language="JavaScript" type="text/JavaScript" src="../js/jquery-1.11.1.min.js"></script>
<script language="JavaScript" type="text/JavaScript" src="../js/images.js"></script>
<script language="JavaScript" type="text/JavaScript" src="../js/menu.js"></script>
<script language="JavaScript" type="text/JavaScript" src="../js/clearbox.js"></script>
<script language="JavaScript" type="text/javascript" src="../js/baguetteBox.min.js"></script>
<script language="JavaScript" type="text/javascript" src="../js/pubul.js"></script>
<script language="JavaScript" type="text/JavaScript" src="../js/wow.min.js"></script>
<script>
wow = new WOW({animateClass: 'animated',offset:100,mobile: true,live: true});
wow.init();
var wow2 = new WOW({boxClass: 'wow2',animateClass: 'animated',offset: 0,mobile: true,live: true});
wow2.init();

var nt = !1;
$(window).bind("scroll",
function() {
var st = $(document).scrollTop();//往下滚的高度
nt = nt ? nt: $("#J_m_nav").offset().top;
var sel=$("#J_m_nav");
if (nt = st) {
sel.addClass("nav_fixed");
$(".top_h").removeClass("top_0");
$(".banner").addClass("banners");
$("#search-form").addClass("th");
} else {
sel.removeClass("nav_fixed");
$(".top_h").addClass("top_0");
$("#search-form").removeClass("th");
}
});
</script>

</head>
<body>
<div class="header" id="J_m_nav">
<div class="main2">

<div class="fl">

<div class="navbar">
	<div class="nav-container">
		<div class="navbar-menu">
			<span class="top"></span> <span class="menu mid"></span> <span class="menu bottom"></span>
		</div>
		
		<a href="index.php" class="navbar-logo">
			<img src="../images/logo.png">
		</a>
		
		<div class="collapse">
			<ul class="navbar-nav">
			    <li>
            		<a class="language-icon" href="javascript:void(0)">
                		<img src="../images/language.png" width="20px">
                	</a>
                	<a class="language " href="en/">Chinese</a>
                </li>
				

					
					
<li><a href="index.php">Home<i></i></a></li>
<li><a href="about.php" >About Us<i></i></a></li>
<li><a href="product.php" >Products<i></i></a></li>
<li><a href="core.php" >Manufacturing<i></i></a></li>
<li><a href="news.php" class="cur">KTC Culture<i></i></a></li>
<li><a href="contact.php" >Contact Us<i></i></a></li>
</ul>
			
		</div>
		
		
		
	</div>
</div>

</div>

<div class="wap_none">
<a href="../index.php" class="fr lanuages">CN</a>
<div class="fr search"  id="toggle-search"><img src="../images/search.png"></div>
<form id="search-form"  method="POST" action="product.php">
<fieldset>
<input name="keywords" type="search" placeholder="Product keywords" />
</fieldset>
<input type="submit" value=" Search " />
</form>
</div>

<div class="clear"></div>

</div>

</div>
</div>
<div class="top_h top_0"></div>
<div class="banner_h" style="position:relative; width:100%; overflow:hidden;">
<div class="b2" style="position:absolute; z-index:9; display:none;">
<div class="banner_txt1 wow fadeInUp"   data-wow-delay="0.3s">成功案例</div>
<div class="banner_txt2 wow fadeInUp"   data-wow-delay="0.6s">CASE SHOW</div>
<div class="line wow fadeIn"  data-wow-delay="0.8s"></div>
</div>
<div class="banner" style="background-image:url(../upload_files/2020-06/202006100447263756.jpg)"></div>  
  
</div>
<div class="m2pos clear wap_none">
<ul class="cp2 main">

<li class="wow fadeInUp"><a href="news.php" >News</a></li>
<li class="wow fadeInUp"><a href="style.php" class="cur">Activities</a></li>
</ul>
</div>


<div class="main p50">

<div class="wap_none">
<div class="clear">
<ul class="ot ot2 tz-gallery" id="waterfall">
<li class="wow fadeInUp"><a href="../upload_files/2020-11/202011240221315455.JPG"  title="In 2019,Spring Festival Gala"><div class="photo picflash"><span class="pics"><img src="../upload_files/2020-11/202011240221315455.JPG" width="366" height="275" onload="javascript: DrawImage(this,366,275)"  alt="In 2019,Spring Festival Gala"></span><div class="mask"></div></div><div class="info">In 2019,Spring Festival Gala</div></a></li>
<li class="wow fadeInUp"><a href="../upload_files/2020-11/202011240223007293.JPG"  title="In 2019,Spring Festival Gala"><div class="photo picflash"><span class="pics"><img src="../upload_files/2020-11/202011240223007293.JPG" width="366" height="275" onload="javascript: DrawImage(this,366,275)"  alt="In 2019,Spring Festival Gala"></span><div class="mask"></div></div><div class="info">In 2019,Spring Festival Gala</div></a></li>
<li class="wow fadeInUp"><a href="../upload_files/2020-11/202011240223589111.JPG"  title="In 2019,Spring Festival Gala"><div class="photo picflash"><span class="pics"><img src="../upload_files/2020-11/202011240223589111.JPG" width="366" height="275" onload="javascript: DrawImage(this,366,275)"  alt="In 2019,Spring Festival Gala"></span><div class="mask"></div></div><div class="info">In 2019,Spring Festival Gala</div></a></li>
<li class="wow fadeInUp"><a href="../upload_files/2020-11/202011240224209563.JPG"  title="In 2019,Spring Festival Gala"><div class="photo picflash"><span class="pics"><img src="../upload_files/2020-11/202011240224209563.JPG" width="366" height="275" onload="javascript: DrawImage(this,366,275)"  alt="In 2019,Spring Festival Gala"></span><div class="mask"></div></div><div class="info">In 2019,Spring Festival Gala</div></a></li>
<li class="wow fadeInUp"><a href="../upload_files/2020-11/202011240224395330.JPG"  title="In 2019,Spring Festival Gala"><div class="photo picflash"><span class="pics"><img src="../upload_files/2020-11/202011240224395330.JPG" width="366" height="275" onload="javascript: DrawImage(this,366,275)"  alt="In 2019,Spring Festival Gala"></span><div class="mask"></div></div><div class="info">In 2019,Spring Festival Gala</div></a></li>
<li class="wow fadeInUp"><a href="../upload_files/2020-11/202011240225047232.JPG"  title="In 2019,Spring Festival Gala"><div class="photo picflash"><span class="pics"><img src="../upload_files/2020-11/202011240225047232.JPG" width="366" height="275" onload="javascript: DrawImage(this,366,275)"  alt="In 2019,Spring Festival Gala"></span><div class="mask"></div></div><div class="info">In 2019,Spring Festival Gala</div></a></li>
<li class="wow fadeInUp"><a href="../upload_files/2020-11/202011240225408556.JPG"  title="In 2019,Spring Festival Gala"><div class="photo picflash"><span class="pics"><img src="../upload_files/2020-11/202011240225408556.JPG" width="366" height="275" onload="javascript: DrawImage(this,366,275)"  alt="In 2019,Spring Festival Gala"></span><div class="mask"></div></div><div class="info">In 2019,Spring Festival Gala</div></a></li>
<li class="wow fadeInUp"><a href="../upload_files/2020-11/202011240226017617.JPG"  title="In 2019,Spring Festival Gala"><div class="photo picflash"><span class="pics"><img src="../upload_files/2020-11/202011240226017617.JPG" width="366" height="275" onload="javascript: DrawImage(this,366,275)"  alt="In 2019,Spring Festival Gala"></span><div class="mask"></div></div><div class="info">In 2019,Spring Festival Gala</div></a></li>
<li class="wow fadeInUp"><a href="../upload_files/2020-11/202011240226437692.JPG"  title="In 2019,Spring Festival Gala"><div class="photo picflash"><span class="pics"><img src="../upload_files/2020-11/202011240226437692.JPG" width="366" height="275" onload="javascript: DrawImage(this,366,275)"  alt="In 2019,Spring Festival Gala"></span><div class="mask"></div></div><div class="info">In 2019,Spring Festival Gala</div></a></li>
</ul>
</div>
<div class="pageshow wow fadeIn">
<a href="styleshow.php?cid=469&nid=&keywords=&page="> << </a>  <a href="styleshow.php?cid=469&nid=&keywords=&page=1" class=pagefan>1</a> <a href="styleshow.php?cid=469&nid=&keywords=&page=2" class=pagez>2</a>  <a href="styleshow.php?cid=469&nid=&keywords=&page=2"> >> </a></div>
</div>


<div class=" pc_none">
<ul class="cplist2 tz-gallery" id="waterfall">
<li><a href="../upload_files/2020-11/202011240221315455.JPG"  title="In 2019,Spring Festival Gala"><div class="photo"><span class="pics"><img src="../upload_files/2020-11/202011240221315455.JPG" alt="In 2019,Spring Festival Gala"></span></div><div class="info">In 2019,Spring Festival Gala</div></a></li>
<li><a href="../upload_files/2020-11/202011240223007293.JPG"  title="In 2019,Spring Festival Gala"><div class="photo"><span class="pics"><img src="../upload_files/2020-11/202011240223007293.JPG" alt="In 2019,Spring Festival Gala"></span></div><div class="info">In 2019,Spring Festival Gala</div></a></li>
<li><a href="../upload_files/2020-11/202011240223589111.JPG"  title="In 2019,Spring Festival Gala"><div class="photo"><span class="pics"><img src="../upload_files/2020-11/202011240223589111.JPG" alt="In 2019,Spring Festival Gala"></span></div><div class="info">In 2019,Spring Festival Gala</div></a></li>
<li><a href="../upload_files/2020-11/202011240224209563.JPG"  title="In 2019,Spring Festival Gala"><div class="photo"><span class="pics"><img src="../upload_files/2020-11/202011240224209563.JPG" alt="In 2019,Spring Festival Gala"></span></div><div class="info">In 2019,Spring Festival Gala</div></a></li>
<li><a href="../upload_files/2020-11/202011240224395330.JPG"  title="In 2019,Spring Festival Gala"><div class="photo"><span class="pics"><img src="../upload_files/2020-11/202011240224395330.JPG" alt="In 2019,Spring Festival Gala"></span></div><div class="info">In 2019,Spring Festival Gala</div></a></li>
<li><a href="../upload_files/2020-11/202011240225047232.JPG"  title="In 2019,Spring Festival Gala"><div class="photo"><span class="pics"><img src="../upload_files/2020-11/202011240225047232.JPG" alt="In 2019,Spring Festival Gala"></span></div><div class="info">In 2019,Spring Festival Gala</div></a></li>
<li><a href="../upload_files/2020-11/202011240225408556.JPG"  title="In 2019,Spring Festival Gala"><div class="photo"><span class="pics"><img src="../upload_files/2020-11/202011240225408556.JPG" alt="In 2019,Spring Festival Gala"></span></div><div class="info">In 2019,Spring Festival Gala</div></a></li>
<li><a href="../upload_files/2020-11/202011240226017617.JPG"  title="In 2019,Spring Festival Gala"><div class="photo"><span class="pics"><img src="../upload_files/2020-11/202011240226017617.JPG" alt="In 2019,Spring Festival Gala"></span></div><div class="info">In 2019,Spring Festival Gala</div></a></li>
<li><a href="../upload_files/2020-11/202011240226437692.JPG"  title="In 2019,Spring Festival Gala"><div class="photo"><span class="pics"><img src="../upload_files/2020-11/202011240226437692.JPG" alt="In 2019,Spring Festival Gala"></span></div><div class="info">In 2019,Spring Festival Gala</div></a></li>
<li><a href="../upload_files/2020-11/202011240227088413.JPG"  title="In 2019,Spring Festival Gala"><div class="photo"><span class="pics"><img src="../upload_files/2020-11/202011240227088413.JPG" alt="In 2019,Spring Festival Gala"></span></div><div class="info">In 2019,Spring Festival Gala</div></a></li>
</ul>

<div class="pageshow">
<a href="styleshow.php?cid=469&nid=&keywords=&page="> << </a>  <a href="styleshow.php?cid=469&nid=&keywords=&page=1" class=pagefan>1</a> <a href="styleshow.php?cid=469&nid=&keywords=&page=2" class=pagez>2</a>  <a href="styleshow.php?cid=469&nid=&keywords=&page=2"> >> </a></div>

</div>

</div>

<div class="pc_none">
<div style="padding:10px; background-color:#f5f5f5"></div>
<div style="margin:0 3%">


<div class="titel wow fadeInUp" data-wow-delay="0.1s">
<div class="flol"><a href="news.php">News</a></div>
</div>

<div class="titel wow fadeInUp" data-wow-delay="0.1s">
<div class="flol"><a href="style.php">Activities</a></div>
</div>

</div>

<div style="padding:10px; background-color:#f5f5f5"></div>

</div><div class="foot_b wap_none">
<div class="main ">
<div class="clear">
<div class="foot_t1 wow2 fadeInUp clear"  data-wow-delay="0.3s"><a href="" class="top" id="gototop"><img src="../images/top.png"></a><a href="index.php">Home</a><a href="about.php">About Us</a><a href="product.php">Products</a><a href="core.php">Manufacturing</a><a href="news.php">KTC Culture</a><a href="contact.php">Contact Us</a></div>


</div>



</div>
</div>

<div class="foot">
<div class="main clear">
<div class="fl wow2 fadeInUp" data-wow-delay="0.5s">    CopyRight © DongGuan KanTsang  Electroacoustic Technology Co.,Ltd. <span></span><a href='http://beian.miit.gov.cn/' target='_blank'>粤ICP备15082752号-1</a></div>
<div class="fr fc wow2 fadeInUp" data-wow-delay="0.5s">Power by：<a href='http://www.0769net.com' target='_blank'>0769net.com</a></div>
</div>
</div>


<div class="pc_none" style="height:80px"></div>
<div id="end" class="clear pc_none">
<a class="flol" href="index.php"><i class="fa fa-home"></i><span>Home</span></a>
<a class="flol" href="product.php"><i class="fa fa-th-large"></i><span>Products</span></a>
<a class="flol" href="about.php"><i class="fa fa-building"></i><span>About Us</span></a>
<a class="flol" href="contact.php"><i class="fa fa-fax"></i><span>Contact</span></a>
</div>

<script type="text/javascript">
baguetteBox.run('.tz-gallery');
var opt={
getResource:function(index,render){//index为已加载次数,render为渲染接口函数,接受一个dom集合或jquery对象作为参数。通过ajax等异步方法得到的数据可以传入该接口进行渲染，如 render(elem)
	  if(index>=1) index=index%7+1; 
  },
  auto_imgHeight:true,
  insert_type:1
}
$('#waterfall').waterfall(opt);
</script>

</body>
</html>
