﻿<!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=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>K&A International Co., Ltd.</title>
<meta name="keywords" content="K&A International Co., Ltd." />
<meta name="description" content="K&A International 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/swiper.min.css">
<link rel="stylesheet" type="text/css" href="css/baguetteBox.min.css">
<link rel="stylesheet" type="text/css" href="css/font-awesome.css">
<link rel="stylesheet" href="css/article.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/MSClass.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/left_menu.js"></script>
<script language="JavaScript" type="text/JavaScript" src="js/wow.min.js"></script>
<script language="JavaScript" type="text/JavaScript" src="js/public.js"></script>
<script language="JavaScript" type="text/JavaScript" src="js/jquery.lazyload.js"></script>
</head><body>
<div class="header" id="J_m_nav">
<div class="main">

<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>
            		
                </li>
				

					
					
<li><a href="index.php" >Home</a></li>
<li><a href="product.php" class="cur">Products</a></li>
<li><a href="about.php" >About Us</a></li>
<li><a href="news.php" >News</a></li>
<li><a href="contact.php" >Contact Us</a></li>
<li><a href="javascript:qrcode('user_logo.php')" ><i class="fa fa-user-o"></i>Login</a></li>
</ul>
			
		</div>
		
		
		
	</div>
</div>

</div>


<div class="wap_none">

<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 keyword" />
</fieldset>
<input type="submit" value=" Search " />
</form>

</div>
<div class="clear"></div>


</div>

<div id="guding" style="margin-top:3px">
<div class="m2pos clear">
<ul class="cp2">
<li><a href="product.php?cid=430" >Floor Lamp</a></li>
<li><a href="product.php?cid=456" >Table Lamp</a></li>
<li><a href="product.php?cid=499" class="cur">Wall Lamp</a></li>
<li><a href="product.php?cid=509" >Pendant Lamp</a></li>
<li><a href="product.php?cid=511" >Outdoor Lamp</a></li>
</ul>

</div>
<script type="text/javascript">
var cid = 499</script>
<div class="main">
<a href="javascript:vide(0);" id="shaixuan" class="ab"><i class="fa fa-sliders"></i>FILTER</a>
<div class="search-box clear">

    <dl>
      <dd>MATERIAL</dd>
      <dt>
        <div class="list">
          <ul id="select1" class="select-list">
           
                        <li data-type="eid" data-id="514"><a href="javascript:;">Glass</a></li>
                       <li data-type="eid" data-id="515"><a href="javascript:;">Ceramic</a></li>
                       <li data-type="eid" data-id="516"><a href="javascript:;">Marble</a></li>
                       <li data-type="eid" data-id="517"><a href="javascript:;">Terrazzo</a></li>
                       <li data-type="eid" data-id="518"><a href="javascript:;">Cement</a></li>
                       <li data-type="eid" data-id="519"><a href="javascript:;">Fabric</a></li>
                       <li data-type="eid" data-id="520"><a href="javascript:;">Metal</a></li>
                       <li data-type="eid" data-id="521"><a href="javascript:;">Bamboo</a></li>
                       <li data-type="eid" data-id="522"><a href="javascript:;">Rattan</a></li>
                       <li data-type="eid" data-id="523"><a href="javascript:;">Paper</a></li>
                       <li data-type="eid" data-id="524"><a href="javascript:;">Wood</a></li>
                       <li data-type="eid" data-id="528"><a href="javascript:;">Sea Shell</a></li>
                       <li data-type="eid" data-id="529"><a href="javascript:;">Plastic</a></li>
                       <li data-type="eid" data-id="530"><a href="javascript:;">Feather</a></li>
                       <li data-type="eid" data-id="531"><a href="javascript:;">Polyresin</a></li>
                       <li data-type="eid" data-id="539"><a href="javascript:;">Travertine</a></li>
                       <li data-type="eid" data-id="540"><a href="javascript:;">Water Hyacinth</a></li>
                       <li data-type="eid" data-id="541"><a href="javascript:;">Raffia</a></li>
               
          </ul>
          <div class="fg"></div>
        </div>
        
      </dt>
    </dl>
    
    <dl>
      <dd>FUNCTIONAL</dd>
      <dt>
        <div class="list">
          <ul id="select2" class="select-list">
            
                        <li data-type="fid" data-id="525"><a href="javascript:;">USB Port</a></li>
                       <li data-type="fid" data-id="526"><a href="javascript:;">Wireless Charge</a></li>
                       <li data-type="fid" data-id="527"><a href="javascript:;">LED</a></li>
                       <li data-type="fid" data-id="532"><a href="javascript:;">Dimmable</a></li>
                       <li data-type="fid" data-id="537"><a href="javascript:;">Rechargeable</a></li>
                       <li data-type="fid" data-id="538"><a href="javascript:;">Solar</a></li>
           
          </ul>
        </div>
      </dt>
    </dl>
    
    

