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