* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
      .domPC {
        display: block;
      }
      .domMOB {
        display: none;
      }

        body {
            font-family: "Microsoft YaHei", sans-serif;
            color: #333;
            line-height: 1.6;
            background: url("https://www.news.cn/enterprise/2025qyjbolt/img/banner_pc2.jpg") 50% 0px no-repeat rgb(255, 255, 255);
        }
         @media (max-width: 768px) {
        body {
            margin-top: 0px;
            background: url("https://www.news.cn/enterprise/2025qyjbolt/img/banner_mb2.jpg") 50% 0px / 100% 0px no-repeat rgb(255, 255, 255);
        }
        }

        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
        }

/* Banner样式 */
        .banner-section {
            width: 100%;
            height: 850px;
            overflow: hidden;
            position: relative;
            margin-top: 60px;
        }

        @media (max-width: 768px) {
        .banner-section {
            width: 100%;
            height:auto;
            margin-top: 0px;
            position:relative;
            overflow: hidden;
        }
        .banner-container {
            height: auto;
        }

        }

/*        .banner-container {
            width: 100%;
            height: 600px;
            max-width: 2000px;
            margin: 0 auto;
        }*/

        .banner-swiper-container {
            width: 100%;
            height: 600px;
            max-width: 2000px;
            margin: 0 auto;
        }

        .banner-slide {
            position: relative;
            width: 100%;
            height: 100%;
        }

        .banner-slide img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transform-origin: center;
        }

        /* 1. 修复：给每个轮播的箭头添加专属样式，避免样式冲突 */
        /* Banner轮播箭头 */
        .banner-swiper-container .banner-next,
        .banner-swiper-container .banner-prev {
            top: 50%;
            transform: translateY(-50%);
            width: 40px;
            height: 40px;
            background-color: rgba(0,0,0,0.3);
            border-radius: 50%;
            color: white;
            z-index: 10; /* 确保箭头层级正常 */
        }
        .banner-swiper-container .banner-next::after,
        .banner-swiper-container .banner-prev::after {
            font-size: 18px;
        }
        .banner-swiper-container .banner-next { right: 10px; }
        .banner-swiper-container .banner-prev { left: 10px; }

        /* 响应式调整 */
        @media (max-width: 768px) {

		    .banner-swiper-container {
		        width: 100%;
		        height:100%;
		        max-width: 100%;
		        margin: 0 auto;
		        padding-top: 0;
		        margin-top: 0;
		    }

		    /* 核心修复：顶部顶满 + 水平居中双生效 */
		    .banner-slide img {
		        width: 150%; /* 保持原有扩大比例 */
		        height: 240px; /* 垂直充满父容器，解决顶部留白 */
		        object-fit: cover; /* 保持图片内容完整性，不拉伸变形 */
		        object-position: top; /* 优先保证顶部顶满（配合height:100%） */
		        transform-origin: center;
		        position: absolute; /* 恢复定位，用于精准水平居中 */
		        top: 0; /* 固定顶部位置，确保顶部顶满 */
		        left: 50%; /* 水平定位到父容器中间 */
		        transform: translateX(-50%); /* 左移自身50%，实现完美水平居中 */
		        /* 清除无效属性，避免冲突 */
		        margin: 0;
		        display: block;
		    }
		}


