/*!*body {*!*/
/*!*    font-family: 'Noto Sans SC', sans-serif;*!*/
/*!*    margin: 0;*!*/
/*!*    padding: 0;*!*/
/*!*    background-color: #f0f2f5;*!*/
/*!*}*!*/

/*#container_news {*/
/*    width: 95%;*/
/*    max-width: 1400px;*/
/*    margin: 20px auto;*/
/*    padding: 0 20px;*/
/*    box-sizing: border-box;*/
/*}*/

/*.news-header {*/
/*    display: flex;*/
/*    justify-content: space-between;*/
/*    align-items: center;*/
/*    margin-bottom: 20px;*/
/*    color: #337ab7;*/
/*    font-size: 16px;*/
/*}*/

/*.news-header a {*/
/*    color: #337ab7;*/
/*    text-decoration: none;*/
/*}*/

/*.news-grid {*/
/*    display: grid;*/
/*    grid-template-columns: 2fr 1fr 1fr;*/
/*    gap: 20px;*/
/*}*/

/*.main-news {*/
/*    position: relative;*/
/*    overflow: hidden;*/
/*    border-radius: 8px;*/
/*    height: 400px;*/
/*}*/

/*.carousel {*/
/*    height: 100%;*/
/*}*/

/*.carousel-item {*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    opacity: 0;*/
/*    transition: opacity 0.5s ease;*/
/*}*/

/*.carousel-item.active {*/
/*    opacity: 1;*/
/*}*/

/*.carousel-item img {*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    object-fit: cover;*/
/*}*/

/*.main-news-title {*/
/*    position: absolute;*/
/*    bottom: 0;*/
/*    left: 0;*/
/*    right: 0;*/
/*    background-color: rgba(0, 0, 0, 0.6);*/
/*    color: #fff;*/
/*    padding: 10px;*/
/*    font-size: 18px;*/
/*}*/

/*.dots {*/
/*    position: absolute;*/
/*    bottom: 10px;*/
/*    right: 10px;*/
/*    display: flex;*/
/*    gap: 5px;*/
/*}*/

/*.dot {*/
/*    width: 8px;*/
/*    height: 8px;*/
/*    border-radius: 50%;*/
/*    background-color: #fff;*/
/*    opacity: 0.5;*/
/*    cursor: pointer;*/
/*}*/

/*.dot.active {*/
/*    opacity: 1;*/
/*}*/

/*.side-news {*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    gap: 20px;*/
/*}*/

/*.side-news-item {*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    background-color: #fff;*/
/*    border-radius: 8px;*/
/*    overflow: hidden;*/
/*    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);*/
/*}*/

/*.side-news-item img {*/
/*    width: 100%;*/
/*    height: 120px;*/
/*    object-fit: cover;*/
/*}*/

/*.side-news-content {*/
/*    padding: 10px;*/
/*}*/

/*.side-news-title {*/
/*    font-size: 14px;*/
/*    font-weight: 500;*/
/*    color: #212529;*/
/*    margin-bottom: 5px;*/
/*}*/

/*.side-news-meta {*/
/*    font-size: 12px;*/
/*    color: #6c757d;*/
/*}*/


#container_news {
    width: 95%;
    max-width: 1400px;
    margin: 20px auto;
    padding: 0 20px;
    box-sizing: border-box;
    background-color: #ffffff; /* 整体页面背景 */
}

.news-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    color: #0a5cad; /* 主题蓝色 */
    font-size: 16px;
}

.news-header a {
    color: #0a5cad; /* 主题蓝色 */
    text-decoration: none;
}

.news-grid {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    gap: 20px;
}

.main-news {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    height: 400px;
}

.carousel {
    height: 100%;
}

.carousel-item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 0.5s ease;
}

.carousel-item.active {
    opacity: 1;
}

.carousel-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.main-news-title {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.6);
    color: #fff;
    padding: 10px;
    font-size: 18px;
}

.dots {
    position: absolute;
    bottom: 10px;
    right: 10px;
    display: flex;
    gap: 5px;
}

.dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #fff;
    opacity: 0.5;
    cursor: pointer;
}

.dot.active {
    opacity: 1;
}

.side-news {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.side-news-item {
    display: flex;
    flex-direction: column;
    background-color: #ffffff; /* 整体页面背景 */
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.side-news-item img {
    width: 100%;
    height: 120px;
    object-fit: cover;
}

.side-news-content {
    padding: 10px;
}

.side-news-title {
    font-size: 14px;
    font-weight: 500;
    color: #1e1e1e; /* 主要黑色 */
    margin-bottom: 5px;
}

.side-news-meta {
    font-size: 12px;
    color: #575757; /* 次要黑灰色 */
}