if (navigator.userAgent.indexOf("MSIE") > 0) {
    if (navigator.userAgent.indexOf("MSIE 8.0") > 0 || navigator.userAgent.indexOf("MSIE 9.0") > 0) {
        // var videoObj = videojs('video2');
        // 首页bannerhack
        $(".index-ban-doc").addClass("noopacity");
        $(".just-srcoll-wrap").hide();
        $(".hidden-after-load").hide();
        $(".dark-banner .swiper-slide").height($(window).height());
        $(".lazy-load-box").remove();
        $(".dark-banner").slide({
            mainCell: ".swiper-container ul.swiper-wrapper",
            prevCell: ".swiper-button-prev",
            nextCell: ".swiper-button-next",
            effect: "left",
            endFun: function(i, c) {
                // var hasVideo = $(".dark-banner .swiper-slide").eq(i).find("video").length;
                // if (hasVideo > 0) {
                //     videoObj.play();
                // } else {
                //     videoObj.pause();
                //     videoObj.currentTime(0);
                // }
            }
        })

    }
}


// if($("#video2").length>0){
//     var videoObj = videojs('video2');
// }

var mySwiper = new Swiper('.dark-banner .swiper-container', {
    autoplay: 5000,
    speed: 550,
    loop: true,
    autoplayDisableOnInteraction : false,
    runCallbacksOnInit: false,
    watchSlidesProgress: true,
    onImagesReady: function(swiper) {
        $(".hidden-after-load").hide();
        $(".lazy-load-box").fadeOut();
        $(".index-ban-doc").eq(0).removeClass("fadeInUp2 animated").addClass('fadeInUp2 animated');
        if (document.getElementsByClassName('channal-ban-doc').length > 0) {
            startNum()
        };
    },
    pagination: '.dark-banner .swiper-pagination',
    paginationClickable: true,
    paginationBulletRender: function(swiper, index, className) {
        return '<li class="' + className + '"><span><i></i></span></li>';
    },
    nextButton: '.swiper-button-next',
    prevButton: '.swiper-button-prev',
    onProgress: function(swiper) {
        for (var i = 0; i &lt; swiper.slides.length; i++) {
            var slide = swiper.slides.eq(i);
            var progress = slide[0].progress;
            var translate;
            if (progress &gt; 0) {
                translate = progress * 0.9 * swiper.width;
                scale = 1 - progress * 0.1
                if (progress &gt; 1) {
                    scale = 0.9
                }
                txtPositionX = 0
                txtPositionY = progress * 30 + 'px'
            } else {
                translate = 0;
                scale = 1
                txtPositionX = -progress * 1000 + 'px'
                txtPositionY = 0
            }
            var txts = slide.find('.txt');
            for (var j = 0; j &lt; txts.length; j++) {
                txts.eq(j).transform('translate3d(' + txtPositionX + ',' + txtPositionY + ',0)');
            }
            slide.transform('translate3d(' + (translate) + 'px,0,0) scale(' + 1 + ')');
        }
    },
    onSetTransition: function(swiper, speed) {
        for (var i = 0; i &lt; swiper.slides.length; i++) {
            slide = swiper.slides.eq(i)
            slide.transition(speed)
            var txts = slide.find('.txt');
            for (var j = 0; j &lt; txts.length; j++) {
                txts.eq(j).transition(speed)
            }
        }
    },
    onSlideChangeStart: function(swiper) {
        if (swiper.autoplaying) {
            swiper.bullets.eq(swiper.realIndex - 1).addClass('replace');
            swiper.bullets.eq(swiper.realIndex - 1).removeClass('current firsrCurrent');
            swiper.bullets.eq(swiper.realIndex).addClass('current');
            if (swiper.realIndex == 0) {
                swiper.bullets.removeClass('replace');
            }
        }
        $(".swiper-slide-active").find(".index-ban-doc").addClass("fadeInUp animated");
    },
    onSlideChangeEnd: function() {
        $(".swiper-slide:not('.swiper-slide-active')").find(".index-ban-doc").removeClass("fadeInUp animated");
        // var hasVideo = $(".swiper-slide-active").find("video").length;
        // if (hasVideo &gt; 0) {
        //     videoObj.play();
        // } else {
        //     videoObj.pause();
        //     videoObj.currentTime(0);
        // }
    },
    onAutoplayStop: function(swiper) {
        swiper.$('.autoplay').removeClass('autoplay');
    },
})
for (var i = 0; i &lt; mySwiper.slides.length; i++) {
    mySwiper.slides[i].style.zIndex = i;
}
setTimeout(firstAdd, 1);

