// Swiper
function sw() {

    // 首页 banner 轮播
    var top_banner = new Swiper('.top_banner', {
        loop: true,
        effect: 'fade',
        autoplay: {
			delay: 8000,
			stopOnLastSlide: false,
			disableOnInteraction: false
		},
        pagination: {
            el: ".top_banner .swiper-pagination",
            clickable: true,
        },
    });


    var bottom_banner = new Swiper('.bottom-banner', {
        effect: 'coverflow',
        slidesPerView: 'auto',
        centeredSlides: true,
        paginationClickable: true,
        loop: true,
        autoplay: {
			delay: 2500,
			stopOnLastSlide: false,
			disableOnInteraction: true
		},
        navigation: {
            nextEl: '.bottom-banner .swiper-button-next',
            prevEl: '.bottom-banner .swiper-button-prev',
          },
        speed: 2000,
        spaceBetween: 30,
        coverflowEffect: {
            rotate: 30,
            stretch: 0,
            depth: 50,
            modifier: 1,
            slideShadows : false
        },
        pagination: {
            el: ".bottom-banner .swiper-pagination",
            type: "progressbar",
        },
        breakpoints: {
            768: {
                slidesPerView: 1,
                spaceBetween: 15,
                effect: 'slide',
                coverflowEffect: {
                    rotate: 0,
                    stretch: 0,
                    depth: 0,
                    modifier: 1,
                    slideShadows : false
                },
            },
        },
    });

    var pic_cont = new Swiper('.pic_cont', {
        loop: true,
        autoplay: {
			delay: 3000,
			stopOnLastSlide: false,
			disableOnInteraction: true
		},
        pagination: {
            el: ".pic_cont .swiper-pagination",
            clickable: true,
        },
    });

    var tjts = new Swiper('.tjts .swiper-container', {
        slidesPerView: 2,
        spaceBetween: 30,
        autoplay: {
			delay: 3000,
			stopOnLastSlide: false,
			disableOnInteraction: true
		},
        pagination: {
            el: ".tjts .swiper-pagination",
            clickable: true,
        },
    });

}

// 加载完毕 & 刷新
window.onload = function() {
    sw();

    $('.detail-size a').click(function(){
        $(this).addClass('active').siblings().removeClass('active');
    });

    $('.navmenu > li').hover(function(){
        var idx = $(this).index();
        if (idx != 0) {
            $('.subnav-li').eq(idx-1).addClass('active');
            // $('.subnav-li').eq(idx-1).animate({'height':'2.9rem'}).css({'z-index':'1'});
            $('.subnav-li').eq(idx-1).siblings().addClass('active2');
        }
    },function(){
        var idx = $(this).index();
        // $('.subnav-li').eq(idx-1).animate({'height':'0'}).css({'z-index':'0'}); 
       
        
        if (idx != 0) {
            $('.subnav-li').eq(idx-1).removeClass('active');
            $('.subnav-li').eq(idx-1).siblings().removeClass('active2');
            $('.subnav-li').eq(idx-1).hover(function(){
                $('.navmenu > li').eq(idx).addClass('active2');
                $('.subnav-li').eq(idx-1).addClass('active');
                $('.subnav-li').eq(idx-1).siblings().addClass('active2');
            },function(){
                $('.navmenu > li').eq(idx).removeClass('active2');
                $('.subnav-li').eq(idx-1).removeClass('active');
                $('.subnav-li').eq(idx-1).siblings().removeClass('active2');
            });
        }
    });
}