$(document).ready(function(){	

    $('.menu-btn').click(function(e){
        if($(this).hasclass('active')){
            $(this).removeclass('active');
            $('.mini-nav').animate({top: '-100%'},300,function(){
                $('.mini-nav-slide').animate({right: '-100%'},300);
            });
            
        }else{
            $(this).addclass('active');
            $('.mini-nav').animate({top: 0},300);
            e.stoppropagation();
        }
        
    });
    
    $('.mini-nav-h').click(function(){

        $('.mini-nav-slide').animate({right: 0},300);

    });

    $('.back-bar a').click(function(){

        $('.mini-nav-slide').animate({right: '-100%'},300);

    });
    $(".minn-postion").click(function(){
       // $(this).toggleclass('active');
        $('.sub-slide').slidetoggle(300);
       // e.stoppropagation();
    })
    
    // $('.sub-btn').click(function(e){
    //     $(this).toggleclass('active');
    //     $('.sub-slide').slidetoggle(300);
    //     e.stoppropagation();
    // });

    $('body').click(function(){
      //  $(".your-position-bar").removeclass('active');
       // $('.sub-btn').removeclass('active');
       // $('.sub-slide').slideup(300);
    });
	

    $(".global-ti li").hover(function () {
        var th = $(this);
        var aclass = 'active';
        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;
        // 当点击li的时候给所有的同级li删除class
        th.siblings().removeclass(aclass);
        // 给当前点击的li添加class
        th.addclass(aclass);
        
        // 循环隐藏对应的div选项框
        for ( var i = 1; i < len + 2; i++) {
            box.find(pclass + i).hide();
        }

        // 显示对应的div
        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();
        });

    });

});