function firstAdd() {
    mySwiper.bullets.eq(0).addClass('firsrCurrent')
}

var len = $(".index-banner .dark-banner .swiper-slide").length-4;
if(len&lt;2){
    $(".index-banner .dark-banner .swiper-pagination-bullet").hide();
}




// ph

var mySwiperph = new Swiper('.dark-banner-ph .swiper-container', {
    autoplay: 5000,
    speed: 550,
    loop: true,
    runCallbacksOnInit: false,
    watchSlidesProgress: true,
    autoplayDisableOnInteraction : false,
    pagination: '.dark-banner-ph .swiper-pagination',
    paginationClickable: true,
    paginationBulletRender: function(swiper, index, className) {
        return '<li class="' + className + '"><span><i></i></span></li>';
    },
    nextButton: '.swiper-button-next',
    prevButton: '.swiper-button-prev',
    onProgress: function(swiper) {
        for (var i = 0; i &lt; swiper.slides.length; i++) {
            var slide = swiper.slides.eq(i);
            var progress = slide[0].progress; //获取slide的progress
            var translate; //slide的位移

            //左边出去时，slide位移减慢，slide缩放，文字Y视差。else右边进时，文字X视差
            if (progress &gt; 0) {
                // translate = progress * 0.9 * swiper.width;
                // scale = 1 - progress * 0.1
                // if (progress &gt; 1) {
                //     scale = 0.9
                // }
                // txtPositionX = 0
                // txtPositionY = progress * 30 + 'px'
            } else {
                // translate = 0;
                // scale = 1
                // txtPositionX = -progress * 1000 + 'px'
                // txtPositionY = 0
            }
            //赋加动画到slide和txt
            var txts = slide.find('.txt');
            for (var j = 0; j &lt; txts.length; j++) {
                txts.eq(j).transform('translate3d(' + txtPositionX + ',' + txtPositionY + ',0)');
            }
            slide.transform('translate3d(' + (translate) + 'px,0,0) scale(' + scale + ')');
        }
    },
    onSetTransition: function(swiper, speed) {
        for (var i = 0; i &lt; swiper.slides.length; i++) {
            slide = swiper.slides.eq(i)
            slide.transition(speed)
            var txts = slide.find('.txt');
            for (var j = 0; j &lt; txts.length; j++) {
                txts.eq(j).transition(speed)
            }
        }
    },
    onSlideChangeStart: function(swiper) {
        if (swiper.autoplaying) {
            swiper.bullets.eq(swiper.realIndex - 1).addClass('replace');
            swiper.bullets.eq(swiper.realIndex - 1).removeClass('current firsrCurrent');
            swiper.bullets.eq(swiper.realIndex).addClass('current');
            if (swiper.realIndex == 0) {
                swiper.bullets.removeClass('replace');
            }
        }
        $(".swiper-slide-active").find(".index-ban-doc").removeClass("fadeInUp animated").addClass("fadeInUp animated");
    },
    onSlideChangeEnd: function() {
        $(".dark-banner-ph  .swiper-slide:not('.swiper-slide-active')").find(".index-ban-doc").removeClass("fadeInUp animated");
    },
    onAutoplayStop: function(swiper) {
        mySwiperph.$('.autoplay').removeClass('autoplay');
    },
})
// Set Z-Indexes
for (var i = 0; i &lt; mySwiperph.slides.length; i++) {
    mySwiperph.slides[i].style.zIndex = i;
}
setTimeout(firstAdd, 1);

function firstAdd() {
    mySwiperph.bullets.eq(0).addClass('firsrCurrent')
}