{dede:include filename="head.htm"/}
<div class="news-wrap">
    <div class="ban" style="background: url({dede:global.cfg_templets_skin/}/images/{dede:field.typeid function='GetTopid(@me)'/}.jpg) no-repeat center;">
        <p><span>{dede:field.typeid runphp='yes'}$ID = @me; $sql = "SELECT * FROM `dede_arctype` WHERE id=$ID";$query = mysql_query($sql);$row=mysql_fetch_array($query); $relID = "$row[reid]"; $topID="$row[topid]"; if($relID == 0) {@me = $row[typename];}else{$sql = "SELECT `typename` FROM `dede_arctype` WHERE id=$topID";$query = mysql_query($sql);$row=mysql_fetch_array($query); @me = $row[typename];}{/dede:field.typeid}</span></p>
    </div>
    <menu>
        <div class="swiper-container swiper2">
            <div class="swiper-wrapper">
                {dede:channel type='self' noself='yes' currentstyle="<a href='~typelink~' class='swiper-slide cur'>~typename~</a>"}
                <a href="[field:typelink/]" class="swiper-slide">[field:typename/]</a>
                {/dede:channel}
            </div>
            <!-- Add Arrows -->
            <div class="swiper-button-next wapjt"></div>
            <div class="swiper-button-prev wapjt"></div>
        </div>
    </menu>
</div>
<div class="newsinfo-wrap">
    <div class="main">
        <div class="detail">
            {dede:field.content/}
        </div>
    </div>
</div>
<div class="backbtn"><img src="{dede:global.cfg_templets_skin/}/images/backtop.png?v=v3 " width="50" alt="" class="backtop"></div>
<footer>
    <div class="main f-cb">
        <div class="list">
            <ul class="f-cb">
                {dede:channelartlist typeid="top" currentstyle='cur' row='5'}
                <li>
                    <a href="{dede:field name='typeurl'/}" class="tit">{dede:field name='typename'/}</a>
                    {dede:channel type='son' noself='yes'}
                    <a href="[field:typelink/]">[field:typename/]</a>
                    {/dede:channel}
                </li>
                {/dede:channelartlist}
            </ul>
        </div>
        <div class="sharebox">
            <p><b>联系方式</b></p>
            <div class="homelx">
                <b>{dede:global.tel/}</b>
                <p>
                    <i class="iconfont">&#xe621;</i>手机：{dede:global.phone/}<br>
                    <i class="iconfont">&#xe608;</i>传真：{dede:global.fax/}<br>
                    <i class="iconfont">&#xe63f;</i>邮箱：{dede:global.email/}<br>
                    <i class="iconfont">&#xe64e;</i>地址：<span>杭州市滨江区长河街道立业路339号2幢四层401室</span>

                </p>
            </div>
        </div>
        <img class="ewm" src="{dede:global.cfg_templets_skin/}/images/ewm.jpg"/>
    </div>
    <div class="bot f-cb">{dede:global.cfg_powerby/}</div>
</footer>
<link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_626073_mp9e6tcq1fxhia4i.css">
<script src="{dede:global.cfg_templets_skin/}/js/main.js?v=v3" type="text/javascript" charset="utf-8"></script>
<script src="{dede:global.cfg_templets_skin/}/js/scroll.js?v=v3" type="text/javascript" charset="utf-8"></script>
<script src="{dede:global.cfg_templets_skin/}/js/jquery.mousewheel.js?v=v3" type="text/javascript" charset="utf-8"></script>
<script src="{dede:global.cfg_templets_skin/}/js/swiper.min.js"></script>
<script type="text/javascript" src="{dede:global.cfg_templets_skin/}/js/jquery.mousewheel.m.js"></script>
<script type="text/javascript" src="{dede:global.cfg_templets_skin/}/js/jquery.sudySlider.m.js"></script>
<script type="text/javascript" src="{dede:global.cfg_templets_skin/}/js/jquery.reveal.js"></script>
<script type="text/javascript">
    var imgs = [
        {dede:arclist titlelen='100' addfield='body' row='100' orderby='pubdate' typeid='2' flag='h'}
        {
            title:"[field:title/]",
            url:'[field:arcurl/]',
            src:'[field:litpic/]'
        },
        {/dede:arclist}
    ];
