{dede:include filename="head.htm"/}
<div class="lbanner"></div>
<div class="nmenu">
  <div class="cenbox">
    <ul>
      {dede:channel type="son" typeid='20'}
	<li><a href="[field:typeurl/]">[field:typename/]</a></li>
	 {/dede:channel}
    </ul>
  </div>
</div>

<div class="lnewsin">
	<div class="lmain1">
		<div class="cenbox2">
			<div class="ltitle"><img src="{dede:global.cfg_cmsurl/}/include/images/newsa1.png" width="792" height="123" /> 
			</div>
			<div class="lbody"><!--主图是拜尔视频-->
				<div class="lleft">
				{dede:arclist row='1'  titlelen='23' typeid="27"} 
				<a href="[field:arcurl/]"><img class="lazy" src="[field:litpic/]"  width="493" height="305" style="display: inline;"></a>
				{/dede:arclist}
				</div>
				<div class="lright">
					<ul style="margin-top: 0px;">
						{dede:arclist row='8' addfields="newstime" titlelen='23' typeid="21" channelid='1'} 
						<a href="[field:arcurl/]"><li>
							<div class="lbox1">
								<div>[field:fulltitle/]</div>
								<p></p>
							</div>
							<div class="lbox2">
							[field:newstime function='strftime("<div>%d</div>",@me)'/]
							[field:newstime function='strftime("<p >%Y<span>%m</span></p>",@me)'/]
							</div>
						</li></a>
						{/dede:arclist}
						
					</ul>
				</div>
				<div class="lbtn1 on"><img src="{dede:global.cfg_cmsurl/}/include/images/lnews_12.png"></div>
				<div class="lbtn2"><img src="{dede:global.cfg_cmsurl/}/include/images/lnews_13.png"></div>
				<a href="{dede:global.cfg_cmsurl/}/newlist/index.html" class="lmore">MORE +</a>
			</div>
		</div>
	</div>
    
<div class="xiayu"><a href="{dede:global.cfg_cmsurl/}/xiayu/index.html"><img src="{dede:global.cfg_cmsurl/}/include/images/xiayu.jpg" alt="拜尔地板携手夏雨" /></a></div>

<div class="lmain2">
		<div class="cenbox2">
			<div class="ltitle"><img src="{dede:global.cfg_cmsurl/}/include/images/newsa3.png" /></div>
			
			<div class="lbody">
				<ul style="margin-left: 0px;">
				{dede:arclist row='8' addfields="newstime" titlelen='21' typeid="23" channelid='1'} 				
					<li>
						<a href="[field:arcurl/]"><img class="lazy" src="[field:litpic/]" data-original="{dede:global.cfg_cmsurl/}/include/images/lnews_46.jpg" width="251" height="155" style="display: inline;">
						<div class="ltime">
							[field:newstime function='strftime("<div>%Y</div> <p>%m/%d</p>",@me)'/]
						</div>
						<div class="ltext">
							<div>[field:title/]</div><!--摘要里面最多放72个字 -->
							<p>[field:description /]</p>
						</div></a>
						<a href="[field:arcurl/]"><div class="lmore">MORE+</div></a>
					</li>
				{/dede:arclist}	
				</ul>
			</div>
		</div>
	</div>

	<div class="lmain3n">
		<div class="cenbox2">
			<div class="ltitle"><img src="{dede:global.cfg_cmsurl/}/images/newsa8.png"  alt="拜尔地板学院" />
			</div>
			<div class="lbody">
				<ul style="margin-left: 0px;">
				{dede:arclist row='3'  titlelen='21' typeid="25" channelid='1'} 	
					<li>
						<a href="[field:arcurl/]"><div class="ltext">
							<div class="ldiv1">[field:title/]</div>
							<div class="ldiv2"></div>
							<div class="ldiv3">[field:description /]</div>
						</div></a>
						<a href="#" class="lmore"></a>
					</li>
					{/dede:arclist}
				</ul>
			</div>
		</div>
	</div>
</div>
<script>
	function lazys() 
	{ 
		$('img.lazy').lazyload();
	} 
	lazys();
