.slider-container0 {
    width: 100%;
    height: 900px; /* 设置固定高度，可根据需要调整 */
    overflow: hidden;
}

/* 幻灯片轮播样式 */
.slider-container {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.slider-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
}

.slider-item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 1s ease-in-out;
}

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

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

.slider-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 50px;
    height: 50px;
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    border: none;
    font-size: 24px;
    cursor: pointer;
    z-index: 10;
    transition: background-color 0.3s;
}

.slider-nav:hover {
    background-color: rgba(0, 0, 0, 0.8);
}

.slider-prev {
    left: 20px;
}

.slider-next {
    right: 20px;
}

.slider-indicators {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    z-index: 10;
}

.indicator {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.5);
    margin: 0 5px;
    cursor: pointer;
    transition: background-color 0.3s;
}

.indicator.active,
.indicator:hover {
    background-color: white;
}


/* 品牌文化容器样式 */
.brand-container {
    /*display: flex;*/
    width: 100%;
    height: 940px;
    /*margin: 0 auto;*/
    background-color: #f9fbf6;
    /*overflow: hidden;*/
}

.brand-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 1600px;
    height: 100%;
    margin: 0 auto;
    padding: 0;
    /*overflow: hidden;*/
}

.brand-title {
    width: 100%;
}

.brand-title img {
    width: 289px;
    height: 72px;
}

.brand-main {
    display: flex;
    /*flex: 1;*/
    /*align-items: stretch;*/
}

.brand-text {
    flex: 1;
    padding: 40px;
    background-color: #ffffff;
    /*text-align: center;*/
    /*box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);*/
    justify-content: center;
    align-items: center;
    display: flex;
    /*border-right: 1px solid #e9ecef;*/
    /*border: 2px solid #ef3309;*/
    max-height: 630px;

}

.brand-text2 {
    /*flex: 1;*/
    padding: 40px 40px;
    background-color: #ffffff;
    /*border-right: 1px solid #e9ecef;*/
    border: 3px solid #5e91a4;
    max-height: 570px;

    box-sizing: border-box;
    word-wrap: break-word; /* 允许长单词换行 */
    word-break: break-word; /* 在适当位置断行 */
}

.year-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}


.brand-text .year {
    color: #6c757d;
    font-size: 16px;
    margin-bottom: 20px;
}

.brand-text .zhengge {
    color: #5e91a4;
    font-size: 32px;
    font-weight: bold;
    margin-top: -30px;
}

.brand-text h3 {

    margin: 0 0 20px 0;
    color: #343a40;
    font-size: 24px;
    font-weight: bold;
}

.brand-text p {
    color: #6c757d;
    line-height: 2.0;
    /*margin-bottom: 40px;*/
    font-size: 18px;
}

.brand-text button {
    background-color: #fff;
    border: 1px solid #dee2e6;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center;
    gap: 8px; /*  */
    width: 142px;
    height: 36px;

}

.brand-text button:hover {
    background: #4a7a8c;
}

.brand-text button  {
   margin-top: 5px;
}

.brand-text button span {
    /*margin-right: 8px;*/
    flex: 1;
}

.brand-text button img {
    width: 30%;
    height: 100%;
    background-color: #5e91a4;
}

/*.brand-text button svg {*/
/*    width: 16px;*/
/*    height: 16px;*/
/*    fill: none;*/
/*    stroke: #007bff;*/
/*    stroke-width: 2;*/
/*    stroke-linecap: round;*/
/*    stroke-linejoin: round;*/
/*}*/

.arrow-icon {
    display: flex;
    width: 90%;
    height: 90%;
    /*background-color: #007bff; !* 蓝色背景 *!*/
    padding: 8px 8px;
    /*padding: 10px; !* 可选：增加一些内边距使背景更明显 *!*/
    /*border-radius: 2px; !* 可选：添加圆角 *!*/
}

.brand-image {
    width: 55%;
    height: 630px;
    overflow: hidden;
}

.brand-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* 视频容器样式，与文字区域高度一致 */
.brand-video {
    /*flex: 1;*/
    /*height: auto;*/
    width: 55%;
    height: 630px;
    overflow: hidden;

    display: flex;
    align-items: center;
    justify-content: center;
    /*min-height: 340px; !* 与 iframe 高度一致 *!*/
}

