.about-us {
    background-color: #ffffff;
    overflow: hidden;
    width: 100%;
    min-width: 1400px;
    min-height: 1850px;
    position: relative;
}

.about-us .main-title {
    position: absolute;
    top: 20px;
    left: 122px;
    width: 201px;
    font-family: var(--title-2-CN-font-family);
    font-weight: var(--title-2-CN-font-weight);
    color: #000000;
    font-size: var(--title-2-CN-font-size);
    letter-spacing: var(--title-2-CN-letter-spacing);
    line-height: var(--title-2-CN-line-height);
    font-style: var(--title-2-CN-font-style);
}

.about-us .rectangle {
    position: absolute;
    top: 441px;
    left: 122px;
    width: 486px;
    height: 311px;
    background-color: var(--brand-second);
}

.about-us .img {
    position: absolute;
    top: 441px;
    left: 628px;
    width: 689px;
    height: 311px;
}

.about-us .rectangle-2 {
    position: absolute;
    top: 100px;
    left: 122px;
    width: 689px;
    height: 311px;
}

.about-us .div {
    position: absolute;
    top: 100px;
    left: 831px;
    width: 488px;
    height: 311px;
    background-color: var(--brand-second);
}

.about-us .AI-iot {
    position: absolute;
    top: 152px;
    left: 963px;
    font-family: "Source Han Sans CN-Medium", Helvetica;
    font-weight: 400;
    color: transparent;
    font-size: 24px;
    text-align: right;
    letter-spacing: 0;
    line-height: normal;
}

.about-us .text-wrapper {
    font-weight: var(--title-4-CN-font-weight);
    color: #000000;
    font-family: var(--title-4-CN-font-family);
    font-style: var(--title-4-CN-font-style);
    letter-spacing: var(--title-4-CN-letter-spacing);
    line-height: var(--title-4-CN-line-height);
    font-size: var(--title-4-CN-font-size);
}

.about-us .span {
    font-family: var(--body-2-CN-font-family);
    color: #000000;
    font-size: var(--body-2-CN-font-size);
    font-style: var(--body-2-CN-font-style);
    font-weight: var(--body-2-CN-font-weight);
    letter-spacing: var(--body-2-CN-letter-spacing);
    line-height: var(--body-2-CN-line-height);
}

.about-us .text-wrapper-2 {
    font-family: var(--body-1-CN-font-family);
    font-weight: var(--body-1-CN-font-weight);
    color: #ffffff;
    font-size: var(--body-1-CN-font-size);
    font-style: var(--body-1-CN-font-style);
    letter-spacing: var(--body-1-CN-letter-spacing);
    line-height: var(--body-1-CN-line-height);
}

.about-us .p {
    position: absolute;
    top: 574px;
    left: 172px;
    font-family: "Source Han Sans CN-Medium", Helvetica;
    font-weight: 400;
    color: transparent;
    font-size: 24px;
    letter-spacing: 0;
    line-height: normal;
}

.about-us .text-wrapper-3 {
    font-family: var(--body-1-CN-font-family);
    font-weight: var(--body-1-CN-font-weight);
    color: #000000;
    font-size: var(--body-1-CN-font-size);
    font-style: var(--body-1-CN-font-style);
    letter-spacing: var(--body-1-CN-letter-spacing);
    line-height: var(--body-1-CN-line-height);
}

.about-us .text-wrapper-4 {
    position: absolute;
    top: 770px;
    left: 119px;
    width: 251px;
    font-family: var(--title-2-CN-font-family);
    font-weight: var(--title-2-CN-font-weight);
    color: var(--primary-text);
    font-size: var(--title-2-CN-font-size);
    letter-spacing: var(--title-2-CN-letter-spacing);
    line-height: var(--title-2-CN-line-height);
    font-style: var(--title-2-CN-font-style);
}

