@{layout layout}
 @set header{
@}


 @set body{
 <div class="box1">
        <div class="w1200">
            <div class="box1-cont1">
                <div class="box1-cont1-hang1">
                    <h1>10年专注</h1>
                    <span>高品质不锈钢无缝钢管制造厂家</span>
                </div>
                <div class="box2-cont1-hang2">TEN YEARS OF DEDICATED</div>
            </div>
            <div class="box1-cont2">
                <span style="height: 58px;line-height: 58px">13695781999</span>
            </div>
        </div>
    </div>
    <div class="box2">
        <div class="w1200">
            <div class="left">
                <a href="/product/" class="box2-link"></a>
                @var m is d.NavMod("index_prodnav"){
                <ul class="prod-nav" @{m.Attrs}>
                    @for n in m.Items{
                    <li><a href="@{n.URL}">@{n.Text}</a></li>
                    @}
                </ul>
                @}
            </div>
            <div class="right">
                @var m is d.ProductMod("index_prod"){
                <ul class="prodlist" @{m.Attrs}>
                    @for n in m.Items{
                        <li class="wow animated fadeInDown">
                            <a href="@{n.URL}">
                            <img src="@{n.Image}">
                            <span>@{n.Text}</span>
                            </a>
                        </li>
                    @}
                </ul> 
                @}
            </div>
        </div>
    </div>
    <div class="box3">
        <div class="w1200">
            <div class="box3-title">
                <h1 class="wow animated fadeInDown">ADVANTAGE</h1>
                <h2 class="wow animated fadeInDown" data-wow-delay="0.2s">巨龙钢业<font style="color: #1e5fd7">三大优势</font></h2>
                <span class="wow animated fadeInDown" data-wow-delay="0.4s">—— 专业生产不锈钢换热器管 ——</span>
            </div>
            <ul class="piclist1">
                <li class="wow animated fadeInDown">
                    <div>
                        <img src="@{d.SkinPath}/static/images/box2pic1.jpg">
                    </div>
                    <div>
                        <h1>产品种类齐全</h1>
                        <span>结构用不锈钢无缝管（GB/T 14975-2002），流体输送用不锈钢无缝管
                                （GB-14976-2002），锅炉热交换用不锈钢无缝管（GB13296-91）。</span>
                    </div>
                </li>
                <li class="wow animated fadeInDown" data-wow-delay="0.3s">
                    <div>
                        <h1>严格控制质量</h1>
                        <span>严格执行合同中规定的技术标准，精心选材，所用原材料<br>
                            全部原厂进料并附有质量证明书，进厂后及时 复检。</span>
                    </div>
                    <div>
                        <img src="@{d.SkinPath}/static/images/box2pic2.jpg">
                    </div>
                </li>
                <li class="wow animated fadeInDown"  data-wow-delay="0.6s">
                    <div>
                        <img src="@{d.SkinPath}/static/images/box2pic3.jpg">
                    </div>
                    <div>
                        <h1>完善的售后服务</h1>
                        <span>
                            公司追求好的质量,完善的售后服务.技术、售后服务<br>
                            等，为顾客创造价值，客户的满意是我们永恒的追求。
                        </span>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <div class="box4">
        <div class="w1200">
            <div class="box4-title">
                <h1 class="wow animated fadeInDown" data-wow-delay="0.2s">ABOUT US</h1>
                <h2 class="wow animated fadeInDown"  data-wow-delay="0.4s">— 关于巨龙 —</h2>
                <span class="wow animated fadeInDown"  data-wow-delay="0.6s">浙江巨龙钢业有限公司，成立于2008年6月，注册资金2228万元。<br>
            我公司专业生产不锈钢无缝管，公司位于浙江松阳县江南工业区松青路12号，标准化的厂房占地26亩，总建筑面积12570.17平方米，公司主要设备有冷轧机LG60-6台，冷拔机11台。<br>
            产品主要用于石油,化工，医药，食品，航空，船舶，锅炉热交换器等领域。</span>
                <div class="link"><a href="/zoujinjulong.html" class="wow animated fadeInDown" data-wow-delay="0.8s">+</a></div>
            </div>
            <ul class="piclist2"> 
                <li class="wow animated fadeInDown">
                    <img src="@{d.SkinPath}/static/images/box3pic1.jpg">
                </li>
                <li class="wow animated fadeInDown" data-wow-delay="0.3s">
                    <img src="@{d.SkinPath}/static/images/box3pic2.jpg">
                </li>
                <li class="wow animated fadeInDown" data-wow-delay="0.6s">
                    <img src="@{d.SkinPath}/static/images/box3pic3.jpg">
                </li>
            </ul>
        </div>
    </div>
    <div class="box5">
        <div class="w1200">
            <div class="indexbox3">
                <a href="/news/" style="display: block;width: 100%;height: 100%"></a>
            </div>
            <div class="indexbox4">
                @var m is d.NewsMod("index_news1"){
                <div class="first" @{m.Attrs}>
                    @for n in m.Items{
                    <a href="@{n.URL}">
                    <img src="@{d.SkinPath}/static/images/box4pic1.jpg">
                    <h1>@{cut n.Text,17,...}</h1>
                    <h2>@{date n.Create,yyyy-MM-dd}</h2>
                    <span>@{cut n.Introduce,40,...}</span></a>
                    @}
                </div>
                @}
                <div style="width: 458px;height:206px;position: relative;overflow: hidden;"> 
                    @var m is d.NewsMod("index_news2"){
                    <ul class="newslist" @{m.Attrs} style="position: absolute;top: 0;left: 0;margin-top:0px" id="List1">
                        @for n in m.Items{
                        <li>
                            <div class="date">
                                <div style="display: none;" id="Date">@{date n.Create,yyyy-MM-dd}</div>
                                <span class="sp1"></span>
                                <span class="sp2"></span>
                            </div>
                            <a href="@{n.URL}">
                                <h1>@{cut n.Text,18,...}</h1>
                                <span>@{cut n.Introduce,20,...}</span>
                            </a>
                        </li>
                        @}
                    </ul>
                    @}
                </div>
            </div>
            <script type="text/javascript">
                        $('.newslist li').each(function(){
                            $(this).find('.sp2').html($(this).find('#Date').html().substring(0,7));
                            $(this).find('.sp1').html($(this).find('#Date').html().substring(8,10));
                        })
                    </script>
                    <script>
                        $("#List1").css({top:-103});
                           prodmove=setInterval(prodrun_left,3000);
                           function prodrun_left(){
                           $("#List1").stop().animate({top:-206},function(){
                               $("#List1").css({top:-103})
                               $("#List1 li:last").after($("#List1 li:first"))
                               })
                           }
                   </script>
            <div class="indexbox5">
                    <dl class="box-title5">
                        <dt>
                            <h1>FAQ</h1>
                            <span>常见问答</span>
                        </dt>
                        <dd>
                            <a href="/news/常见问题/"></a>
                        </dd>
                    </dl>
                    @var m is d.NewsMod("index_news3"){
                    <ul class="wdlist" @{m.Attrs}>
                        @for n in m.Items{
                        <li>
                            <span class="sp1">@{cut n.Text,18,...}</span>
                            <span class="sp2">@{cut n.Introduce,44,...}</span>
                        </li>
                        @}
                    </ul>
                    @}
            </div>
        </div>
    </div>
    <div>友情链接：
		<a style="font-size: 12px;" href="http://www.twauto.net/" target="_blank">便携式溶氧仪</a>
		<a style="font-size: 12px;" href="http://www.ba-yl.com/" target="_blank">微量元素仪</a>
		<a style="font-size: 12px;" href="http://www.put17.com/" target="_blank">浸入式水平振荡器</a>
		<a style="font-size: 12px;" href="http://www.kmfbex.com/" target="_blank">高压铸铝配电箱</a>
		<a style="font-size: 12px;" href="http://www.baixinyiqi.com/" target="_blank">恒温培养光照箱</a>
    </div>
<script type="text/javascript">
    new WOW().init();   
</script>
@}