.brand-video iframe {
    width: 100%;
    height: 630px;
    border: none;
    /*border-radius: 8px;*/
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}



/*特色*/

.feature-container {
    width: 100%;
    height: 1000px;
    background-color: #c8d4a2;
    position: relative;
}

.feature-content {
    display: flex;
    /*flex-direction: column;*/
    /*align-items: center;*/
    /*justify-content: center;*/
    width: 100%;
    max-width: 1600px;
    height: 100%;
    margin: 0 auto;
    padding: 0;
    background-color: #c8d4a2;
    /*border: red 1px solid;*/

}

/* 左侧图片 */
.feature-left {
    width: 67px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.feature-logo {
    width: 67px;
    height: 378px;
    /*border-radius: 50%;*/
    /*object-fit: cover;*/
    /*box-shadow: 0 4px 8px rgba(0,0,0,0.1);*/
}

/* 右侧内容 */
.feature-right {
    width: 100%;
    display: flex;
    flex-direction: column;
    /*background: white;*/
    /*border-radius: 10px;*/
    overflow: hidden;
    /*box-shadow: 0 4px 15px rgba(0,0,0,0.1);*/
}

/* 3D轮播样式 */
.coverflow-container {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    perspective: 1000px;
}

.coverflow-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
    display: flex;
    align-items: center;
    justify-content: center;
}

.coverflow-item {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60%;
    height: 70%;
    opacity: 0;
    transform: translate(-50%, -50%) translateX(0) scale(0.8) rotateY(0deg);
    transition: transform 0.6s ease, opacity 0.6s ease, z-index 0.6s ease;
    z-index: 0;
    cursor: pointer;
}

.coverflow-item.active {
    opacity: 1;
    transform: translate(-50%, -50%) translateX(0) scale(1) rotateY(0deg);
    z-index: 3;
}

.coverflow-item.prev {
    opacity: 0.8;
    transform: translate(-50%, -50%) translateX(-120%) scale(0.8) rotateY(30deg);
    z-index: 2;
}

.coverflow-item.next {
    opacity: 0.8;
    transform: translate(-50%, -50%) translateX(120%) scale(0.8) rotateY(-30deg);
    z-index: 2;
}

.coverflow-item.prev2 {
    opacity: 0.6;
    transform: translate(-50%, -50%) translateX(-240%) scale(0.6) rotateY(60deg);
    z-index: 1;
}

.coverflow-item.next2 {
    opacity: 0.6;
    transform: translate(-50%, -50%) translateX(240%) scale(0.6) rotateY(-60deg);
    z-index: 1;
}

.news-card {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    background: white;
    /*border-radius: 12px;*/
    overflow: hidden;
    /*box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);*/
    transition: all 0.3s ease;
}

.coverflow-item.active .news-card {
    box-shadow: 0 15px 50px rgba(0, 0, 0, 0.2);

}

.news-image {
    flex: 0 0 40%;
    height: 100%;
    overflow: hidden;
}

.news-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.news-card:hover .news-image img {
    transform: scale(1.05);
}

