$(function(){
    banner();

    indexPro_slider()
    

    $(".index_03 li").hover(function () {
       $(this).addClass("on").siblings().removeClass("on")
    })

    ScollText(".index_03 li.on .special_txt .text");

    if($(window).width()<768) {
        if($(".indexNew_b").length>=1){
            indexproSwiper = new Swiper('.indexNew_b .swiper-container', {
                loop:true,
                autoplay:5000,
                prevButton:'.indexNew_b .swiper-button-prev',
                nextButton:'.indexNew_b .swiper-button-next',
            })
        }
    }

})



function banner(){
    $(document).ready(function() {
        var swiperFlag = false;
        $(".banner li").eq(0).addClass("ani-slide");
        if($(".banner li").length>1){
            $(".banner .baner_but").show()
            var mySwiper = new Swiper('.banner .swiper-container', {
                autoplay: 5000,
                speed:1000,
                // autoHeight: true,
                // effect : 'fade',
                loop: true,
                prevButton:'.banner .swiper-button-prev',
                nextButton:'.banner .swiper-button-next',
                pagination: '.banner .swiper-pagination',
                paginationClickable :true,
                autoplayDisableOnInteraction : false,
                onInit: function(swiper){
                    slide=swiper.slides.eq(0);
                    slide.addClass('ani-slide');
                    $(".bannerCover").addClass("on")
                },onTransitionStart: function(swiper){
                    for(i=0;i<swiper.slides.length;i++){
                      slide=swiper.slides.eq(i);
                      slide.removeClass('ani-slide');
                    }

                },
                onSlideChangeEnd: function(swiper) {
                    slide=swiper.slides.eq(swiper.activeIndex);
                    slide.addClass('ani-slide');

                    var _this = $('.banner .swiper-slide').eq(swiper.activeIndex);
                    if(!swiperFlag) {
                        swiperFlag = true;
                    } else {
                        videoSelect(_this);
                    }
                }
            })

        }

        if ($(window).width()>767) {
            videoSelect($('.banner .swiper-slide.swiper-slide-active'));
        }else{

        }

        function videoSelect(_this) {
            var flag = true;
            var cc = _this.hasClass('ban_video');
            if(cc) {

                mySwiper.stopAutoplay();
                var videos =
                    '<video src="' + _this.data('video') + '" autoplay="autoplay" muted class="vv" style="display:none;"></video>';
                _this.append(videos);

                var aaa = setInterval(function() {
                    if(!isNaN($(".vv").get(0).duration) && flag) {
                        clearInterval(aaa);
                        flag = false;
                        setTimeout(function() {
                            _this.find('video').css("display", "block");
                        }, 500)
                    }
                }, 10);

                _this.find('video').bind('ended', function() {
                    mySwiper.slideNext();
                    mySwiper.startAutoplay();
                });
            } else {
                $('.vv').remove();
            }
        }
    })
}




function indexPro_slider(){
    var indexproSwiper;
    if($(".index_pro li").length>=1){
        indexproSwiper = new Swiper('.index_pro .swiper-container', {
            slidesPerView: "auto",
            slidesPerGroup: 1,
            spaceBetween: 35,
            loop:true,
            autoplay:5000,
            prevButton:'.index_pro .swiper-button-prev',
            nextButton:'.index_pro .swiper-button-next',
            onSlideChangeStart:function(swiper){
                console.log(swiper)
                $(".index_pro-t ul li").eq(swiper.realIndex).addClass("on").siblings().removeClass("on")
            },
            breakpoints:{
                1024: {
                    slidesPerView: 1,
                    spaceBetween: 0,
                },
            }
        })
    }
    $(document).on('click','.index_pro-t ul li',function () {
        var index=$(this).index()
        console.log(index)
        $(this).addClass("on").siblings().removeClass("on")
        if($(window).width()>1024){
            indexproSwiper.slideTo(index)
        }else{
            indexproSwiper.slideTo(index + 1)
        }

    })

    $(document).on('click','.index_pro-b .btn_ll',function () {
        $(".index_pro .swiper-button-prev").click();
    })
    $(document).on('click','.index_pro-b .btn_rr',function () {
          $(".index_pro .swiper-button-next").click();
    })
    
}