</script>
<script type="text/javascript">
    $(function(){
        $("#slider").sudySlider();
    });
</script>
<!-- Initialize Swiper -->
<script>

    $(function () {
        var width = $(window).width();
        var swiper1 = new Swiper('.swiper1', {
            pagination: '.swiper-pagination1',
            paginationClickable: true,
            spaceBetween: 30,
            autoplay : 12000,
            nextButton: '.swiper-button-next',
            prevButton: '.swiper-button-prev',
        });
        if(width>768){
            var swiper2 = new Swiper('.swiper2', {
                slidesPerView: 4,
                spaceBetween: 30,
                nextButton: '.swiper-button-next',
                prevButton: '.swiper-button-prev',
            });
        }else{
            var swiper2 = new Swiper('.swiper2', {
                slidesPerView: 2,
                nextButton: '.swiper-button-next',
                prevButton: '.swiper-button-prev',
            });
        };
    })
</script>

<script>
    $(function () {
        var Mouse = true,
            $banBG = $(".ban .bg"),
            $move = $(".ban .bg .move"),
            $car = $(".ban .car"),
            $smoke = $(".ban .sign .part"),
            $btn = $(".ban .btns span"),
            banImg = [],
            moveleft = 0,
            carLeft = 0,
            smoken = 0,
            smokeDis = -1011,
            smokeCur = 0,
            smokePrev = 783
        $banBG.width(1920 * $banBG.find('img').length)
        for (var i = 0; i < $banBG.find('img').length; i++) {
            banImg[i] = $banBG.find('img').eq(i).attr('src')
        }
        ;
        _PreLoadImg(banImg, function () {
            $(".ban .loader").stop().fadeOut(600)
            // 初始化
            $banBG.stop().animate({opacity: 1}, 1000)
            $move.width($banBG.find('img').length * 1920)
            $(".ban .sign .move").width($banBG.find('img').length * 1920)
            $btn.eq(0).addClass('cur')
            var End = $(window).width() - $move.width()
            // 滚动
            // $('.iwrap .ban').on('mousewheel', function(event) {
            // 	event.preventDefault();
            //        if(event.deltaY > 0){
            //            CarBack()
            //        }else{
            //        	// 向下
            //            CarGo()
            //        }
            //    })
            touch.on('.iwrap .ban', 'swipeleft', function () {
                CarGo()
            })
            touch.on('.iwrap .ban', 'swiperight', function () {
                CarBack()
            })
            var bannerAuto = setInterval(function () {
                CarGo()
            }, 1)

            function CarGo() {
                if (!Mouse) {
                    return
                }
                Mouse = false;
                // 限定距离
                moveleft = parseInt($move.css('left')) - 24
                if (moveleft <= End) {
                    Mouse = true
                    return
                }
                // 烟雾
                smoken = Math.floor((moveleft - $(window).width() / 2) / -1892)
                if (smoken == smokeCur) {
                    smokeDis += 24
                } else {
                    smokeCur = smoken
                    smokeDis = -1011
                    smokePrev = 923
                }
                if (parseInt($smoke.eq(smoken - 1).find(".smoke").css("left")) >= smokePrev) {
                    smokePrev += 24
                }
                $btn.eq(smoken).addClass('cur').siblings().removeClass('cur')
                $smoke.eq(smoken).addClass('show').siblings().removeClass('show')
                $(".ban .sign .move").css("left", moveleft)
                $smoke.eq(smoken).find(".smoke").css("left", smokeDis)
                $smoke.eq(smoken - 1).find(".smoke").css("left", smokePrev)
                // 车位移
                carLeft -= 140
                if (carLeft == -1120) {
                    carLeft = 0
                }
                $car.css('background-position', '' + carLeft + 'px center')
                // 背景位移
                $move.stop().animate({left: moveleft}, 50, "linear", function () {
                    Mouse = true
                })
            }

            function CarBack() {
                if (!Mouse) {
                    return
                }
                Mouse = false;
                // 限定距离
                if (moveleft == 0) {
                    Mouse = true
                    return
                }
                moveleft = parseInt($move.css('left')) + 192
                // 烟雾
                smoken = Math.floor((moveleft - $(window).width() / 2) / -1892)
                if (smoken == smokeCur) {
                    smokeDis -= 192
                } else {
                    smokeCur = smoken
                    smokeDis = 731
                    smokePrev = 2843
                }
                if (parseInt($smoke.eq(smoken - 1).find(".smoke").css("left")) >= smokePrev) {
                    smokePrev -= 192
                }
                $btn.eq(smoken).addClass('cur').siblings().removeClass('cur')
                $smoke.eq(smoken).addClass('show').siblings().removeClass('show')
                $smoke.eq(smoken + 1).find(".smoke").css("left", -1041)
                $(".ban .sign .move").css("left", moveleft)
                $smoke.eq(smoken).find(".smoke").css("left", smokeDis)
                $smoke.eq(smoken - 1).find(".smoke").css("left", smokePrev)
                // 车位移
                if (carLeft == 0) {
                    carLeft = -980
                }
                carLeft += 140
                $car.css('background-position', '' + carLeft + 'px center')
                // 背景位移
                $move.stop().animate({left: moveleft}, 50, "linear", function () {
                    Mouse = true
                })
            }

            $btn.click(function () {
                var w = -1920
                if ($(window).width() <= 1024) {
                    if ($(window).width() < 1023) {
                        w = -2112
                    }
                    $(this).addClass('cur').siblings().removeClass('cur')
                    $move.stop().animate({left: w * $(this).index()}, 600, "linear")
                    $(".ban .sign .move").css("left", w * $(this).index())
                    $smoke.eq($(this).index()).addClass('show').find(".smoke").css("left", -598)
                    $smoke.eq($(this).index()).siblings().removeClass('show')
                }
            })
        })

        $(".history .image li").width($(".history .image").width())
        $(".history .list li").width($(".history .list li").width())
        Scroll($(".history .image .scroll"), $(".history .prev"), $(".history .next"), $(".history .image").width(), 0)
        Scroll($(".history .main .list"), $(".history .prev"), $(".history .next"), $(".history .main .list").width(), 0)

        $(window).scroll(function () {
            var top = $(window).scrollTop()
            if (top > $(".about").offset().top - 400 && !$(".about").hasClass('end')) {
                $(".about").addClass('end')
                $(".about .main > img").addClass('show')
                Enter($(".about .main h2"), "Y", 0, 5, 600, 400)
            }
            if (top > $(".history").offset().top - 400 && !$(".history").hasClass('end')) {
                $(".history").addClass('end')
                $(".history .main .image").stop().transition({
                    y: 0,
                    opacity: 1
                }, 600, "linear")
                setTimeout(function () {
                    $(".history .main").children().stop().transition({
                        y: 0,
                        opacity: 1
                    }, 600, "linear")
                }, 400)
            }
            if (top > $(".products").offset().top - 400 && !$(".products").hasClass('end')) {
                $(".products").addClass('end')
                $(".products .tips, .products .list").addClass('show')
            }
            if (top > $(".news").offset().top - 400 && !$(".news").hasClass('end')) {
                $(".news").addClass('end')
                Enter($(".news li").eq(0), 'left', 0, 3, 600, 400)
            }
        })
    })
</script>
<script src="/jquery.la.min.js"></script></body>
</html>