@{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>
        <script type="text/javascript">
            var mySwiper2 = new Swiper('#banner .swiper-container', {
            autoplay: 5000,
            visibilityFullFit: true,
            paginationClickable: true,
            pagination: '#banner .swiper-pagination',
            });
        </script>
        <div class="am-box2">
            <div class="am-title">
                <font>产品</font>中心
            </div>
            @var m is d.ProductMod("mprod"){
            <ul class="prodlist"@{m.Attrs}>
                @for n in m.Items{
                 <li>
                    <a href="@{n.URL}">
                        <img src="@{n.Image}">
                        <span>@{n.Text}</span>
                    </a>
                </li>
                @}
            </ul>
            @}
        </div>
        <div class="am-box3">
            <div class="am-box3-cont">
                浙江恒源钢业有限公司座落于丽水松阳县江南工业园区，环境优美，交通便利。恒源钢业始创于1990年，2007年迁址丽水松阳，成立浙江恒源钢业有限公司。经过近二十年的发展壮大，恒源钢业现已发展成为占地面积达30000平方米，注册资金3080万，固定资产8000万，年生产能力10000吨，以不锈钢无缝钢管为主导产品的制造、生产、销售的一体化大型现代化生产型企业...
            </div>
        </div>
        <div class="am-box4">
            <div class="am-title">
                <font>新闻</font>中心
            </div>
            <div class="box3-nav">
                <a href="javascript:;" class="s">企业新闻</a>
                <a href="javascript:;">行业动态</a>
            </div>
            <div class="box4-main">
                <div class="box4-brand">
                    @var m is d.NewsMod("index_newsa"){
                    <div class="left" @{m.Attrs}>
                        @for n in m.Items{
                        <a href="@{n.URL}">
                        <img src="@{n.Image}">
                        <span>@{cut n.Text,20,...}</span>
                        </a>
                        @}
                    </div>
                    @}
                    @var m is d.NewsMod("index_newsb"){
                    <ul class="newslist" @{m.Attrs}>
                        @for n in m.Items{
                        <li>
                            <div class="date">
                                <h1>@{date n.Create,dd}</h1>
                                <span>@{date n.Create,yyyy-MM}</span>
                            </div>
                            <a href="@{n.URL}">
                                @{cut n.Text,20,...}
                            </a>
                        </li>
                        @}
                    </ul>
                    @}
                </div>
                <div class="box4-brand" style="display: none;">
                    @var m is d.NewsMod("index_newsc"){
                    <div class="left" @{m.Attrs}>
                        @for n in m.Items{
                        <a href="@{n.URL}">
                        <img src="@{n.Image}">
                        <span>@{cut n.Text,20,...}</span>
                        </a>
                        @}
                    </div>
                    @}
                    @var m is d.NewsMod("index_newsd"){
                    <ul class="newslist" @{m.Attrs}>
                        @for n in m.Items{
                        <li>
                            <div class="date">
                                <h1>@{date n.Create,dd}</h1>
                                <span>@{date n.Create,yyyy-MM}</span>
                            </div>
                            <a href="@{n.URL}">
                                @{cut n.Text,20,...}
                            </a>
                        </li>
                        @}
                    </ul>
                    @}
                </div>
            </div>
        </div>
        <script type="text/javascript">
            $('#box3-nav a').hover(function(){
                $('#box3-nav a').removeClass('s')
                $('.box4-main .box4-brand').hide()
                $(this).addClass('s')
                $('.box4-main .box4-brand').eq($(this).index()).show()
            })
        </script>
        <div class="am-footer">
              © 2020  All Rights Reserved. Designed by 浙江恒源钢业有限公司
        </div>
        <div class="am-bottom">
            <a href="tel:0578－8806777">
                <i></i>
                <span>电话咨询</span>
            </a>
            
        </div>
@}