@{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>
    <script src="@{d.SkinPath}/static/js/uaredirect.js" language="javascript"></script>
    <script type="text/javascript">
        uaredirect("/wap");
    </script>
@}


 @set body{
<!--正文开始-->
<div class="box1">
    <div class="w1200">
        <div class="box1-top"><img src="@{d.SkinPath}/static/images/box1-top.jpg"></div>
        @var m is d.GenMod("box1-con"){
        <div class="box1-con" @{m.Attrs}>
                <div class="box1-con-left">
                    <ul class="tp">
                        <li><img src="@{d.SkinPath}/static/images/box1-con-1.png" ></li>
                        <li><img src="@{d.SkinPath}/static/images/box1-con-11.png"></li>
                    </ul>
                    <h1>@{m.Items[0].Text}</h1>
                    <p>@{m.Items[1].Text}</p>
                    <a href="/公司简介.html"><img src="@{d.SkinPath}/static/images/jt.jpg"></a>
                </div>
                <div>
                    <ul class="tp">
                        <li><img src="@{d.SkinPath}/static/images/box1-con-21.png" ></li>
                        <li><img src="@{d.SkinPath}/static/images/box1-con-2.png"></li>
                    </ul>
                    <h1>@{m.Items[2].Text}</h1>
                    <p>@{m.Items[3].Text}</p>
                    <a href="/公司简介.html"><img src="@{d.SkinPath}/static/images/jt.jpg"></a>
                </div>
                <div>
                    <ul class="tp">
                        <li><img src="@{d.SkinPath}/static/images/box1-con-31.png" ></li>
                        <li><img src="@{d.SkinPath}/static/images/box1-con-3.png"></li>
                    </ul>
                    <h1>@{m.Items[4].Text}</h1>
                    <p>@{m.Items[5].Text}</p>
                    <a href="/公司简介.html"><img src="@{d.SkinPath}/static/images/jt.jpg"></a>
                </div>
                <div>
                <ul class="tp">
                        <li><img src="@{d.SkinPath}/static/images/box1-con-41.png" ></li>
                        <li><img src="@{d.SkinPath}/static/images/box1-con-4.png"></li>
                    </ul>
                    <h1>@{m.Items[6].Text}</h1>
                    <p>@{m.Items[7].Text}</p>
                    <a href="/公司简介.html"><img src="@{d.SkinPath}/static/images/jt.jpg"></a>
                </div>
        </div>
        @}
        <div class="box1-bottom">
                <a href="/公司简介.html">查看更多</a>
        </div>
    </div>
</div>
<script type="text/javascript">
    $(function(){
        $(".box1-con div").hover(function(){
            $(this).find(".tp li").eq(0).fadeIn(500);
            $(this).find(".tp li").eq(1).fadeOut(500);
        },function(){
            $(this).find(".tp li").eq(1).fadeIn(500);
            $(this).find(".tp li").eq(0).fadeOut(500);})
    })
</script>
<script type="text/javascript">
    $(function(){
        $(".box1-con div").hover(function(){
            $(this).find(".tp li").eq(0).fadeIn(500);
            $(this).find(".tp li").eq(1).fadeOut(500);
        },function(){
            $(this).find(".tp li").eq(1).fadeIn(500);
            $(this).find(".tp li").eq(0).fadeOut(500);})
    })
</script>
<div class="box2">
     @var m is d.GenMod("box2"){
    <div class="w1200 dis" id="box2" @{m.Attrs}>
        <div class="box2-top"> 
            <span>@{m.Items[0].Text}</span>
        </div>
        <div class="box2-con">
            <p>@{m.Items[1].Text}</p>
        </div>
        <div class="box2-bottom">
                <div class="box2-bottom-1">
                    <a href="/公司简介.html">
                        <ul>
                            <li><img src="@{d.SkinPath}/static/images/box2-bottom-11.png"></li>
                            <li class="dis"><img src="@{d.SkinPath}/static/images/box2-bottom-1.png" ></li>
                        </ul>
                    </a>
                </div>
                <div>
                    <a href="/公司简介.html">
                        <ul>
                            <li><img src="@{d.SkinPath}/static/images/box2-bottom-2.png"></li>
                            <li class="dis"><img src="@{d.SkinPath}/static/images/box2-bottom-21.png" ></li>
                        </ul>
                    </a>
                </div>
                <div>
                    <a href="/公司简介.html">
                        <ul>
                            <li><img src="@{d.SkinPath}/static/images/box2-bottom-3.png"></li>
                            <li class="dis"><img src="@{d.SkinPath}/static/images/box2-bottom-31.png" ></li>
                        </ul>
                    </a>
                </div>
                <div>
                    <a href="/公司简介.html">
                        <ul>
                            <li><img src="@{d.SkinPath}/static/images/box2-bottom-4.png"></li>
                            <li class="dis"> <img src="@{d.SkinPath}/static/images/box2-bottom-41.png" ></li>
                        </ul>
                    </a>
                </div>
        </div>
    </div>
    @}
</div>
<script type="text/javascript">
        $(function(){
            $(".box2-bottom div").hover(function(){
                $(this).find("li").eq(0).fadeOut(200);
                $(this).find("li").eq(1).slideDown(300);
            },function(){
                $(this).find("li").eq(1).fadeOut(200);
                $(this).find("li").eq(0).slideDown(300);
                })
            var scr=$(window).scrollTop();
            $(window).scroll(function(){
                if(1000<scr<1100){
                    $("#box2").show(1000);
                }else{$("#box2").hide(100);}
            })
        })
        
</script>
<div class="box3">
    <div class="w1200">
        <div class="box3-top">
            <img src="@{d.SkinPath}/static/images/box3.jpg" style="margin-top: 107px">
        </div>
        @var m is d.GenMod("box3"){
        <div class="box3-bottom" @{m.Attrs}>
                <div class="box3-bottom-top">
                    <ul class="box3-bottom-top-1">
                    <a href="javascript:;">
                        <li class="box3-bottom-img"><img src="@{m.Items[0].Image}">
                            <div class="t">
                                <span><img src="@{d.SkinPath}/static/images/bx.png"></span>
                                <p>@{m.Items[0].Text}</p>
                            </div>
                        </li>
                    </a>
                    <a href="javascript:;">
                        <li style="margin-right:30px;margin-left: 30px" class="box3-bottom-img"><img src="@{m.Items[1].Image}" >
                                <div class="t1">
                                <span><img src="@{d.SkinPath}/static/images/bx.png"></span>
                                <p>@{m.Items[1].Text}</p>
                            </div>
                        </li>
                    </a>
                    <a href="javascript:;">
                        <li class="box3-bottom-img"><img src="@{m.Items[2].Image}">
                    
                        </li>
                    </a>
                <a href="javascript:;">
                        <li><img src="@{m.Items[3].Image}">

                        </li>
                    </a>
                    </ul>
                </div>
                <div class="box3-bottom-bottom">
                    <ul class="box3-bottom-bottom-1">
                        <a href="javascript:;">
                        <li style="height: 276px" class="box3-bottom-img">
                            <img src="@{m.Items[4].Image}">
                                <div class="t1">
                                <span><img src="@{d.SkinPath}/static/images/bx.png"></span>
                                <p>@{m.Items[4].Text}</p>
                            </div>
                            </li>
                        </a>
                        <a href="javascript:;" >
                        <li style="margin-left: 27px;height: 276px" class="box3-bottom-img"><img src="@{m.Items[5].Image}">
                                <div class="t">
                                    <span><img src="@{d.SkinPath}/static/images/bx.png"></span>
                                    <p>@{m.Items[5].Text}</p>
                            </div>
                        </li>
                        </a>
                    </ul>
                </div>
        </div>
        @}
    </div>
</div>
@var m is d.GenMod("box4"){
<div class="box4" style="background: url(@{m.Items[0].Image});" @{m.Attrs}>
    <div class="w1200">
        <div class="box4-top"> <p>@{m.Items[0].Text}</p></div>
        <div class="box4-bottom">
            <p style="margin-top: -10px;margin-bottom: 25px">@{m.Items[1].Text}</p>
            <ul class="box4-bottom-1">
                <li><p>@{m.Items[2].Text}</p></li>
                <a href="/应用领域.html">
                    <li class="box4-bottom-img"><img src="@{m.Items[3].Image}">
                                <div></div>
                                <div></div>
                                <div></div>
                                <div></div>
                                <div>@{m.Items[3].Text}</div>
                    </li>
                </a>
                <a href="/应用领域.html">
                <li class="box4-bottom-img"><img src="@{m.Items[4].Image}">
                            <div></div>
                            <div></div>
                            <div></div>
                            <div></div>
                            <div>@{m.Items[4].Text}</div>
                </li>
                </a>
                <a href="/应用领域.html">
                <li class="box4-bottom-img"><img src="@{m.Items[5].Image}"><div></div>
                            <div></div>
                            <div></div>
                            <div></div>
                            <div>@{m.Items[5].Text}</div></li>
                </a>
                <a href="/应用领域.html">
                <li class="box4-bottom-img"><img src="@{m.Items[6].Image}">
                            <div></div>
                            <div></div>
                            <div></div>
                            <div></div>
                            <div>@{m.Items[6].Text}</div>
                            </li>
                </a>
                <a href="/应用领域.html">
                <li style="background: url(@{m.Items[7].Image});">
                            <div></div>
                            <div></div>
                            <div></div>
                            <div></div>
                            <div></div>
                        </li>
                </a>
                <a href="/应用领域.html">
                <li class="box4-bottom-img"><img src="@{m.Items[8].Image}">
                            <div></div>
                            <div></div>
                            <div></div>
                            <div></div>
                            <div>@{m.Items[8].Text}</div></li>
                </a>
            </ul>
        </div>
    </div>
</div>
@}
<div class="box5">
    <div class="w1200">
        <div class="box5-top"></div>
        <div class="box5-bottom" style="height: 390px;width: 100%;">
            <div class="box5-bottom-1" style="height: 390px;width: 945px;">
                    <div class="btcont1" style="height: 390px;width: 945px;position: relative;">
                        @var m is d.NewsMod("box5-1"){
                        <ul @{m.Attrs}  style="display: block;height: 390px;width: 1270px;position: absolute;" id="List1">
                            @for n in m.Items{  
                            <li style="display: block;height:195px">
                                <div class="gsxw a" style="display: block;">
                                    <a href="@{n.URL}" style="text-decoration: none;">
                                    <h1 style="overflow: hidden;text-overflow:ellipsis; white-space: nowrap;">@{n.Text}</h1>
                                    <span>@{date n.Create,yyyy-MM-dd}</span>
                                    <p>@{cut n.Introduce,30}</p>
                                    </a>
                                    <a href="@{n.URL}" class="box5-a">MORE</a>
                                </div>
                            </li>
                            @}
                        </ul>
                        @}
                    </div>
                    <div class="btcont2" style="height: 390px;width: 945px;display: none;position: relative;">
                        @var m is d.NewsMod("box5-2"){
                        <ul @{m.Attrs} style="display: block;height: 390px;width: 1270px;position: absolute;left: 0;top: 0;" id="List2">
                            @for n in m.Items{  
                            <li style="height:195px">
                                <div class="gsxw a" style="display: block;">
                                    <a href="@{n.URL}" style="text-decoration: none;">
                                    <h1 style="overflow: hidden;text-overflow:ellipsis; white-space: nowrap;">@{n.Text}</h1>
                                    <span>@{date n.Create,yyyy-MM-dd}</span>
                                    <p>@{cut n.Introduce,30}</p>
                                    </a>
                                    <a href="@{n.URL}" class="box5-a">MORE</a>
                                </div>
                            </li>
                            @}
                        </ul>
                        @}
                    </div>
            </div>
            <div class="box5-bottom-2">
                    
                    <div style="margin-top: 13px" class="c">
                        <ul>
                            <li style="margin-left:15px"><img src="@{d.SkinPath}/static/images/gnews.jpg"></li>
                            <li><img src="@{d.SkinPath}/static/images/btn-2.png"></li>
                        </ul>
                    </div>
                    <div class="b">
                        <ul>
                            <li style="margin-left:15px"><img src="@{d.SkinPath}/static/images/hnews.png"></li>
                            <li><img src="@{d.SkinPath}/static/images/btn-1.jpg"></li>
                        </ul>
                    </div>
            </div>
        </div>
    </div>
</div>
<script>

</script>
<script type="text/javascript">
        $(function(){
            $(".c").find("li").eq(1).hide();
            $('.btcont2').show()
            $(".b").click(function(){
                $(this).find("li").eq(1).fadeIn(300);
                $(this).find("li").eq(0).fadeOut();
                $(".c").find("li").eq(1).fadeOut(300);
                $(".c").find("li").eq(0).fadeIn();
                $('.btcont1').show()
                $('.btcont2').hide()
            })
            $(".c").click(function(){
                $(this).find("li").eq(1).fadeIn(300);
                $(this).find("li").eq(0).fadeOut();
                $(".b").find("li").eq(1).fadeOut(300);
                $(".b").find("li").eq(0).fadeIn();
                $('.btcont1').hide()
                $('.btcont2').show()
            })
        })
        $("#List1").css({left:-315});
        prodmove=setInterval(prodrun_left,3000);
        function prodrun_left(){
        $("#List1").stop().animate({left:-630},function(){
            $("#List1").css({left:-315})
            $("#List1 li:last").after($("#List1 li:first"))
            $("#List1 li:last").after($("#List1 li:first"))
            })
        }
        $("#List2").css({left:-315});
        prodmovea=setInterval(prodrun_lefta,3000);
        function prodrun_lefta(){
        $("#List2").stop().animate({left:-630},function(){
            $("#List2").css({left:-315})
            $("#List2 li:last").after($("#List2 li:first"))
            $("#List2 li:last").after($("#List2 li:first"))
            })
        }
</script>
    <!--主内容结束-->
    <!--低部开始-->
    
<!--底部 开始-->
                <div style="background: url(@{d.SkinPath}/static/images/iApp-bg.jpg) center 0 no-repeat;">
                        <div id="con_one_2" class="district" style="height:auto;width:1257px;margin:0 auto;" @{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>
                         @}

@}