(function (doc, win) {
    var docEl = doc.documentElement,
        resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
        recalc = function () {
            let clientWidth1 = docEl.clientWidth;
            // alert(clientWidth1)
            if (!clientWidth1) return;
            if (clientWidth1 <= 1024) {
                docEl.style.fontSize = 100 * (clientWidth1 / 750) + 'px';
            } else if (clientWidth1 > 1024 && clientWidth1 <= 1920) {
                docEl.style.fontSize = 100 * (clientWidth1 / 1920) + 'px';
            } else if (clientWidth1 > 1920) {
                docEl.style.fontSize = 100  + 'px';
            }
        };
    if (!doc.addEventListener) return;
    win.addEventListener(resizeEvt, recalc, false);
    doc.addEventListener('DOMContentLoaded', recalc, false);
})(document, window);

$(document).ready(function () {
    // 椤堕儴瀵艰埅鏄剧ず闅愯棌
    var p = 0,
        t = 0;
    $(window).scroll(function () {
        p = $(this).scrollTop();
        if (p > 200) {
            $('.header-wrap').addClass('headerBg')
        } else {
            $('.header-wrap').removeClass('headerBg')
        }
        if (t < p) {
            //涓嬫粴
            // console.log('鍚戜笅')
            if (p > 120) {
                $('.header-wrap').addClass('headerHide')
            }
        } else {
            //涓婃粴    
            // console.log('鍚戜笂');
            $('.header-wrap').removeClass('headerHide')

        }
        setTimeout(function () { t = p; }, 0)

    })
})


//鍒ゆ柇绉诲姩绔澶
function ismobile() {
    if (navigator.userAgent.match(/Android/i)
        || navigator.userAgent.match(/webOS/i)
        || navigator.userAgent.match(/iPhone/i)
        || navigator.userAgent.match(/iPad/i)
        || navigator.userAgent.match(/iPod/i)
        || navigator.userAgent.match(/BlackBerry/i)
        || navigator.userAgent.match(/Windows Phone/i)
    ) return 1;
    return 0;
}
var  clientWidth = document.documentElement.clientWidth;