<div class="checked clear">
	<div class="bbt">FILTER：</div>
		<div class="select-result">
			<ul class="clear">
			</ul>
			
		</div>
<div  class="res" id="reset-filter">Reset</div>
    </div>

  </div>
  
  

<script type="text/javascript">
var eid = new Array();
var fid = new Array();
$(".select-list li").click(function() {
	var type = $(this).attr("data-type");
	var id = $(this).attr("data-id");
	var copyThisA = $(this).clone();
	if ($(this).hasClass("selected")) {
		$(this).removeClass("selected");
		$(".select-result li[data-id='" + id + "']").remove();
		if(type == "eid"){
			eid_del_item(id);
		}else{
			fid_del_item(id);
		}
	} else {
		$(this).addClass("selected");
		$(".select-result ul").append(copyThisA);
		if(type == "eid"){
			eid_add_item(id);
		}else{
			fid_add_item(id);
		}
	};
	go_filter()
});

$(".select-result ul").delegate("li","click", function(){
	var type = $(this).attr("data-type");
	var id = $(this).attr("data-id");
	$(this).remove();
	$(".select-list li[data-id='" + id + "']").removeClass("selected");
	if(type == "eid"){
		eid_del_item(id);
	}else{
		fid_del_item(id);
	}
	go_filter()
});

$("#reset-filter").click(function(){
	eid = new Array();
	fid = new Array();
	$(".select-result ul").html("");
	$(".select-list li").removeClass("selected");
	go_filter();
});

function go_filter(){
	//console.log(eid,fid);
	var eid_str = eid.join(',');
	var fid_str = fid.join(',');
	console.log(eid_str,fid_str);
	var url = "product_listing.php?cid="+cid+"&eid="+eid_str+"&fid="+fid_str;
	$('#products_list').html('<p class="tips-loading"></p>');
	$.ajax({  
		type : "GET",
		url : url,
		timeout:5000,
		success : function(data) {
			$('#products_list').html(data);
		},
		error:function(xhr,status){
			$('#products_list').html('<p class="tips-error">请求失败！请刷新页面重试。</p>');
		}
	}); 
}

function eid_add_item(val){
	eid.push(val);
}

function eid_del_item(val){
	eid.forEach(function(item, index, arr) {
	    if(item == val) {
	        arr.splice(index, 1);
	    }
	});
}

function fid_add_item(val){
	fid.push(val);
}

function fid_del_item(val){
	fid.forEach(function(item, index, arr) {
	    if(item == val) {
	        arr.splice(index, 1);
	    }
	});
}
</script>
</div>
</div>
<div class="clear"></div>

</div>
</div>
<div class="top_h5 top_0"></div>
<script  type="text/javascript" language="javascript">
jQuery(document).ready(
	function($){
		$(".pics img").lazyload({
		placeholder : "images/loading.gif",
		effect      : "fadeIn"
	});
});
</script>

<div class="main p30">


<div  class="clear">
<div class="cpright">