.news-content {
    flex: 0 0 60%;
    padding: 25px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.news-title {
    font-size: 26px;
    font-weight: bold;
    margin: 0 0 15px 0;
    /*color: #333;*/
    color: #5d92a4;
    line-height: 1.3;
}

.news-excerpt {
    font-size: 16px;
    /*color: #666;*/
    color: #5d92a4;
    line-height: 1.8;
    margin: 0 0 20px 0;
    flex-grow: 1;
    margin-left: 80px;
    width: 60%;
    text-align: justify;
}

/*.news-meta {*/
/*    display: flex;*/
/*    justify-content: space-between;*/
/*    font-size: 12px;*/
/*    color: #999;*/
/*}*/

/*.news-date {*/
/*    font-weight: 500;*/
/*}*/

/*.news-category {*/
/*    background: #5e91a4;*/
/*    color: white;*/
/*    padding: 3px 10px;*/
/*    border-radius: 20px;*/
/*}*/

.coverflow-controls {
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
    padding: 0 30px;
    z-index: 10;
}

.coverflow-prev,
.coverflow-next {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: white;
    border: none;
    font-size: 24px;
    font-weight: bold;
    color: #5e91a4;
    cursor: pointer;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.coverflow-prev:hover,
.coverflow-next:hover {
    background: #5e91a4;
    color: white;
    transform: scale(1.1);
}

.coverflow-indicators {
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    z-index: 10;
}

.indicator {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #ddd;
    margin: 0 5px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.indicator.active,
.indicator:hover {
    background: #5e91a4;
    transform: scale(1.2);
}

/* 垂直新闻轮播样式 */
.vertical-news-container {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    padding: 50px 0;
}

.vertical-news-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.news-item {
    position: absolute;
    width: 85%;
    height: 35%;
    opacity: 0;
    transition: all 0.6s cubic-bezier(0.42, 0, 0.58, 1);
    cursor: pointer;
    z-index: 1;
}

.news-item.active {
    opacity: 1;
    transform: translateY(0) scale(1);
    z-index: 3;
}

.news-item.prev {
    opacity: 0.8;
    transform: translateY(-100%) scale(0.9);
    z-index: 2;
}

.news-item.next {
    opacity: 0.8;
    transform: translateY(100%) scale(0.9);
    z-index: 2;
}

.news-item.prev2 {
    opacity: 0.6;
    transform: translateY(-200%) scale(0.8);
    z-index: 1;
}

.news-item.next2 {
    opacity: 0.6;
    transform: translateY(200%) scale(0.8);
    z-index: 1;
}


.vertical-news-controls {
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    gap: 15px;
    z-index: 10;
}

.news-prev,
.news-next {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: white;
    border: none;
    font-size: 20px;
    font-weight: bold;
    color: #5e91a4;
    cursor: pointer;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.news-prev:hover,
.news-next:hover {
    background: #5e91a4;
    color: white;
    transform: scale(1.1);
}

.vertical-news-indicators {
    position: absolute;
    left: 30px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    z-index: 10;
}

.indicator {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #ddd;
    margin: 5px 0;
    cursor: pointer;
    transition: all 0.3s ease;
}

.indicator.active,
.indicator:hover {
    background: #5e91a4;
    transform: scale(1.2);
}

/* 垂直堆叠新闻样式 */
.vertical-stack-container {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    font-family: '新宋体', sans-serif;
}

.vertical-stack-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.news-stack {
    position: relative;
    width: 100%;
    height: 80%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.news-item {
    position: absolute;
    width: 100%;
    height: 40%;
    margin-left: 150px;
    transition: all 0.6s cubic-bezier(0.42, 0, 0.58, 1);
    cursor: pointer;
    opacity: 0;
    filter: blur(0px);
    background: transparent; /* 默认透明背景 */
}

.news-item.active {
    opacity: 1;
    transform: translateY(0) scale(1);
    z-index: 3;
    /*box-shadow: 0 15px 50px rgba(0, 0, 0, 0.2);*/
    filter: blur(0px);
    background: white; /* 中间新闻项白色背景 */
}

.news-item.prev {
    opacity: 0.5;
    transform: translateY(-85%) scale(0.95);
    z-index: 2;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    filter: blur(1px);
    /* 保持透明背景 */
}

.news-item.next {
    opacity: 0.5;
    transform: translateY(85%) scale(0.95);
    z-index: 2;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    filter: blur(1px);
    /* 保持透明背景 */
}

.news-item.prev2 {
    opacity: 0.5;
    transform: translateY(-170%) scale(0.9);
    z-index: 1;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    filter: blur(2px);
    /* 保持透明背景 */
}

.news-item.next2 {
    opacity: 0.5;
    transform: translateY(170%) scale(0.9);
    z-index: 1;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    filter: blur(2px);
    /* 保持透明背景 */
}

.news-item.next3 {
    opacity: 0.5;
    transform: translateY(255%) scale(0.85);
    z-index: 0;
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.05);
    filter: blur(3px);
    /* 保持透明背景 */
}

.news-item.active .news-card {
    background: white; /* 中间新闻项卡片白色背景 */
}

.news-card:hover {
    transform: translateY(-5px);
}


.vertical-stack-controls {
    position: absolute;
    right: 50px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    gap: 30px;
    z-index: 10000;
}

.stack-prev,
.stack-next {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: white;
    border: none;
    font-size: 20px;
    font-weight: bold;
    color: #5e91a4;
    cursor: pointer;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.stack-prev:hover,
.stack-next:hover {
    /*background: #5e91a4;*/
    color: white;
    transform: scale(1.1);
}

.vertical-stack-indicators {
    position: absolute;
    left: -30px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    z-index: 10;
}

.indicator {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #ddd;
    margin: 5px 0;
    cursor: pointer;
    transition: all 0.3s ease;
}

.indicator.active,
.indicator:hover {
    background: #5e91a4;
    transform: scale(1.2);
}


/*旗下*/
.subsidiary-container {
    width: 100%;
    /*height: 1000px;*/
    height: auto;
    padding: 30px 0;
    background-color: #f9fbf6;
}

.subsidiary-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 20px;
    width: 100%;
    max-width: 1600px;
    height: 100%;
    margin: 0 auto;
    /*padding: 0;*/
    background-color: #f9fbf6;
    /*border:  1px solid rgb(241, 19, 45);*/
}

.subsidiary-logo {
    text-align: center;
    margin-bottom: 20px;

}

.subsidiary-logo img {
    width: 350px;
    height: 73px;
}

.subsidiary-title {
    text-align: center;
    margin-bottom: 70px;
}

.subsidiary-title h2 {
    font-size: 28px;
    color: #333;

}

.subsidiary-gallery {
    display: flex;
    align-items: center;
    width: 100%;
    position: relative;
}

.gallery-prev, .gallery-next {
    background: none;
    border: none;
    cursor: pointer;
    padding: 10px;
    z-index: 10;
}

.gallery-prev img, .gallery-next img {
    width: 50px;
    height: 50px;
}

.gallery-content {
    flex: 1;
    margin: 0 20px;
}

.gallery-row {
    display: flex;
    /*justify-content: center;*/
    margin-bottom: 30px;
}

.gallery-item {
    width: calc(33.333% - 10px);
    margin: 0 5px;
    overflow: hidden;
    /*border-radius: 8px;*/
}

.gallery-item.double-width {
    width: calc(66.666% - 10px);
}

.gallery-item img {
    width: 100%;
    height: 300px;
    object-fit: cover;
    display: block;
}

/**/

.service-container {
    width: 100%;
    height: 880px;
    background-color: #ffffff;
}

.service-content {

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    max-width: 1600px;
    height: 100%;
    margin: 0 auto;
    /*padding: 0 20px;*/
    background-color: #ffffff;
    /*border:  1px solid rgb(241, 19, 45);*/
}

.service-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
    grid-template-columns: repeat(4, minmax(0, 1fr)); /* 确保列不会因内容而扩展 */
}

.service-item {
    /*text-align: center;*/
}

.service-image {
    position: relative;
    /*overflow: hidden;*/
    overflow: visible;
    height: 640px;
    padding: 10px;
    border: 3px solid #5d91a3; /* 添加蓝色边框 */
}

.service-image img {
    /*width: 100%;*/
    /*height: 100%;*/
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.3s ease;
}

.service-title {
    /*margin-top: 15px;*/
    /*font-size: 48px;*/
    /*font-weight: bold;*/
    color: #eff3f5;
    font-size: 68px;
    font-family: 'Arial Black';
    line-height: .8;
}

.service-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*background: rgba(0, 0, 0, 0.7); */
    background: rgba(120, 161, 170, 0.7);
    opacity: 0;
    transition: opacity 0.3s ease;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.service-description {
    /*background: rgba(255, 255, 255, 0.9);*/
    width: 100%;
    padding: 20px 40px;
    transform: translateY(100%);
    transition: transform 0.3s ease;
    margin-bottom: 20px;
    pointer-events: none; /* 禁用鼠标事件 */
}

.service-description p {
    margin: 0 0 15px 0;
    color: white;
    font-size: 16px;
    line-height: 2.0;
}

.service-detail-btn {
    background: #c8d4a2;
    color: white;
    /*border: none;*/
    padding: 8px 20px;
    border-radius: 20px;
    cursor: pointer;
    font-size: 18px;
    transition: background 0.3s ease;
    margin-bottom: 30px;
    margin-top: 30px;
    /*padding: 10px;*/
    border: 1px solid #c8d4a2; /* 添加蓝色边框 */
    outline: 1px solid #c8d4a2; /* 改为白色背景而不是透明 */
    outline-offset: 3px; /* 控制缝隙大小 */
}

.service-detail-btn:hover {
    background: #a01f24;
}

/* 悬停效果 */
.service-item:hover .service-image img {
    filter: blur(3px);
}

.service-item:hover .service-overlay {
    opacity: 1;
}

.service-item:hover .service-description {
    transform: translateY(0);
}

.service-tag-img, .service-tag-img-hover {
    position: absolute;
    top: 0; /* 定位到容器上方 */
    left: 40px;
    width: 73px !important;
    height: 230px !important;
    object-fit: contain;
    z-index: 2;
    transition: opacity 0.3s ease;
    pointer-events: none; /* 防止标签图片干扰鼠标事件 */
    filter: none; /* 确保不应用模糊效果 */
}

/* 标签文字容器 -  */
.service-tag-text {
    position: absolute;
    top: 10px;
    left: 40px;
    width: 73px;
    height: 230px;
    display: flex;
    align-items: center;
    justify-content: center;
    writing-mode: vertical-rl;
    text-orientation: mixed;
    font-size: 22px;
    font-weight: bold;
    color: white;
    /*text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);*/
    z-index: 3;
    pointer-events: none;
    letter-spacing: 5px; /* 增加字符间距 */
    /*line-height: 1.8; !* 增加行高 *!*/
}

/* 悬停时标签文字的显示切换 */
.service-item .service-tag-text-default {
    opacity: 1;
}

.service-item .service-tag-text-hover {
    opacity: 0;
}

.service-item:hover .service-tag-text-default {
    opacity: 0;
}

.service-item:hover .service-tag-text-hover {
    opacity: 1;
}


.service-tag-img-hover {
    opacity: 0;
}

/* 悬停效果 */
.service-item:hover .service-tag-img {
    opacity: 0;
}

.service-item:hover .service-tag-img-hover {
    opacity: 1;
}


/* 确保主图片的模糊效果不影响标签图片 */
.service-item:hover .service-image img {
    filter: blur(3px);
}

.service-item .service-tag-img,
.service-item .service-tag-img-hover {
    filter: none !important; /* 强制不应用模糊效果 */
}

/**/

.news-container {
    width: 100%;
    height: 940px;
    background-color: #ffffff;
}

.news-service-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    max-width: 1600px;
    height: 100%;
    margin: 0 auto;
    /*padding: 0 20px;*/
    background-color: #ffffff;
    /*border:  1px solid rgb(241, 19, 45);*/
}

/* 企业动态容器样式 */
.news-service-content {
    max-width: 1600px;
    margin: 0 auto;
    /*padding: 50px 20px;*/
}

.news-main-layout {
    display: flex;
    /*gap: 30px;*/
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
}

/* 左侧图片标题 */
.news-left-section {
    /*flex: 0 0 200px;*/
    width: 62px;
}

.vertical-text-overlay {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.text-wrapper {
    position: relative;
    writing-mode: vertical-rl;
    text-orientation: mixed;
    text-align: center;
}

.news-title1 {
    font-size: 28px;
    color: #6190a2;
    display: block;
    position: relative;
    z-index: 2;
    letter-spacing: 7px; /* 增加字符间距 */

}

.news-title2 {
    font-size: 56px;
    font-weight: bold;
    color: #e4eaea;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    letter-spacing: 10px; /* 增加字符间距 */

}




/* 右侧动态容器 */
.news-right-section {
    flex: 1;
    display: flex;
    flex-direction: column;
    /*gap: 30px;*/
    padding: 50px;
}

/* 上容器 */
.news-top-container {
    display: flex;
    gap: 20px;
    /*background: #f8f9fa;*/
    /*padding: 20px;*/
    /*border-radius: 10px;*/
    margin-bottom: 50px;
}

.news-top-image {
    flex: 0 0 40%;
}

.dynamic-image {
    width: 648px;
    height: 440px;
    object-fit: cover;
    /*border-radius: 8px;*/
}

.news-top-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 50px;
}

.news-time {
    color: #6c757d;
    font-size: 16px;
    margin-bottom: 20px;
}

.news-line {
    color: #f1132d;
    font-size: 16px;
    margin-bottom: 20px;
}

.news-title {
    font-size: 24px;
    font-weight: bold;
    color: #333;
    margin-bottom: 30px;
}

.news-description {
    color: #6c757d;
    line-height: 2.0;
    margin-bottom: 20px;
}

.news-more-btn {
    background-color: #fff;
    border: 1px solid #dee2e6;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center;
    gap: 8px;
    width: 142px;
    height: 36px;
    cursor: pointer;
    padding: 0;
}

.news-more-btn span {
    flex: 1;
    text-align: center;
}

.news-more-btn .arrow-icon {
    display: flex;
    width: 30%;
    height: 100%;
    background-color: #5e91a4;
    padding: 8px 8px;
}

.news-more-btn:hover {
    background: #4a7a8c;
}

/* 下容器 */
.news-bottom-container {
    display: flex;
    gap: 40px;
    justify-content: space-between;
    align-items: center;
}

.enterprise-news-item {
    /*flex: 1;*/
    position: relative;
    /*overflow: hidden;*/
    /*border-radius: 8px;*/
    flex: 1;
    margin: 0 10px;
}

/* 确保第一个和最后一个元素的边距处理 */
.enterprise-news-item:first-child {
    margin-left: 0;
}

.enterprise-news-item:last-child {
    margin-right: 0;
}

.news-thumbnail {
    width: 429px;
    height: 286px;
    /*width: 100%;*/
    /*height: 100%;*/
    object-fit: cover;
    display: block;
    transition: transform 0.3s ease;
}

.news-overlay {
    position: absolute;
    top: 20px;
    left: 20px;
    /*top: 0;*/
    /*left: 0;*/
    width: 100%;
    height: 100%;
    background: rgba(124, 166, 180, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 10;
}

.overlay-content {
    width: 100%;
    height: 100%;
    text-align: left;
    color: white;
    padding: 20px;
    z-index: 11; /* 确保内容在覆盖层上方 */
    position: relative; /* 确保z-index生效 */
    background: rgba(124, 166, 180, 0.5);
}

.overlay-time {
    font-size: 16px;
    margin-bottom: 10px;
}

.overlay-line {
    font-size: 16px;
    margin-bottom: 10px;
}

.overlay-title {
    font-size: 18px;
    font-weight: bold;

}

/* 悬停时图片效果 */
.enterprise-news-item:hover .news-thumbnail {
    transform: scale(1.05);
}

/* 悬停时显示覆盖层 */
.enterprise-news-item:hover .news-overlay {
    opacity: 1;
}

/* 响应式设计 */
@media (max-width: 1200px) {
    .news-main-layout {
        flex-direction: column;
    }

    .news-left-section {
        flex: 0 0 auto;
    }

    .news-top-container {
        flex-direction: column;
    }

    .news-top-image, .news-top-content {
        flex: 0 0 auto;
    }
}

/* 响应式设计 */
@media (max-width: 1200px) {
    .coverflow-item {
        width: 70%;
        height: 75%;
    }

    .news-title {
        font-size: 18px;
    }

    .news-excerpt {
        font-size: 13px;
    }


}

@media (max-width: 768px) {

    .news-bottom-container {
        flex-direction: column;
    }

    .news-service-content {
        padding: 30px 15px;
    }


    .coverflow-item {
        width: 80%;
        height: 80%;
    }

    .news-card {
        flex-direction: column;
    }

    .news-image {
        flex: 0 0 40%;
    }

    .news-content {
        flex: 0 0 60%;
        padding: 15px;
    }

    .news-title {
        font-size: 16px;
    }

    .news-excerpt {
        font-size: 12px;
    }

    .coverflow-prev,
    .coverflow-next {
        width: 40px;
        height: 40px;
        font-size: 20px;
    }
}