var swiperApp=new Swiper(".swiper-App", {
    direction: 'vertical',
    slidesPerView: 'auto',
    speed: 800,
    parallax: true,
    mousewheel: true,
    autoHeight: true,
    loop:false,
    autoplay:false,
    on:{
        transitionStart: function(swiper){
            $(".top").removeClass("topbai tophei");
            var navColor=$(".swiper-App .app-con").eq(this.activeIndex).attr("data-nav-color");
            $(".top").addClass("top" + navColor);
            $(".ibox-protitle").removeClass("act");
            $(".ibox-pro .item").removeClass("active");
            $(".ibox-pro .item").removeClass("wf-w sx-w").siblings().addClass('sx-w');
            if(this.activeIndex ==2){
                setTimeout(function(){
                    $(".ibox-pro").addClass("ibox-proACT");
                },1000);
            }else{
                $(".ibox-pro").removeClass("ibox-proACT");
            }
        },
      },
});

var swiperbanner=new Swiper(".banner-box", {
    speed:1000,
	loop:true,
    effect: "fade",
    fadeEffect:{
        crossFade:true
    },
	autoplay: {
		loop:true,
		delay: 5000,
		stopOnLastSlide: false,
		disableOnInteraction: false,
	},
    navigation: {
        nextEl: ".banner-box .swiper-next",
        prevEl: ".banner-box .swiper-prev",
    },
});
if(isMobile){
    swiperApp.destroy(false);
}

if(!isMobile) {
    $(document).on('mouseenter','.ibox-proACT .item',function(e){ 
        $(".ibox-protitle").addClass("act");
        $(this).addClass("active");
        $(this).removeClass('sx-w').addClass("wf-w").siblings().addClass('sx-w');
    });
    $(document).on('mouseleave','.ibox-proACT .item',function(e){ 
        $(".ibox-protitle").removeClass("act");
        $(this).removeClass("active");
        $(".ibox-pro .item").removeClass("wf-w sx-w").siblings().addClass('sx-w');
    });
}
$(".link-select-box").click(function(){
    swiperApp.mousewheel.disable();
});
$(".link-select-box").mouseenter(function(){
    swiperApp.mousewheel.enable();
});
// function initSwiper(){
// }
// initSwiper();
// $(window).resize(function(){
// 	initSwiper();
// });