.campus {
    min-width: 1100px;
    width: 70%;
    height: 250px;
    margin: auto;
}

.campusTitle {
    padding-top: 20px;
    width: 100%;
    text-align: center;
    height: 75px;
    line-height: 75px;
    font-family: '微软雅黑';
    font-size: 30px;
    position: relative;
}

.campusTitle>span {
    display: inline-block;
    width: 90px;
    height: 3px;
    background: rgb(208, 208, 208);
    position: absolute;
    top: 60%;
}

.campusTitle>span:nth-of-type(1) {
    left: 34%;
}

.campusTitle>span:nth-of-type(2) {
    left: 58%;
}

.campusConer {
    width: 88%;
    height: 150px;
    margin: auto;
    position: relative;
}

.campusImge {
    width: 28%;
    height: 140px;
    position: absolute;
    top: 5%;
}

.campusImge:nth-of-type(1) {
    left: 0%;
}

.campusImge:nth-of-type(2) {
    left: 36%;
}

.campusImge:nth-of-type(3) {
    right: 0%;
}

.campusImge>img {
    width: 90px;
    height: 90px;
    position: absolute;
    top: 17%;
    left: 1%;
    border-radius: 50%;
}

.campusImge>div {
    position: absolute;
    right: 0;
    top: 0;
    width: 65%;
    height: 100%;
    font-family: '微软雅黑';
}

.campusImge>div>h5 {
    font-size: 20px;
    font-weight: 700;
    position: absolute;
    left: 2%;
    top: 13%;
}

.campusImge>div>div {
    font-size: 14px;
    position: absolute;
    left: 2%;
    top: 45%;
}

.campusActive>img {
    transform: scale(1.2)
}

.campusActive>div {
    color: rgb(69, 200, 104);
}

.cole {
    width: 100%;
    background: rgb(249, 249, 249);
}

.campusBody {
    min-width: 1000px;
    width: 62%;
    height: 750px;
    margin: auto;
}

.campOne {
    width: 100%;
    height: 300px;
    padding-top: 45px;
}

.campLift {
    width: 55%;
    height: 100%;
    float: left;
    font-family: '微软雅黑';
    position: relative;
}

.campLift>h3 {
    font-size: 30px;
    text-align: center;
    width: 100%;
    position: absolute;
    top: 20%;
}

.campLift>div {
    font-size: 16px;
    text-align: left;
    width: 85%;
    position: absolute;
    top: 55%;
    left: 8%;
    line-height: 32px;
}

.campRight {
    float: left;
    width: 45%;
    height: 100%;
}

.campRight>img {
    width: 100%;
    height: 100%;
}

.foolft {
    min-width: 1000px;
    width: 62%;
    height: 300px;
    margin: auto;
    font-family: '微软雅黑';
    margin-top: 30px;
}

.foolft>h2 {
    width: 100%;
    text-align: center;
    height: 50px;
    line-height: 50px;
    font-size: 30px;
}

.foolft>div {
    margin-top: 2%;
    position: relative;
}

.foopOne:nth-of-type(1) {
    left: 0;
    top: 0;
}

.foopOne:nth-of-type(2) {
    left: 34.9%;
    top: 0;
}

.foopOne:nth-of-type(3) {
    right: 0;
    top: 0;
}

.foopOne {
    width: 30%;
    height: 220px;
    position: absolute;
    overflow: hidden;
}

.foopOne>img {
    width: 100%;
    height: 100%;
}

.foopOne>div {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: -220px;
    background: rgba(68, 51, 73, 0.5);
    transition: 1s top;
}

.fooAct>div {
    top: 0;
    transition: 1s top;
}

.foopOne>div>span {
    display: inline-block;
    width: 90%;
    color: white;
    font-size: 16px;
    position: absolute;
    left: 5.5%;
    top: 48%;
}