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: #639BFF;
    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 .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;
    }
}