.aboutUs {
    /*margin-top: 100px;*/
    padding-bottom: 1rem;
    /* padding: 0 10%; */
}

/* 简介 */

.companyProfile-left {
    width: 100%;
    padding-top: 2rem;
    /* margin-left: 3rem; */
}

.companyProfile-left h1, .companyProfile-left h2 {
    font-size: 44px;
}

.companyProfile-left h2 {
    position: relative;
}

.companyProfile-left h2::before {
    content: "";
    font-size: .8rem;
    position: absolute;
    left: 0;
    bottom: -1.5rem;
    width: 1px;
    height: .8rem;
    border-left: 2px solid #cdcdcd;
}

.companyProfile-left h2::after {
    content: "";
    font-size: 1rem;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 1.5rem;
    height: 1px;
    border-bottom: 2px solid #818181;
}

.companyProfile-p {
    margin-top: 5rem;font-size: 20px;color: #000;cursor: pointer;
}

.companyProfile-company {
    font-size: 16px;
    /*display: none;*/
    color: #999;
}

.companyProfile-left-x {
    width: 1.5rem;
    height: 1px;
    border-bottom: 2px solid #cdcdcd;
    padding-top: .5rem;
}

.companyProfile-right {
    width: 100%;
    position: relative;
}

.companyProfile-right img {
    padding-left: .5rem;
    width: 100%;
}

.companyProfile-right .companyProfile-right-img {
    width: 35%;
    position: absolute;
    top: 50%;
    left: -15%;
    transform: translate(0, -50%);
}

/* 介绍 */

.introduce {
    width: 100%;
    padding-top: 1rem;
}

.introduce-x {
    width: 5rem;
    height: 12rem;
    border: 1px solid #999;
    position: relative;
}

.introduce img {
    width: 90%;
    position: absolute;
    left: .5rem;
    top: .5rem;
}

.introduce-right {
    padding-left: .5rem;
    padding-top: 2.5rem;
}

.introduce-right h2 {
    font-size: .8rem;
    color: #333;
    padding-bottom: .5rem;
}

.introduce-right p {
    font-size: .35rem;
    color: #999;
    line-height: .7rem;
}

/* 关于 */

.about {
    width: 100%;
    padding-top: 2rem;
}

.about h1 {
    font-size: 1rem;
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: .5rem;
}

.about .about-title {
    width: 60%;
    text-align: center;
    margin: 0 auto;
    padding-bottom: 20px;
}

.about-text {
    font-size: .35rem;
    color: #999;
    text-align: center;
    line-height: .7rem;
}

.about-text {
    opacity: 0;
}

.about-text-car {
    animation: car 1.5s;
    animation-fill-mode: forwards;
    margin-top: 0;
}

@keyframes car {
    0% {
        transform: translateY(100px);
        opacity: 0;
    }
    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

/* 团队 */

.group {
    padding-top: 3rem;
    padding-bottom: 2rem;
    width: 100%;
}

.group h1 {
    font-size: 1rem;
    text-align: center;
}
.teachers-area h2{
    margin-bottom: 20px;
}
/*.coreTeam-UBI {*/
/*    margin-left: 15px;font-size: .45rem;padding: 10px 0;*/
/*}*/
.group-title .coreTeam {
    font-size: .6rem;
    vertical-align: middle;
    position: relative;
}

.group-title .coreTeam span img {
    vertical-align: middle;
    padding-bottom: .05rem;
}

.coreTeam-img {
    position: absolute;
    right: 0;
    bottom: 0;
}

.group-ul {
    display: flex;
    justify-content: space-between;
    padding: 1rem;
}

.group-ul li {
    width: 24%;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}

.group-ul li img {
    width: 100%;
}

.group-text {
    color: #fff;
    font-size: .6rem;
    padding-bottom: .7rem;
    padding-top: .2rem;
}

.group-images p {
    font-size: 12px;
    color: #fff;
    line-height: .55rem;
}

.group-images {
    width: 100%;
    height: 100%;
    background: url('../img/group-images.png') no-repeat;
    background-size: 100%;
    position: absolute;
    left: 0;
    top: 7.5rem;
    opacity: 1;
    text-align: center;
    transition: all .5s;
}

.group-li:hover .group-images {
    padding-top: 2.5rem;
    margin-top: -7.5rem;
}


@media screen and (min-width: 768px) and (max-width: 992px) {
    .introduce-x {
        height: 8rem;
    }
    .introduce-right {
        padding-top: 0;
    }
}

@media screen and (min-width: 414px) and (max-width: 768px) {
    .companyProfile-left h1, .companyProfile-left h2{
        font-size: .8rem;
    }
    .companyProfile-p{
        margin-top: 1.5rem;font-size: 18px;
    }
    .companyProfile-left h2:before{
        bottom: -0.5rem;
    }
    .introduce-right h2{
        margin-top: 1.2rem;font-size: .8rem;
    }
    .about-title h2{
        font-size: .8rem;
    }
    .companyProfile-company,.introduce-right p{
        font-size: 16px;
    }

    .companyProfile-left h1, .companyProfile-left h2 {
        text-align: center;
    }
    .companyProfile-left {
        padding-bottom: 1rem;padding-top: 1rem;
    }
    .companyProfile-right img {
        padding-left: 0;
    }
    .companyProfile-right .companyProfile-right-img {
        top: 8%;
        left: 50%;
        transform: translate(-50%);
    }
    .introduce img {
        width: 90%;
    }
    .introduce-x {
        width: 4rem;
        height: 8rem;
    }
    .about{
        padding-top: 0;
    }
    .about-text {
        padding: 0 .8rem;font-size: 16px;
    }
    .about-text p{
        padding-top: .2rem;
    }
    .group {
        padding-top: 2rem;
    }
    .group-ul {
    flex-wrap: wrap;
    padding: 0;
    }
    .group-ul li {
        width: 49%;
        margin-top: .5rem;
    }
    .group-images {
        top: 9rem;
    }
    .group-li:hover .group-images {
        margin-top: -9rem;
    }
    .about{
        padding-top: 0rem;
    }
}
@media screen and (max-width: 414px){
    .companyProfile-left{
        margin-top: 0.5rem;
        padding: .5rem 0;
    }
    .introduce-x {
        height: 7rem;
    }
    .companyProfile-left h1,.companyProfile-left h2,.companyProfile-right h2,.about-title h2,.introduce-right h2,.teachers-area h2{
        font-size: .5rem;
    }
    .companyProfile-left h2:before{
        bottom: -0.5rem;
    }
    .companyProfile-p{
        margin-top: .5rem;font-size: 18px;
    }
    .aboutUs{
        padding-bottom: 0;
    }
    .about,.teachers-area{
        padding-top: .5rem
    }
    .introduce,.introduce-right,about-title{
        padding-top: 1rem;
        text-align: center;
    }

}
@media screen and (min-width: 414px) and (max-width: 768px){
    .companyProfile-left h2:before{
        bottom: -0.5rem;
    }
    .introduce-right h2{
        margin-top: 1.5rem;
    }
    .companyProfile-company,.introduce-right p{
        font-size: 16px;
    }
    .about{
        padding-top: 0;
    }
    .teachers-area{
        padding-top: 1rem;
    }
    .about-text{
        font-size: 16px;
    }
}