$(document).ready(function() {




    $('.nav li').hover(function() {
        $(this).find('.nav_slide').stop(false, true).slideDown('fast');
    }, function() {
        $(this).find('.nav_slide').stop(false, true).slideUp('fast');
    });



    $('.menu').click(function(e) {
        if ($(this).hasClass('on')) {
            $(this).removeClass('on');
            $('.mini_nav').animate({ top: '-150%' }, 30);
            e.stopPropagation();

        } else {
            $(this).addClass('on');
            $('.mini_nav').animate({ top: 0 }, 30);
            $('.mini_search').removeClass('move');
            e.stopPropagation();
        }

    });

    $('.mini_nav').click(function(e) {
        e.stopPropagation();
    })

    $('.mini_search_btn').click(function(e) {
        $('.mini_search').toggleClass('move');
        $('.menu').removeClass('on');
        $('.mini_nav').animate({ top: '-150%' }, 30);
        e.stopPropagation();
    })

    $('.mini_search').click(function(e) {
        e.stopPropagation();
    })


    $('body').click(function() {
        $('.menu').removeClass('on');
        $('.mini_nav').animate({ top: '-150%' }, 30);
        $('.mini_search').removeClass('move');
    });


    $('.link_choose').click(function(e) {
        $(this).siblings().slideToggle('fast')
        $(this).parent().siblings().find('.link_slide').slideUp('fast')
        e.stopPropagation()
    });

    $('body').click(function(e) {
        $('.link_slide').slideUp('fast')
        e.stopPropagation()
    });

    $('.wen_row').click(function(e) {
        $(this).toggleClass('on').siblings().slideToggle('fast')
        $(this).parent().siblings().find('.wen_row').removeClass('on').siblings().slideUp('fast')
        e.stopPropagation()
    });


    $('.float_feedback').click(function() {
        $('body').css({ overflow: 'hidden' })
        $('.mask').addClass('vis')
        $('.feedback_popup').addClass('vis')
    })

    $('.feedback_close').click(function() {
        $('body').css({ overflow: 'visible' })
        $('.mask').removeClass('vis')
        $('.feedback_popup').removeClass('vis')
    })


    $(".global-ti li").click(function() {
        var th = $(this);
        var aclass = 'on';
        var box = $(this).parents('.global-ti').siblings('.global-con');
        var pclass = '.global-con-';
        var thid = $(this).attr('aa');
        x(th, aclass, box, pclass, thid);

    });
    /**
     * 閫夐」鍗
     * @param  {[this]}
     * @param  {[瑕佸垹闄ゆ垨鑰呮坊鍔犵殑li Class 鍚峕}
     * @param  {[DIV鐨勭埗绾ц妭鐐筣}
     * @param  {[瑕佹煡鎵剧殑DIV 鐨 Class 鎴 ID]}
     * @param  {[DIV鐨勭鍑犱釜]}
     */
    function x(th, aclass, box, pclass, thid) {
        // 缁熻li鐨勪釜鏁
        var len = th.siblings('li').length;
        // 褰撶偣鍑籰i鐨勬椂鍊欑粰鎵€鏈夌殑鍚岀骇li鍒犻櫎class
        th.siblings().removeClass(aclass);
        // 缁欏綋鍓嶇偣鍑荤殑li娣诲姞class
        th.addClass(aclass);

        // 寰幆闅愯棌瀵瑰簲鐨刣iv閫夐」妗
        for (var i = 1; i < len + 2; i++) {
            box.find(pclass + i).hide();
        }

        // 鏄剧ず瀵瑰簲鐨刣iv
        box.find(pclass + thid).show();

    };


    $('.job-item').click(function() {
        $(this).toggleClass('active');
        $(this).siblings().slideToggle(300);
        $(this).parent().siblings().find('.job-item').removeClass('active');
        $(this).parent().siblings().find('.job-slide').slideUp(300);
    });

    $('.touming').click(function() {

        $('.close-btn').show();

        $('.cl-popp').show().animate({ top: '60px' }, 300);

        $('.footer-wrap').hide();


    });

    $('.toc').click(function() {

        $('.close-btn').show();

        $('.js-popp').show().animate({ top: '60px' }, 500);

        $('html,body').animate({ scrollTop: '0px' }, 100);

        $('.footer-wrap').hide();

    });

    $('.cy').click(function() {

        $('.close-btn').show();

        $('.design-popp').show().animate({ top: '60px' }, 600);

        $('html,body').animate({ scrollTop: '0px' }, 100);

        $('.footer-wrap').hide();

    });

    $('.close-btn').click(function() {

        $('.close-btn').hide();

        $('.footer-wrap').show();

        $('.cl-popp').animate({ top: '100%' }, 300, function() {
            $(this).hide();
        });

        $('.js-popp').animate({ top: '100%' }, 300, function() {
            $(this).hide();
        });

        $('.design-popp').animate({ top: '100%' }, 300, function() {
            $(this).hide();
        });

    });

});