@{layout layout}
@set header{
@}
@set body{
    <div id="banner" class="am-banner">
        <div class="swiper-container" style="width:100%">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <img src="@{d.SkinPath}/static/images/banner.jpg">
                </div>
            </div>
            <div class="swiper-pagination btn"></div> 
        </div>
    </div>
    <div class="am-title1">
        <span>产品展示/<font>PRODUCT DISPLAY</font></span>
    </div>
    <div class="am-box1">
        <ul class="am-prodlist">
            <li><a href="/product/闸阀系列/"><img src="@{d.SkinPath}/static/images/pic1.jpg" alt=""></a></li>
            <li><a href="/product/截止阀系列/"><img src="@{d.SkinPath}/static/images/pic2.jpg" alt=""></a></li>
            <li><a href="/product/止回阀系列/"><img src="@{d.SkinPath}/static/images/pic3.jpg" alt=""></a></li>
            <li><a href="/product/球阀系列/"><img src="@{d.SkinPath}/static/images/pic4.jpg" alt=""></a></li>
            <li><a href="/product/蝶阀系列/"><img src="@{d.SkinPath}/static/images/pic5.jpg" alt=""></a></li>
            <li><a href="/product/其他系列/"><img src="@{d.SkinPath}/static/images/pic6.jpg" alt=""></a></li>
        </ul>
        <a href="/product/" class="am-box1-link">
            View More
        </a>
    </div>
    <div class="am-title2">
        <span>关于我们//<font>ABOUT US</font></span>
    </div>
    <div class="am-box2">
        <div class="am-box2-cont">
            强大阀门集团有限公司 ，是一家集阀门研制、开发、生产、销售于一体专
            业企业，地处东海之滨，位于“中国阀门城”——温州市龙湾区，公司厂房占地
            面积8000平方米、注册资金11800万人民币建筑面积16000平方米，现有员工1
            20人，专业技术人员58人，拥有现代化机械加工中心、数控机床加工中心、材
            料检验与化学分析实验室、压力试验等设备100余台（套），设备配套齐全，性
            能检测和压力试验程序完善。车间还配有数控车床、等离子对焊、实验中心、化
            学成分分析、机械性能分析、硬度测试、光谱分析、无损探伤、超声波侧厚仪等
            专业设备和区域，更有3米立体车床来满足客户的特殊要求...
        </div>
        <ul class="box2list">
            <li>
                <h1>售后服务</h1>
                <span>After-sales service</span>
            </li>
            <li>
                <h1>生产车间</h1>
                <span>workshop</span>
            </li>
            <li>
                <h1>诚招加盟</h1>
                <span>Recruit Join</span>
            </li>
        </ul>
    </div>
    <div class="am-title1">
        <span>新闻动态/<font>NEWS</font></span>
    </div>
    <div class="am-box3">
        <div class="brand">
            @var m is d.NewsMod("index_wapnews"){
            <ul class="am-newslist" style="display: flex;" @{m.Attrs}>
                @for n in m.Items{
                <li>
                    <a href="javascript:;">
                        <span class="sp1">@{date n.Create,yyyy/MM/dd}</span>
                        <h1>@{cut n.Text,16,...}</h1>
                        <span class="sp2">
                            @{cut n.Introduce,45,...}
                        </span>
                        <i></i>
                    </a>
                </li>
                @}
            </ul>
            @}
            @var m is d.NewsMod("index_wapnewsa"){
            <ul class="am-newslist" @{m.Attrs}>
                @for n in m.Items{
                <li>
                    <a href="javascript:;">
                        <span class="sp1">@{date n.Create,yyyy/MM/dd}</span>
                        <h1>@{cut n.Text,16,...}</h1>
                        <span class="sp2">
                            @{cut n.Introduce,45,...}
                        </span>
                        <i></i>
                    </a>
                </li>
                @}
            </ul>
            @}
        </div>
        <div class="news-nav">
            <a href="javascript:;" class="s">
                公司新闻
            </a>
            <a href="javascript:;">
                行业动态
            </a>
        </div>
    </div>
    <script>
        $('.news-nav a').click(function(){
            $('.news-nav a').removeClass('s')
            $(this).addClass('s')
            $('.brand .am-newslist').css('display','none')
            $('.brand .am-newslist').eq($(this).index()).css('display','flex')
        })
    </script>
@}