.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; } }