/*新闻*/ .news-con { padding: 60px 0 100px; } .news-con .in5-list li { margin-bottom: 60px; width: 380px; } .news-con .in5-list .in5-pic { width: 380px; } .news-con .in5-list .in5-desc-rt { width: 275px; } @media (max-width: 768px) { .news-con { padding: 15px; } } .news-container { display: flex; flex-direction: column; } .news-container .first-new-item { width: 100%; height: 220px; display: flex; border-bottom: 1px solid #E0E0E0; padding-bottom: 20px; } .news-container .first-new-item .item-text { width: 60%; height: 100%; display: flex; flex-direction: column; justify-content: space-between; margin: 0 10px 0 0; } .news-container .first-new-item .item-pic { width: 40%; } .news-container .first-new-item .item-pic img { width: 100%; height: 100%; object-fit: cover; } .news-container .first-new-item .item-text .item-time span { color: #074BCE; font-size: 28px; } .news-container .first-new-item .item-text .text-content .title { font-size: 18px; color: #2B2B2B; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 20px 0 10px 0; } .news-container .first-new-item .item-text .text-content .desc { font-size: 14px; color: #909090; line-height: 24px; } .news-container .first-new-item .item-text .read-button { display: inline-block; color: #4D4D4D; width: 128px; height: 32px; border-radius: 21px; border: 1px solid #979797; text-align: center; line-height: 32px; font-size: 16px; } .news-container .first-new-item .item-text .read-button:hover { border-color: #074BCE; color: #074BCE; } .news-container .first-new-item .item.pic { width: 40%; height: 100%; } .news-container .first-new-item .item.pic img { width: 100%; height: 100%; object-fit: cover; } .news-container .new-item { width: 100%; min-height: 140px; display: flex; border-bottom: 1px solid #E0E0E0; padding: 20px 0; } .news-container .new-item .item-time { width: 92px; height: 100px; flex-shrink: 0; background-color: #F3F3F3; display: flex; flex-direction: column; padding: 10px; margin: 0 10px 0 0; } .news-container .new-item .item-time .day { color: #074BCE; font-size: 36px; font-weight: bold; } .news-container .new-item .item-time .month { color: #2B2B2B; font-size: 16px; margin-top: 6px; } .news-container .new-item .item-time .year { color: #2B2B2B; font-size: 16px; } .news-container .new-item .text-content { display: flex; flex-direction: column; } .news-container .new-item .text-content .title { color: #2B2B2B; font-size: 18px; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .news-container .new-item .text-content .count { color: #909090; font-size: 14px; margin: 6px 0; } .news-container .new-item .text-content .desc { color: #909090; font-size: 14px; }