/* 焦点新闻区样式 section-1 */
        .section-1 {
            padding: 30px 0;
            width: 1200px;
            margin: 0 auto;
        }

        /* 大标题及摘要 (高度占栏目10%) */
        .section-header {
            height: auto; /* 修复原高度10%导致内容溢出问题 */
            margin-bottom: 30px;
            padding-bottom: 15px;
            border-bottom: 2px solid #e0e0e0;
            background-image: url(https://www.news.cn/enterprise/2025qyjbolt/img/titlebg_pc2.png);
            background-repeat: no-repeat;
        }
         /* 响应式调整 */
          @media (max-width: 768px) {
            .section-header {
             background-image: none;
            }

            }

        .section-1 .section-header {
            height: auto; /* 修复原高度10%导致内容溢出问题 */
            margin-bottom: 20px;
            padding-bottom: 15px;
            border-bottom: 0px solid #e0e0e0;
            text-align: center;
            margin-top: 20px;
            background: none;
        }


        .section-header h2 {
            font-size: 26px;
            color: #333;
            margin-bottom: 18px;
            position: relative;
            display: inline-block;
            padding-left: 286px;
            font-weight: bold;
            letter-spacing:1px;


        }

        .section-1 .section-header h2 {
            font-size: 38px;
            font-weight: bold;
            letter-spacing: 1px;
            color: #2a4d66;
            margin-bottom: 18px;
            position: relative;
            display: inline-block;
            padding-left: 0px;
        }

        /* 响应式调整 */
        @media (max-width: 768px) {
         .section-header h2 {
            padding-left: 0px;
        }
        }

        /* section-1栏目标题hover渐变蓝绿色效果 */
        .section-1 .news-list a{
          /* 添加颜色过渡，确保hover时变化平滑 */
          transition: color 0.3s ease;
        }

        /* 鼠标悬停时标题变为蓝绿色（可根据需求调整色值，此处用#00bfa5为例） */
        .section-1 .news-list a:hover {
          color: #1777ed;
        }

         /* section-1栏目标题hover渐变蓝绿色效果 */
        .section-1 .featured-news h3{
          /* 添加颜色过渡，确保hover时变化平滑 */
          transition: color 0.3s ease;
        font-size: 20px;
        color: #0a3d62;
        margin-bottom: 20px;
        padding-bottom: 10px;
        border-bottom: 2px solid #3498db;
    }
             /* section-1栏目标题hover渐变蓝绿色效果 */
        .section-1 .featured-news h3 a{
          /* 添加颜色过渡，确保hover时变化平滑 */
          transition: color 0.3s ease;
        font-size: 22px;
        color: #0a3d62;
        margin-bottom: 20px;
        padding-bottom: 10px;
        font-weight: bold;
    }

        /* 鼠标悬停时标题变为蓝绿色（可根据需求调整色值，此处用#00bfa5为例） */
        .section-1 .featured-news h3 a:hover {
          color: #1777ed;
        }

        /* section-1栏目标题hover渐变蓝绿色效果 */
        .section-1 .news-highlights h3{
          /* 添加颜色过渡，确保hover时变化平滑 */
          font-size: 18px;
          transition: color 0.3s ease;
          color: #2980b9;
        }
        .section-1 .news-highlights h3 a{
          /* 添加颜色过渡，确保hover时变化平滑 */
          font-size: 18px;
          transition: color 0.3s ease;
          color: #326588;
          font-weight: bold;
        }

        /* 鼠标悬停时标题变为蓝绿色（可根据需求调整色值，此处用#00bfa5为例） */
        .section-1 .news-highlights h3:hover {
          color: #1777ed;
        }

        /* section-1栏目标题hover渐变蓝绿色效果 */
        .section-1 .thumbnail-item h3{
          /* 添加颜色过渡，确保hover时变化平滑 */
          transition: color 0.3s ease;
          font-size: 16px;
        color: #2980b9;
        margin-bottom: 8px;
        line-height: 1.4;
        }
         .section-1 .thumbnail-item h3 a{
          /* 添加颜色过渡，确保hover时变化平滑 */
          transition: color 0.3s ease;
          font-size: 18px;
          font-weight: bold;
        color: #326588;
        margin-bottom: 8px;
        line-height: 1.4;
        }


        /* 鼠标悬停时标题变为蓝绿色（可根据需求调整色值，此处用#00bfa5为例） */
        .section-1 .thumbnail-item h3 a:hover {
          color: #1777ed;
        }

        /* section-1栏目标题hover渐变蓝绿色效果 */
        .section-1 .bullet-points {
          /* 添加颜色过渡，确保hover时变化平滑 */
          transition: color 0.3s ease;
          margin-bottom: 15px;
            padding-bottom: 15px;
            border-bottom: 1px dashed #eee;
            background-color: #f8f9fa;
        padding: 20px 10px;
        border-radius: 8px;
        margin-bottom: 25px;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    }
        .section-1 .bullet-points:hover {
    transform: translateY(-5px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
        }

        /* 鼠标悬停时标题变为蓝绿色（可根据需求调整色值，此处用#00bfa5为例） */
        .section-1 .bullet-points :hover {
          color: #1777ed;
        }



        .section-header h2::after {
            content: '';
            position: absolute;
            left: 286px;
            bottom: -7px;
            width: 60px;
            height: 4px;
            background-color: #ff4400;
        }

            /* 响应式调整 */
            @media (max-width: 768px) {
            .section-header h2::after {
             left: 0px;
         }
            }

        .section-1 .section-header h2::after {
            display: none;
        }

        .section-header p {
            font-size: 14px;
            color: #666;
            padding-left: 286px;
        }

        .section-1 .section-header p {
            font-size: 16px;
            color: #666;
            text-align: left;
            text-indent: 32px;
            padding-left: 0px;
        }

        /* 响应式调整 */
        @media (max-width: 768px) {
         .section-header p {
             padding-left: 0px;
             font-size: 12px;
         }
        }

        /* 中间部分 */
        .middle-content {
            display: flex;
            gap: 20px;
            margin-bottom: 30px;
            flex-wrap: wrap; /* 增强响应式兼容性 */
        }

        /* 左侧轮播图 (宽度55%) */
        .main-carousel-container {
            width: 55%;
            height: 350px;
            border-radius: 4px;
            overflow: hidden;
            box-shadow: 0 2px 8px rgba(0,0,0,0.1);
            position: relative;
        }

        .main-carousel-swiper {
            width: 100%;
            height: 350px;
            position: relative;
        }

        .main-carousel-swiper .swiper-slide img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }


       /* 标题样式 */
        .slide-title a{
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            padding: 12px 15px;
            /*background: rgba(0, 0, 0, 0.6);*/ /* 半透明黑色背景 */
            background: linear-gradient(transparent, rgba(0, 0, 0, 0.7));/* 半透明黑色渐变背景 */
            color: #fff;
            font-size: 16px;
            text-align: center;
            transform: translateY(0);
            transition: transform 0.3s ease;
        }

        /* 响应式字体大小 */
        @media (min-width: 768px) {
            .slide-title a{
                font-size: 14px;
                padding: 15px 20px;
            }
        }

        @media (min-width: 1024px) {
            .slide-title a{
                font-size: 18px;
                padding: 18px 25px;
            }
        }

        /* 可选：添加悬停效果 */
        .swiper-slide a:hover .slide-title {
            background: rgba(0, 0, 0, 0.8);
        }



        /* 中间主轮播箭头 */
        .main-carousel-swiper .main-next,
        .main-carousel-swiper .main-prev {
            /*top: 50%;*/
            top: 60%;
            transform: translateY(-50%);
            width: 40px;
            height: 40px;
            background-color: rgba(0,0,0,0.3);
            border-radius: 50%;
            color: white;
            z-index: 10;
        }
        .main-carousel-swiper .main-next::after,
        .main-carousel-swiper .main-prev::after {
            font-size: 18px;
        }
        .main-carousel-swiper .main-next { right: 10px; }
        .main-carousel-swiper .main-prev { left: 10px; }

        /* 右侧内容区 */
        .right-content {
            width: 42%;
        }

        /* 小标题加摘要 */
        .featured-news {
            margin-bottom: 10px;
            padding-bottom: 20px;
            border-bottom: 1px dashed #eee;
        }

        .featured-news h3 {
            font-size: 18px;
            color: #333;
            margin-bottom: 10px;
        }

        .featured-news p {
            font-size: 14px;
            color: #666;
            line-height: 1.6;
        }

        /* 小标题列表 */
        .news-list {
            list-style: none;
            padding: 0;
        }

        .news-list li {
            font-size: 16px;
            color: #333;
            margin-bottom: 12px;
            /*padding-left: 20px;*/
            padding-bottom: 12px;
            position: relative;
            line-height: 1.3;
            border-bottom: 1px dashed #e0e0e0;
            transition: transform 0.2s ease, background-color 0.2s ease;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            width: 488px;
        }
        @media (max-width: 768px) {
            .news-list li {
                width: 100%;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                padding-left: 15px;
             }
             .news-list li::before {
                content: '•';
                position: absolute;
                left: 0;
                color: #666;
}
        }


        .news-list li:hover {
    transform: translateX(5px);
    background-color: #f9fbfe;
}

/*        .news-list li::before {
            content: '•';
            position: absolute;
            left: 0;
            color: #ff4400;
            font-weight: bold;
        }*/

        /* 下方部分 */
        .bottom-content {
            display: flex;
            gap: 20px;
            flex-wrap: wrap; /* 增强响应式兼容性 */
        }

        /* 左侧部分 (宽度55%) */
        .left-column {
            width: 55%;
        }

        /* 两条小标题加摘要 */
        .news-highlights {
            margin-bottom: 25px;
        }

        .highlight-item {
            margin-bottom: 15px;
            padding-bottom: 15px;
            border-bottom: 1px dashed #eee;
            background-color: #f8f9fa;
        padding: 20px;
        border-radius: 8px;
        margin-bottom: 25px;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    }
        .highlight-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

        .highlight-item:last-child {
            border-bottom: none;
        }

        .highlight-item h3 {
            font-size: 16px;
            color: #333;
            margin-bottom: 5px;
        }

        .highlight-item p {
            font-size: 14px;
            color: #666;
            line-height: 1.5;
        }

        /* 带点小标题列表 */
        .bullet-points {
            list-style: none;
            padding: 0;
        }

        .bullet-points li {
            /*font-size: 14px;*/
            color: #333;
            margin-bottom: 10px;
            padding-left: 20px;
            position: relative;
            line-height: 1.5;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            width: 100%;
        }

        .bullet-points li::before {
            content: '•';
            position: absolute;
            left: 0;
            color: #666;
        }

        /* 右侧部分 */
        .right-column {
            width: 42%;
        }

        /* 带缩略图的新闻 */
        .thumbnail-news {
            margin-bottom: 25px;
        }

        .thumbnail-item {
            display: flex;
            gap: 15px;
            margin-bottom: 15px;
            /*align-items: center;*/ /* 垂直居中对齐 */
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            background-color: #f8f9fa;
            padding: 15px;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
        }

        .thumbnail-item:hover {
            transform: translateY(-5px);
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
        }


        .thumbnail-item img {
            width: 150px;
            height: 100px;
            object-fit: cover;
            border-radius: 4px;
            transition: transform 0.5s ease;
        }

        .thumbnail-item img:hover{
            transform: scale(1.1);
        }
        .thumbnail-content h3 {
            font-size: 15px;
            color: #333;
            margin-bottom: 5px;
        }

        .thumbnail-content p {
            font-size: 13px;
            color: #666;
            line-height: 1.4;
        }






        /* 底部交互引导区样式 */
.bottom-action {
    text-align: center;
    padding: 20px 0;
    border-top: 1px solid #e0e0e0;
    margin-top: 30px;
}

.more-btn {
    display: inline-block;
    background-color: #3498db;
    color: white;
    font-size: 16px;
    padding: 12px 35px;
    border-radius: 4px;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.more-btn:hover {
    background-color: #2980b9;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

.more-btn:active {
    transform: translateY(0);
}

/* 响应式调整 */
        @media (max-width: 768px) {
        .section-1 {
            padding: 30px 0;
            width: 100%;
            padding-top: 0px;
            padding-bottom: 0px;
                   }
                /* 6. 底部按钮：增大点击区域，适配触屏 */
            .more-btn {
                display: block; /* 块级元素，占满父容器 */
                padding: 12px 0;
                font-size: 14px;
                background: #3498db;
                color: white;
                border-radius: 4px;
                text-decoration: none;
                text-align: center;
                width: 100%;
                max-width: 300px; /* 限制最大宽度，避免过宽 */
                margin: 0 auto;
            }
            .bottom-action {
                text-align: center;
                margin: 25px 0;
                margin-bottom: 0px;
            }
            .main-carousel-container {
            height: auto;
            }
            .main-carousel-swiper {
            height: auto;
        }

            .section-1 .main-carousel-container {
                height: auto;
            }
           .section-1 .featured-news h3 a {
           font-size: 18px;
       }

           .section-1 .news-highlights h3 a{
          /* 添加颜色过渡，确保hover时变化平滑 */
          font-size: 16px;
      }

          .highlight-item {
           padding: 10px 5px;
       }

          .bullet-points li {
            padding-left: 15px;
            }
          .bullet-points li::before {
                content: '•';
                position: absolute;
                left: 0;
                color: #666;
}
        .section-1 .main-carousel-swiper { height: auto;
        }
        .section-1 .thumbnail-item h3 a{
        font-size: 15px;
        line-height: 1.4;
        }
        .section-1 .section-header h2 {
       font-size: 20px; text-align: left;}
       .section-1 .section-header p {
       font-size: 14px;
      text-align: left;}


        }



/* 活动实录样式 section-2 */
        .section-2 {
            padding: 40px 0;
            /*background-color: #f8f8f8;*/
        }

        .section-2 .container{ width: 1200px; }

         /* 响应式调整 */
        @media (max-width: 768px) {
		.section-2 .container{
            padding: 0px 20px;
            width: 100%;
                   }
        }

        .section-2 .swiper-container{ overflow: hidden; height: 560px;}
        .section-2 .swiper-container-2{ overflow: hidden; height: auto;}
		   @media (max-width: 768px) {.section-2 .swiper-container{ height: 280px;}}

        /* 主轮播图容器 */
        .section2-main-carousel {
            width: 100%;
            height: 500px;
            /*height: auto;*/
            margin-bottom: 20px;
            border-radius: 8px;
            /*overflow: hidden;*/
            /*box-shadow: 0 4px 12px rgba(0,0,0,0.15);*/
            position: relative;
        }

        .section2-main-carousel .swiper-slide {
            position: relative;
        }

        .section2-main-carousel .swiper-slide img {
            width: 100%;
            height: auto;
            object-fit: cover;
        }

        .slide-caption {
            position: absolute;
            /* bottom: 0px; */
            bottom: 35px; 
            left: 0;
            right: 0;
            /*background: linear-gradient(transparent, rgba(0,0,0,0.7));*/
            background-color: rgba(255, 255, 255, 0.95);
            /*background-color: linear-gradient(to bottom, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.25))*/
            border-radius: 12px;
            padding: 15px 20px;
            /*position: relative;*/
            color: #444;
            font-size: 14px;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
            margin: 25px 20px;
        }

        /* 对话框尖角 */
        .slide-caption::before {
            content: "";
            position: absolute;
            top: -10px;
            left: 30px;
            border-width: 0 10px 10px 10px;
            border-style: solid;
            border-color: transparent transparent rgba(255, 255, 255, 0.95) transparent;
        }

        .slide-caption h3 {
            font-size: 20px;
            margin-bottom: 8px;
            opacity: 0.8;
            font-weight: bold;
        }

        .slide-caption p {
            font-size: 14px;
            opacity: 0.6;
        }

       @media (max-width: 768px) {
		.section-2 .slide-caption p {
            display: none;
        }
        }

        /* 缩略图轮播容器 */
        .thumbnail-carousel-container {
            position: relative;
            width: 100%;
            /*height: 100%;*/
            height: 100px;
            padding: 0 40px;
            overflow: hidden;
        }

        /* 缩略图样式 */
        .section2 .thumbnail-swiper .swiper-slide {
            width: 120px;
            height: 100px;
            opacity: 0.7;
            transition: opacity 0.3s;
            cursor: pointer;
            border-radius: 4px;
            overflow: hidden;
        }

        .thumbnail-swiper .swiper-slide-thumb-active {
            opacity: 1;
            border: 2px solid #d5ef46;
        }



        .thumbnail-swiper img {
            width: 100%;
            height: 100px;
            object-fit: cover;
        }

         .height_auto{ height: auto; }

        /* 缩略图导航按钮（原有专属类，保留） */
        .thumbnail-next, .thumbnail-prev {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 30px;
            height: 30px;
            background-color: rgba(0,0,0,0.5);
            border-radius: 50%;
            color: white;
            z-index: 10;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
        }

        .thumbnail-next::after, .thumbnail-prev::after {
            font-family: swiper-icons;
            font-size: 14px;
            color: white;
            font-weight: bold;
        }

        .thumbnail-next::after { content: 'next'; }
        .thumbnail-prev::after { content: 'prev'; }
        .thumbnail-next { right: 0; }
        .thumbnail-prev { left: 0; }

        /* 响应式调整 */
        @media (max-width: 768px) {

            .middle-content, .bottom-content { flex-direction: column; }
            .main-carousel-container, .right-content, .left-column, .right-column { width: 100%; }
            .main-carousel-swiper { height: 220px; }
            .section-header { margin-bottom: 20px; }
            .section2-main-carousel { height: 250px; }
            .thumbnail-carousel-container { height: 80px; padding: 0 35px; }
            .thumbnail-swiper .swiper-slide { width: 90px; height: 80px; }
            .slide-caption { padding: 12px; }
            .slide-caption h3 { font-size: 16px; }
            .slide-caption p { font-size: 12px; }
        }

        .my-small-swiper {
            width: 100%;
            height: 150px;
            overflow: hidden;
        }

        .my-small-swiper .swiper-slide {
            width: auto;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .my-small-swiper .swiper-slide img {
            max-width: 100%;
            max-height: 100%;
            object-fit: cover;
        }
    }


/* 视频回放栏目 - section-3 pc端5张图 移动端2-3张图切换 */

/* 视频回放栏目基础样式 - section-3 */
.video-replay-section {
  padding: 60px 0;
  background-color: #f8f9fa;
  position: relative;
}

.video-replay-section .container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 40px; /* PC端增加左右内边距，避免箭头超出视口 */
  box-sizing: border-box;
}

/* 栏目标题 */
.section-title {
  font-size: 28px;
  color: #2c3e50;
  text-align: center;
  margin-bottom: 12px;
  font-weight: 600;
}

.section-subtitle {
  font-size: 16px;
  color: #7f8c8d;
  text-align: center;
  margin-bottom: 40px;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

/* 轮播容器核心样式 */
.section-3 .video-replay-swiper {
  position: relative;
  height: auto;
  padding: 20px 0; /* 增加上下内边距，提升3D效果空间 */
}

/* 轮播卡片样式 */
.section-3 .video-card {
  width: 100%;
  height: 100%;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  background-color: #fff;
  display: flex;
  flex-direction: column;
  transition: transform 0.3s ease;
}

.section-3 .video-card:hover {
  transform: translateY(-5px);
}

/* 视频图片 */
.section-3 .video-img {
  width: 100%;
  height: 220px;
  object-fit: cover;
  display: block;
}

.section-3 img {
  width: 100%;
  height: 220px;
  object-fit: cover;
  display: block;
}

/* 视频标题 */
.section-3 .video-title {
  padding: 15px 12px;
  font-size: 16px;
  color: #2c3e50;
  line-height: 1.4;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin: 0;
}

/* 轮播箭头样式 */
.video-nav-btn {
  width: 48px; /* 增大箭头点击区域 */
  height: 48px;
  background-color: rgba(255, 255, 255, 0.9);
  color: #2c3e50;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s ease;
  z-index: 10;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.video-nav-btn:hover {
  background-color: #2c3e50;
  color: #fff;
}

.video-nav-btn::after {
  font-size: 20px; /* 增大箭头图标 */
  font-weight: 700;
}

/* PC端样式调整 */
@media (min-width: 769px) {
  .swiper-button-prev.video-nav-btn {
    left: 0; /* 调整箭头位置，避免超出容器 */
  }
  .swiper-button-next.video-nav-btn {
    right: 0;
  }
  .section-3 .video-img {
    height: 260px;
  }
  .section-3 img {
    height: 600px;
  }
  /* PC端卡片hover增强效果 */
  .section-3 .video-card:hover {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
  }
}

/* 移动端适配 */
@media (max-width: 768px) {
  .video-nav-btn {
  width: 40px; /* 增大箭头点击区域 */
  height: 40px;
}
  .video-replay-section {
    padding: 40px 0;
  }

  .section-title {
    font-size: 24px;
  }

  .section-subtitle {
    font-size: 14px;
    margin-bottom: 30px;
  }

  .section-3 .swiper-button-prev.video-nav-btn {
    left: 10px;
  }
  .section-3 .swiper-button-next.video-nav-btn {
    right: 10px;
  }

  .section-3 .video-replay-swiper .swiper-slide {
    padding: 0 6px;
  }

  .section-3 .video-title {
    font-size: 12px;
    padding: 12px 8px;
    display: block;
  }
}




/* 高清大图栏目样式 - section-4 */
.hd-banner-section {
  padding: 30px 0;
  /*background-color: #f5f5f5;*/
}

.hd-banner-section .container {
  width: 100%;
  max-width: 1200px; /* PC端容器宽度1200px */
  margin: 0 auto;
  padding: 0 15px;
  box-sizing: border-box;
}

/* 轮播容器基础样式（新增relative定位，用于摘要绝对定位） */
.hd-banner-swiper {
  position: relative;
  overflow: hidden;
  border-radius: 8px; /* 圆角优化 */
  box-shadow: 0 2px 8px rgba(0,0,0,0.1); /* 轻微阴影增强层次感 */
  z-index: 1;
}

.hd-banner-swiper span.ribbon {
    position: absolute;
    top: -10px;
    right: 50px;
    z-index: 10;
    padding: 60px;
    background-image: url(https://www.news.cn/enterprise/2025qyjbolt/img/jiaobiao.png);
    background-position: 50% 40%;
    background-repeat: no-repeat;
    clip-path: polygon(0 0, 100% 0, 100% 80%, 50% 100%, 0 80%);
    z-index: 8;
    background-size: 80%
}

/* 轮播slide样式（新增relative，确保摘要在图片上方） */
.hd-banner-slide {
  position: relative;
  height: 100%;
}

/* 轮播图片样式（响应式等比例缩放） */
.hd-banner-img {
  display: block;
  width: 100%;
  height: auto; /* 保持图片比例 */
  min-height: 300px; /* 最低高度保障，避免内容过短 */
  object-fit: cover; /* 确保图片填满容器且不拉伸 */
}
.section-4 img {
  display: block;
  width: 100%;
  height: auto; /* 保持图片比例 */
  min-height: 300px; /* 最低高度保障，避免内容过短 */
  object-fit: cover; /* 确保图片填满容器且不拉伸 */
}

/* 新增：标题摘要容器样式 */
.hd-banner-desc {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px;
  background: linear-gradient(transparent, rgba(0,0,0,0.8)); /* 渐变背景，不遮挡图片细节 */
  color: #fff;
  box-sizing: border-box;
  transition: background 0.3s ease;
}

/* 标题样式 */
.desc-title {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 8px;
  line-height: 1.3;

}

/* 摘要样式 */
.desc-summary {
  font-size: 14px;
  line-height: 1.5;
  opacity: 0.9;
  margin: 0;
  /* 控制摘要最大行数，避免内容过长 */
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* 轮播箭头导航样式 */
.hd-banner-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  background-color: rgba(0,0,0,0.5);
  color: #fff;
  text-align: center;
  line-height: 40px;
  font-size: 18px;
  border-radius: 50%;
  cursor: pointer;
  z-index: 10;
  transition: background-color 0.3s ease; /* hover过渡效果 */
}

/* 箭头hover效果 */
.hd-banner-nav:hover {
  background-color: rgba(0,0,0,0.8);
}

/* PC端箭头位置 */
.hd-banner-prev {
  left: 20px;
}
.hd-banner-next {
  right: 20px;
}

/* 移动端样式适配（768px以下） */
@media (max-width: 768px) {
  .hd-banner-swiper span.ribbon {
    position: absolute;
    top: 0;
    right: 50px;
    z-index: 10;
    padding: 60px;
    background-image: url(https://www.news.cn/enterprise/2025qyjbolt/img/jiaobiao.png);
    background-position: 100% 0%;
    background-repeat: no-repeat;
    clip-path: polygon(0 0, 100% 0, 100% 80%, 50% 100%, 0 80%);
    background-size: 30%;
}


  /* 隐藏PC端轮播，显示移动端轮播 */
  .hd-banner-swiper.domPC {
    display: none;
  }
  .hd-banner-swiper.domMOB {
    display: block;
  }

  /* 移动端箭头尺寸调整 */
  .hd-banner-prev-mob,
  .hd-banner-next-mob {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
  }

  /* 移动端箭头位置 */
  .hd-banner-prev-mob {
    left: 15px;
  }
  .hd-banner-next-mob {
    right: 15px;
  }

  /* 移动端标题摘要样式调整 */
  .hd-banner-desc {
    padding: 15px;
  }
  .desc-title {
    font-size: 16px;
    margin-bottom: 6px;
  }
  .desc-summary {
    font-size: 12px;
    -webkit-line-clamp: 2; /* 保持2行，避免占用过多高度 */
  }

  /* 移动端图片最低高度调整 */
  .section-4 img {
    min-height: 220px;
  }


  /* 移动端栏目内边距调整 */
  .hd-banner-section {
    padding: 20px 0;
  }
}

/* PC端样式（769px以上） */
@media (min-width: 769px) {
  .hd-banner-swiper.domPC {
    display: block;
  }
  .hd-banner-swiper.domMOB {
    display: none;
  }

  /* PC端hover增强：摘要背景加深 */
  .hd-banner-slide:hover .hd-banner-desc {
    background: linear-gradient(transparent, rgba(0,0,0,0.9));
  }
}




/* 嘉宾面对面栏目样式 .section-5 */
    /* 禁止文本选择的核心样式 */
    .no-select {
      -webkit-user-select: none; /* Safari */
      -moz-user-select: none; /* Firefox */
      -ms-user-select: none; /* IE10+/Edge */
      user-select: none; /* 标准 */
    }

    /* 1. 栏目外层容器 */
    .section-5 {
      width: 1200px;
      padding: 40px 20px;
      margin: 0 auto;
      position: relative;
      height: auto;
      overflow: hidden;
    }

    /* 2. 轮播核心容器（包裹所有「文字+大图」对） */
    .carousel-core {
      max-width: 1200px;
      margin: 0 auto;
      position: relative;
      height: 500px; /* 与大图高度一致 */
    }

    /* 3. 「文字+大图」对容器（核心模板单元） */
    .guest-pair {
      opacity: 0;
      visibility: hidden;
      transition: opacity 0.6s ease-in-out, visibility 0.6s ease-in-out;
      align-items: flex-start;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
    }
    /* 激活状态：显示当前对（渐变效果核心） */
    .guest-pair.active {
      opacity: 1;
      visibility: visible;
      z-index: 1; /* 确保当前项在最上层 */
    }

    /* 4. 左侧文字区 */
    .guest-text {
      flex: 1;
      padding-right: 20px;
      max-width: calc(50% - 20px);
      float: left;
      margin-left: 50px;
      margin-top: 50px;
    }
    .guest-text .name {
      font-size: 24px;
      font-weight: bold;
      margin-bottom: 16px;
      color: #555;
      letter-spacing: 1px;
    }

    .guest-text .title {
      font-size: 18px;
      color: #444;
      margin-bottom: 24px;
    }
    .guest-text .intro {
      font-size: 15px;
      line-height: 1.6;
      color: #555;

    }

     @media (max-width: 768px) {
     .guest-text .name {
      font-size: 18px;
      font-weight: bold;
      letter-spacing: 1px;
    }
      .guest-text .title {
      font-size: 16px;
    }
     .guest-text .intro {
      font-size: 14px;

    }
       }

    /* 5. 右侧大图区 */
    .guest-img {
      flex-shrink: 0;
      width: 500px;
      height: 100%;
      float: left;
      margin-left: 50px;
    }
    .guest-img img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

	     @media (max-width: 768px) {
			.guest-img img {
			 width: 100%;
       /* height: 94%;
			 margin: 0 3%; */
    }}

    /* 6. 切换按钮 */
    .carousel-btn {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 40px;
      height: 40px;
      background-color: rgba(0, 0, 0, 0.5);
      color: #fff;
      border: none;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 20px;
      z-index: 10;
      border-radius: 50%;
      transition: background-color 0.3s ease;
    }
    .carousel-btn:hover {
      background-color: rgba(0, 0, 0, 0.7);
    }
    .btn-prev {
      left: 20px;
    }
    .btn-next {
      right: 20px;
    }

    /* 7. 缩略图区域 */
    .section-5 .thumbnail-bar {
      position: absolute;
      bottom: 40px;
      left: 50%;
      transform: translateX(-50%);
      max-width: 945px;
      width: 100%;
      overflow: hidden;
      z-index: 20;
    }
    .section-5 .thumbnail-list {
      display: flex;
      gap: 10px;
      overflow-x: auto;
      padding: 10px 0;
      scroll-snap-type: x mandatory;
      scrollbar-width: none;
      padding-bottom: 40px;
    }
    .thumbnail-list::-webkit-scrollbar {
      display: none;
    }
    .section-5 .thumbnail-item {
      width: 125px;
      height: 125px;
      border: 2px solid transparent;
      cursor: pointer;
      flex-shrink: 0;
      scroll-snap-align: start;
      overflow: hidden;
      transition: border-color 0.3s ease, transform 0.3s ease;
      padding:0px;
      border-radius: 0px;
      background-color: transparent;

    }
    .section-5 .thumbnail-item:hover {
      transform: scale(1.03);
    }
    .section-5 .thumbnail-item.active {
      border-color: #2980b9;
    }
    .section-5 .thumbnail-item img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: filter 0.3s ease;
      border-radius: 0px;
    }
    .section-5 .thumbnail-item:not(.active) img {
      filter: brightness(0.8);
    }

    /* 8. 移动端适配 */
    @media (max-width: 768px) {
      .section-5 {
        width: 100%;
        height: auto;
        padding: 20px;
      }
      .carousel-core {
        height: 500px;
        min-height: 300px;
      }
      .guest-pair {
        flex-direction: column;
        margin-bottom: 20px;
      }
      .guest-text {
        max-width: 100%;
        padding-right: 0;
        margin-bottom: 15px;
        text-align: center;
      }
      .guest-img {
        width: 100%;
        /*height: 300px;*/
        height: auto;
        float: none;
        margin: 0px;
        margin-top: 20px;
      }
      .thumbnail-bar {
        display: none;
      }
      .section-5 .carousel-btn {
        width: 30px;
        height: 30px;
        font-size: 16px;
        top: 28%;
      }
      .btn-prev {
        left: 10px;
      }
      .btn-next {
        right: 10px;
      }
      .guest-text { float: none; margin: 0px; text-align: left; }
    }




/*平行论坛展播样式 section-6 */
.section-6 {
            max-width: 1200px;
            margin: 0 auto;
            padding: 40px 20px;
        }
 .height {
  height: auto !important; /* 关键：让选项卡高度由内容决定 */
  overflow: visible; /* 确保内容不被截断 */
  }
 /* 在section-6相关样式中添加 */
.tab-item.swiper-slide {
  height: auto !important; /* 关键：让选项卡高度由内容决定 */
  overflow: visible; /* 确保内容不被截断 */
}
.swiper-slide-active {
    height: auto !important;
}
.tab-item {
  height: auto !important;
  overflow: hidden;
}

.mob-tab-content {
  height: auto; /* 内容容器高度自适应 */
}

.mob-lower-section {
  height: auto; /* 小图列表高度随内容变化 */
  min-height: 120px; /* 可选：设置最小高度避免内容过短时的布局抖动 */
}

/* 移除可能存在的固定高度限制 */
.nav-swiper .swiper-wrapper,
.mob-nav-swiper .swiper-wrapper {
  height: auto !important;
}

/* 选项卡导航 - PC */
.tab-nav {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  position: relative;
}
.nav-swiper {
  flex: 1;
  overflow: hidden;
}
.nav-swiper .swiper-wrapper {
  display: flex;
}
.nav-swiper .swiper-slide {
  width: 100% ;
}
.nav-swiper .swiper-slide:last-child {
  margin-right: 0;
}

.nav-tab {
  width: 100%;
  height: 60px;
  line-height: 35px;
  display: inline-block;
  padding: 8px 16px;
  background-color: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  cursor: pointer;
  transition: background-color 0.3s;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  /*background: linear-gradient(to bottom, rgba(52, 152, 219, 1.0), rgba(46, 204, 113, 1.0));*/
  font-size: 24px;
  letter-spacing: 1px;
  color: #ffffff;
}

.nav-tab.active {
  background-color: #175eef;
  color: #ffffff;
}

@media (max-width: 768px) {
.nav-tab {font-size: 14px;}
.nav-tab.active {font-size: 14px;}

}

.nav-tab:hover {
  /*background-color: #f3f4f6;*/
  background-color: #1278c6;
}
.nav-arrow {
  font-size: 30px;
  width: 60px;
  height: 80px;
  background-color: #06b4e0;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  margin: 0 5px;
  z-index: 100;
  transition: background-color 0.3s;
  color: #ffffff;
}


.nav-arrow:hover {
  background-color: #06e0dd;
  color: #ffffff;
}

    /* 选项卡内容 - PC */
    .tab-container.domPC {
      position: relative;
    }
    .tab-swiper.domPC {
      width: 100%;
    }
    .tab-item {
      width: 100%;
    }
    .upper-section {
      display: flex;
      margin-bottom: 20px;
      height: 387px; /* 设定高度 防止抖动 */
    }
    .upper-left {
      flex: 1;
      padding: 20px;
      /*background-color: #fff;*/
      border: 1px solid #e5e7eb;
      border-radius: 4px;
      background: url("https://www.news.cn/enterprise/2025qyjbolt/img/upper-left-bg.jpg") 50% 0px no-repeat rgb(255, 255, 255);
    }
    .upper-left h2 {
      font-size: 24px;
      margin-bottom: 10px;
      color: #1f2937;
    }

	@media (max-width: 768px) {
       .upper-left h2 {
		        font-weight: bold;
            font-size: 18px;
            color: #444;}
      .upper-left { background:none;}
	}



    .upper-left h2 {
          /* 添加颜色过渡，确保hover时变化平滑 */
          transition: color 0.3s ease;
        }

     .upper-left h2:hover {
          color: #1777ed;
        }

    .upper-left p {
      font-size: 16px;
      line-height: 1.6;
      color: #4b5563;
    }
    .upper-right {
      width: 50%;
      flex: 1;
      margin-left: 20px;
    }
    .content-swiper {
      width: 100%;
      height: auto;
      border: 1px solid #e5e7eb;
      border-radius: 4px;
      overflow: hidden;
    }
    .content-swiper .swiper-slide img {
      width: 100%;
      height: auto;
      display: block;
    }
    /* -------------------------- 小图样式 - PC端 -------------------------- */
/* 小图容器布局 */
.lower-section {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  margin-top: 20px;
}
/* 单个小图卡片 */
.img-item {
  flex: 0 0 calc(20% - 12px); /* 5列布局，减去gap间距 */
  position: relative;
  cursor: pointer;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  overflow: hidden;
  background-color: #fff;
  transition: all 0.3s;
  display: flex;
  flex-direction: column;
}
/* 小图图片 */
.img-item img {
  width: 100%;
  /* height: 180px; 固定图片高度，保持统一 */
  height: auto;  /* 固定图片高度，保持统一 */
  object-fit: cover; /* 保持图片比例，避免拉伸 */
  display: block;
  transition: transform 0.3s;
}
/* 小图图片hover放大 */
.img-item:hover img {
  transform: scale(1.05);
}
/* 小图姓名容器（默认显示） */
.img-name {
  padding: 8px 12px;
  background-color: #fff;
  border-top: 1px solid #f0f0f0;
}
/* 小图人物姓名 */
.img-person-name {
  font-size: 14px;
  font-weight: bold;
  color: #1f2937;
  margin-bottom: 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* 小图标题（默认隐藏，hover显示） */
.img-title {
  font-size: 13px;
  color: #4b5563;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: max-height 0.3s ease, opacity 0.3s ease;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* 小图摘要（默认隐藏，hover显示） */
.img-caption {
  padding: 8px 12px;
  background-color: #fff;
  border-top: 1px solid #f0f0f0;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: max-height 0.3s ease, opacity 0.3s ease, padding 0.3s ease;
}
/* 小图hover时显示标题和摘要 */
.img-item:hover .img-title {
  max-height: 20px;
  opacity: 1;
}
.img-item:hover .img-caption {
  max-height: 100px; /* 足够容纳2行文本 */
  opacity: 1;
  padding: 8px 12px;
}
/* 小图摘要文本（最多2行） */
.img-caption p {
  font-size: 12px;
  color: #6b7280;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}


    .tab-content-arrow {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 30px;
      height: 30px;
      background: rgba(255, 255, 255, 0.8);
      border: 1px solid #e5e7eb;
      border-radius: 4px;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      z-index: 10;
    }
    .tab-prev.domPC {
      left: -15px;
    }
    .tab-next.domPC {
      right: -15px;
    }

    /* 移动端样式 */
    @media (max-width: 768px) {

     .section-6 .mob-content-swiper .swiper-slide {
      overflow: hidden; /* 关键：隐藏图片超出容器的部分（因宽度150%） */
      position: relative; /* 必须保留，作为图片绝对定位的基准 */
      min-height: 200px; /* 确保容器有垂直高度，避免图片塌陷 */
      padding-top: 0;
      margin-top: 0;
        }

      .section-6 {width: 100%;
        padding:40px 20px;
        margin-top: 20px;
      }

      .domPC {
        display: none;
      }
      .domMOB {
        display: block;
      }
      /* 移动端导航 */
      .mob-tab-nav {
        display: flex;
        align-items: center;
        margin-bottom: 15px;
        position: relative;
      }
      .mob-nav-swiper {
        flex: 1;
        overflow: hidden;
      }
      .mob-nav-swiper .swiper-wrapper {
        display: flex;
      }
      .mob-nav-swiper .swiper-slide {
        padding: 0 5px;
        /*width: 50%；*/
      }
      .mob-nav-tab {
        display: inline-block;
        padding: 6px 12px;
        font-size: 14px;
        background-color: #fff;
        border: 1px solid #e5e7eb;
        border-radius: 4px;
        cursor: pointer;
        transition: background-color 0.3s;
        width: 100%;
        text-align: center;
        color: #ffffff;
        height: 45px;
        line-height: 30px;
        font-weight: bold;
        letter-spacing: 1px;
      }
      .mob-nav-tab.active {
        background-color: #175eef;
        color: #ffffff;
      }
      .mob-nav-arrow {
        width: 25px;
        height: 35px;
        color: #ffffff;
        background-color: #06b4e0;
        border: 1px solid #e5e7eb;
        border-radius: 4px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        /*margin: 0 3px;*/
        margin: 0px;
      }
      /* 移动端内容 */
      .mob-upper-section {
        margin-bottom: 15px;
      }
      .mob-upper-left {
        padding: 15px;
        background-color: #fff;
        border: 1px solid #e5e7eb;
        border-radius: 4px;
        margin-bottom: 10px;
      }
      .mob-upper-left h2 {
        font-size: 18px;
        margin-bottom: 8px;
        color: #1f2937;
      }
      .mob-upper-left p {
        font-size: 14px;
        line-height: 1.5;
        color: #4b5563;
      }
      .mob-content-swiper {
        width: 100%;
        height: auto;
        border: 1px solid #e5e7eb;
        border-radius: 4px;
        overflow: hidden;
        margin-bottom: 10px;
      }
      .mob-content-swiper .swiper-slide img {
        width: 100%;
        height: auto;
        display: block;
      }
      /* 移动端小图容器布局（2列网格） */
  .mob-lower-section {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
    margin-top: 15px;
  }
  /* 移动端单个小图卡片（保持基础样式） */
  .mob-img-item {
    position: relative;
    cursor: pointer;
    border: 1px solid #e5e7eb;
    border-radius: 4px;
    overflow: hidden;
    background-color: #fff;
    transition: all 0.3s;
    display: flex;
    flex-direction: column; /* 图片在上，名字在下 */
  }
  /* 移动端小图图片（保持尺寸和比例） */
  .mob-img-item img {
    width: 100%;
    height: 120px; /* 固定图片高度，确保布局统一 */
    object-fit: cover;
    display: block;
    transition: transform 0.3s; /* 保留图片hover放大效果（可选，可删除） */
  }
  /* 移动端小图图片hover放大（可选保留，不想要可删除此段） */
  .mob-img-item:hover img {
    transform: scale(1.05);
  }
  /* 移动端名字容器（固定显示，增加内边距确保清晰） */
  .mob-img-name {
    padding: 8px 12px; /* 适当增加内边距，让名字不拥挤 */
    background-color: #fff;
    border-top: 1px solid #f0f0f0;
    display: block !important; /* 强制显示，避免被其他样式隐藏 */
  }
  /* 移动端名字文本（加粗、调整字号，确保醒目） */
  .mob-img-person-name {
    font-size: 14px; /* 适当放大字号，提升可读性 */
    font-weight: 600;
    color: #1f2937;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; /* 名字过长时显示省略号，避免换行 */
  }
  /* 隐藏标题和摘要（核心修改：始终不显示，且不占用空间） */
  .mob-img-title,
  .mob-img-caption {
    display: none !important; /* 彻底隐藏，优先级最高，避免hover误触发 */
    max-height: 0;
    opacity: 0;
    padding: 0;
    margin: 0;
  }
  /* 移动端小图hover时显示标题和摘要 */
  .mob-img-item:hover .mob-img-title {
    max-height: 18px;
    opacity: 1;
  }
  .mob-img-item:hover .mob-img-caption {
    max-height: 80px; /* 移动端足够容纳2行文本 */
    opacity: 1;
    padding: 6px 10px;
  }
  /* 移动端小图摘要文本（最多2行） */
  .mob-img-caption p {
    font-size: 11px;
    color: #6b7280;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

      .mob-tab-content-arrow {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 25px;
        height: 25px;
        background: rgba(255, 255, 255, 0.8);
        border: 1px solid #e5e7eb;
        border-radius: 4px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        z-index: 10;
      }
      .mob-tab-prev {
        left: -12px;
      }
      .mob-tab-next {
        right: -12px;
      }
    }





  /*  历届论坛回顾样式 section-8 */
        #section-8 {
            width: 100%;
            padding: 40px 20px;
            /*background-color: #f9f9f9;*/
            margin: 0 auto;

        }
        @media (max-width: 768px) {
          #section-8 {
          width: 100%;
            margin: 0 auto;
            overflow: hidden;
        }
        }

        #section-8 .section-title {
            text-align: center;
            font-size: 28px;
            font-weight: 700;
            color: #333;
            margin-bottom: 40px;
        }

        /* 轮播容器样式 */
        .carousel-container {
            position: relative;
            width: 1160px;
            /*max-width: 1400px;*/
            margin: 0 auto;
            overflow: hidden;
        }

         @media (max-width: 768px) {
          .carousel-container {
            position: relative;
            width: 100%;
            /*max-width: 1400px;*/
            margin: 0 auto;
            overflow: hidden;}
        }

        /* 箭头样式 */
        .carousel-btn {
            position: absolute;
            /*top: 50%;*/
            top: 60%;
            transform: translateY(-50%);
            width: 50px;
            height: 50px;
            background-color: rgba(0, 0, 0, 0.5);
            border: none;
            border-radius: 50%;
            color: #fff;
            font-size: 20px;
            cursor: pointer;
            z-index: 10;
            transition: background-color 0.3s ease;
        }

        .carousel-btn:hover {
            background-color: rgba(220, 0, 0, 0.8);
        }

        .carousel-btn.prev {
            left: 20px;
        }

        .carousel-btn.next {
            right: 20px;
        }

        /* 轮播轨道样式 */
        .carousel-track {
            display: flex;
            transition: transform 0.5s ease;
        }

        /* 轮播项样式 */
        .carousel-item {
            flex: 0 0 calc(100% / 6);
            position: relative;
            height: 350px;
            padding: 0 10px;
            overflow: hidden;
        }

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

        .carousel-item:hover img {
            transform: scale(1.05);
        }

        /* 年份标签样式 */
        .year-tag {
            position: absolute;
            /*top: 15px;
            left: 15px;*/
            top: 0px;
            left: 0px;
            width: 100px;
            height: 40px;
            /*background-color: #dc0000;*/
            background: linear-gradient(to right, #015eea, #00c0fa);
            color: #fff;
            font-size: 18px;
            font-weight: 700;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 4px;
            z-index: 5;
        }

        /* hover渐变蒙版样式 */
        .carousel-overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.5));
            opacity: 0;
            transition: opacity 0.3s ease;
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
            padding: 25px;
            color: #fff;
            z-index: 4;
        }

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

        .overlay-title {
            font-size: 18px;
            font-weight: 600;
            margin-bottom: 10px;
        }

        .overlay-desc {
            font-size: 14px;
            line-height: 1.5;
            margin-bottom: 15px;
            opacity: 0.9;
        }

        .overlay-link {
            color: #dc0000;
            font-size: 14px;
            font-weight: 600;
            text-decoration: none;
            display: inline-block;
            transition: text-decoration 0.3s ease;
        }

        .overlay-link:hover {
            text-decoration: underline;
        }

        /* 响应式样式 */
        @media (max-width: 1200px) {
            .carousel-item {
                flex: 0 0 calc(100% / 6);
                height: 350px;
            }
        }

        @media (max-width: 768px) {
            .carousel-item {
                flex: 0 0 calc(100% / 4);
                height: 300px;
            }

            .carousel-btn {
                width: 40px;
                height: 40px;
                font-size: 16px;
            }

            .carousel-btn.prev {
                left: 10px;
            }

            .carousel-btn.next {
                right: 10px;
            }

            #section-8 .section-title {
                font-size: 24px;
                margin-bottom: 30px;
            }
        }

        @media (max-width: 480px) {
          .carousel-item {
                flex: 0 0 calc(100% / 2);
                height: 280px;
            }
            /*.carousel-item {
                flex: 0 0 100%;
                height: 280px;
            }*/

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

            .overlay-desc {
                font-size: 13px;
            }
        }


/* 高清图集栏目样式 section-7 */

.section-7.hd-gallery {
  padding: 40px 0;
  /*background-color: #f8f9fa;*/
}

.section-7 .hd-gallery .container_2 {
  width: 100%;
  /*max-width: 2000px;*/
  margin: 0 auto;
  padding: 0px;
  box-sizing: border-box;
}

.section-7 .section-header{
width: 1160px;
margin: 0 auto;
margin-bottom: 30px;
}

@media (max-width: 991px) {
.section-7 .section-header{
width: 100%;
margin: 0 auto;
}
}

@media (max-width: 767px) {
.section-7 .section-header{
width: 100%;
margin: 0 auto;
}
}


.gallery-title {
  font-size: 24px;
  font-weight: 600;
  color: #333;
  margin-bottom: 24px;
  text-align: center;
}

/* 大图轮播样式（修复高度自适应） */
.gallery-main-swiper {
  position: relative;
  margin-bottom: 20px;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.main-img {
  width: 100%;
  height: auto; /* 取消固定高度，确保等比例缩放 */
  max-height: 600px; /* PC端最大高度限制（不影响比例） */
  object-fit: cover; /* 保持图片比例，避免拉伸 */
  display: block;
}
.section-7 .gallery-main-swiper img {
  width: 100%;
  height: auto; /* 取消固定高度，确保等比例缩放 */
  max-height: 800px; /* PC端最大高度限制（不影响比例） */
  object-fit: cover; /* 保持图片比例，避免拉伸 */
  display: block;
}

/* 大图标题摘要（固定在底部） */
.main-img-desc {
  padding: 20px;
  background: linear-gradient(transparent, rgba(0,0,0,0.8)); /* 渐变背景更美观 */
  color: #fff;
  position: absolute;
  bottom: 0;
  /*left: 0;*/
  width: 100%;
  box-sizing: border-box;
  text-align: center;
}

.desc-title {
  font-size: 18px;
  margin-bottom: 8px;
  font-weight: 500;
}

.desc-summary {
  font-size: 14px;
  line-height: 1.5;
  opacity: 0.9;
}

/* 大图导航按钮（适配移动端隐藏） */
.gallery-main-swiper .swiper-button-next,
.gallery-main-swiper .swiper-button-prev {
  color: #fff;
  background-color: rgba(0,0,0,0.5);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
}

.gallery-main-swiper .swiper-button-next::after,
.gallery-main-swiper .swiper-button-prev::after {
  font-size: 18px;
}

/* 小图轮播样式（关键修复：删除固定宽度，由Swiper控制显示数量） */
.gallery-thumb-swiper {
  width: 1100px;
  margin-top: 15px;
}

@media (max-width: 991px) {
  .gallery-thumb-swiper {
  width: 100%;
  margin-top: 15px;
}
}

@media (max-width: 767px) {
.gallery-thumb-swiper {
  width: 100%;
  margin-top: 15px;
}
}

/* 小图容器：让Swiper自动计算宽度（修复显示数量问题） */
.gallery-thumb-swiper .swiper-slide {
  padding: 0 4px; /* 小图间距（避免过宽） */
  box-sizing: border-box;
  cursor: pointer;
}

.thumb-img {
  width: 100%; /* 小图自适应父容器宽度 */
  height: 80px; /* 固定小图高度，保持统一 */
  object-fit: cover;
  border-radius: 4px;
  transition: all 0.3s ease;
  border: 2px solid transparent;
}

.section-7 .gallery-thumb-swiper img {
  width: 100%; /* 小图自适应父容器宽度 */
  /*height: 140px;*/ /* 固定小图高度，保持统一 */
  height: auto;
  object-fit: cover;
  border-radius: 4px;
  transition: all 0.3s ease;
  border: 2px solid transparent;
}

/* 小图激活态（与当前大图同步） */
.section-7 .gallery-thumb-swiper .swiper-slide-thumb-active .thumb-img {
  border-color: #165DFF;
  box-shadow: 0 0 0 2px rgba(22, 93, 255, 0.2);
}
.section-7 .gallery-thumb-swiper .swiper-slide-thumb-active img {
  border-color: #165DFF;
  box-shadow: 0 0 0 2px rgba(22, 93, 255, 0.2);
}

/* 响应式适配 - 平板端（768px ~ 991px） */
@media (max-width: 991px) {
  .main-img {
    max-height: 450px;
  }
.section-7 .gallery-main-swiper img {
    max-height: 450px;
  }
.thumb-img {
    height: 70px;
  }

 .section-7 .gallery-thumb-swiper img {
    height: 70px;
  }

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


}

/* 响应式适配 - 移动端（≤767px） */
@media (max-width: 767px) {
  .section-7.hd-gallery {
    /*padding: 20px 0;*/
    width: 100%;
    padding:40px 20px;
  }

  .gallery-title {
    font-size: 20px;
    margin-bottom: 16px;
  }

  .main-img {
    max-height: 300px; /* 移动端大图高度优化 */
  }

  .section-7 .gallery-main-swiper img {
    /*max-height: 300px;*/ /* 移动端大图高度优化 */
    max-height: 200px;
  }

  .thumb-img {
    height: 60px;
  }

  .section-7 .gallery-thumb-swiper img {
    /*height: 60px;*/
    height: auto;
  }

  .main-img-desc {
    padding: 12px;
    display: none;
  }

  .desc-title {
    font-size: 14px;
    margin-bottom: 4px;
  }

  .desc-summary {
    font-size: 12px;
    /* 移动端摘要换行控制 */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  /* 移动端隐藏导航按钮（优先滑动） */
  .gallery-main-swiper .swiper-button-next,
  .gallery-main-swiper .swiper-button-prev {
    display: none;
  }
}



    /* section-9 专属样式（蓝色系主题） */
    .section-9 {
      padding: 60px 0;
      background-color: #fff;
      position: relative;
      overflow: hidden;
      width: 1200px;
      margin: 0 auto;
    }

    /* 标题区样式 */
    .section-9-header {
      text-align: center;
      margin-bottom: 50px;
      position: relative;
    }
    .section-9-header h2 {
      font-size: 2.5rem;
      font-weight: 700;
      color: #0052cc; /* 深蓝色主标题 */
      margin-bottom: 15px;
      display: inline-block;
      position: relative;
    }
    .section-9-header h2::after {
      content: "";
      position: absolute;
      bottom: -10px;
      left: 50%;
      transform: translateX(-50%);
      width: 60px;
      height: 3px;
      background-color: #007bff; /* 亮蓝色下划线 */
    }
    .section-9-en-title {
      font-size: 1rem;
      color: #666;
      text-transform: uppercase;
      letter-spacing: 2px;
      margin-bottom: 10px;
    }
    .section-9-year {
      font-size: 1.1rem;
      color: #333;
    }

    /* 波浪装饰（SVG 内联，蓝色系渐变适配主题） */
    .section-9-wave {
      width: 100%;
      height: auto;
      margin-top: 20px;
      opacity: 0.8;
    }

    /* 内容区布局 */
    .section-9-content {
      /* display: flex; */
      flex-wrap: wrap;
      gap: 30px;
      align-items: flex-start;
	  float: left;
    }
    .section-9-img-wrapper {
      flex: 0 0 45%;
      max-width: 45%;
      margin-top: 9px;
    }
    .section-9-img {
      width: 100%;
      height: auto;
      border-radius: 8px;
      box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
      transition: transform 0.3s ease;
	  float: left;
    }
    .section-9-img:hover {
      transform: translateY(-5px); /* hover 上移动画，增强交互感 */
    }

    /* 文字内容区（蓝色系分层设计） */
    .section-9-text {
      flex: 0 0 50%;
      max-width: 50%;
      /*padding-top: 20px;*/
	  float: left;
	  margin-left: 30px;;
    }
    .section-9-main-title {
      font-size: 22px;
      color: #0052cc; /* 深蓝色主标题 */
      margin-bottom: 10px;
      font-weight: 600;

    }
@media (max-width: 768px) {
.section-9-main-title {
      font-size: 20px;
    font-weight: bold;}

}

    .section-9-desc {
      font-size: 1rem;
      color: #555;
      margin-bottom: 15px;
      line-height: 1.8;
      background-color: #e6f2ff; /* 浅蓝色背景，提升文字可读性 */
      padding: 20px;
      border-radius: 8px;
    }
    .section-9-info-list {
      list-style: none;
    }
    .section-9-info-list li {
      margin-bottom: 15px;
      font-size: 0.95rem;
      color: #333;
      display: flex;
    }
    .info-label {
      font-weight: 600;
      margin-right: 5px;
      color: #0052cc; /* 深蓝色标签，强化信息层级 */
      width: 78px;
    }

    /* 移动端响应式适配（屏幕宽度 ≤ 768px 时） */
    @media (max-width: 768px) {
      .section-9 {
        padding: 40px 0;
        width: 100%
      }
      .section-9-header h2 {
        font-size: 2rem;
      }
      .section-9-img-wrapper,
      .section-9-text {
        flex: 0 0 100%;
        max-width: 100%;
      }
      .section-9-text {
        text-align: center; /* 移动端文字居中，增强可读性 */
        padding-top: 20px;
		margin-left: 0px;;
      }
      .section-9-info-list li {
        /*justify-content: center;*/ /* 信息列表项移动端居中 */
        text-align: left;
      }
      .section-9-desc {
        text-align: left; /* 描述文字保持左对齐，提升阅读流畅度 */
        margin-bottom: 30px;
      }
      .section-9-main-title {
      margin-bottom: 20px;}
    }



/* 品牌品鉴2栏目 - section-10 */
.video-replay-section {
  padding: 60px 0;
  background: url("images/bg-video-section.png") no-repeat center center; /* 背景图可替换 */
  background-size: cover;
  position: relative;
}

.video-replay-section .container {
  width: 100%;
  max-width: 1200px; /* PC端容器宽度1200px */
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
}

/* 栏目标题 */
.section-title {
  font-size: 28px;
  color: #333;
  text-align: center;
  margin-bottom: 12px;
  font-weight: 600;
}

.section-subtitle {
  font-size: 16px;
  color: #666;
  text-align: center;
  margin-bottom: 40px;
}

/* 轮播容器核心样式 */
.video-replay-swiper {
  position: relative;
  height: 480px; /* PC端轮播高度，可根据设计调整 */
}

/* 轮播卡片样式 */
.video-card {
  width: 100%;
  height: 100%;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);
  transition: transform 0.3s ease;
  background-color: #fff;
}

.video-img {
  width: 100%;
  height: calc(100% - 60px); /* 预留标题区域高度 */
  object-fit: cover; /* 保持图片比例并填满容器 */
  display: block;
}
.section-10 img {
  width: 100%;
  height: calc(100% - 60px); /* 预留标题区域高度 */
  object-fit: cover; /* 保持图片比例并填满容器 */
  display: block;
}

.video-desc {
  padding: 15px 20px;
  background-color: rgba(255, 255, 255, 0.9);
}

.video-title {
  font-size: 18px;
  color: #333;
  line-height: 1.4;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* 标题最多显示2行 */
  -webkit-box-orient: vertical;
}

/* 轮播箭头样式 */
.swiper-button-prev.video-prev,
.swiper-button-next.video-next {
  width: 48px;
  height: 48px;
  background-color: rgba(0, 0, 0, 0.3);
  color: #fff;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
  transition: background-color 0.3s ease;
  z-index: 10;
}

.section-10 .swiper-button-prev.video-prev {
  /*left: -24px;*/
  left: 20px;
}

.section-10 .swiper-button-next.video-next {
  /*right: -24px;*/
  right: 20px;
}

/* 箭头 hover 效果 */
.swiper-button-prev.video-prev:hover,
.swiper-button-next.video-next:hover {
  background-color: rgba(0, 0, 0, 0.6);
}

/* 隐藏 Swiper 默认箭头文字（如需自定义图标可替换） */
.swiper-button-prev.video-prev::after,
.swiper-button-next.video-next::after {
  font-size: 20px;
  font-weight: bold;
}

/* 移动端响应式适配（≤768px） */
@media (max-width: 768px) {
  .video-replay-section {
    padding: 40px 0;
    padding-bottom: 0px;
  }

  .section-title {
    font-size: 24px;
  }

  .section-subtitle {
    font-size: 14px;
    margin-bottom: 30px;
  }

  .video-replay-swiper {
    height: 320px; /* 移动端轮播高度降低，适配小屏 */
  }

  .video-img {
    height: calc(100% - 50px); /* 调整标题区域高度 */
  }

  .section-10 img {
    height: calc(100% - 50px); /* 调整标题区域高度 */
  }

  .video-desc {
    padding: 12px 15px;
  }

  .video-title {
    font-size: 16px;
    -webkit-line-clamp: 1; /* 移动端标题最多1行 */
  }

  /* 移动端箭头位置调整，更贴近屏幕 */
  .swiper-button-prev.video-prev {
    left: 10px;
  }

  .swiper-button-next.video-next {
    right: 10px;
  }

  .swiper-button-prev.video-prev,
  .swiper-button-next.video-next {
    width: 36px;
    height: 36px;
  }

  .swiper-button-prev.video-prev::after,
  .swiper-button-next.video-next::after {
    font-size: 16px;
  }
}



/* 指定用车 栏目样式 */
        .section-12 {
            width: 100%;
            /* padding: 0px 20px; */
            /* max-width: 1200px; */
            max-width: 1160px;
            margin: 0 auto;
            background-color: #fff;
            border-radius: 8px;
            overflow: hidden;
            margin-bottom: 60px;
			margin-top: 60px;
            /*box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);*/
        }

        .section-12-container {
            /* display: flex; */
            display: block;
            flex-wrap: wrap;
        }

        /* 左侧轮播图区域（60%宽度） */
        .section-12-carousel {
            float: left;
            width: 60%;
            position: relative;
            min-height: 360px;
        }

        .section-12-swiper {
            width: 100%;
            /* height: 100%; */
            height: 440px;
            /* overflow: hidden; */
        }

        .section-12-slide {
            position: relative;
            width: 100%;
            height: 100%;
        }

         .section-12-slide img{
            position: relative;
            width: 100%;
            height: 440px;
        }

        .section-12-slide-img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .section-12-slide-title {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            padding: 18px 20px;
            background: linear-gradient(transparent, rgba(0, 0, 0, 0.8));
            color: #fff;
            font-size: 19px;
            font-weight: bold;
            transform: translateY(0);
            transition: transform 0.3s ease;
        }

        .section-12-slide:hover .section-12-slide-title {
            transform: translateY(-5px);
        }

        /* 右侧文字列表区域（40%宽度） */
        .section-12-list {
            width: 40%;
            padding: 25px;
            display: flex;
            flex-direction: column;
            background-color: #fafafa;
        }

        .section-12-list-header {
            margin-bottom: 20px;
            padding-bottom: 15px;
            border-bottom: 2px solid #3498db;
        }

        .section-12-list-title {
            font-size: 22px;
            color: #2c3e50;
            margin-bottom: 8px;
        }

        .section-12-list-desc {
            font-size: 14px;
            color: #7f8c8d;
        }

        .section-12-list-items {
            list-style: none;
            flex: 1;
        }

        /* 限制列表显示4-5行 */
        .section-12-list-item {
            padding: 15px 0;
            border-bottom: 1px dashed #e0e0e0;
            position: relative;
            overflow: hidden;
        }

        .section-12-list-item:nth-child(4) {
            border-bottom: none;
        }

        .section-12-list-item a {
            display: block;
            font-size: 16px;
            color: #34495e;
            padding-left: 20px;
            position: relative;
            transition: all 0.3s ease;
        }

        .section-12-list-item a::before {
            content: "";
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background-color: #3498db;
            transition: all 0.3s ease;
        }

        .section-12-list-item:hover a {
            color: #3498db;
            padding-left: 25px;
        }

        .section-12-list-item:hover a::before {
            transform: translateY(-50%) scale(1.5);
            background-color: #2980b9;
        }

        /* 查看更多按钮 */
        .section-12-more {
            display: inline-block;
            margin-top: 20px;
            padding: 8px 20px;
            background-color: #3498db;
            color: #fff;
            border-radius: 20px;
            font-size: 14px;
            transition: all 0.3s ease;
            align-self: flex-start;
        }

        .section-12-more:hover {
            background-color: #2980b9;
            transform: translateY(-3px);
            box-shadow: 0 4px 8px rgba(52, 152, 219, 0.3);
        }

        /* Swiper 导航样式 */
        .section-12 .swiper-button-prev,
        .section-12 .swiper-button-next {
            color: rgba(255, 255, 255, 0.9);
            width: 45px;
            height: 45px;
            background-color: rgba(0, 0, 0, 0.2);
            border-radius: 50%;
            transition: all 0.3s ease;
        }

        .section-12 .swiper-button-prev {
            left: 20px;
        }

        .section-12 .swiper-button-next {
            right: 20px;
        }

        .section-12 .swiper-button-prev:hover,
        .section-12 .swiper-button-next:hover {
            color: #fff;
            background-color: rgba(0, 0, 0, 0.5);
            transform: scale(1.1);
        }

        .section-12 .swiper-button-prev::after,
        .section-12 .swiper-button-next::after {
            font-size: 18px;
        }

        .section-12 .swiper-pagination {
            bottom: 70px !important;
            text-align: right;
            padding-right: 20px;
        }
        @media (max-width: 768px) {
          .section-12 {
            width: 100%;
            padding: 0px 20px;}
         .section-12 .swiper-pagination {
          display: none;
         }
         .section-12-slide img{
            position: relative;
            width: 100%;
            height: auto;
        }
        .section-12-swiper {
            width: 100%;
            /* height: 100%; */
            height: auto;
            /* overflow: hidden; */
        }
        }

        .section-12 .swiper-pagination-bullet {
            width: 10px;
            height: 10px;
            background-color: rgba(255, 255, 255, 0.6);
            margin: 0 6px !important;
        }

        .section-12 .swiper-pagination-bullet-active {
            background-color: #fff;
            width: 30px;
            border-radius: 5px;
        }

        /* 响应式设计 */
        @media (max-width: 1200px) {
            .section-12 {
                margin: 0 15px;
            }
        }

        @media (max-width: 992px) {
            .section-12-carousel,
            .section-12-list {
                width: 100%;
            }

            .section-12-carousel {
                min-height: 300px;
            }

            .section-12-list {
                padding: 20px;
            }
        }

        @media (max-width: 768px) {
          .section-12 {
                margin: 0px;
            }
           .section-12 .section-header h2 {
            font-size: 22px;
          }

            .section-12-carousel {
                min-height: 260px;
                overflow: hidden;
            }

            .section-12-slide-title {
                font-size: 17px;
                padding: 15px;
            }

            .section-12-list-title {
                 font-size: 18px;
                 font-weight: bold;
                 color: #555;
            }

            .section-12-list-item a {
                font-size: 15px;
            }
        }

        @media (max-width: 480px) {
            .section-12-carousel {
                min-height: 200px;
                overflow: hidden;
            }

            .section-12 .swiper-button-prev,
            .section-12 .swiper-button-next {
                width: 35px;
                height: 35px;
            }

            .section-12-list {
                padding: 15px;
            }

            .section-12-list-item {
                padding: 12px 0;
            }
        }






/*顶部工具栏*/
#topHeader { height: 32px; text-align: center; }
#topHeader .top { width: 1000px; margin: 0 auto; height: inherit; }
#topHeader a { float: left; height: 32px; line-height: 38px; color: #fff; margin: 0 10px; font-size: 12px; opacity: 1; }



/*2021网站导航 pc 端 */
.bg-xinhua-bar {background-color: #e63939; min-width: 1188px; /*position: fixed;*/ position: relative; height: 57px; z-index: 1000; width: 100%;}
.top-bar {height: 57px; color: #FFFFFF; text-decoration: none; padding-left: 14px; margin: 0 auto; position: relative; width: 1200px; }
.top-bar a {color: #FFFFFF; }
.top-bar .container {width: 1188px; }
.top-bar ul li {list-style: none; float: left; line-height: 57px; min-width: 46px; text-align: center; }
.top-bar ul li a {margin-right: 5px; font-size: 15px; }


/*移动端导航*/
@media (max-width: 768px) {
.nav .begin{ display:block; width:32px; height:29px; background:url(../img/bgPcNav.jpg) no-repeat; text-indent:-999px; position:fixed; right:10px; top:70%; overflow:hidden;  z-index:100;  -webkit-background-size: 32px 29px; background-size: 32px 29px; overflow:hidden;  z-index:100; }
.nav .navCon { position:fixed; top:70%; right:42px; width:120px; /*height:100px;*/ z-index:100;}
.nav .navCon a{ float:right; height:29px; line-height:29px; font-size:20px; color:#fff; padding:0 20px; margin:0 6px 5px 0; background:#abcea7; display:block; width:80px;}
.toTop { position:fixed; top: 75%; width: 35px; height: 35px; background: url(../img/top.png) no-repeat; background-size:35px 35px;  margin: 0px auto; margin-top: 5px; cursor: pointer; z-index: 99999999; right: 8px;}


/* Mobile 导航 4*/
#mobileHeader { font-family: "微软雅黑"; }
#mobileHeader { width: 100%; position:relative; z-index: 1000; }
#mobileHeader .logo { display: block; width: 63px; height: 45px; background: url(http://www.xinhuanet.com/world/2015/images/xh_mobile_header.png) no-repeat 0px 0px; -webkit-background-size: 57px; background-size: 57px; position: absolute; top: 0px; left: 10px; z-index:1000;}
#mobileHeader .right { display: block; width: 30px; height: 45px; position: absolute; top: 0px; right: 15px; background: url(http://www.xinhuanet.com/world/2015/images/xh_mobile_header.png) no-repeat 100% -45px; -webkit-background-size: 57px; background-size: 57px; }
#mobileHeader .mobileNavList { width: 100%; height:0px; overflow:hidden; position: absolute; top: 45px; left: 0px; background: #ededed; z-index:10; z-index:1000;}
#mobileHeader .mobileNavList a { float: left; width: 20%; padding: 10px 0; color: #000; text-align: center; font-size:16px; }
#mobileHeader .phnav { text-align: center; padding-bottom:6px; }
#mobileHeader .phnav a { float:left; width:30%; height: 30px; line-height: 35px; text-align:center; font-size:16px; font-family:"微软雅黑"; color:#333; }
}




/* goback pc端 */
.RTools { position: fixed; _position: absolute; right: 10px; bottom: 200px; width: 60px; z-index: 10000; display: none;}
.RTools .qrcode { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 5px/* 5px 0*/; border: 1px solid #ccc; background-color: #f7f7f7 !important; right: 0; bottom: 70px; position: absolute;}
.RTools .qrcode canvas { width: 100%; height: auto;}
.RTools .qrcode:hover::after { content: '扫描分享'; width: 100%; color: #333; font-size: 16px; display: block; text-align: center;}
.RTools .qrcode:hover { transform: translate(0, 0); animation: change 1s; -moz-animation: change 1s; -webkit-animation: change 1s; -mozanimation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; overflow: hidden; width: 100%;}
@keyframes change {
  from {   width: 48px;  height: 48px;  opacity: 1; }
  to {  width: 100px;  height: 125px;  opacity: 1; }
}
.RTools .gototop { width: 60px; height: 60px; cursor: pointer; background: #1657cf url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAGUExURf///0RERMf1+eoAAAACdFJOU/8A5bcwSgAAAE1JREFUeNrs0yEOwDAQA8HN/z9ddiy2krJ2j1gGg6xjvTjEYrFY/CEM9xiyptioaTZpqg2aaCfO8KCkKTZq+kg3eFP8KrFYLP4pfgQYAJQnDccrVqXcAAAAAElFTkSuQmCC) no-repeat 50% 50%;
  transition: .3s; opacity: 0; filter: alpha(opacity=0);}
.show { display: block;}
.adBottom {  background: #00a0e9; /*padding: 20px 0 40px;*/}


/* goback 移动端 */
@media (max-width: 768px) {
.RTools{position:fixed; _position:absolute; right:10px;bottom:100px;width:60px;z-index:10000; display:none;}
.RTools .qrcode{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:5px 5px 0;border:1px solid #ccc;background-color:#f7f7f7 !important;right:0;bottom:70px;position:absolute; display:none;}
.RTools .qrcode canvas{width:100%;height:auto;}
.RTools .qrcode:hover::after{content:'扫描分享';width:100%;margin:5px auto 0;color:#333;font-size:20px;display:block;text-align:center;}
.RTools .qrcode:hover{transform:translate(0,0);animation:change 1s;-moz-animation:change 1s;-webkit-animation:change 1s;-mozanimation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;overflow:hidden;width:100%;}
/* 用来改变二维码大小 */
@keyframes change{
    from{width:48px;height:48px;opacity:1;}
    to{width:268px;height:310px;opacity:1;}
}
/* 用来改变二维码大小 */
.RTools .gototop{width:60px;height:60px;cursor:pointer;background:#1657cf url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAGUExURf///0RERMf1+eoAAAACdFJOU/8A5bcwSgAAAE1JREFUeNrs0yEOwDAQA8HN/z9ddiy2krJ2j1gGg6xjvTjEYrFY/CEM9xiyptioaTZpqg2aaCfO8KCkKTZq+kg3eFP8KrFYLP4pfgQYAJQnDccrVqXcAAAAAElFTkSuQmCC) no-repeat 50% 50%;transition:.3s;opacity:0;filter:alpha(opacity=0);}
.show{display:block;}
@media screen and (min-width:0px) and (max-width:767px){
    .RTools{width:40px;}
    .RTools .gototop{width:40px;height:40px;}
}
}



.footer {padding: 50px 0; /*background: #da3c3b;*/ background-color: #2998e6; text-align: center; color: #fff; /*border-top: #df0045 solid 5px;*/ /*margin-top: 80px;*/}
.footer p {line-height: 2; font-size: 16px; }


/*footer2    wave begin */
.section-wave {margin-top: 100px; }
.section-wave .editorial {display: block; width: 100%; height: 150px; }
.section-wave .parallax>use {animation: move-forever 12s linear infinite; }
.section-wave .parallax>use:nth-child(1) {animation-delay: -2s; }
.section-wave .parallax>use:nth-child(2) {animation-delay: -2s; animation-duration: 8s; }
.section-wave .parallax>use:nth-child(3) {animation-delay: -4s; animation-duration: 5s; }

@keyframes move-forever {
    0% {
        transform: translate(-90px, 0%);
    }
    100% {
        transform: translate(85px, 0%);
    }
}

/*footer样式2 wave begin*/
/*移动端导航*/
@media (max-width: 768px) {
.section-wave {margin-top: 100px; }
.section-wave .editorial {display: block; width: 100%; height: 80px; }
.section-wave .parallax>use {animation: move-forever 12s linear infinite; }
.section-wave .parallax>use:nth-child(1) {animation-delay: -2s; }
.section-wave .parallax>use:nth-child(2) {animation-delay: -2s; animation-duration: 8s; }
.section-wave .parallax>use:nth-child(3) {animation-delay: -4s; animation-duration: 5s; }
@keyframes move-forever {
    0% {
        transform: translate(-90px, 0%);
    }
    100% {
        transform: translate(85px, 0%);
    }
}
.footer {padding: 2rem 0.3rem; background: #2998e6; text-align: center; }
.footer p {line-height: 2; font-size: 12px; margin: 0 auto; word-spacing: -1px; letter-spacing: 0px; color: #ffffff; }

}



.nav {
    width: 100%;
    height: 56px;
    line-height: 56px;
    /*background: #516ec9 url(nav_bg.png) center center no-repeat;*/
    background-size: cover;
    /*margin-bottom: 50px;*/
    position: fixed;
    _position: absolute;
    z-index: 1040;
    /*top: 50px;*/
    top: 0px;

    transition-duration: 300ms;
    transition-property: all;
    transition-timing-function:
    cubic-bezier(0.4, 0, 0.2, 1);

    --tw-backdrop-blur: blur(4px);

    --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);

    /*background-color: rgb(255 255 255 / 0.9);*/
    /*background-color: #e63939;*/
    /*background-color: #2998e6;*/
    background: linear-gradient(to bottom, rgba(52,152,219,0.96), rgba(46,204,113,0.86))

}

.row .dib {
    display: inline-block;
    font-size: 14px;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
}

.nav-ul {
    width: 1200px;
    margin: 0 auto;
    text-align: center;
}

.nav-ul li {
    text-align: center;
    background: url(img/line.png) left center no-repeat;
    padding: 0 23px;
    font-size: 20px;
    position: relative;
    color: #fff;
    transition: .2s all
linear;
    cursor: pointer;
}

.nav-ul li a {
    display: block;
    color: #fff;
    font-size: 18px;
}




.bg_2{
    width: 100%;
	background: url("https://www.news.cn/enterprise/2025qyjbolt/img/bg_pc_2.jpg") 50% 330px no-repeat rgb(255, 255, 255);
    background-size: 2000px 63%;
    overflow: hidden;

}

.bg_3{
    width: 100%;
    background: linear-gradient(to bottom,
        rgba(3, 106, 220, 0) 0%,
        rgba(1, 188, 220, 0.4) 50%,
        rgba(3, 106, 220, 0) 100%);

}


.bg_4{
    width: 100%;
    background: linear-gradient(to bottom,
        rgba(3, 106, 220, 0) 0%,
        rgba(1, 188, 220, 0.4) 100%  );

}


.bg_5{
    width: 100%;
    background: linear-gradient(to bottom,
        rgba(3, 106, 220, 0) 0%,
        rgba(1, 188, 220, 0.4) 80%,
        rgba(3, 106, 220, 0) 100%);
}

.bg_6{
    width: 100%;
	background: url("https://www.news.cn/enterprise/2025qyjbolt/img/bg_pc_6.jpg") 50% 410px no-repeat rgb(255, 255, 255);
    background-size: 2000px 58%;
    overflow: hidden;

}


@media (max-width: 768px) {
.bg_2{
    width: 100%;
    background-size: 0 0;
    overflow: hidden;
}

.bg_3{
    width: 100%;
    background: linear-gradient(to bottom,
        rgba(3, 106, 220, 0) 10%,
        rgba(1, 188, 220, 0.4) 80%,
        rgba(3, 106, 220, 0) 100%);

}

.bg_4{
    width: 100%;
    background: linear-gradient(to bottom,
        rgba(3, 106, 220, 0) 30%,
        rgba(1, 188, 220, 0.4) 80%,
        rgba(3, 106, 220, 0) 100% );

}

.bg_6{
    width: 100%;
    background: url("https://www.news.cn/enterprise/2025qyjbolt/img/bg_pc_6.jpg") 50% 480px no-repeat rgb(255, 255, 255);
    background-size: 115% 28%;
    overflow: hidden;

}

}