<div id="products_list">
<div class="wap_none">
<ul class="piclist3 clear">
<li><a href="productshow.php?id=684" title="KL031666">
<div class="picbox"><span class="pics"><img src="upload_files/2025-10/202510200600474660.jpg" alt="KL031666" width="268" height="201" onload="javascript: DrawImage(this,268,201)"></span></div>
<div class="titbox">KL031666</div></a></li>
<li><a href="productshow.php?id=545" title="KL031624A">
<div class="picbox"><span class="pics"><img src="upload_files/2024-08/202408270543517946.jpg" alt="KL031624A" width="268" height="201" onload="javascript: DrawImage(this,268,201)"></span></div>
<div class="titbox">KL031624A</div></a></li>
<li><a href="productshow.php?id=458" title="KL031614">
<div class="picbox"><span class="pics"><img src="upload_files/2024-05/202405160543446525.jpg" alt="KL031614" width="268" height="201" onload="javascript: DrawImage(this,268,201)"></span></div>
<div class="titbox">KL031614</div></a></li>
<li><a href="productshow.php?id=420" title="KL031515A">
<div class="picbox"><span class="pics"><img src="upload_files/2023-10/202310121145268948.png" alt="KL031515A" width="268" height="201" onload="javascript: DrawImage(this,268,201)"></span></div>
<div class="titbox">KL031515A</div></a></li>
<li><a href="productshow.php?id=404" title="KL031606">
<div class="picbox"><span class="pics"><img src="upload_files/2023-10/202310110517566621.jpg" alt="KL031606" width="268" height="201" onload="javascript: DrawImage(this,268,201)"></span></div>
<div class="titbox">KL031606</div></a></li>
<li><a href="productshow.php?id=317" title="KL031596">
<div class="picbox"><span class="pics"><img src="upload_files/2023-09/202309280513029948.jpg" alt="KL031596" width="268" height="201" onload="javascript: DrawImage(this,268,201)"></span></div>
<div class="titbox">KL031596</div></a></li>
<li><a href="productshow.php?id=289" title="KL031598">
<div class="picbox"><span class="pics"><img src="upload_files/2023-09/202309280430325221.jpg" alt="KL031598" width="268" height="201" onload="javascript: DrawImage(this,268,201)"></span></div>
<div class="titbox">KL031598</div></a></li>
<li><a href="productshow.php?id=137" title="KL031569">
<div class="picbox"><span class="pics"><img src="upload_files/2023-08/202308160621427287.jpg" alt="KL031569" width="268" height="201" onload="javascript: DrawImage(this,268,201)"></span></div>
<div class="titbox">KL031569</div></a></li>
<li><a href="productshow.php?id=117" title="KL031568">
<div class="picbox"><span class="pics"><img src="upload_files/2023-08/202308160552543451.jpg" alt="KL031568" width="268" height="201" onload="javascript: DrawImage(this,268,201)"></span></div>
<div class="titbox">KL031568</div></a></li>
<li><a href="productshow.php?id=68" title="KL031552">
<div class="picbox"><span class="pics"><img src="upload_files/2023-08/202308160432228244.jpg" alt="KL031552" width="268" height="201" onload="javascript: DrawImage(this,268,201)"></span></div>
<div class="titbox">KL031552</div></a></li>
</ul>

</div>

