.News_title,
.Why_title,
.Admissions_title,
.life_title,
.Spotlight_title{
    transform: translateY(-100%);
    transition: transform .7s ease-out;
}
.Spotlight_foot{
    transform: translateY(100%);
    transition: transform .7s ease-out;
}

.Why_img,
.Admissions_list .hd,
.life_cen_child01 .bd{
    transform: translateX(-100%);
    transition: transform .7s ease-out;
}
.Why_list,
.Admissions_list .bd,
.life_cen_child02,
.Spotlight_list,
.picBtnTop .bd{
    transform: translateX(100%);
    transition: transform .7s ease-out;
}

.picBtnTop .hd{
    transform: translateX(100%);
    transition: transform 1s ease-out;
}


.News_title.active,
.Why_title.active,
.Admissions_title.active,
.life_title.active,
.Spotlight_title.active,
.Spotlight_foot.active{
    transform: translateY(0);
}


.Why_img.active,
.Why_list.active,
.Admissions_list.active .hd,
.Admissions_list.active .bd,
.Spotlight_list.active,
.picBtnTop.active .bd,
.picBtnTop.active .hd,
.life_cen_child01.active .bd,
.life_cen_child02.active{
    transform: translateX(0);
}