@{layout layout}
 @set header{
    <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>
@}


 @set body{
<!--正文开始-->
    <!--主内容开始-->
   <div class="box1">
        <div class="left">
          @var m is d.GenMod("bdlist"){
            <ul class="bdlist" @{m.Attrs}>
                <li>@{m.Items[0].Text}</li>
                <li>@{m.Items[1].Text}</li>
                <li>@{m.Items[2].Text}</li>
                <li>@{m.Items[3].Text}</li>
                <li>@{m.Items[4].Text}</li>
            </ul>
         @}
        </div>
        <div class="right">
            <ul class="box1-btn"></ul>
        </div>
        <script type="text/javascript">
            var box1btn = $(".bdlist li").length;
            for(i = 0; i<box1btn;i++){
                $(".box1-btn").append("<li></li>");
            }
            $(".box1-btn li:first").addClass('s')
            var btnnum=0;
            var btnTime=4000;
            btnTimer = setTimeout(btnAuto,btnTime);
            function btnAuto(){
                btnnum++;
                btnShow();
                btnTimer = setTimeout(btnAuto,btnTime);
            }   
            function btnShow(){
            if(picnum>4)
                {
                picnum=0;
                }
                if(picnum<0)
                {
                picnum=4;
                }
                $(".bdlist").css('top',-71*picnum);    
                $(".box1-btn li").removeClass('s')
                $(".box1-btn li").eq(picnum).addClass('s')
            }
            $('.box1-btn li').hover(function(){
                clearTimeout(btnTimer);
                picnum=$(this).index();
                $(".bdlist").css('top',-71*picnum); 
                $(".box1-btn li").removeClass('s')
                $(".box1-btn li").eq(picnum).addClass('s')
                btnTimer = setTimeout(btnAuto,btnTime);
            })
        </script>
    </div>
    <div class="box2">
        <div class="w1200">
            <dl class="box2-title">
                <dt>
                    <h1>产品中心</h1>
                    <span>Product Center</span>
                </dt>
                @var m is d.NavMod("foot-cp"){
                <dd id="prodnav" @{m.Attrs}>
                    @for n in m.Items{
                    <a href="@{n.URL}">@{n.Text}</a><span>|</span>
                    @}                    
                    <a href="/product/">MORE</a>
                </dd>
                @}
            </dl>
            <div class="prod-brand">
                <div class="prodbox amn3">
                  @var m is d.GenMod("prodlist"){
                    <ul class="prodlist" @{m.Attrs}>                      
                        <li>
                            <img src="@{m.Items[0].Image}">
                            <div class="prod-cont">
                                <h1>波纹补偿器系列</h1>
                                <span>@{m.Items[0].Text}</span>
                                <a href="@{m.Items[0].URL}">more ></a>
                            </div>
                        </li>
                        <li>
                            <img src="@{m.Items[1].Image}">
                            <div class="prod-cont">
                                <h1>金属软管系列</h1>
                                <span>@{m.Items[1].Text}</span>
                                <a href="@{m.Items[1].URL}">more ></a>
                            </div>
                        </li>
                        <li>
                            <img src="@{m.Items[2].Image}">
                            <div class="prod-cont">
                                <h1>衬氟系列</h1>
                                <span>@{m.Items[2].Text}</span>
                                <a href="@{m.Items[2].URL}">more ></a>
                            </div>
                        </li>
                    </ul>
                  @}
                </div>
            </div>
        </div>
    </div>
    <div class="box3">
        <div class="w1200">
            <div class="indexbox1">
            @var m is d.GenMod("indexbox1-cont"){
                <div class="left" style="background: url(@{m.Items[0].Image}); "></div>
                <div class="indexbox1-cont" @{m.Attrs}>
                    <h1>走进奥辰 </h1>
                    <h2>ABOUT US</h2>
                    <span>@{m.Items[0].Text}</span>
                    <a href="/公司简介.html">MORE</a>
                </div>
                @}
            </div>
            <div class="indexbox2">
                <div class="indexboxt-title">
                    <h1>新闻动态</h1>
                    <span>NEWS CENTER</span>
                </div>
                <div style="width: 1200px;height:320px;position: relative;overflow: hidden;">
                    @var m is d.NewsMod("newslist"){
                    <ul class="newslist" @{m.Attrs} style="position: absolute;top: 0;left: 0;margin-top:0px;width: auto;" id="List1">
                        @for n in m.Items{  
                        <li>
                            <h2>@{date n.Create,MM-dd}</h2>
                            <h1>@{cut n.Text,15,...}</h1>
                            <span>@{cut n.Introduce,60}</span>
                            <a href="@{n.URL}">more</a>
                        </li>
                        @}
                    </ul>
                    @}
                </div>
                <div class="indexbox2-link">
                    <a href="/news/">MORE ></a>
                </div>
            </div>
        </div>
    </div>
    <script>
        $("#List1").css({left:-400});
           prodmove=setInterval(prodrun_left,3000);
           function prodrun_left(){
           $("#List1").stop().animate({left:-800},function(){
               $("#List1").css({left:-400})
               $("#List1 li:last").after($("#List1 li:first"))
               })
           }

   </script>
    <div class="box4">
        <div class="w1200">
            <div class="left">
                <div class="box4-title">
                    <h2>PROFESSIONNALISM</h2>
                    <h1>定制服务流程</h1>
                </div>
                <div class="box4-btn">
                    <a href="javascript:;" class="box4-btnleft" id="btnleft"></a>
                    <a href="javascript:;" class="box4-btnright" id="btnright"></a>
                </div>
            </div>
            <div class="brand2">
                <div class="brand-cont amn3">
                    <ul class="lclist">
                        <li class="li1">
                            <div class="bg"></div>
                            <div class="title">01</div>
                        </li>
                        <li class="li2"></li>
                        <li class="li1">
                            <div class="bg"></div>
                            <div class="title">02</div>
                        </li>
                        <li class="li2"></li>
                        <li class="li1">
                            <div class="bg"></div>
                            <div class="title">03</div>
                        </li>
                        <li class="li2"></li>
                        <li class="li1">
                            <div class="bg"></div>
                            <div class="title">04</div>
                        </li>
                        <li class="li2"></li>
                        <li class="li1">
                            <div class="bg"></div>
                            <div class="title">05</div>
                        </li>
                    </ul>
                    <ul class="nrlist">
                        <li>
                            <h1>交流方案</h1>
                            <span>专业技术人员24小时在线，资<br>深工程师36小时内出定制方案</span>
                        </li>
                        <li>
                            <h1>方案修改</h1>
                            <span>1对1实时进行方案沟通修改形<br>成100%契合可执行方案</span>
                        </li>
                        <li>
                            <h1>签订合同</h1>
                            <span>根据定制方案评估报价<br>签订合同保障客户权益</span>
                        </li>
                        <li>
                            <h1>方案执行</h1>
                            <span>产品严格按照ISO9001:2000<br>质量体系标准执行生产</span>
                        </li>
                        <li>
                            <h1>产品运输</h1>
                            <span>安全、快速、保障</span>
                        </li>
                    </ul>
                </div>
            </div>
            <script type="text/javascript">
                var num;
                $('#btnleft').click(function(){
                    num--;
                    if(num<0)
                    {
                        num=0;
                    }
                    $('.brand-cont').css('left','0')
                })
                $('#btnright').click(function(){
                    num++;
                    if(num>1)
                    {
                        num=1;
                    }
                    $('.brand-cont').css('left',-250)
                })
            </script>
        </div>
    </div>
    <div class="box5">
        <div class="w1200">
            <div class="box5-title">
                <h1>客户案例</h1>
                <span>CUSTOMER CASE</span>
            </div>
            @var m is d.GenMod("allist"){
            <ul class="allist" @{m.Attrs}>
                <li>
                    <a href="@{m.Items[0].URL}">
                        <img src="@{m.Items[0].Image}">
                        <h1>奥辰波纹管案例展示</h1>
                        <span>@{m.Items[0].Text}</span>
                    </a>
                </li>
                <li>
                    <a href="@{m.Items[1].URL}">
                        <img src="@{m.Items[1].Image}">
                        <h1>奥辰波纹管案例展示</h1>
                        <span>@{m.Items[1].Text}</span>
                    </a>
                </li>
                <li>
                    <a href="@{m.Items[2].URL}">
                        <img src="@{m.Items[2].Image}">
                        <h1>奥辰波纹管案例展示</h1>
                        <span>@{m.Items[2].Text}</span>
                    </a>
                </li>
                <li>
                    <a href="@{m.Items[3].URL}">
                        <img src="@{m.Items[3].Image}">
                        <h1>奥辰波纹管案例展示</h1>
                        <span>@{m.Items[3].Text}</span>
                    </a>
                </li>
                <li>
                    <a href="@{m.Items[4].URL}">
                        <img src="@{m.Items[4].Image}">
                        <h1>奥辰波纹管案例展示</h1>
                        <span>@{m.Items[4].Text}</span>
                    </a>
                </li>
                <li>
                    <a href="@{m.Items[5].URL}">
                        <img src="@{m.Items[5].Image}">
                        <h1>奥辰波纹管案例展示</h1>
                        <span>@{m.Items[5].Text}</span>
                    </a>
                </li>
            </ul>
            @}
            <div class="box5-link">
                    <a href="/news/客户案例/">MORE ></a>
                </div>
        </div>
    </div>

                <div style="background: url(@{d.SkinPath}/static/images/iApp-bg.jpg) center 0 no-repeat;background-color: #000;">
                        <div id="con_one_2" class="district" style="height:auto;width:1257px;margin:0 auto;background-color: #000;" @{m.Attrs}>
                            <h3 style="font-weight: normal; color: #666;cursor:pointer;margin-bottom:20px" onclick="" >地区分站</h3>
                      @for m in d.SiteAreas {
                            <a  href="@{m.URL}" title="@{m.Text}" style="margin-right:30px">@{m.Text}</a>
                        @}
                        </div>
                      

  @var m is d.GenMod("sy_youqinglinklists"){
                        <div id="con_one_2" class="district" style="height:auto;width:1257px;margin:0 auto;margin-top:30px;" @{m.Attrs}>
                            <h3 style="font-weight: normal; color: #666;cursor:pointer;margin-bottom:20px" onclick="" >友情链接</h3>
                         @for n in m.Items {
                            <a  href="@{n.URL}" title="@{n.Text}" style="margin-right:30px">@{n.Text}</a>
                        @}
                        </div>
                         @}
    @}
</div>
@}