$(function () {
    banner();
    ScollText($(".index_intro p"))
    var img=$(".indexSolu_item:first-child .indexSolu_list li:first-child").data("img")
    $(".solution_bigImg").css("background-image","url("+img+")")
	setTimeout(function() {
		$(".indexSolu_item.on").find('li:first-child').click()
		console.log('111')
	}, 100);
    $(".indexSolu_list li").click(function () {
        var img=$(this).data("img")
        $(this).addClass("on").siblings().removeClass("on")
        $(".solution_bigImg").css("background-image","url("+img+")")
		//$(this).parent().parent().prevAll('.pub_more').attr('href',$(this).data('url'))
    })
    if($(window).width()<1024){
        $(".indexSolu_tab li").click(function () {
			//var index=$(this).index()
            //$(this).addClass("on").siblings().removeClass("on")
          //  $(".indexSolu_item").eq(index).addClass("on").siblings().removeClass("on")
           // var img=$(".indexSolu_item").eq(index).find(".indexSolu_list li:first-child").data("img")
           // $(".solution_bigImg").css("background-image","url("+img+")")
           // indexSoluSwiper.slideTo(index)
			//$(".indexSolu_item").eq(index).find('.pub_more').attr('href', $(".indexSolu_item").eq(index).find(".indexSolu_list li:first-child").data("url"))
			//console.log($(".indexSolu_item").eq(index).find(".indexSolu_list li:first-child").data("url"))
        })
    }else{
        $(".indexSolu_tab li").hover(function () {
            var index=$(this).index()
            $(this).addClass("on").siblings().removeClass("on")
            $(".indexSolu_item").eq(index).addClass("on").siblings().removeClass("on")
            var img=$(".indexSolu_item").eq(index).find(".indexSolu_list li:first-child").data("img")
            $(".solution_bigImg").css("background-image","url("+img+")")
			//$(".indexSolu_item").eq(index).find('.pub_more').attr('href', $(".indexSolu_item").eq(index).find(".indexSolu_list li:first-child").data("url"))
			//console.log($(".indexSolu_item").eq(index).find(".indexSolu_list li:first-child").data("url"))
        })
    }
    $(".indexSolu_tab li").hover(function () {
        var index=$(this).index()
        $(this).addClass("on").siblings().removeClass("on")
        $(".indexSolu_item").eq(index).addClass("on").siblings().removeClass("on")
        var img=$(".indexSolu_item").eq(index).find(".indexSolu_list li:first-child").data("img")
        $(".solution_bigImg").css("background-image","url("+img+")")
        indexSoluSwiper.slideTo(index)
    })
    if($(window).width()<767){
        var indexSoluSwiper = new Swiper('.indexSolu_con .swiper-container', {
            prevButton : '.indexSolu_con .swiper-button-prev',
            nextButton: '.indexSolu_con .swiper-button-next',
            pagination: '.indexSolu_con .swiper-pagination',
            paginationClickable: true,
            autoplayDisableOnInteraction : false,
            slidesPerView:1,
            spaceBetween:0,
            onInit: function(swiper){

            },
            onSlideChangeStart: function(swiper) {
                $(".indexSolu_tab li").eq(swiper.activeIndex).addClass("on").siblings().removeClass("on")
            }
        })

        var proSwiper = new Swiper('.pro_con .swiper-container', {
            prevButton : '.pro_con .swiper-button-prev',
            nextButton: '.pro_con .swiper-button-next',
            pagination: '.pro_con .swiper-pagination',
            paginationClickable: true,
            autoplayDisableOnInteraction : false,
            slidesPerView:1,
            spaceBetween:0,
            onInit: function(swiper){

            },
            onSlideChangeStart: function(swiper) {

            }
        })
    }


    proList()

    $(".indexNew-tab li").click(function () {

        var index=$(this).index()
        $(this).addClass("on").siblings().removeClass("on")
        $(".indexNew-item").eq(index).addClass("on").siblings().removeClass("on")
        imgratio()
    })


})





function banner(){
    $(document).ready(function() {
    var swiperFlag = false;
    $(".banner li").eq(0).addClass("ani-slide");
    if($(".banner li").length>1){
        $(".banner .swiper-pagination").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',
            autoplayDisableOnInteraction : false,
            pagination: '.banner .swiper-pagination',
            paginationClickable :true,
            autoplayDisableOnInteraction : false,
            onInit: function(swiper){
                slide=swiper.slides.eq(0);
                slide.addClass('ani-slide');
                      
            },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 proList() {
    var proSwiper = new Swiper('.pro_tab .swiper-container', {
        prevButton : '.pro_tab .swiper-button-prev',
        nextButton: '.pro_tab .swiper-button-next',
        pagination: '.pro_tab .swiper-pagination',
        paginationClickable: true,
        autoplayDisableOnInteraction : false,
        slidesPerView:6,
        spaceBetween:0,
        onInit: function(swiper){

        },
        onSlideChangeEnd: function(swiper) {

        }
    })
    var _ind = 0;
    var _len = $(".pro_tab .swiper-slide").length;
    btnJudge();
   $(".pro_tab .swiper-slide").click(function(){
        _ind = $(this).index();
        $(this).addClass("on").siblings().removeClass("on");
        $(".pro_con-item").eq(_ind).addClass("on").siblings().removeClass("on")
        btnJudge();

    })

    // var _ind = GetQueryString("index");
    if(_ind){
        $(".pro_tab .swiper-slide:eq(" + _ind + ")").click();
    }else{
        $(".pro_tab .swiper-slide:eq(0)").click();
    }

    $(".pro_tab .swiper-button-prev").click(function() {
        _ind--;
        btnJudge()
        $(".pro_tab .swiper-slide").eq(_ind).addClass("on").siblings().removeClass("on");
        $(".pro_tab .swiper-slide.on").click();
    })
    //点击又按钮，实现_ind自加1
    $('.pro_tab .swiper-button-next').click(function() {
        _ind++;
        btnJudge()
        $(".pro_tab .swiper-slide").eq(_ind).addClass("on").siblings().removeClass("on");
        $(".pro_tab .swiper-slide.on").click();
    })

    function btnJudge() {
        if(_ind >= _len - 1) {
            $('.pro_tab .swiper-button-next').addClass("disabled")
            _ind = _len - 1;
        } else {
            $('.pro_tab .swiper-button-next').removeClass("disabled")
        }
        if(_ind <= 0) {
            $(".pro_tab .swiper-button-prev").addClass("disabled")
            _ind = 0;
        } else {
            $(".pro_tab .swiper-button-prev").removeClass("disabled")
        }
    }

}