.companyIntroduction {
    padding: 50px 0 80px 0;
}

.companyIntroduction-text {
    font-size: 16px;
    line-height: 32px;
    color: #606060;
    padding-right: 75px;
}

.companyIntroduction-time {
    justify-content: space-between;
    width: 745px;
    height: 80px;
}

    .companyIntroduction-time p {
        font-family: 'HarmonyOS_Sans_Regular';
        font-size: 46px;
        padding-bottom: 20px;
    }

    .companyIntroduction-time li {
        text-align: center;
        font-size: 14px;
        color: #606060
    }

.interval {
    width: 1px;
    background-color: #3d3d3d;
}

.companyIntroduction-img {
    height: 560px;
    background-position: center;
    background-repeat: no-repeat;
}

.historyOfDevelopment p {
    padding: 28px 0 75px 0;
    font-size: 16px;
}

.companyIntroduction-banner {
    height: 563px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 100%;
}

.companyIntroduction-certificate {
    padding: 65px 0 95px 0;
}

    .companyIntroduction-certificate ul {
        overflow: auto;
        white-space: nowrap;
    }

    .companyIntroduction-certificate li {
        padding-right: 50px;
        display: inline-flex;
        flex-direction: column;
    }

        .companyIntroduction-certificate li:last-child {
            padding-right: 0;
        }

    .companyIntroduction-certificate p {
        line-height: 23px;
        font-size: 16px;
        text-align: center;
        color: #606060;
        padding: 64px 0 150px 0;
    }

.pb40 {
    padding-bottom: 40px;
}

.companyIntroduction-history {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

@media only screen and (max-width: 987px) {
    .companyIntroduction-time {
        width: inherit;
        height: 72px;
    }

    .companyIntroduction {
        display: block;
    }

    .companyIntroduction-text {
        padding-bottom: 36px;
        padding-right: 0;
    }

    .companyIntroduction {
        padding: 33px 0 40px 0;
    }

    .companyIntroduction-time p {
        font-size: 40px;
    }

    .companyIntroduction-time li {
        font-size: 12px;
    }

    .companyIntroduction-history img {
        height: 552px;
    }
}

@media only screen and (max-width:600px) {
    .companyIntroduction {
        padding: 0;
    }

    .companyIntroduction-text {
        padding: 20px 0 25px 0;
    }

    .companyIntroduction-time p {
        font-size: 20px;
        padding-bottom: 10px;
    }

    .companyIntroduction-time li {
        height: 42px;
        font-size: 10px;
    }
}

@media only screen and (max-width:640px) {
    .custom-scrollbar li div {
        text-align: center;
    }
    .historyOfDevelopment p {
        padding: 20px 0 30px 0;
        font-size: 12px;
    }

    .companyIntroduction-text {
        font-size: 12px;
        line-height: 20px;
    }

    .companyIntroduction-banner {
        height: 303px;
    }

    .companyIntroduction-history img {
        height: 270px;
    }

    .main {
        margin: -1px;
    }

    .companyIntroduction-certificate {
        padding: 0 0 30px 0;
    }

        .companyIntroduction-certificate img {
            height: 130px;
        }

        .companyIntroduction-certificate p {
            font-size: 12px;
            line-height: 16px;
            padding: 30px 0;
        }
}