@{layout layout}
@set header{
    <link rel="stylesheet" href="@{d.SkinPath}/static/css/amazeui.min.css">
    <link rel="stylesheet" href="@{d.SkinPath}/static/css/swiper.min.css" type="text/css">
    <link href="@{d.SkinPath}/static/css/Global.css" rel="stylesheet" type="text/css" />
    <link href="@{d.SkinPath}/static/css/Style.css" rel="stylesheet" type="text/css" />
    <script src="@{d.SkinPath}/static/js/jquery.js" language="javascript"></script>
    <script src="@{d.SkinPath}/static/js/swiper.min.js"></script>
    <script src="@{d.SkinPath}/static/js/amazeui.min.js"></script>
     
     <script type="text/javascript">
                 var calculate_size = function () {
                 var BASE_FONT_SIZE = 20;
         
                 var docEl = document.documentElement,
                     clientWidth = docEl.clientWidth;
                 if (!clientWidth) return;
                 docEl.style.fontSize = BASE_FONT_SIZE * (clientWidth / 375) + 'px';
             };
             // Abort if browser does not support addEventListener
             if (document.addEventListener) {
                 var resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize';
                 window.addEventListener(resizeEvt, calculate_size, false);
                 document.addEventListener('DOMContentLoaded', calculate_size, false);
                 calculate_size();
             }
     </script>
@}
@set body{
<div class="am-contain amn3">
        <div id="banner" class="am-banner">
                <div class="swiper-container" style="width:100%">
                        @var m is d.GenMod("banner"){
                        <div class="swiper-wrapper" @{m.Attrs}>
                            <div class="swiper-slide"><img src="@{m.Items[0].Image}"></div>
                            <div class="swiper-slide"><img src="@{m.Items[1].Image}"></div>
                            <div class="swiper-slide"><img src="@{m.Items[3].Image}"></div>
                            <div class="swiper-slide"><img src="@{m.Items[4].Image}"></div>
                            <div class="swiper-slide"><img src="@{m.Items[5].Image}"></div>
                        </div>
                        @}
                </div>
        </div>
        <div class="am-box1">
            <ul class="am-box1-list">
                <li class="am-u-sm-3">
                    <a href="/企业简介.html">
                        <div class="abicon abicon1"></div>
                        <span>关于奥辰</span>
                    </a>
                </li>
                <li class="am-u-sm-3">
                    <a href="/product/">
                        <div class="abicon abicon2"></div>
                        <span>产品中心</span>
                    </a>
                </li>
                <li class="am-u-sm-3">
                    <a href="/企业文化.html">
                        <div class="abicon abicon3"></div>
                        <span>企业文化</span>
                    </a>
                </li>
                <li class="am-u-sm-3">
                    <a href="/联系我们.html">
                        <div class="abicon abicon4"></div>
                        <span>联系我们</span>
                    </a>
                </li>
            </ul>
        </div>
        <div class="am-box2">
            <div class="am-box2-title"></div>
             @var m is d.ProductMod("am-prodlist"){
            <ul class="am-prodlist"  @{m.Attrs}>  
                @for n in m.Items{            
                <li>
                    <a href="@{n.URL}">
                        <div><img src="@{n.Image}"></div>
                        <span>@{cut n.Text,8}</span>
                    </a>
                </li>                
               @}           
            </ul>
           @}          
        </div>
         @var m is d.GenMod("indexbox1-cont"){
        <div class="am-box3" @{m.Attrs}>
            <h1>浙江奥辰波纹管有限公司</h1>
            <span>@{cut m.Items[0].Text,80}</span>
            <a href="/企业简介.html">查看更多</a>
        </div>
        @}
        <div class="am-box4">
            <div class="left"></div>
            @var m is d.GenMod("center"){
            <div class="center" @{m.Attrs}>
                <span class="sp1">
                    @{m.Items[0].Text}
                </span>
                <span class="sp2">
                    @{m.Items[1].Text}
                </span>
                <span class="sp3">
                    @{m.Items[2].Text}<br>
                    @{m.Items[3].Text}
                </span>
            </div>
            @}
            <div class="right"></div>
        </div>

    </div>


@}