<%@ page language="C#" masterpagefile="~/MasterPage.master" autoeventwireup="true" inherits="_Default, App_Web_m8jzsuiw" title="" enableviewstatemac="false" enableEventValidation="false" viewStateEncryptionMode="Never" %>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">

<div class="banner">
	<div class="slidebox-01">
		<ul class="slidepic-01" style="left-: 0px;">
		
       <asp:Repeater ID="Rflash" runat="server">
         <ItemTemplate>			
			<li style="background:url(<%#Eval("img1") %>) no-repeat center top;"><a href="<%#Eval("url") %>" style="display:block; width:100%; height:519px;"></a></li>
         </ItemTemplate>
      </asp:Repeater>			
			
		</ul>
	</div>
</div>

<div class="public-new">
	<div class="public-new-txt">
		<div class="slidebtn-01">
			<ul>
       <asp:Repeater ID="Rflash0" runat="server">
         <ItemTemplate>					
				<li <%#Container.ItemIndex==0?"class='current'":""%>></li>
         </ItemTemplate>
      </asp:Repeater>					
			</ul>
		</div>
	</div>
</div>


<div class="contents">
	<div class="contents-txt">
		<div class="contents-txt-left">
			<h4 class="public-h4"><a href="about.aspx" class="more">MORE</a>关于我们<span>About Us</span></h4>
			<div class="contents-about">
				<a href="about.aspx"><img  class="about" src="<%=img1 %>" width="124" height="99" /></a>
				<div class="about-size">
					<%=content1 %>
				</div>
			</div>
		</div>
		<div class="contents-txt-center">
			<h4 class="public-h4"><a href="news.aspx" class="more">MORE</a>新闻中心<span>News</span></h4>
			<ul class="news">
       <asp:Repeater ID="R4" runat="server">
         <ItemTemplate>				
				<li><a href="news-<%#Eval("wenzhangid") %>.aspx"><%#Eval("title") %></a><span><%#Convert.ToDateTime(Eval("addtime").ToString()).ToString("yyyy-MM-dd")%></span></li>
         </ItemTemplate>
      </asp:Repeater>					
			</ul>
		</div>
		<div class="contents-txt-right">
			
			<div class="scrolllist" id="s1">
            	<h4 class="public-h4"><span class="fl-span"><a class="abtn aright" href="#right" title="左移"></a><a class="abtn aleft" href="#left" title="右移"></a></span>产品展示<span>Products</span></h4>
            	
				
				<div class="imglist_w">
					<ul class="imglist">
       <asp:Repeater ID="R2" runat="server">
         <ItemTemplate>						
						<li>
							<a href="product-<%#Eval("wenzhangid") %>.aspx"><img width="99" height="76" alt="<%#Eval("title") %>" src="<%#Eval("img1") %>"></a>
							<a href="product-<%#Eval("wenzhangid") %>.aspx"><%#Eval("title") %></a>
						</li>
         </ItemTemplate>
      </asp:Repeater>							
						
					</ul>
				</div>
		
	</div>
    <script type="text/javascript" src="js/slider.js"></script>
    

		</div>
	</div>
</div>


<script type="text/javascript">

                    $(function(){
                        var size = $('.slidebtn-01>ul>li').length;
                        var frist = 0;
                        var datetime;
                        $('.slidebtn-01 li').mouseover(function(){
                            frist = $('.slidebtn-01 li').index(this);
                            showpic(frist);
                        }).eq(0).mouseover();
                        
                        $('.slidebox-01').hover(function(){
                            clearInterval(datetime);
                        },function(){
                            datetime = setInterval(function(){
                                showpic(frist)
                                frist++;
                                if(frist==size){
                                    frist=0;
                                }
                            },5000);
                        }).trigger('mouseleave');
                    
                        function showpic(frist){
                            var imgheight = $('.slidebox-01').width();
                            $('.slidepic-01').stop(true,false).animate({left:-imgheight*frist},600)
                            $('.slidebtn-01 li').removeClass('current').eq(frist).addClass('current');
                        };
                        
                    });
                    

</script>
<script type="text/javascript">
	
		$(function(){
			
			$("#s1").xslider({
unitdisplayed:3,
movelength:1,
unitlen:109,
autoscroll:10000
}); 
	$("#s2").xslider({
unitdisplayed:1,
movelength:1,
unitlen:270,
/*unitlen:35,
dir:"V",*/
autoscroll:5000
}); 
					
			})


	</script>


<script language="javascript">
$("#top1").addClass("curr");
$(".slidepic-01 li").css("width",$(window).width()+"px")
</script> 
</asp:Content>

