visual_button_scroll_down($(".scroll_down"));
        var interleaveOffset = 0.5;
        function numbox(num){
            if(num == 0){
                num = 0;
            }else
            if(num > 9){
                num = num;
            }else{
                num="0"+num;
            }
            return num;

        }
        
        var bannerSwiper = new Swiper('.ibanner', {
            slidesPerView:1,
            spaceBetween:0,
            parallax:true,
            loop:true,
            speed:1000,
            // onlyExternal : true,
            autoplay:5000,
            watchSlidesProgress:true,
            paginationClickable :true,
            pagination:'.ibanner .swiper-pagination',
            paginationType : 'fraction',
            onInit:function(swiper){
                var videoIndex = $('.ibanner .video').index();
                var n01  = numbox($(".ibanner .swiper-pagination-current").text());
                var n02  = numbox($(".ibanner .swiper-pagination-total").text());
                // console.log(n01,n02)
                $(".ibanner .swiper-pagination-current").text(n01)
                $(".ibanner .swiper-pagination-total").text(n02)

                var activeIndex = $(".swiper-slide.swiper-slide-active").attr("data-swiper-slide-index");
                if (videoIndex == activeIndex) {
                    $('.ibanner video')[0].play();
                    swiper.stopAutoplay();
                }
                if ($('.ibanner .video').length > 0) {
                    $('.ibanner video').on('ended', function() {
                        swiper.slideNext();
                        swiper.startAutoplay();
                        swiper.params.autoplay = 5000;
                    })
                }
            },
            onProgress: function(swiper, progress){
                for (var i = 0; i < swiper.slides.length; i++) {
                    var slideProgress = swiper.slides[i].progress;
                    var innerOffset = swiper.width * interleaveOffset;
                    var innerTranslate = slideProgress * innerOffset;
                    swiper.slides[i].querySelector(".slide-inner").style.transform =
                        "translate3d(" + innerTranslate + "px, 0, 0)";
                }
            },
            onTouchStart: function (swiper) {
                for (var i = 0; i < swiper.slides.length; i++) {
                    swiper.slides[i].style.transition = "";
                }
            },
            onTransitionStart: function(swiper) {
                var myVideo = document.getElementById("video");
                var videoIndex = $('.ibanner .video').index();
                var activeIndex = $(".swiper-slide.swiper-slide-active").attr("data-swiper-slide-index");

                var n01  = numbox($(".ibanner .swiper-pagination-current").text());
                var n02  = numbox($(".ibanner .swiper-pagination-total").text());
                // console.log(n01,n02)
                $(".ibanner .swiper-pagination-current").text(n01)
                $(".ibanner .swiper-pagination-total").text(n02)


                if ($('.ibanner .video').length > 0) {
                    $('.ibanner video').on('ended', function() {
                        swiper.slideNext();
                        swiper.startAutoplay();
                        swiper.params.autoplay = 5000;
                    })
                }
                if (videoIndex == myVideo) {
                    myVideo.playbackRate = 1;
                    myVideo.currentTime = 0;
                    myVideo.play();
                    swiper.stopAutoplay();
                } else {
                    myVideo.pause();
                }
            },
            onSetTransition: function (swiper,transiton) {
                //console.log(transiton);
                for (var i = 0; i < swiper.slides.length; i++) {
                    swiper.slides[i].style.transition = transiton + "ms";
                    swiper.slides[i].querySelector(".slide-inner").style.transition =
                        transiton + "ms";
                }
            }
        })


  

        $(".i-list1 .video-btn").on("click",function(){
            $(".news-list6-dialog3").addClass("dialog--open");
            $(".news-list6-dialog3 .video #video").attr("src",$(this).attr("data-video"));
            $('.news-list6-dialog3 video').get(0).play();
        })
        $(".news-list6-dialog3 .closebtn,.dialog__overlay").on("click",function(){
            $(".news-list6-dialog3").addClass("dialog--close");
             $('.news-list6-dialog3 video').get(0).pause();
            setTimeout(function(){
                $(".news-list6-dialog3").removeClass("dialog--close");
                $(".news-list6-dialog3").removeClass("dialog--open");
            },300)
        })

       

        $(".i-list2 .ulbox .li").on("click",function(){
            $(".i-list2 .num").text($(this).data("num"));
            $(".i-list2 .text p").text($(this).data("title"));
            if($(this).hasClass("on")){
                $(this).removeClass("on");
                $(this).find(".pbox").stop().slideUp();
            }else{
                $(this).addClass("on").siblings().removeClass("on");
                $(this).find(".pbox").stop().slideDown().parents(".li").siblings().find(".pbox").stop().slideUp();
            }
        })
        // $(".i-list2 .ulbox .li").eq(0).click();





        if($(window).innerWidth() >1023){

            var controller = new ScrollMagic.Controller;
            // var aimLen = $('.i-list2 li').length;
            $('.i-list2').height($(window).height()*3);
            $(window).on('resize',function(){
                $('.i-list2').height($(window).height()*3);
            })

            var winTop = $(window).scrollTop();
            var aimTop = $('.i-list2').offset().top;
            var provideTop = $('.i-list3').offset().top;
            if(winTop>=aimTop&&winTop<provideTop){
                $('.ni-list2').addClass('fix');
            }else{
                $('.ni-list2').removeClass('fix');
                // $(".i-list2 .ulbox .li").removeClass("on");
                // $(".i-list2 .ulbox .li").find(".pbox").stop().slideUp();
            }

            $(window).on('scroll',function(){
                winTop = $(window).scrollTop();
                aimTop = $('.i-list2').offset().top;
                provideTop = $('.i-list3').offset().top;
                if(winTop>=aimTop&&winTop<provideTop){
                    $('.ni-list2').addClass('fix');
                }else{
                    $('.ni-list2').removeClass('fix');
                    // $(".i-list2 .ulbox .li").removeClass("on");
                    // $(".i-list2 .ulbox .li").find(".pbox").stop().slideUp();
                }
            })



            var aimAni = new TimelineLite();

            var f0 = aimAni.staggerTo('.i-list2 .ulbox',1,{y:-100,scale:1},1);
            var f1 = aimAni.staggerTo('.i-list2 .text',1,{y:-30,scale:1},1);
            var f01 = TweenMax.to(".i-list2 .ulbox .li:nth-child(1)", 5, {className:"+=cur",onComplete:function(){
                // $(".i-list2 .ulbox .li").off("click").removeClass("cur");
                $(".i-list2 .ulbox .li").eq(0).click();
            }});
            var f02 = TweenMax.to(".i-list2 .ulbox .li:nth-child(2)", 5, {className:"+=cur",onComplete:function(){
                // $(".i-list2 .ulbox .li").off("click").removeClass("cur");
                $(".i-list2 .ulbox .li").eq(1).click();
            }});
            var f03 = TweenMax.to(".i-list2 .ulbox .li:nth-child(3)", 5, {className:"+=cur",onComplete:function(){
                // $(".i-list2 .ulbox .li").off("click").removeClass("cur");
                $(".i-list2 .ulbox .li").eq(2).click();
            }});
            var f04 = TweenMax.to(".i-list2 .ulbox .li:nth-child(4)", 5, {className:"+=cur",onComplete:function(){
                // $(".i-list2 .ulbox .li").off("click").removeClass("cur");
                $(".i-list2 .ulbox .li").eq(3).click();
            }});
              var f05 = TweenMax.to(".i-list2 .ulbox .li:nth-child(5)", 5, {className:"+=cur",onComplete:function(){
                // $(".i-list2 .ulbox .li").off("click").removeClass("cur");
                $(".i-list2 .ulbox .li").eq(4).click();
            }});
            var f06 = TweenMax.to(".i-list2 .ulbox .li:nth-child(6)", 5, {className:"+=cur",onComplete:function(){
                // $(".i-list2 .ulbox .li").off("click").removeClass("cur");
                $(".i-list2 .ulbox .li").eq(5).click();
            }});

            var aim =  new ScrollMagic.Scene({
                triggerElement: '.i-list2',
                triggerHook:1,
                duration:$('.i-list2').outerHeight(),
            })
            .setTween([f0])
            .addTo(controller);

            var aim =  new ScrollMagic.Scene({
                triggerElement: '.i-list2',
                triggerHook:1,
                duration:$('.i-list2').outerHeight()/6,
            })
            .setTween([f1])
            .addTo(controller);
            var aim =  new ScrollMagic.Scene({
                triggerElement: '.i-list2',
                triggerHook:1,
                duration:$('.i-list2').outerHeight()/8,
            })
            .setTween([f01])
            .addTo(controller);
            var aim =  new ScrollMagic.Scene({
                triggerElement: '.i-list2',
                triggerHook:1,
                duration:$('.i-list2').outerHeight()/8*2,
            })
            .setTween([f02])
            .addTo(controller);

            var aim =  new ScrollMagic.Scene({
                triggerElement: '.i-list2',
                triggerHook:1,
                duration:$('.i-list2').outerHeight()/8*3,
            })
            .setTween([f03])
            .addTo(controller);
            var aim =  new ScrollMagic.Scene({
                triggerElement: '.i-list2',
                triggerHook:1,
                duration:$('.i-list2').outerHeight()/8*4,
            })
            .setTween([f04])
            .addTo(controller);

            var aim =  new ScrollMagic.Scene({
                triggerElement: '.i-list2',
                triggerHook:1,
                duration:$('.i-list2').outerHeight()/8*5,
            })
            .setTween([f05])
            .addTo(controller);
            var aim =  new ScrollMagic.Scene({
                triggerElement: '.i-list2',
                triggerHook:1,
                duration:$('.i-list2').outerHeight(),
            })
            .setTween([f06])
            .addTo(controller);


        }

      

        var _imgArr=[];// 閫夋嫨鍣  璺緞  鏄惁鑳屾櫙   
        $("[data-bg-src]").each(function(){
            var arr=[$(this),$(this).attr('data-bg-src'),true];
            _imgArr.push(arr);
        });
        $("[data-src]").each(function(){
            var arr=[$(this),$(this).attr('data-src'),false];
            _imgArr.push(arr);
        });
        _PreLoadImg2(_imgArr,function(){
            
        },false)
        $(".i-list3 .rightbox .ulbox").mCustomScrollbar({
            axis: "x",             
            scrollInertia:0,
            autoHideScrollbar:true,
            alwaysShowScrollbar:0,
            scrollbarPosition: "inside",
            alwaysShowScrollbar:2,
            mouseWheel:{
                enable:true,
                scrollAmount:60
            }
        });
        scrollAni();