body {
    background-color: #000;
    color: white;
    font-family: "AlibabaPuHuiTi-Regular";
    font-weight: normal;
}

/* 分割线动效 */
.line {
    margin-top: 1vw;
    transition: transform 1s ease-in;
    transform-origin: 0% 50%;
    transform: scaleX(0);
}


.dot {
    display: inline-block;
    /* 使其显示为块元素，方便设置宽高 */
    width: 2vw;
    /* 设置圆点的宽度 */
    height: 2vw;
    /* 设置圆点的高度 */
    background-color: #7948EA !important;
    /* 设置背景颜色为粉色 */
    border-radius: 50%;
    /* 使元素变成圆形 */
    margin-left: -5vw;
    /* 可选，设置圆点右边的间距 */
}

.dot1 {
    background-color: #FECF01 !important;
}

.dot2 {
    background-color: #FF311F !important;
}


.portal-box {
    display: flex;
    justify-content: center;
    gap: 60px;
    position: relative;
    margin-top: 5vw;
}

.portal-box video {
    width: 20vw;
    border-radius: 30px;
}

.box-mobiel {
    display: none !important;
}

.line.active {
    transform: scaleX(1);
}

.message-text {
    display: flex;
    justify-content: flex-end;
}

#newsLink {
    display: flex;
    justify-content: flex-end;
}

.message-text .news-word {
    width: 50%;
}

.dynamic-images {
    position: relative;
    margin-top: 5vw;
}

.image-wrapper {
    display: flex;
    gap: 70px;
    flex-direction: column;
    margin: 0 -100px;
}

.image-wrapper .image-item {
    display: flex;
    gap: 4%;
    position: relative;
}

.image-wrapper .image-item img {
    height: auto;
    width: 46%;
}

#carousel1 {
    width: 100%;
    overflow: hidden;
    /* 隐藏超出的部分 */
    position: relative;
}

.carousel-container1 {
    width: 100%;
    overflow: hidden;
    /* background-color: white; */
}

.carousel-track1 {
    display: flex;
    align-items: center;
    animation: scroll 40s linear infinite;
    /* 滚动效果 */
}

.carousel-item1 {
    width: 20%;
    /* 每个图片占据的宽度，10张图片在屏幕上显示 */
    flex-shrink: 0;
    /* 防止缩小 */
}

.carousel-item1:nth-child(2n) {
    width: 3%;
    /* 每个图片占据的宽度，10张图片在屏幕上显示 */
    flex-shrink: 0;
    /* 防止缩小 */
}

.carousel-item1 img {
    width: 100%;
    height: auto;
}

/* 定义滚动动画 */
@keyframes scroll {
    0% {
        transform: translateX(0);
        /* 从最初的位置开始 */
    }

    100% {
        transform: translateX(-100%);
        /* 向左移动100%，即每次滚动一整屏 */
    }
}

.footer-concat-image {
    margin: 7vw 0 0;
}

.contact-img-left {
    width: 56%;
}

.contact-img-right {
    width: 35vw;
    left: 50%;
}

.carousel {
    display: flex;
    justify-content: center;
}

.carousel-inner {
    width: 70%;
}

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


.portal-box {
    display: flex;
    justify-content: center;
    gap: 60px;
    position: relative;
    /* margin-top: 5vw; */
}

.portal-box img {
    width: 25vw;
    /* object-fit: cover;
    height: auto; */
}

.new-scroll-left {
    width: 60%;
}

.new-scroll-right {
    width: 30vw;
    left: 55%;
}

p {
    font-family: "AlibabaPuHuiTi-Regular";
    font-size: 1.5vw;
    margin-top: 1vw;
    color: white;
    font-weight: normal;
    line-height: 1.6;
}

h1 {
    font-family: "AlibabaPuHuiTi-Regular";
    color: white;
    font-weight: 500;
    font-size: 6vw;
}

h2 {
    font-family: "AlibabaPuHuiTi-Regular";
    font-weight: 500;
    font-size: 8.10vw;
    line-height: 5vw;
    font-style: italic;
}


h3 {
    font-family: "AlibabaPuHuiTi-Regular";
    font-weight: 500;
    font-size: 2vw;
    color: white;
    margin-top: 2vw;
    line-height: 3vw;
}

span {
    font-family: "AlibabaPuHuiTi-Regular";
    color: white;
    font-weight: normal;
}

p1 {
    font-family: "AlibabaPuHuiTi-Regular";
    font-size: 0.8vw;
    margin-top: 1vw;
    color: white;
    font-weight: normal;
}

a {
    font-family: "AlibabaPuHuiTi-Regular";
    color: white;
    font-weight: normal;
    font-size: 1.39vw;
}


h4 {
    font-family: "AlibabaPuHuiTi-Regular";
    font-weight: bold;
    font-size: 2vw;
    color: white;
    margin-left: 3vw;
}

.title-cn {
    font-size: 4.5vw;
}