.about-us .text-wrapper-5 {
    position: absolute;
    top: 601px;
    left: 847px;
    width: 251px;
    background: linear-gradient(
            180deg,
            rgba(178, 154, 112, 1) 0%,
            rgba(255, 250, 241, 1) 100%
    );
    -webkit-background-clip: text !important;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    font-family: var(--title-2-CN-font-family);
    font-weight: var(--title-2-CN-font-weight);
    color: transparent;
    font-size: var(--title-2-CN-font-size);
    text-align: center;
    letter-spacing: var(--title-2-CN-letter-spacing);
    line-height: var(--title-2-CN-line-height);
    font-style: var(--title-2-CN-font-style);
}

.about-us .text-wrapper-6 {
    position: absolute;
    top: 208px;
    left: 329px;
    width: 275px;
    background: linear-gradient(
            180deg,
            rgba(178, 154, 112, 1) 0%,
            rgba(255, 250, 241, 1) 100%
    );
    -webkit-background-clip: text !important;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    font-family: var(--title-2-CN-font-family);
    font-weight: var(--title-2-CN-font-weight);
    color: transparent;
    font-size: var(--title-2-CN-font-size);
    text-align: center;
    letter-spacing: var(--title-2-CN-letter-spacing);
    line-height: var(--title-2-CN-line-height);
    font-style: var(--title-2-CN-font-style);
}

.about-us .group {
    position: absolute;
    top: 2081px;
    left: 0;
    width: 1442px;
    height: 300px;
}

.about-us .rectangle-3 {
    position: absolute;
    top: 0;
    left: 0;
    width: 1400px;
    height: 300px;
}

.about-us .text-wrapper-7 {
    position: absolute;
    top: 114px;
    left: 464px;
    width: 558px;
    font-family: var(--title-2-CN-font-family);
    font-weight: var(--title-2-CN-font-weight);
    color: var(--text-invert);
    font-size: var(--title-2-CN-font-size);
    text-align: center;
    letter-spacing: var(--title-2-CN-letter-spacing);
    line-height: var(--title-2-CN-line-height);
    font-style: var(--title-2-CN-font-style);
}

.about-us .frame {
    display: flex;
    flex-direction: column;
    width: 385px;
    height: 150px;
    align-items: flex-start;
    gap: 10px;
    padding: 20px;
    position: absolute;
    top: 850px;
    left: 122px;
    background-color: #5a697833;
    border-radius: 8px;
}

.about-us .frame-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
}

.about-us .div-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
}

.about-us .frame-2 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    position: relative;
    flex: 0 0 auto;
}

.about-us .text-wrapper-8 {
    position: relative;
    width: fit-content;
    margin-top: -1.00px;
    font-family: var(--title-4-CN-font-family);
    font-weight: var(--title-4-CN-font-weight);
    color: var(--brand-second);
    font-size: var(--title-4-CN-font-size);
    letter-spacing: var(--title-4-CN-letter-spacing);
    line-height: var(--title-4-CN-line-height);
    font-style: var(--title-4-CN-font-style);
}

.about-us .text-wrapper-9 {
    position: relative;
    width: 333px;
    height: 48px;
    font-family: var(--body-2-CN-font-family);
    font-weight: var(--body-2-CN-font-weight);
    color: var(--primary-text);
    font-size: var(--body-2-CN-font-size);
    letter-spacing: var(--body-2-CN-letter-spacing);
    line-height: var(--body-2-CN-line-height);
    font-style: var(--body-2-CN-font-style);
}

.about-us .frame-3 {
    display: flex;
    flex-direction: column;
    width: 385px;
    height: 150px;
    align-items: flex-start;
    gap: 10px;
    padding: 20px;
    position: absolute;
    top: 1024px;
    left: 122px;
    background-color: #5a697833;
    border-radius: 8px;
}

.about-us .frame-4 {
    display: flex;
    flex-direction: column;
    width: 385px;
    height: 150px;
    align-items: flex-start;
    gap: 10px;
    padding: 20px;
    position: absolute;
    top: 850px;
    left: 527px;
    background-color: #5a697833;
    border-radius: 8px;
}

