@{layout layout}
 @set header{
@}


 @set body{
    <div class="box2">
        <div class="w1200">
            <dl class="box2-title">
                <dt>
                    <h1>产品中心</h1>
                    <span>Product Center</span>
                </dt>
                @var m is d.NavMod("index_prodnav"){
                <dd @{m.Attrs}>
                    @for n in m.Items{
                    <a href="@{n.URL}" class="a1">@{n.Text}</a>
                    @}
                </dd>
                @}
            </dl>
            @var m is d.ProductMod("index_prdolist"){
            <ul class="prodlist"@{m.Attrs}>
                 @for n in m.Items{
                <li class="wow animated fadeInDown" >
                    <a href="@{n.URL}">
                        <div class="picbox"><img src="@{n.Image}"></div>
                        <div class="cont">
                            <h1>@{n.Text}</h1>
                        </div>
                    </a>
                </li>
                @}
            </ul>
            @}
            <script type="text/javascript">
            </script>
        </div>
    </div>
    <div class="boxhe">
        <div class="box1bg"></div>
        <div class="box1">
            <div class="w1200">
                @var m is d.GenMod("index_about"){
                <div class="box1-title" @{m.Attrs}>
                    <h1></h1>
                    <h2>@{m.Items[0].Text}</h2>
                    <span>
                        @{m.Items[1].Text}
                    </span>
                </div>
                @}
                <ul class="iconlist">
                    <li>
                        <div class="icon icon1"></div>
                        <h1>经验丰富</h1>
                        <span>30年专注制造工业阀门</span>
                    </li>
                    <li>
                        <div class="icon icon2"></div>
                        <h1>技术先进</h1>
                        <span>引进国外先进技术和生产线</span>
                    </li>
                    <li>
                        <div class="icon icon3"></div>
                        <h1>企业荣誉</h1>
                        <span>实力见证荣耀,品质铸就辉煌</span>
                    </li>
                    <li>
                        <div class="icon icon4"></div>
                        <h1>品质优先</h1>
                        <span>产品精工细作符合各项指标</span>
                    </li>
                </ul>
                <div class="picbox">
                @var m is d.GenMod("index_about2"){
                <ul class="pic1" @{m.Attrs}>
                    @for n in m.Items{
                    <li><a href="@{n.URL}"><div class="pic1-zhedang"></div><i></i><span>@{n.Text}</span><img src="@{n.Image}"></a></li>
                    @}
                </ul>
                @}
                </div>
            </div>
        </div>
        <div class="box4bg skrollable skrollable-before" data-2568="transform:translate3d(0px,-45px,0px);" data-2868="transform:translate3d(0px,120px,0px);" style="transform: translate3d(0px,-45px,0px);"></div>
        <div class="box4">
            <div class="w1200">
                <dl class="box4-title">
                    <dt>
                        <h1>新闻资讯</h1>
                        <span>News Center</span>
                    </dt>
                </dl>
                <div class="news">
                    @var m is d.NewsMod("index_news"){
                    <div class="left wow animated fadeInDown"@{m.Attrs}>
                        @for n in m.Items{  
                        <a href="@{n.URL}">
                        <img src="@{d.SkinPath}/static/images/pic3.jpg">
                        <h1>@{n.Text}</h1>
                        <span>@{date n.Create,yyyy-MM-dd}</span>
                        </a>
                        @}
                    </div>
                    @}
                    <div class="right">
                        <div style="width: 592px;height:435px;position: relative;overflow: hidden;margin-top:-50px">
                        @var m is d.NewsMod("index_news2"){
                        <ul class="newslist" style="position: absolute;top: 0;left: 0;margin-top:0px" id="List1" @{m.Attrs} >
                             @for n in m.Items{  
                            <li>
                                <a href="@{n.URL}">
                                <div class="date">
                                    <h2>@{date n.Create,MM-dd}</h2>
                                    <h3 class="datel">@{date n.Create,yyyy-MM-dd}</h3>
                                </div>
                                <div class="cont">
                                    <h1>@{n.Text}</h1>
                                    <span>@{cut n.Introduce,60}...</span>
                                </div>
                                </a>
                            </li>
                             @}
                        </ul>
                        @}
                    </div>
                    </div>
                </div>
                <script>
                    $("#List1").css({top:-145});
                       prodmove=setInterval(prodrun_left,3000);
                       function prodrun_left(){
                       $("#List1").stop().animate({top:-290},function(){
                           $("#List1").css({top:-145})
                           $("#List1 li:last").after($("#List1 li:first"))
                           })
                       }
    
               </script>
                <script type="text/javascript">
                    $('.newslist .date h3').each(function(){
                        $(this).html($(this).html().substring(0,4));
                    })
                </script>
            </div>
        </div>
    </div>
    <div style="height: auto;overflow: hidden;background:url(@{d.SkinPath}/static/images/bottom.jpg) center 0 no-repeat;">
        <div class="mt10" style="width:960px;margin:0 auto">
                    <h4 class="diysr">
                     地区分站
                    </h4>
                    <div class="news_random" style="width:960px">
                        <ul>
                            @for m in d.SiteAreas {
                                    <li style="width:auto"><a target="_blank"
                                            href="@{m.URL}" title="@{m.Text}">
                                           @{m.Text}</a></li>
                                @}
                            <div class="clear">
                            </div>
                        </ul>
                    </div>
        </div>
    </div>
    <script type="text/javascript">
        new WOW().init();   
        var s = skrollr.init();
    </script>
@}