<div class="pc_none">
<ul class="cplist2">
<li><a href="productshow.php?id=684"  title="KL031666">
<div class="photo"><span class="pics"><img src="upload_files/2025-10/202510200600474660.jpg" alt="KL031666"></span></div>
<div class="info">KL031666</div>
</a></li>
<li><a href="productshow.php?id=545"  title="KL031624A">
<div class="photo"><span class="pics"><img src="upload_files/2024-08/202408270543517946.jpg" alt="KL031624A"></span></div>
<div class="info">KL031624A</div>
</a></li>
<li><a href="productshow.php?id=458"  title="KL031614">
<div class="photo"><span class="pics"><img src="upload_files/2024-05/202405160543446525.jpg" alt="KL031614"></span></div>
<div class="info">KL031614</div>
</a></li>
<li><a href="productshow.php?id=420"  title="KL031515A">
<div class="photo"><span class="pics"><img src="upload_files/2023-10/202310121145268948.png" alt="KL031515A"></span></div>
<div class="info">KL031515A</div>
</a></li>
<li><a href="productshow.php?id=404"  title="KL031606">
<div class="photo"><span class="pics"><img src="upload_files/2023-10/202310110517566621.jpg" alt="KL031606"></span></div>
<div class="info">KL031606</div>
</a></li>
<li><a href="productshow.php?id=317"  title="KL031596">
<div class="photo"><span class="pics"><img src="upload_files/2023-09/202309280513029948.jpg" alt="KL031596"></span></div>
<div class="info">KL031596</div>
</a></li>
<li><a href="productshow.php?id=289"  title="KL031598">
<div class="photo"><span class="pics"><img src="upload_files/2023-09/202309280430325221.jpg" alt="KL031598"></span></div>
<div class="info">KL031598</div>
</a></li>
<li><a href="productshow.php?id=137"  title="KL031569">
<div class="photo"><span class="pics"><img src="upload_files/2023-08/202308160621427287.jpg" alt="KL031569"></span></div>
<div class="info">KL031569</div>
</a></li>
<li><a href="productshow.php?id=117"  title="KL031568">
<div class="photo"><span class="pics"><img src="upload_files/2023-08/202308160552543451.jpg" alt="KL031568"></span></div>
<div class="info">KL031568</div>
</a></li>
<li><a href="productshow.php?id=68"  title="KL031552">
<div class="photo"><span class="pics"><img src="upload_files/2023-08/202308160432228244.jpg" alt="KL031552"></span></div>
<div class="info">KL031552</div>
</a></li>
</ul>
<div class="clear"></div>

</div>
</div>

</div>
</div>
</div>






<div class="foot_b wap_none">
<div class="main">
<div class="clear">
<div class="t_top">
<dl class="dl01" style="width:25.33%;">
                <dt>INFORMATION</dt>
                <dd>
                 <a href="about.php">About Us</a>
                 <a href="news.php">News</a>
                 <a href="contact.php">Contact Us</a>
                </dd>
            </dl>
            
            <dl class="dl01" style="width:25.33%;">
                <dt>products</dt>
                <dd>
								
                  <a href="product.php?cid=430"><span></span>Floor Lamp</a>
								
                  <a href="product.php?cid=456"><span></span>Table Lamp</a>
								
                  <a href="product.php?cid=499"><span></span>Wall Lamp</a>
								
                  <a href="product.php?cid=509"><span></span>Pendant Lamp</a>
								
                  <a href="product.php?cid=511"><span></span>Outdoor Lamp</a>
               
                </dd>
            </dl>
            
  <dl class="dl01" style="width:43.33%;">
                <dt>contact</dt>
               <dd>
                Address: Chinabest International Centre, 8 Kwai On Road, Kwai Chung, Hong Kong
<br>
Tel: 852-54891646
<br>
Fax: 852-21140770 / 21140771
<br>
Email: minna@kna.com.hk                </dd> 
            </dl>
   
</div>



</div>


</div>
</div>

<div class="foot">
<div class="main clear">
<div class="pc_none" style="text-align:left; padding:0 10px 5px; border-bottom:1px  #CCC solid; margin-bottom:5px;"><b style="display:block; font-size:16px; margin-bottom:5px;">CONTACT</b> Address: Chinabest International Centre, 8 Kwai On Road, Kwai Chung, Hong Kong
<br>
Tel: 852-54891646
<br>
Fax: 852-21140770 / 21140771
<br>
Email: minna@kna.com.hk</div>
<div class="fc">Copyright © K&A International Co., Ltd. All Rights Reserved.</div>
</div>
</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>

<div class="bodyMask" style="display: none;"></div>
<div class="bodyWindow qrcode" style="display: none;">
  <div class="close"><a href="javascript:vide(0);" title="关闭"></a></div>
<div id="kk_ffff"></div>
</div>

<div class="eject_k"><span></span></div>

</body>
</html>