a {
    text-decoration: none;
}

.page-wrapper {
    width: 100%;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}

.container {
    width: 1920px;
    height: 100%;
    transform-origin: top left;
    box-sizing: border-box;
}



.indicator {
    width: 12px;
    height: 12px;
    background: rgba(255, 255, 255, .5);
    border-radius: 50%;
    cursor: pointer;
    transition: background .3s;
}

.indicator.activeInd {
    background: rgba(255, 255, 255, .9);
}

/* 主体内容 */
.main-container {
    padding: 0 360px;
}

.model-introl-right {
    width: 183px;
    height: 227px;
}

.main-title-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    margin-top: 150px;
}

.main-title1 {
    font-size: 48px;
    color: #0A71E4;
    opacity: 0.1;
}

.main-title2 {
    position: absolute;
    bottom: -20%;
    font-weight: bold;
    font-size: 36px;
    color: #333;
}

.main-title2::after {
    content: '';
    position: absolute;
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%) scaleY(0.35);
    /* 缩扁光晕，让其成为“水平光线” */
    width: 200px;
    height: 12px;
    background: radial-gradient(ellipse at center,
    #035ec7 0%,
    rgba(13, 115, 228, 0.4) 40%,
    rgba(13, 115, 228, 0) 100%);
    filter: blur(3px);
}

.more {
    position: absolute;
    right: 0;
    bottom: 0;
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 16px;
    color: #999999;
    cursor: pointer;
}

/* 资讯平台 */

.news-box {
    margin-top: 75px;
    margin-bottom: 150px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.news-left {
    width: 570px;
    overflow: hidden;
    position: relative;
}

.news-left-bannerBox {
    display: flex;
    transition: transform 0.5s ease-in-out;
    width: 100%;
    height: 100%;
}

.news-left-banner {
    position: relative;
}

.news-left-img {
    width: 570px;
    height: 380px;
    border-radius: 10px;
}

.news-left-time {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 80px;
    height: 80px;
    background: #0A71E4;
    border-radius: 10px 0px 10px 0px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 14px;
    color: #FFFFFF;
}

.news-left-time-top {
    margin-bottom: 5px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    font-size: 24px;
    color: #FFFFFF;
}

.news-indicators {
    position: absolute;
    bottom: 70px;
    right: 20px;
    display: flex;
    gap: 10px;
}

.newIndicator {
    background: rgba(255, 255, 255, .5);
    cursor: pointer;
    transition: background .3s;
    width: 20px;
    height: 4px;
    border-radius: 2px;
}

.newIndicator.newActiveInd {
    background: rgba(255, 255, 255, .9);
}

.news-left-title {
    margin-top: 19px;
    width: 570px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    font-size: 20px;
    color: #333333;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.news-right {
    display: flex;
    flex-direction: column;
    width: 580px;
}

.news-right-card {
    padding: 30px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #E4E4E4;
    cursor: pointer;
}

.news-right-card:first-child {
    padding: 13px 0 30px 0;
}

.news-right-time {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    background: #FFFFFF;
    border-radius: 10px;
    border: 1px solid #DDDDDD;
    box-sizing: border-box;
}

.news-right-time-top {
    margin-bottom: 10px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    font-size: 24px;
    color: #333333;
}

.news-right-content {
    display: flex;
    flex-direction: column;
    width: 481px;
}

.news-right-title {
    font-family: Microsoft YaHei;
    font-weight: bold;
    font-size: 20px;
    color: #333333;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.news-right-msg {
    display: -webkit-box;
    margin-top: 16px;
    height: 40px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 16px;
    color: #666666;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.news-right-card:hover .news-right-title,
.news-right-card:hover .news-right-time,
.news-right-card:hover .news-right-time-top {
    color: #0A71E4;
}

/* 热门文章 */
.hots-group {
    margin-top: 75px;
    padding-bottom: 150px;
    display: flex;
    flex-direction: column;
}

.hots-card {
    padding: 30px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #E4E4E4;
}

.hots-card-img {
    width: 180px;
    height: 120px;
}

.hots-card-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 977px;
    height: 120px;
}

.hots-card-title {
    font-family: Microsoft YaHei;
    font-weight: bold;
    font-size: 20px;
    color: #333333;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.hots-card-msg {
    display: -webkit-box;
    width: 100%;
    height: 40px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 16px;
    color: #666666;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hots-card-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.hots-card-time {
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 16px;
    color: #999999;
}

.hots-card-more {
    display: flex;
    align-items: center;
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 16px;
    color: #0A71E4;
    cursor: pointer;
}

.hots-card-more-arrow {
    margin-left: 5px;
    font-size: 20px;
    font-weight: 700;
}