setTimeout(() => {
    if (clientWidth <= 768 || ismobile() == 1) {
        var metaEl = document.querySelector('meta[name="viewport"]');
        var scale = clientWidth / 1920;
        // metaEl.setAttribute('content', 'width=device-width, initial-scale=' + .2);

        console.log('璁剧疆绉诲姩绔缉鏀炬瘮渚?, metaEl);

        if (ismobile() == 1) {
            // loadMobileCss();
        }
    }
}, 1500)

if (localStorage.getItem('testPhone') == 'testPhone') {
    if (ismobile() == 1) {
        alert('灞忓箷瀹藉害' + clientWidth)

        setTimeout(() => {
            loadVconsole();
        }, 3000)
    }
}




// 鎯婂ぉ鏅鸿兘椤圭洰
if (ismobile()) {
    console.log("姝ゆ椂鏄Щ鍔ㄧ")
} else {
    // 榧犳爣涓嬫粦锛岄殣钘忓鑸
    var windowTop = 0;                        //鍒濆璇濆彲瑙嗗尯鍩熻窛绂婚〉闈㈤《绔殑璺濈
    $(window).scroll(function() {
        var scrolls = $(this).scrollTop();    //鑾峰彇褰撳墠鍙鍖哄煙璺濈椤甸潰椤剁鐨勮窛绂
        if(scrolls >= 200){                   //褰搒crolls>windowTop鏃讹紝琛ㄧず椤甸潰鍦ㄥ悜涓嬫粦鍔
            //闇€瑕佹墽琛岄殣钘忓鑸殑鎿嶄綔
            $(".main_header").slideUp(200)
            windowTop=scrolls;
        }else if (scrolls <= 200) {
            //闇€瑕佹墽琛屾樉绀哄鑸姩鐢绘搷浣
            $(".main_header").slideDown(200)
            windowTop=scrolls;
            return
        }
    });
}





$(function() {

    //瀵艰埅
    $(".header-menu-phone").click(function() {
        $('body').addClass('lock');
        console.log("灞曠ず渚ц竟鏍?);
        $(".side-container").addClass("shown");
        $(".side-modal").show();
        init_show_nav();
    });

    //鍏抽棴瀵艰埅
    $(".side-close").click(function() {
        console.log("闅愯棌渚ц竟鏍?);
        $(".side-container").removeClass("shown");
        $(".side-modal").hide();
        $("body").removeClass('lock');
    });

    //瀵艰埅鍒濆鍖
    function init_show_nav() {
        $(".side-nav-list-main").show();
        $(".side-nav-list-sub").hide();
    }

    //鐐瑰嚮瀵艰埅
    // 娉ㄦ剰鏈夌殑瀵艰埅鏈夊瓙椤圭洰
    //涓诲鑸
    $(".side-nav-list-main .nav-item-inner").click(function() {
        console.log("涓诲鑸搷浣?);
        var name = $(this).attr("data-name");
        console.log("鐐瑰嚮瀵艰埅", name);
        var urlArr = ["棣栭〉", "鑱旂郴鎴戜滑"];
        //鍙洿鎺ヨ烦杞殑閾炬帴url
        var urlMap = {
            棣栭〉: window.location.origin,
            鑱旂郴鎴戜滑: "/lianxi/index.html",
        };

        if (urlArr.includes(name)) {
            var url = urlMap[name];
            window.location.href = url;
        } else {
            $(".side-nav-list-main").hide();
            $('.side-nav-list-sub[data-name="' + name + '"]').show();
        }
    });

    //绉诲姩绔 瀵艰埅杩斿洖
    $(".side-nav-list-sub .nav-item-inner-back").click(function() {
        console.log("杩斿洖鎿嶄綔");
        $(".side-nav-list-main").show();
        $(".side-nav-list-sub").hide();
    });

    //绉诲姩绔 浜у搧涓績瀵艰埅灞曞紑
    $(".side-nav-list-sub .nav-item-inner-product").click(function() {
        console.log("/鏀惰捣灞曞紑浜у搧瀵艰埅");
        // $('.side-nav-list-main').show();
        // $('.side-nav-list-sub').hide();
        $(this).next().toggle();
        $(this).find(".arrow-right").toggle();
        $(this).find(".arrow-down").toggle();
    });

    //绉诲姩绔睍绀烘悳绱㈡
    var isShowSearch = false;
    $(".header-search-phone").click(function() {
        console.log("鎼滅储鍐呭");
        if (!isShowSearch) {
            $(".header-logo-box-phone").hide();
            $(".header-search-box-phone").show();
        } else {
            $(".header-logo-box-phone").show();
            $(".header-search-box-phone").hide();
        }
        isShowSearch = !isShowSearch;
    });

    //绉诲姩绔悳绱
    $('.header-search-input-phone').on('keydown', function(e) {
        console.log(e, new Date());
        if (e.key == 'Enter') {
            var keyword = $(this).val();
            if (!keyword) {
                alert('璇疯緭鍏ユ悳绱㈠唴瀹?)
                return
            }
            window.location.href = `/search.html?keyword=${keyword}&type=search`;
        }
    })
    $(".header-search-input-phone").on("search", function() {
        console.log('鎼滅储鍐呭')
        var keyword = $(this).val();
        if (!keyword) {
            alert('璇疯緭鍏ユ悳绱㈠唴瀹?)
            return
        }
        window.location.href = `/search.html?keyword=${keyword}&type=search`;
    });

    //灞曠ず浜у搧瀵艰埅
    $('.common-nav-item:contains("浜у搧涓績")').hover(function() {
        var name = $(this).children("a").text().trim();
        console.log("瀵艰埅鍚?, name);
        if (name == "浜у搧涓績") {
            $(".product-nav-container").show();
        }
    }, function(e) {
        console.log("澶卞幓鐒︾偣", e.target);
        $(".product-nav-container").hide();
    });

});