//nav
$(".institute-nav-text").click(function(){
    // console.log(123)
    $(this).addclass('active').siblings().removeclass('active');

    //添加单独的样式
    // $(this).siblings().removeclass('bgcolor');
    // $(this).addclass('bgcolor');

})
$('.mission-list-item').mouseenter(function(){
    $(this).addclass('active').siblings().removeclass('active');
    var src = $(this).attr('data-back-src');
    $('.mission-list-ctn img.mission-back').one('transitionend', function(){
        $(this).remove();
    }).css({
        'opacity' : 0,
        'z-index' : 190
    });
    $('<img src="' + src + '" class="mission-back"/>').appendto('.mission-list-ctn');
});
var scroll = $(window).scrolltop();
$(window).scroll(function(){
// 滚动条距离顶部的距离 大于300px时
    var scroll = $(window).scrolltop();
    if($(window).scrolltop() >= 500&&$(window).scrolltop()<=3600){
        console.log($(window).scrolltop(),1)
        $(".institute-nav").addclass('scroll'); //
        $(".institute-nav").removeclass('scrolltop'); //
    }else if($(window).scrolltop() >= 3600){
        $(".cowhite").removeclass('cowhite'); //
        $(".cowhite1").removeclass('cowhite1'); //
        console.log($(window).scrolltop(),4)
        $(".institute-nav").addclass('scrolltop'); //
        $(".institute-nav").removeclass('scroll'); // 如果小于等于 300 淡出
    }else{
        console.log($(window).scrolltop(),3)
        $(".institute-nav").removeclass('scroll'); // 如果小于等于 300 淡出
        $(".institute-nav").removeclass('scrolltop'); //
    }
    // console.log($('.institute-title').scrolltop(),2)
    // if($(window).scrolltop() >= $('.institute-title').scrolltop()&&$('.join').scrolltop()>=$(window).scrolltop() ){
    //
    //     $(".cowhite").addclass('cowhite'); //
    //     $(".cowhite1").addclass('cowhite1'); //
    // }else {
    //     $(".cowhite").removeclass('cowhite'); //
    //     $(".cowhite1").removeclass('cowhite1'); //
    // }
    if(scroll<1200){
        $(".cowhite2").addclass("active").siblings().removeclass("active");
    } else if(scroll>=1200&&scroll<1800){
        $(".cowhite3").addclass("active").siblings().removeclass("active");
    }else if(scroll>=1800&&scroll<2500){
        $(".cowhite4").addclass("active").siblings().removeclass("active");
    }else{
        $(".cowhite5").addclass("active").siblings().removeclass("active");
    }
});
    if(scroll<1200){
        $(".cowhite2").addclass("active").siblings().removeclass("active");
    } else if(scroll>=1200&&scroll<1800){
        $(".cowhite3").addclass("active").siblings().removeclass("active");
    }else if(scroll>=1800&&scroll<2500){
        $(".cowhite4").addclass("active").siblings().removeclass("active");
    }else{
        $(".cowhite5").addclass("active").siblings().removeclass("active");
    }