@{layout layout}
@set header{
	
	@}
@set body{
	<div class="box1">
		<div class="w1200">
			<div class="box2">
				<div class="indexbox1">
					<div class="brand2">
						<div class="banner2" id="Banner2">
						@var m is d.GenMod("mbanner"){
							<ul class="pic"@{m.Attrs}>
           						 @for n in m.Items{
								<li style="background-image: url(@{n.Image})"></li>
								@}
							</ul>
						@}
						</div>
					</div>
					<a href="javascript:;" class="btnprev2"></a>
					<a href="javascript:;" class="btnnext2"></a>
				</div>
				<script type="text/javascript">
					
				</script>
				<div class="indexbox2-title">
					<h1>WELCOME TO LISEN</h1>
					<span>走进力盛新材料</span>
				</div>
                @var m is d.GenMod("indexgsjj"){
				<div class="indexbox2" @{m.Attrs}>
					<h1> @{m.Items[0].Text}</h1>
					<span>
					 @{m.Items[1].Text}<br>
					 @{m.Items[2].Text}<br>
					　@{m.Items[3].Text}<br>
					</span>
					<a href="@{m.Items[4].URL}"></a>
				</div>
				@}
			</div>
			<div class="box3">
				<div class="indexbox3-title">
					<h1>HONORARY CERTIFICATE</h1>
					<span>荣誉资质</span>
				</div>
				<div class="brand3">
					@var m is d.GenMod("indexryzz"){
					<ul class="indexbox3 amn3" id="List"  @{m.Attrs}>
						@for n in m.Items{
						<li><img src="@{n.Image}"></li>
						@}
					</ul>
					@}
					<ul class="btn"></ul>
				</div>
			</div>
			<script type="text/javascript">
			$(function(){
				var prodtotal;
				var	prodnum=0;
				prodtotal=$("#List li").length;
				prodtotal=Math.ceil(prodtotal/4);
				$("#List").css("width",1230*prodtotal);
				for(i=0;i<prodtotal;i++){
				$(".brand3 .btn").append("<li></li>");
				}
				$('.brand3 .btn li:first').addClass('s');
				
				$('.brand3 .btn li').click(function(){
			      	z1=$(this).index();
			      	$('#List').css('left',z1*-1221);
			      	$('.brand3 .btn li').removeClass('s');
			        $('.brand3 .btn li').eq(z1).addClass('s');
			      })
			    })
		</script>
		</div>
	</div>
	<div class="box4">
		<div class="w1200">
			<div class="box4-title">
				<h1>PRODUCT CENTER</h1>
				<span>产品中心</span>
				<a href="/product/"></a>
			</div>
			@var m is d.ProductMod("indexprod"){
			<ul class="indexbox4"@{m.Attrs} >
				@for n in m.Items{
				<li>
					<a href="@{n.URL}">
					<div class="picbox">
						<div class="piczd1 amn2"></div>
						<div class="piczd2 amn3 "></div>
						<img src="@{n.Image}">
					</div>
					<div class="picont">
						<h1>@{n.Text}</h1>
						<span>力盛新材料</span>
					</div>
					</a>
				</li>
				@}
			</ul>
			@}
		</div>
	</div>
	<div class="box5">
		<div class="w1200">
			<div class="box4-title">
				<h1>NEWS INFORMATION</h1>
				<span>新闻资讯</span>
				<a href="/news/"></a>
			</div>
			@var m is d.NewsMod("index_news"){
			<ul class="indexbox5" @{m.Attrs}>
				@for n in m.Items{	
				<li>
					<div>
					<a href="@{n.URL}">
						<h1>@{n.Text}</h1>
						<img src="@{n.Image}">
						<span class="sp1">@{date n.Create,yyyy-MM-dd}</span>
						<span class="sp2">@{cut n.Introduce,40}......
						</span>
					</a>
					</div>
				</li>
				@}
			</ul>
			@}
		</div>
	</div>
	<div class="box6">
	</div>
	<div style="height: auto;background-color: #262626;overflow: hidden;">
		<div id="con_one_2" class="district" style="height:auto;width:1257px;margin:0 auto" @{m.Attrs}>
	        <h3 style="font-weight: normal; color: #666;cursor:pointer;margin-bottom:20px" onclick="" >地区分站</h3>
	        @for m in d.SiteAreas {
	            <a  href="@{m.URL}" title="@{m.Text}" style="margin-right:30px">@{m.Text}</a>
	        @}
	    </div>
	</div>
@}