.detail-name .title-cn {
    font-size: 3.7vw;
}

.dot {
    display: inline-block;
    /* 使其显示为块元素，方便设置宽高 */
    width: 2vw;
    /* 设置圆点的宽度 */
    height: 2vw;
    /* 设置圆点的高度 */
    background-color: #FF69B4;
    /* 设置背景颜色为粉色 */
    border-radius: 50%;
    /* 使元素变成圆形 */
    margin-left: -5vw;
    /* 可选，设置圆点右边的间距 */
}

@media (max-width: 960px) {
    p1 {
        font-family: "AlibabaPuHuiTi-Regular";
        font-size: 2vw;
        margin-top: 1vw;
        color: white;
        font-weight: normal;
    }

    .navbar .navbar-brand img {
        width: 36vw;

        transition: all 2s ease;
    }

    h3 {
        font-family: "AlibabaPuHuiTi-Regular";
        font-weight: 500;
        font-size: 4vw;
        color: white;
        line-height: 30px;
        margin-top: 30px;
    }

    h4 {
        font-family: "AlibabaPuHuiTi-Regular";
        font-weight: bold;
        font-size: 5vw;
        color: white;
        margin-left: 3vw;
    }

    p {
        font-family: "AlibabaPuHuiTi-Regular";
        font-size: 4vw;
        margin-top: 1vw;
        color: white;
        font-weight: normal;
    }

    .col-6.station-word {
        width: 100% !important;
    }

    .row-left {
        margin-left: 0 !important;
    }

    .p-06 {
        width: 100% !important;
    }
}

@media (max-width: 1200px) {

    .text-lines p {
        font-size: 2.5vw;
    }

    .text-lines img {
        width: 18vw;
    }
}

@media (max-width: 992px) {

    .text-lines p {
        font-size: 3vw;
    }

    .text-lines img {
        width: 20vw;
    }
}

@media (max-width: 768px) {
    .text-lines p {
        font-size: 3vw;
    }

    .text-lines img {
        width: 18vw;
    }

    .radius-image {
        width: 100% !important;
    }

    #ellipseText {
        font-size: 1.5vw !important;
    }

    .box-mobiel {
        display: block !important;
    }

    .portal-box {
        gap: 10px !important;

    }

    .mask-text {
        width: 80% !important;
        font-size: 8px !important;
        line-height: 10px;
    }
}

@media (max-width: 480px) {

    .text-lines p {
        font-size: 5vw;
    }

    .text-lines img {
        width: 25vw;
    }

    h2 {
        font-size: 10vw;
    }
}

/* #messageText {
    transform: translateX(64%);
    width: 61%;
} */

/* 默认样式 */
.message-text p {
    font-size: 1.5vw;
    /* 使用视口宽度单位，使字体大小随着屏幕宽度变化 */
    color: white;
    margin-left: 20px;
    /* 改小了左边距，避免过大的偏移 */
    margin-top: 30px;
    margin-bottom: 30px;
    line-height: 1.6;
    text-align: left;
    word-wrap: break-word;
    white-space: normal;
}

/* 响应式设计：在屏幕宽度大于 768px 时调整字体和布局 */
@media (max-width: 768px) {
    .row {
        flex-direction: row;
        /* 保证小屏幕上元素依然在一排 */
    }

    #messageText {
        font-size: 3vw;
        /* 小屏幕下文字稍微缩小 */
        width: 100%;
        margin-left: -69%;
    }

    .ql-size-huge {
        font-size: 4vw;
        /* 更大的字体适应小屏幕 */
        margin-left: 10px;
        /* 更小的左边距 */
    }


    .message-text p {
        font-size: 4vw;
        /* 使用视口宽度单位，使字体大小随着屏幕宽度变化 */
        color: white;
        margin-left: 20px;
        /* 改小了左边距，避免过大的偏移 */
        margin-top: 30px;
        margin-bottom: 30px;
        line-height: 1.6;
        text-align: left;
        word-wrap: break-word;
        white-space: normal;
    }
}

/* 响应式设计：在屏幕宽度小于 480px 时调整字体和布局 */
@media (max-width: 480px) {
    .ql-size-huge {
        font-size: 10vw;
        /* 适应超小屏幕，进一步放大字体 */
        margin-left: 5px;
        /* 更小的左边距 */
    }
}

@media (max-width: 768px) {
    .news-items {
        flex-direction: column;
        /* 在小屏设备上切换为纵向布局 */
        align-items: center;
        /* 确保矩形居中 */
    }

    .news-item {
        width: 80%;
        /* 矩形宽度设为80% */
        margin-bottom: 20px;
        /* 每个矩形之间增加间距 */
    }

    .news-text {
        height: auto;
        /* 调整文本区域高度 */
    }

    .portal-box-mobiel video {
        width: 40vw;
    }

    .news-5 {
        margin-bottom: 0 !important;
    }
}