// 导航悬停 效果

    window.addEventListener('scroll', function() {
        var nav = document.getElementById('bignav'); // 获取bootsnav元素

        if (window.scrollY > 100) { // 如果页面滚动超过顶部
            if (!nav.classList.contains('hover')) {
                nav.style.backgroundColor = 'rgba(255, 255, 255, 0.3)'; // 设置背景为白色
            }
        } else {
            nav.style.backgroundColor = 'rgba(255, 255, 255, 0)'; // 设置背景为透明
        }
    });

    // 监听鼠标悬停事件
    document.getElementById('bignav').addEventListener('mouseover', function() {
        this.classList.add('hover');
    });

    document.getElementById('bignav').addEventListener('mouseout', function() {
        this.classList.remove('hover');
    });



// 首页产品推荐tabs选项卡 效果