html,
body {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    background: #212A2E;
}

.aboutOcta-container {
    flex: 1;
}

.main_introduce {
    width: 55%;
    margin: 120px auto;
    background: #2E393F;
    box-sizing: border-box;
    display: flex;
    padding-bottom: 54px;
}

.main_introduce .intro_img {
    width: 42.5%;
    height: 100%;
    padding: 60px 68px;
    box-sizing: border-box;
}

.main_introduce .intro_img img {
    width: 100%;
    background-size: 100% 100%;
}



.main_introduce .intro_under {
    width: 35px;
    height: 2px;
    background: #18C29C;
    margin: 18px 0;
}

.main_introduce .intro_intro {
    font-size: 14px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 28px;
}

.main_introduce .intro_line {
border: 1px solid;
border-image: linear-gradient(270deg, rgba(24, 194, 156, 0), rgba(24, 194, 156, 1)) 1 1;
margin: 68px 0;
}

.main_introduce .intro_font {
    flex: 1;
    box-sizing: border-box;
    padding-right: 80px;
    padding-top: 59px;
    display: flex;
    flex-direction: column;
}

.main_introduce .intro_font .intro_name {
    font-size: 24px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 33px;
}
.main_introduce .intro_font .intro_fonts {
    font-size: 18px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 25px;
}
.main_introduce .intro_font .intro_intro{
    font-weight: 400;
}


@media (max-width: 768px){
    .main_introduce{
        width: 100%;
        flex-direction: column;
        background: none;
        margin: 0;
        padding: 24px 0 24px 24px;
    }
    .main_introduce .intro_img{
        width: 59%;
        margin: 0;
        padding: 0;
    }
    .main_introduce .intro_img img{
        width: 100%;
    }
}