@{layout layout}
 @set header{
 <style type="text/css">
    body{background:url(@{d.SkinPath}/static/images/bg.jpg) center -250px no-repeat;background-attachment: fixed;}
 </style>
@}
@set body{
    <div id="banner" class="banner">
            <div class="swiper-container" style="width:100%">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide" style="background: url(@{d.SkinPath}/static/images/banner1.jpg) center 0 no-repeat;height: 740px">
                            </div>
                            <div class="swiper-slide" style="background: url(@{d.SkinPath}/static/images/banner2.jpg) center 0 no-repeat;height: 740px">
                            </div>
                            <div class="swiper-slide" style="background: url(@{d.SkinPath}/static/images/banner3.jpg) center 0 no-repeat;height: 740px">
                            </div>
                        </div>
                    <div class="swiper-pagination btn"></div> 
                </div>
    </div>
    <script type="text/javascript">
        var mySwiper2 = new Swiper('#banner .swiper-container', {
        autoplay: 5000,
        visibilityFullFit: true,
        paginationClickable: true,
        pagination: '#banner .swiper-pagination',
        });
    </script>
    <div class="box1">
        <div class="w1200">
            <div class="boxtitle1">
                <h1>双华阀门 - 选择成功</h1>
                <span>卓越的品质和优良完善的售后服务</span>
            </div>
            <ul class="iconlist">
                <li>
                    <i class="icon1"></i>
                    <h1>设备优良</h1>
                    <span>Advanced equipment</span>
                </li>
                <li>
                    <i class="icon2"></i>
                    <h1>品质可靠</h1>
                    <span>Reliable quality</span>
                </li>
                <li>
                    <i class="icon3"></i>
                    <h1>口碑良好</h1>
                    <span>Public praise</span>
                </li>
                <li>
                    <i class="icon4"></i>
                    <h1>交货迅捷</h1>
                    <span>Prompt delivery</span>
                </li>
                <li>
                    <i class="icon5"></i>
                    <h1>优秀服务</h1>
                    <span>Excellent service</span>
                </li>
            </ul>
        </div>
    </div>
    <div class="box2">
        <div class="w1200">
            <div class="boxtitle2">
                <h1>双华阀门 - 产品中心</h1>
                <span>产品畅销国内市场并远销东南亚、 东欧、中东等国家和地区</span>
            </div>
            <div class="index-prod">
                <div class="index-prod-nav">
                    <div class="index-prod-title1">
                        <h1>产品分类</h1>
                        <span>PRODUCT CLASSIFICATION</span>
                    </div>
                    @var m is d.CateMod("index_prodnav"){
                    <ul class="prodnav" @{m.Attrs}>
                        @for n in m.Items{
                            <li>
                                <a href="javascript:;" class="a1">@{n.Text}</a>
                            </li>
                        @}
                    </ul>
                    @}
                </div>
                <div class="index-prod-brand">
                    @var m is d.ProductMod("index_prod1"){
                    <div class="index-prod-cont" @{m.Attrs}>
                        <dl>
                            <dt>闸阀系列</dt>
                            <dd><a href="/product/闸阀系列/">MORE+</a></dd>
                        </dl>
                        <div class="prodcont"></div>
                        <ul class="prodlist">
                            @for n in m.Items{
                                <li>
                                    <a href="@{n.URL}">
                                        <img src="@{n.Image}">
                                        <h1>@{n.Text}</h1>
                                        <span>查看详情</span>
                                    </a>
                                </li>
                            @}
                        </ul>
                    </div>
                    @}
                    @var m is d.ProductMod("index_prod2"){
                    <div class="index-prod-cont" @{m.Attrs}>
                        <dl>
                            <dt>截止阀系列</dt>
                            <dd><a href="/product/截止阀系列/">MORE+</a></dd>
                        </dl>
                        <div class="prodcont"></div>
                        <ul class="prodlist">
                            @for n in m.Items{
                                <li>
                                    <a href="@{n.URL}">
                                        <img src="@{n.Image}">
                                        <h1>@{n.Text}</h1>
                                        <span>查看详情</span>
                                    </a>
                                </li>
                            @}
                        </ul>
                    </div>
                    @}
                    @var m is d.ProductMod("index_prod3"){
                    <div class="index-prod-cont" @{m.Attrs}>
                        <dl>
                            <dt>止回阀系列</dt>
                            <dd><a href="/product/止回阀系列/">MORE+</a></dd>
                        </dl>
                        <div class="prodcont"></div>
                        <ul class="prodlist">
                            @for n in m.Items{
                                <li>
                                    <a href="@{n.URL}">
                                        <img src="@{n.Image}">
                                        <h1>@{n.Text}</h1>
                                        <span>查看详情</span>
                                    </a>
                                </li>
                            @}
                        </ul>
                    </div>
                    @}
                    @var m is d.ProductMod("index_prod4"){
                    <div class="index-prod-cont" @{m.Attrs}>
                        <dl>
                            <dt>抗冲刷阀门系列</dt>
                            <dd><a href="/product/抗冲刷阀门系列/">MORE+</a></dd>
                        </dl>
                        <div class="prodcont"></div>
                        <ul class="prodlist">
                            @for n in m.Items{
                                <li>
                                    <a href="@{n.URL}">
                                        <img src="@{n.Image}">
                                        <h1>@{n.Text}</h1>
                                        <span>查看详情</span>
                                    </a>
                                </li>
                            @}
                        </ul>
                    </div>
                    @}
                    @var m is d.ProductMod("index_prod5"){
                    <div class="index-prod-cont" @{m.Attrs}>
                        <dl>
                            <dt>堵阀系列</dt>
                            <dd><a href="/product/堵阀系列/">MORE+</a></dd>
                        </dl>
                        <div class="prodcont"></div>
                        <ul class="prodlist">
                            @for n in m.Items{
                                <li>
                                    <a href="@{n.URL}">
                                        <img src="@{n.Image}">
                                        <h1>@{n.Text}</h1>
                                        <span>查看详情</span>
                                    </a>
                                </li>
                            @}
                        </ul>
                    </div>
                    @}
                    @var m is d.ProductMod("index_prod6"){
                    <div class="index-prod-cont" @{m.Attrs}>
                        <dl>
                            <dt>其他阀门系列</dt>
                            <dd><a href="/product/其他阀门系列/">MORE+</a></dd>
                        </dl>
                        <div class="prodcont"></div>
                        <ul class="prodlist">
                            @for n in m.Items{
                                <li>
                                    <a href="@{n.URL}">
                                        <img src="@{n.Image}">
                                        <h1>@{n.Text}</h1>
                                        <span>查看详情</span>
                                    </a>
                                </li>
                            @}
                        </ul>
                    </div>
                    @}
                </div>
                
            </div>
        </div>
        <script type="text/javascript">
                        $('.index-prod-brand .index-prod-cont').eq(0).show();
                        $('.prodnav li').eq(0).find('.a1').addClass('s')
                    $('.prodnav li').click(function(){
                        $('.index-prod-brand .index-prod-cont').hide();
                        $('.prodnav li').find('.a1').removeClass('s')
                        $('.index-prod-brand .index-prod-cont').eq($(this).index()).show();
                        $(this).find('.a1').addClass('s')
                    })
        </script>
    </div>
    <div class="box3">
        <div class="w1200">
            <div style="width: 1202px;overflow: hidden;">
                <div class="indexbox1">
                    <h1><span class="sp1">ABOUT US </span><span style="font-size: 30px;color: #000000">- 走进双华</span></h1>
                    <h2>以诚信为本，以质量为先，以服务为诚的宗旨</h2>
                    <img src="@{d.SkinPath}/static/images/pic1.jpg">
                    <span class="span">　　浙江双华阀门科技有限公司坐落于风景秀丽的中国“泵阀之乡”温州东瓯工业园区。本厂拥有温州、云和两处阀门生产基地。技术力量雄厚，管理科学合理，设备先进精良。拥有现代化质量检测和试验中心，CAD阀门设计中心以及热处理化学分析、光谱分析、机械性能试验,X、R射线探伤、超声波探伤、磁粉探伤、等离子喷焊和大中型阀门试验台等现代化设备及检测手段。<br>
          　　公司将各质量体系标准绐终贯穿于企业生产和经营的全过程，具有强大的设计开发和年产5000吨阀门的生产能力，公司始终不断地依靠科技创新...</span>
                </div>
                <div class="indexbox2">
                    <a href="/qiyejianjie.html">
                    
                    </a>
                </div>
            </div>
            
        </div>
    </div>
    <div class="box4">
        <div class="w1200">
            <ul class="contlist1">
                <li>
                    <h1>管理科学合理</h1>
                    <h2>MANAGE</h2>
                    <span>我们专注于工业阀门的生产、研发、销售和服务， 并拥有专业的团队为客户提供完整的工业解决方案</span>
                </li>
                <li>
                    <h1>设备先进精良</h1>
                    <h2>EQUIPMENT</h2>
                    <span>我们学习国内外先进经验，陆续引进了多种先进数控机床，这些设备代表阀门行业的先进水平，使产品的生产有了良好设备保障。</span>
                </li>
                <li>
                    <h1>技术力量雄厚</h1>
                    <h2>TECHNOLOGY</h2>
                    <span>我们拥有经验丰富的工程师以及专业的生产销售团队，严格执行国家关于产品和质量检验的相关法规和标准，对产品质量实施有效地控制。</span>
                </li>
            </ul>
        </div>
    </div>
    <div class="box5">
        <div class="w1200">
            <div class="boxtitle3">
                <h1>双华阀门 - 新闻中心</h1>
            </div>
            @var m is d.NewsMod("index_news"){
            <ul class="newslist" @{m.Attrs}>
                @for n in m.Items{
                    <li>
                        <a href="@{n.URL}">
                        <img src="@{n.Image}">
                        <div class="cont">
                            <h1>@{cut n.Text,17,...}</h1>
                            <h2>@{date n.Create,yyyy-MM-dd}</h2>
                            <span>@{cut n.Introduce,40,...}</span>
                            <div class="link">
                                查看全文
                            </div>
                        </div>
                        </a>
                    </li>
                @}
            </ul>
            @}
        </div>
    </div>
@}