.about-us .frame-5 {
    display: flex;
    flex-direction: column;
    width: 385px;
    height: 150px;
    align-items: flex-start;
    gap: 10px;
    padding: 20px;
    position: absolute;
    top: 1024px;
    left: 527px;
    background-color: #5a697833;
    border-radius: 8px;
}

.about-us .frame-6 {
    display: flex;
    flex-direction: column;
    width: 385px;
    height: 150px;
    align-items: flex-start;
    gap: 10px;
    padding: 20px;
    position: absolute;
    top: 850px;
    left: 932px;
    background-color: #5a697833;
    border-radius: 8px;
}

.about-us .frame-7 {
    display: flex;
    flex-direction: column;
    width: 385px;
    height: 150px;
    align-items: flex-start;
    gap: 10px;
    padding: 20px;
    position: absolute;
    top: 1024px;
    left: 932px;
    background-color: #5a697833;
    border-radius: 8px;
}

.about-us .text-wrapper-10 {
    position: absolute;
    top: 1195px;
    left: 119px;
    width: 655px;
    font-family: var(--title-2-CN-font-family);
    font-weight: var(--title-2-CN-font-weight);
    color: var(--primary-text);
    font-size: var(--title-2-CN-font-size);
    letter-spacing: var(--title-2-CN-letter-spacing);
    line-height: var(--title-2-CN-line-height);
    font-style: var(--title-2-CN-font-style);
}

.about-us .text-wrapper-11 {
    position: absolute;
    top: 1530px;
    left: 120px;
    width: 655px;
    font-family: var(--title-2-CN-font-family);
    font-weight: var(--title-2-CN-font-weight);
    color: var(--primary-text);
    font-size: var(--title-2-CN-font-size);
    letter-spacing: var(--title-2-CN-letter-spacing);
    line-height: var(--title-2-CN-line-height);
    font-style: var(--title-2-CN-font-style);
}

.about-us .text-wrapper-12 {
    position: absolute;
    top: 1270px;
    left: 119px;
    width: 793px;
    font-family: var(--body-2-CN-font-family);
    font-weight: var(--body-2-CN-font-weight);
    color: var(--secondary-text);
    font-size: var(--body-2-CN-font-size);
    letter-spacing: var(--body-2-CN-letter-spacing);
    line-height: var(--body-2-CN-line-height);
    font-style: var(--body-2-CN-font-style);
}

.about-us .text-wrapper-13 {
    position: absolute;
    top: 1605px;
    left: 120px;
    width: 793px;
    font-family: var(--body-2-CN-font-family);
    font-weight: var(--body-2-CN-font-weight);
    color: var(--secondary-text);
    font-size: var(--body-2-CN-font-size);
    letter-spacing: var(--body-2-CN-letter-spacing);
    line-height: var(--body-2-CN-line-height);
    font-style: var(--body-2-CN-font-style);
}

.about-us .AI-wrapper {
    display: flex;
    flex-direction: column;
    width: 285px;
    align-items: flex-start;
    gap: 25px;
    padding: 20px;
    position: absolute;
    top: 1647px;
    left: 121px;
    background-color: var(--secondary-background);
    border-radius: 8px;
    border: 1px solid;
    border-color: var(--border);
}

.about-us .div-2 {
    position: relative;
    align-self: stretch;
    height: 130px;
    margin-top: -1.00px;
    font-family: "Source Han Sans CN-Medium", Helvetica;
    font-weight: 400;
    color: #000000;
    font-size: 24px;
    text-align: center;
    letter-spacing: 0;
    line-height: normal;
}

.about-us .text-wrapper-14 {
    font-weight: var(--title-4-CN-font-weight);
    font-family: var(--title-4-CN-font-family);
    font-style: var(--title-4-CN-font-style);
    letter-spacing: var(--title-4-CN-letter-spacing);
    line-height: var(--title-4-CN-line-height);
    font-size: var(--title-4-CN-font-size);
}

.about-us .text-wrapper-15 {
    display: block;
    margin-top: 20px;
    text-align: left;
    font-family: var(--body-2-CN-font-family);
    font-size: var(--body-2-CN-font-size);
    font-style: var(--body-2-CN-font-style);
    font-weight: var(--body-2-CN-font-weight);
    letter-spacing: var(--body-2-CN-letter-spacing);
    line-height: var(--body-2-CN-line-height);
}

