@{layout layout}
@set header{
@}
@set body{
    @var m is d.GenMod("wap_banner"){
    <div id="banner" class="am-banner" @{m.Attrs}>
                <div class="swiper-container" style="width:100%">
                        <div class="swiper-wrapper">
                            @for n in m.Items{
                            <div class="swiper-slide">
                                <img src="@{n.Image}">                             
                            </div>
                            @} 
                        </div>
                    <div class="swiper-pagination btn"></div> 
                </div>
        </div>
        @}
        <div class="am-box1">
            <div class="box1-cont1">
                <img src="@{d.SkinPath}/static/images/pic1.jpg">
                <div class="cont">
                    <ul class="box1-cont1-nav">
                        <li><a href="/guanyukaihao.html">公司简介</a></li>
                        <li><a href="/qiyerongyu.html">企业荣誉</a></li>
                        <li><a href="/qiyefengcai.html">企业风采</a></li>
                    </ul>
                    <div class="box1-cont1-cont">
                        <h1>走进凯豪</h1>
                        <span>实力获得 ISO9000 ，ISO9001，特种设备生产许可证（压力管道）TS认证及CE等认证。工厂主要生产 ANSL、JIS、DIN 和 GB 标准的闸阀、截止......</span>
                    </div>
                </div>  
            </div>
            <div class="cont2-bg">
                <div class="box1-cont2">
                    <div class="title">
                        公司<br>新闻
                    </div>
                    @var m is d.NewsMod("wap_indexnews"){
                    <ul class="newslist" @{m.Attrs}>
                        @for n in m.Items{  
                        <li><a href="@{n.URL}">@{cut n.Text,18}...</a></li>
                        @}
                    </ul>
                    @}
                </div>
            </div>
        </div>
        <div class="am-box2">
            <a href="javascript:;" class="am-box2-prev"></a>
            <div class="brand">
                @var m is d.ProductMod("index_prdolist"){
                <ul class="prodlist amn3" @{m.Attrs}>
                    @for n in m.Items{
                    <li>
                        <a href="@{n.URL}">
                            <img src="@{n.Image}">
                            <div class="cont">
                                <h1>@{n.Text}</h1>
                                <span>@{cut n.Introduce,12}...</span>
                            </div>
                        </a>
                    </li>
                    @}
                </ul>
                @}
            </div>
            <a href="javascript:;" class="am-box2-next"></a>
        </div>
        <script type="text/javascript">
            var prodnum=0;
            var prodtotal= Math.ceil($(".prodlist li").length/2);
            $('.am-box2-next').click(function(){
                prodnum++;
                if(prodnum>prodtotal-1)
                {
                    prodnum=prodtotal-1
                }
                $('.prodlist').css('left',-14.95*prodnum+'rem');
                
            })
            $('.am-box2-prev').click(function(){
                prodnum--;
                if(prodnum<0)
                {
                    prodnum=0
                }
                $('.prodlist').css('left',-14.95*prodnum+'rem');
                
            })
        </script>
        <div class="am-box3">
            @var m is d.GenMod("wap_btcont"){
            <div class="cont" @{m.Attrs}>
                客服热线：@{m.Items[0].Text}<br>
                移动电话：@{m.Items[1].Text}<br>
                企业地址：@{m.Items[2].Text}
            </div>
            @}
        </div>
@}