@{layout layout}
@set header{
@}
@set body{

<div class="banner" id="Banner">
            <a href="javascript:;" class="bannerprev"></a>
            @var m is d.GenMod("bannera"){
            <ul class="pic" @{m.Attrs}>
                @for n in m.Items {
                <li style="background-image: url(@{n.Image});">
                </li>
                @}
            </ul>
            @}
            <a href="javascript:;" class="bannernext"></a>
        </div>
    <div class="box1">
        <div class="w1200">
            <div class="box-title">
                <h1><a href="/product/">产品展示</a></h1>
                <span>Product</span>
            </div>
            <div class="prod-nav wow bounceInDown animated" data-wow-duration="2s" data-wow-delay="0.2s" >
                <a href="/product/不锈钢换热器管/" class="a1 s">不锈钢换热管</a>
                <a href="/product/不锈钢波纹管/" class="a1">不锈钢波纹管</a>
                <a href="/product/不锈钢波节管/" class="a1">不锈钢波节管</a>
                <a href="/product/不锈钢U型管/" class="a1">不锈钢U型管</a>
                <a href="/product/">更多>></a>
            </div>
            <ul class="prodlist wow bounceInDown animated" data-wow-duration="2s" data-wow-delay="0.8s">
                @var m is d.ProductMod("index_proda"){
                <div class="tt" style="display: block;" @{m.Attrs}>
                    @for n in m.Items{
                    <li>
                        <a href="@{n.URL}">
                            <div class="picbox"><img src="@{n.Image}"></div>
                            <div class="text">
                                <h1>@{n.Text}</h1>
                                <span>高品质换热管实力制造商</span>
                            </div>
                        </a>
                    </li>
                    @}
                </div>
                @}
                @var m is d.ProductMod("index_prodb"){
                <div class="tt" @{m.Attrs}>
                    @for n in m.Items{
                    <li>
                        <a href="@{n.URL}">
                            <div class="picbox"><img src="@{n.Image}"></div>
                            <div class="text">
                                <h1>@{n.Text}</h1>
                                <span>高品质换热管实力制造商</span>
                            </div>
                        </a>
                    </li>
                    @}
                </div>
                @}
                @var m is d.ProductMod("index_prodc"){
                <div class="tt" @{m.Attrs}>
                    @for n in m.Items{
                    <li>
                        <a href="@{n.URL}">
                            <div class="picbox"><img src="@{n.Image}"></div>
                            <div class="text">
                                <h1>@{n.Text}</h1>
                                <span>高品质换热管实力制造商</span>
                            </div>
                        </a>
                    </li>
                    @}
                </div>
                @}
                @var m is d.ProductMod("index_prodd"){
                <div class="tt" @{m.Attrs}>
                    @for n in m.Items{
                    <li>
                        <a href="@{n.URL}">
                            <div class="picbox"><img src="@{n.Image}"></div>
                            <div class="text">
                                <h1>@{n.Text}</h1>
                                <span>高品质换热管实力制造商</span>
                            </div>
                        </a>
                    </li>
                    @}
                </div>
                @}
            </ul>
            <script type="text/javascript">
                $('.prod-nav .a1').hover(function(){
                    $('.prod-nav .a1').removeClass('s')
                    $('.prodlist .tt').hide()
                    $(this).addClass('s')
                    $('.prodlist .tt').eq($(this).index()).show()
                })
            </script>
        </div>
    </div>
    <div class="box2">
        <div class="w1200">
            <div class="left">
                <h1 class="wow bounceInDown animated" data-wow-delay="0.2s">关于华田</h1>
                <h2 class="wow bounceInLeft animated" data-wow-delay="0.6s">About Hua Tian</h2>
                <span class="wow bounceInLeft animated" data-wow-delay="1.2s">浙江华田不锈钢制造有限公司，座落于浙江丽水市松阳江南工业园区江南路1号，是一家专业从事不锈钢研发，生产，加工，销售为一体的综合性民营企业。下设温州华田不锈钢有限公司，座落于温州永强高新园区直上路488号。 </span>
                <a href="/gongsijianjie.html"></a>
            </div>
        </div>
    </div>
    <div class="box4">
        <div class="w1200">
             <div class="box-title">
                <h1><a href="/pinzhibaozheng.html">荣誉资质</a></h1>
                <span>Honorary qualification</span>
            </div>
            <ul class="zzlist">
                <li>
                    <img src="@{d.SkinPath}/static/images/pic1.jpg">
                    <span>质量管理体系认证证书</span>
                </li>
                <li>
                    <img src="@{d.SkinPath}/static/images/pic2.jpg">
                    <span>质量管理体系认证证书</span>
                </li>
                <li>
                    <img src="@{d.SkinPath}/static/images/pic3.jpg">
                    <span>质量管理体系认证证书</span>
                </li>
                <li>
                    <img src="@{d.SkinPath}/static/images/pic4.jpg">
                    <span>质量管理体系认证证书</span>
                </li>
                <li>
                    <img src="@{d.SkinPath}/static/images/pic5.jpg">
                    <span>质量管理体系认证证书</span>
                </li>
            </ul>
        </div>
    </div>
    <div class="box5"></div>
    <div class="box6">
        <div class="w1200">
            <div class="box-title">
                <h1><a href="/shengchanshebei.html">生产设备</a></h1>
                <span>Production process</span>
            </div>
            <ul class="piclist1">
                <li>
                    <img src="@{d.SkinPath}/static/images/scpic1.png">
                </li>
                <li>
                    <img src="@{d.SkinPath}/static/images/scpic2.png">
                </li>
                <li>
                    <img src="@{d.SkinPath}/static/images/scpic3.png">
                </li>
                <li>
                    <img src="@{d.SkinPath}/static/images/scpic4.png">
                </li>
            </ul>
            <div class="box-title" style="margin-top: 45px">
                <h1><a href="/jianceshebei.html">检测设备</a></h1>
                <span>Testing equipment</span>
            </div>
            <ul class="piclist2">
                <li>
                    <img src="@{d.SkinPath}/static/images/scpic5.png">
                    <span>质量管理体系认证证书</span>
                </li>
                <li>
                    <img src="@{d.SkinPath}/static/images/scpic6.png">
                    <span>质量管理体系认证证书</span>
                </li>
                <li>
                    <img src="@{d.SkinPath}/static/images/scpic7.png">
                    <span>质量管理体系认证证书</span>
                </li>
                <li>
                    <img src="@{d.SkinPath}/static/images/scpic8.png">
                    <span>质量管理体系认证证书</span>
                </li>
                <li>
                    <img src="@{d.SkinPath}/static/images/scpic9.png">
                    <span>质量管理体系认证证书</span>
                </li>
            </ul>
        </div>
    </div>
    <div class="box7">
        <div class="w1200">
            <div class="left">
                <div class="box7-title">公司动态</div>
                <div style="width: 590px;height:306px;position: relative;overflow: hidden;margin-top:22px">

                @var m is d.NewsMod("index_newsa"){
                <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}">
                            <h1>@{cut n.Text,20,...}</h1>
                            <span>@{cut n.Introduce,100,...}</span>
                        </a>
                    </li>
                    @}
                </ul>
                @}
                </div>
            </div>
            <script>
                 $("#List1").css({top:-102});
                    prodmove=setInterval(prodrun_left,3000);
                    function prodrun_left(){
                    $("#List1").stop().animate({top:-204},function(){
                        $("#List1").css({top:-102})
                        $("#List1 li:last").after($("#List1 li:first"))
                        })
                    }
                    $("#List2").css({top:-102});
                    prodmovea=setInterval(prodrun_lefta,3000);
                    function prodrun_lefta(){
                    $("#List2").stop().animate({top:-204},function(){
                        $("#List2").css({top:-102})
                        $("#List2 li:last").after($("#List2 li:first"))
                        })
                    }
            </script>
            <div class="right">
                <div class="box7-title">行业动态</div>
                <div style="width: 590px;height:306px;position: relative;overflow: hidden;margin-top:22px">
                @var m is d.NewsMod("index_newsb"){
                <ul class="newslist" @{m.Attrs} style="position: absolute;top: 0;left: 0;margin-top:0px" id="List2">
                    @for n in m.Items{
                    <li>
                        <a href="@{n.URL}">
                            <h1>@{cut n.Text,20,...}</h1>
                            <span>@{cut n.Introduce,100,...}</span>
                        </a>
                    </li>
                    @}
                </ul>
                @}
                </div>
            </div>
        </div>
    </div>
    <a class="piaofu" href="javascript:;"></a>
    <div class="box8">
       <div class="w1200">
           <div class="box-title box-title2">
                <h1><a href="/hezuohuoban.html">合作伙伴</a></h1>
                <span>Cooperative Partner</span>
            </div>
             <ul class="friendlist">
                <li>
                    <img src="@{d.SkinPath}/static/images/hzpic1.png">
                </li>
                <li>
                    <img src="@{d.SkinPath}/static/images/hzpic2.png">
                </li>
                <li>
                    <img src="@{d.SkinPath}/static/images/hzpic3.png">
                </li>
                <li>
                    <img src="@{d.SkinPath}/static/images/hzpic4.png">
                </li>
                <li>
                    <img src="@{d.SkinPath}/static/images/hzpic5.jpg">
                </li>
            </ul>
       </div>
    </div>
    <div >
        友情链接：
        <a href="http://www.lzxxjxgs.com" target="_blank">塑料造粒机</a>
 <a href="http://www.xysfhhg.com" target="_blank">拉开粉BX</a> 
 <a href="http://www.qdhtsm.cn" target="_blank">胶体石墨</a>
 <a href="http://www.cnboly.cn" target="_blank">白糖粉碎机</a>
  <a href="http://www.tyfj.com.cn" target="_blank">鼓风机</a>

 
  <a href="http://www.shbcj.com" target="_blank">水环式真空泵</a>
  <a href="http://www.chuneng-sh.com" target="_blank">微孔过滤机</a>
  
  <a href="http://www.china-haida17.com" target="_blank">模拟运输振动试验台</a>  

  <a href="http://www.dgjh88.cn" target="_blank">防静电设备</a>  
    </div>

@}