.ourselve {
    width: 100%;
    height: 1000px;
    background: #FFFFFF;
}

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

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

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

.ourselves section:nth-child(1) {
    width: 1000px;
    height: 67px;
    font-size: 24px;
    font-weight: 400;
    color: #444444;
    position: absolute;
    left: 8.5%;
    top: 22.5%;
}

.ourselves section:nth-child(2) {
    width: 860px;
    height: 160px;
    position: absolute;
    left: 8.5%;
    top: 32.5%;
}

.ourselves section:nth-child(3) {
    width: 860px;
    height: 160px;
    position: absolute;
    left: 8.5%;
    top: 40.5%;
}

.ourselves section:nth-child(4) {
    width: 860px;
    height: 160px;
    position: absolute;
    left: 8.5%;
    top: 48.5%;
}

.ourselves section span {
    font-size: 24px;
    font-weight: bold;
    color: #FFBB33;
}

.ourselves section font {
    font-size: 24px;
    font-weight: 400;
    color: #444444;
}

.ourselves .img1 {
    position: absolute;
    left: 8.5%;
    top: 59.5%;
}

.ourselves .img2 {
    position: absolute;
    left: 52.5%;
    top: 59.5%;
}

.future {
    width: 100%;
    height: 800px;
    background: #F2F2F2;
}

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

.futures>span {
    width: 370px;
    height: 35px;
    font-size: 36px;
    font-weight: bold;
    color: #222222;
    position: absolute;
    left: 35%;
    top: 14%;
}

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

.futures img {
    position: absolute;
    left: 13.5%;
    top: 28.5%;
}

.futures section {
    width: 860px;
    height: 70px;
    font-size: 18px;
    font-weight: 400;
    color: #444444;
    position: absolute;
    left: 13.5%;
    line-height: 30px;
    bottom: 12%;
}

.futures p {
    width: 860px;
    height: 30px;
    font-size: 18px;
    font-weight: 400;
    color: #444444;
    position: absolute;
    text-align: center;
    left: 13.5%;
    line-height: 30px;
    bottom: 9.5%;
}

.framework {
    width: 100%;
    height: 1000px;
    background: #FFFFFF;
}

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

.frameworks>span {
    width: 940px;
    height: 36px;
    font-size: 36px;
    font-weight: bold;
    color: #222222;
    position: absolute;
    left: 10%;
    top: 14%;
}

.frameworks img {
    position: absolute;
    left: -3%;
    top: 28.5%;
}