uskyq/about/css/index.css

.history-section .container .historyContent {
    padding: 0px 30px;
    padding-top: 50px;
}

.history-section .container .historyContent .historyConet .hisContent {
    text-align: left;
}

.history-section .container .historyContent .historyConet .hisContent>div:nth-child(1) {
    font-size: 18px;
    font-weight: bold;
    font-family: Microsoft YaHei;
    color: #333333;
    line-height: 28px;
}

.history-section .container .historyContent .historyConet .hisContent>div:nth-child(2) {
    font-size: 16px;
    font-weight: 400;
    font-family: Microsoft YaHei;
    color: #333333;
    line-height: 28px;
}

.history-section .container .credentialContent {
    padding: 30px;
}

.history-section .container .credentialContent .title {
    font-size: 17px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #333333;
    text-align: left;
}

.history-section .container .credentialContent .list {
    text-align: left;
}

.history-section .container .credentialContent .list>ul li {
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.borderRadius1 {
    width: 16px;
    height: 16px;
    background: rgb(175, 202, 250);
    border-radius: 50%;
    line-height: 14px;
    text-align: center;
    margin-right: 10px;
}

.borderRadius2 {
    width: 10px;
    height: 10px;
    background: #409eff;
    border-radius: 50%;
}

.about-sub-company-section .container .aboutContent {
    padding: 40px 20px;
}

.about-sub-company-section .container .aboutImg {
    padding: 10px;
    text-align: center;
}

.about-sub-company-section .container .aboutcotn {
    max-height: 460px;
    overflow-x: hidden;
    overflow-y: auto;
}

.about-sub-company-section .container .aboutcotn {
    overflow: overlay;
}


/* 需要滚动的地方加上这个class */

.about-sub-company-section .container .aboutcotn::-webkit-scrollbar {
    /* 组件内滚动条不显示 */
    display: none;
}

.about-sub-company-section .container .aboutcotn:hover::-webkit-scrollbar {
    /* 悬停时滚动条才显示 */
    display: block;
}

.about-sub-company-section .container .border-buttom {
    padding: 10px;
    border-bottom: 1px solid #C7C7C7;
}

.about-sub-company-section .container .aboutContent .title {
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #333333;
    padding-bottom: 10px;
}

.about-sub-company-section .container .aboutContent .content {
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    line-height: 28px;
}

@media (max-width: 1200px) {
    .about-sub-company-section .container .aboutImg {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .about-sub-company-section .container .aboutcotn {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media (max-width: 991px) {
    .history-section .container .credentialContent .listAll {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 20px;
    }
    .history-section .container .credentialContent .footerImg {
        margin-top: 20px;
    }
    .history-section .container .credentialContent .footerImg>div {
        flex: 0 0 50%;
        max-width: 50%;
        margin-bottom: 20px;
    }
}

@media (max-width: 768px) {
    .history-section {
        padding: 0px;
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .history-section .container .credentialContent .list {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .history-section .container .credentialContent .list1 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
}

@media (max-width: 576px) and (max-width: 575px) {}

@media (max-width: 414px) {
    .history-section .container .credentialContent .list,
    .history-section .container .credentialContent .list1,
    .history-section .container .credentialContent .footerImg>div {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 20px;
    }
    .history-section .container .credentialContent .footerImg {
        margin-top: 0px;
    }
}