// JavaScript Document

$(function(){		
	//设计案例切换
	$('.title-list li').mouseover(function(){
		var liindex = $('.title-list li').index(this);
		$(this).addClass('on').siblings().removeClass('on');
		$('.product-wrap div.product').eq(liindex).fadeIn(150).siblings('div.product').hide();
		var liWidth = $('.title-list li').width();
		$('.lanrenzhijia .title-list p').stop(false,true).animate({'left' : liindex * liWidth + 'px'},300);
	});
	
	//设计案例hover效果
	$('.product-wrap .product li').hover(function(){
		$(this).css("border-color","#d51323");
		$(this).find('p > a').css('color','#d51323');
	},function(){
		$(this).css("border-color","#fafafa");
		$(this).find('p > a').css('color','#666666');
	});
	});


 $(".kefu").click(function(e){
 e.stopPropagation();//禁止响应父元素的相关事件
 e.preventDefault();//防止跳转  

//方法三、在小窗口弹出沟通窗口
 var url = "https://tb.53kf.com/code/client/17B28352899B8A061E49C3DFCB9A22279/1";
 var name = "客服"; //网页名称，可为空;
 var iWidth = 700; //弹出窗口的宽度;
 var iHeight = 508; //弹出窗口的高度;
 var iTop = (window.screen.height - 30 - iHeight) / 2; //获得窗口的垂直位置;
 var iLeft = (window.screen.width - 10 - iWidth) / 2; //获得窗口的水平位置;  
 window.open(url, name, 'height=' + iHeight + ',,innerHeight=' + iHeight + ',width=' + iWidth + ',innerWidth=' + iWidth + ',top=' + iTop + ',left=' + iLeft + ',toolbar=no,menubar=no,scrollbars=auto,resizeable=no,location=no,status=no');  
 })