// pro_det_pic_scroll
	// 获取所有的 pro_det_t_l_tabs_item 元素
    const items = document.querySelectorAll('.pro_det_t_l_tabs_item');

    items.forEach(item => {
        // 为每个 pro_det_t_l_tabs_item 创建独立的 Swiper 实例
        const pro_det_pic_scroll_bars = new Swiper(item.querySelector(".pro_det_pic_scroll_bars"), {
            speed: 700,
            watchSlidesProgress: true,
            slidesPerView: 5,
            spaceBetween: 10,
            roundLengths: true,
            breakpoints: {
                0: {
                    spaceBetween: 10,
                    direction: 'horizontal',
                },
                768: {
                    spaceBetween: 10,
                    direction: 'horizontal',
                },
                1024: {
                    direction: 'vertical',
                }
            },
        });

        const pro_det_pic_scroll = new Swiper(item.querySelector(".pro_det_pic_scroll"), {
            speed: 700,
            slidesPerView: 1,
            thumbs: {
                swiper: pro_det_pic_scroll_bars,
                autoScrollOffset: 1,
                watchSlidesVisibility: true,
            },
            navigation: {
                nextEl: item.querySelector('.pro_det_pic_scroll_bars_btn.next'),
                prevEl: item.querySelector('.pro_det_pic_scroll_bars_btn.prev'),
            },
        });
    });

	tabs(".pro_det_t_r_color_bars",".pro_det_t_l_tabs");