</script>
<script>
	var oldx=5;
	$($(".lhead .llist li")[oldx]).addClass("on");
	var x=0;
	$(".lhead .llist li").bind("mouseenter",function(){
		$(".lhead .llist li").removeClass("on");
		x=$(this).index();
		$(this).addClass("on");
		if ($($(".lhead .lmore ul")[x]).find("li").length!=0) {
			$(".lhead .lmore ul").hide();
			$($(".lhead .lmore ul")[x]).show();
			$(".lhead .lmore .lbox").stop().animate({height:"42px"});
		};
	});
	$(".lhead .llist li").bind("mouseleave",function(){
		$(".lhead .lmore .lbox").stop().animate({height:"0px"});
		$(".lhead .lmore ul").hide();
		$(".lhead .llist li").removeClass("on");
		$($(".lhead .llist li")[oldx]).addClass("on");
	});
	$(".lhead .lmore").bind("mouseenter",function(){
		$(".lhead .llist li").removeClass("on");
		$($(".lhead .llist li")[x]).addClass("on");
		if ($($(".lhead .lmore ul")[x]).find("li").length!=0) {
			$($(".lhead .lmore ul")[x]).show();
			$(".lhead .lmore .lbox").stop().animate({height:"42px"});
		};
	});
	$(".lhead .lmore").bind("mouseleave",function(){
		$($(".lhead .llist li")[x]).removeClass("on");
		$(".lhead .lmore .lbox").stop().animate({height:"0px"});
		$(".lhead .lmore ul").hide();
		$(".lhead .llist li").removeClass("on");
		$($(".lhead .llist li")[oldx]).addClass("on");
	});
	$(".fly .lbox2").bind("mouseenter",function(){
		$(".fly .lbox2 div").stop().animate({right:"0px"});
	});
	$(".fly .lbox2").bind("mouseleave",function(){
		$(".fly .lbox2 div").stop().animate({right:"-160px"});
		
	});
</script>
<script type="text/javascript">
	$(".lmain1 .lright span").each(function(){
		if($(this).html()=="01"){
			$(this).html("Jan")
		}else if($(this).html()=="02"){
			$(this).html("Feb")
		}else if($(this).html()=="03"){
			$(this).html("Mar")
		}else if($(this).html()=="04"){
			$(this).html("Apr")
		}else if($(this).html()=="05"){
			$(this).html("May")
		}else if($(this).html()=="06"){
			$(this).html("Jun")
		}else if($(this).html()=="07"){
			$(this).html("Jul")
		}else if($(this).html()=="08"){
			$(this).html("Aug")
		}else if($(this).html()=="09"){
			$(this).html("Sep")
		}else if($(this).html()=="10"){
			$(this).html("Oct")
		}else if($(this).html()=="11"){
			$(this).html("Nov")
		}else if($(this).html()=="12"){
			$(this).html("Dec")
		}
	});

	var num1=0;
	$(".lmain1 .lbtn1").click(function(e){
		lazys();
		if (num1==0) {
			num1=$(".lmain1 li").length-3;
		}else{
			num1--;
		}
		var bian=-(num1*94)
		$(".lmain1 ul").stop().animate({marginTop:bian+"px"});
	});
	$(".lmain1 .lbtn2").click(function(e){
		lazys();
		if (num1==$(".lmain1 li").length-3) {
			num1=0;
		}else{
			num1++;
		}
		var bian=-(num1*94)
		$(".lmain1 ul").stop().animate({marginTop:bian+"px"});
	});

	var num2=0;
	$(".lmain2 .lbtn div").click(function(e){
		lazys();
		num2=$(this).index();
		var bian=-(num2*282)
		$(".lmain2 .lbtn div").removeClass("on");
		$($(".lmain2 .lbtn div")[num2]).addClass("on");
		$(".lmain2 ul").stop().animate({marginLeft:bian+"px"});
	});
	function show(){
		lazys();
	    if (num2==$(".lmain2 li").length-4) {
	      num2=0;
	    }else{
	      num2++;
	    }
		var bian=-(num2*282)
		$(".lmain2 .lbtn div").removeClass("on");
		$($(".lmain2 .lbtn div")[num2]).addClass("on");
		$(".lmain2 ul").stop().animate({marginLeft:bian+"px"});
	}
	var dodo=setInterval(show,5000);

	function test() 
	{ 
		dodo=setInterval(show,5000);
	} 
	$(".lmain2 .lbody *").bind("mouseenter",function(){
		clearInterval(dodo);
	});
	$(".lmain2 .lbody *").bind("mouseleave",function(){
	    clearInterval(dodo);
		test();
	});

	var num3=0;
	$(".lmain3 .lbtn div").click(function(e){
		lazys();
		num3=$(this).index();
		var bian=-(num3*393)
		$(".lmain3 .lbtn div").removeClass("on");
		$($(".lmain3 .lbtn div")[num3]).addClass("on");
		$(".lmain3 ul").stop().animate({marginLeft:bian+"px"});
	});
	function show2(){
		lazys();
	    if (num3==$(".lmain3 li").length-3) {
	      num3=0;
	    }else{
	      num3++;
	    }
		var bian=-(num3*393)
		$(".lmain3 .lbtn div").removeClass("on");
		$($(".lmain3 .lbtn div")[num3]).addClass("on");
		$(".lmain3 ul").stop().animate({marginLeft:bian+"px"});
	}
	var dodo2=setInterval(show2,5000);

	function test2() 
	{ 
		dodo2=setInterval(show2,5000);
	} 
	$(".lmain3 .lbody *").bind("mouseenter",function(){
		clearInterval(dodo2);
	});
	$(".lmain3 .lbody *").bind("mouseleave",function(){
	    clearInterval(dodo2);
		test2();
	});
</script>
{dede:include filename="footer.htm"/}
</body>
</html>