$(function() {
    let windowWidth = $(window).width();
    let windowHeight = $(window).height();

    // 搜索控制
    let searchInput = $('.search-input-box');
    let searchW = searchInput.width();
    let searchH = searchInput.height();
    $('.search').click(function() {
        searchInput.css({
            'top': ((windowHeight - searchH) / 2) / 2 + 'px',
            'left': ((windowWidth - searchW) / 2) + 'px'
        });
        $('.search-box').fadeIn(200);
    });
    $('.mask').click(function() {
        $('.search-box').fadeOut(200);
    });
    $(window).keydown(function(event) {
        if (event.keyCode == 27) {
            $('.search-box').fadeOut(200);
        }
    });

    // 手机导航
    $('.m-nav-icon').click(function() {
        $('.nav').animate({
            'right': '0'
        });
    });
    $('.close-btn').click(function() {
        $('.nav').animate({
            'right': '-250px'
        });
    });
    $('.banner,.page-title,.page-body,.footer,.section').click(function() {
        $('.nav').animate({
            'right': '-250px'
        });
    });
    // 首页产品分类
    let t;
    $('.product-category li').hover(function() {
        clearTimeout(t);
        let _that = this;
        t = setTimeout(function() {
            $(_that).addClass('active').siblings().removeClass('active');
        }, 200);
    });

    // 返回顶部
    window.addEventListener('scroll', function(e) {
        var t = document.documentElement.scrollTop || document.body.scrollTop;
        if (t > 400) {
            $('.to-top-btn').fadeIn();
        } else {
            $('.to-top-btn').fadeOut();
        }
    });
    $('.to-top-btn').click(function() {
        $('html,body').animate({
            scrollTop: 0
        }, 500);
    });
});