body {
    min-width: 1200px;
}

.terrace {
    width: 100%;
    height: 640px;
}

.terraces {
    width: 1200px;
    margin: 0 auto;
    height: 640px;
    position: relative;
}

.terraces>span {
    width: 288px;
    height: 36px;
    font-size: 36px;
    font-weight: bold;
    color: #222222;
    position: absolute;
    left: 40%;
    top: 15%;
}

.terraces>font {
    width: 300px;
    height: 12px;
    background: linear-gradient(0deg, #DD6530 0%, #FFBB33 97%);
    border-radius: 6px;
    position: absolute;
    left: 39.5%;
    top: 21%;
}

.terraces div {
    width: 286px;
    height: 337px;
    background: #F2F2F2;
    border-radius: 4px;
    display: flex;
    justify-content: space-between;
    flex-flow: column;
    cursor: pointer;
}

.terraces div span {
    width: 45px;
    height: 38px;
    font-size: 36px;
    font-weight: bold;
    text-decoration: underline;
    color: #E47731;
    align-self: center;
    margin-top: 40px;
}

.terraces .platform {
    background: linear-gradient(0deg, #DD6530 0%, #FFBB33 97%);
}

.terraces .platform span,
.terraces .platform font,
.terraces .platform section {
    color: #FFFFFF;
}

.terraces div font {
    width: 220px;
    height: 24px;
    font-size: 22px;
    font-weight: bold;
    color: #E47731;
    align-self: center;
    text-align: center;
}

.terraces div section {
    width: 200px;
    height: 157px;
    font-size: 16px;
    line-height: 23px;
    font-weight: 400;
    color: #666666;
    align-self: center;
}

.terraces div:nth-child(1) {
    position: absolute;
    bottom: 10%;
    left: 9%;
}

.terraces div:nth-child(2) {
    position: absolute;
    bottom: 10%;
    left: 39%;
}

.terraces div:nth-child(3) {
    position: absolute;
    bottom: 10%;
    left: 69%;
}

.smart,
.mind {
    width: 100%;
    height: 720px;
    background: #F2F2F2;
}

.smarts,
.minds {
    position: relative;
    width: 1200px;
    height: 720px;
    background: #F2F2F2;
    margin: 0 auto;
}

.smarts span {
    width: 324px;
    height: 36px;
    font-size: 36px;
    font-weight: bold;
    color: #222222;
    position: absolute;
    left: 10%;
    top: 30%;
}

.minds span {
    width: 324px;
    height: 36px;
    font-size: 36px;
    font-weight: bold;
    color: #222222;
    position: absolute;
    left: 10%;
    top: 17%;
}

.smarts font {
    width: 300px;
    height: 30px;
    font-size: 30px;
    font-weight: 400;
    color: #E47731;
    position: absolute;
    left: 10%;
    top: 38%;
}

.minds font {
    width: 300px;
    height: 30px;
    font-size: 30px;
    font-weight: 400;
    color: #E47731;
    position: absolute;
    left: 10%;
    top: 25%;
}

.smarts section {
    width: 450px;
    height: 112px;
    font-size: 18px;
    line-height: 36px;
    font-weight: 400;
    color: #666666;
    position: absolute;
    left: 10%;
    top: 45%;
}

.minds section {
    width: 600px;
    height: 400px;
    font-size: 18px;
    line-height: 36px;
    font-weight: 400;
    color: #666666;
    position: absolute;
    left: 10%;
    top: 34%;
}

.smarts img {
    width: 500px;
    height: 620px;
    position: absolute;
    left: 52%;
    top: 7%;
}

.minds img {
    width: 500px;
    height: 620px;
    position: absolute;
    left: 58%;
    top: 7%;
}

.intellect {
    width: 100%;
    height: 720px;
    background: #FFFFFF;
}

.intellects {
    position: relative;
    width: 1200px;
    height: 720px;
    background: #FFFFFF;
    margin: 0 auto;
}

.intellects span {
    width: 550px;
    height: 36px;
    font-size: 36px;
    font-weight: bold;
    color: #222222;
    position: absolute;
    right: 8%;
    top: 30%;
}

.intellects font {
    width: 250px;
    height: 30px;
    font-size: 30px;
    font-weight: 400;
    color: #E47731;
    position: absolute;
    right: 32.5%;
    top: 38%;
}

.intellects section {
    width: 520px;
    height: 300px;
    font-size: 18px;
    line-height: 36px;
    font-weight: 400;
    color: #666666;
    position: absolute;
    right: 10%;
    top: 45%;
}

.intellects img {
    width: 500px;
    height: 620px;
    position: absolute;
    left: 2%;
    top: 7%;
}

.scene {
    width: 100%;
    height: 1300px;
    background: #FFFFFF;
}

.scenes {
    width: 1200px;
    height: 1300px;
    background: #FFFFFF;
    margin: 0 auto;
    position: relative;
}

.scenes>span {
    width: 144px;
    height: 35px;
    font-size: 36px;
    font-weight: bold;
    color: #222222;
    position: absolute;
    left: 44%;
    top: 10%;
}

.scenes>font {
    width: 160px;
    height: 12px;
    background: linear-gradient(0deg, #DD6530 0%, #FFBB33 97%);
    border-radius: 6px;
    position: absolute;
    left: 43.5%;
    top: 13%;
}

.scenes div {
    width: 299px;
    height: 406px;
    background: #F2F2F2;
    border-radius: 4px;
    display: flex;
    justify-content: space-between;
    flex-flow: column;
}

.scenes div span {
    width: 160px;
    height: 24px;
    font-size: 24px;
    font-weight: bold;
    color: #E47731;
    line-height: 41px;
    align-self: center;
    text-align: center;
}

.scenes div section {
    width: 160px;
    height: 107px;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #666666;
    line-height: 30px;
    align-self: center;
    margin-bottom: 20px;
    text-align: center;
}

.scenes div:nth-child(1) {
    position: absolute;
    left: 8%;
    top: 22%;
}

.scenes div:nth-child(2) {
    position: absolute;
    left: 38%;
    top: 22%;
}

.scenes div:nth-child(3) {
    position: absolute;
    left: 68%;
    top: 22%;
}

.scenes div:nth-child(4) {
    position: absolute;
    left: 8%;
    top: 60%;
}

.scenes div:nth-child(5) {
    position: absolute;
    left: 38%;
    top: 60%;
}

.scenes div:nth-child(6) {
    position: absolute;
    left: 68%;
    top: 60%;
}

.teamwork {
    width: 100%;
    height: 700px;
    background: #F2F2F2;
}

.teamworks {
    width: 1200px;
    height: 700px;
    background: #F2F2F2;
    margin: 0 auto;
    position: relative;
}

.teamworks span {
    width: 216px;
    height: 35px;
    font-size: 36px;
    font-weight: bold;
    color: #222222;
    position: absolute;
    left: 40%;
    top: 15%;
}

.teamworks font {
    width: 228px;
    height: 12px;
    background: linear-gradient(0deg, #DD6530 0%, #FFBB33 97%);
    border-radius: 6px;
    position: absolute;
    left: 40%;
    top: 20.5%;
}

.teamworks img {
    position: absolute;
    left: 7%;
    bottom: 10.5%;
}