.about-us .frame-8 {
    display: flex;
    flex-direction: column;
    width: 285px;
    align-items: flex-start;
    gap: 25px;
    padding: 20px;
    position: absolute;
    top: 1647px;
    left: 731px;
    background-color: var(--secondary-background);
    border-radius: 8px;
    border: 1px solid;
    border-color: var(--border);
}

.about-us .AI-iot-wrapper {
    display: flex;
    flex-direction: column;
    width: 285px;
    align-items: flex-start;
    gap: 25px;
    padding: 20px;
    position: absolute;
    top: 1647px;
    left: 426px;
    background-color: var(--secondary-background);
    border-radius: 8px;
    border: 1px solid;
    border-color: var(--border);
}

.about-us .frame-9 {
    display: flex;
    flex-direction: column;
    width: 285px;
    align-items: flex-start;
    gap: 25px;
    padding: 20px;
    position: absolute;
    top: 1647px;
    left: 1036px;
    background-color: var(--secondary-background);
    border-radius: 8px;
    border: 1px solid;
    border-color: var(--border);
}

.about-us .frame-10 {
    display: flex;
    flex-direction: column;
    width: 285px;
    height: 170px;
    align-items: flex-start;
    gap: 25px;
    padding: 20px;
    position: absolute;
    top: 1340px;
    left: 426px;
    background-color: var(--secondary-background);
    border-radius: 8px;
    border: 1px solid;
    border-color: var(--brand-second);
}

.about-us .frame-11 {
    display: inline-flex;
    align-items: flex-start;
    gap: 24px;
    position: relative;
    flex: 0 0 auto;
}

.about-us .frame-12 {
    position: relative;
    flex: 0 0 auto;
}

.about-us .text-wrapper-16 {
    position: relative;
    width: 96px;
    margin-top: -1.00px;
    font-family: var(--title-4-CN-font-family);
    font-weight: var(--title-4-CN-font-weight);
    color: #000000;
    font-size: var(--title-4-CN-font-size);
    letter-spacing: var(--title-4-CN-letter-spacing);
    line-height: var(--title-4-CN-line-height);
    font-style: var(--title-4-CN-font-style);
}

.about-us .text-wrapper-17 {
    position: relative;
    align-self: stretch;
    height: 48px;
    font-family: var(--body-2-CN-font-family);
    font-weight: var(--body-2-CN-font-weight);
    color: #000000;
    font-size: var(--body-2-CN-font-size);
    letter-spacing: var(--body-2-CN-letter-spacing);
    line-height: var(--body-2-CN-line-height);
    font-style: var(--body-2-CN-font-style);
}

.about-us .frame-13 {
    display: flex;
    flex-direction: column;
    width: 285px;
    height: 170px;
    align-items: flex-start;
    gap: 25px;
    padding: 20px;
    position: absolute;
    top: 1340px;
    left: 730px;
    background-color: var(--secondary-background);
    border-radius: 8px;
    border: 1px solid;
    border-color: var(--brand-second);
}

.about-us .frame-14 {
    display: flex;
    flex-direction: column;
    width: 285px;
    height: 170px;
    align-items: flex-start;
    gap: 25px;
    padding: 20px;
    position: absolute;
    top: 1340px;
    left: 1034px;
    background-color: var(--secondary-background);
    border-radius: 8px;
    border: 1px solid;
    border-color: var(--brand-second);
}

.about-us .frame-15 {
    display: flex;
    flex-direction: column;
    width: 285px;
    height: 170px;
    align-items: flex-start;
    gap: 25px;
    padding: 20px;
    position: absolute;
    top: 1340px;
    left: 120px;
    background-color: var(--secondary-background);
    border-radius: 8px;
    border: 1px solid;
    border-color: var(--brand-second);
}

.about-us .frame-16 {
    position: relative;
    width: 35px;
}