* {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

ul {
	padding:0;
	margin:0;
}
ul li {
	list-style:none;
}
a {
	color:#337ab7;
	text-decoration:none;
}
h2,h3 {
	margin:0;
}
a:focus,a:hover {
	color:#23527c;
	text-decoration:none;
}
a:focus {
	outline:none;
	outline-offset:-2px;
}
@media (max-width:768px) {
	body {
	padding-top:60px;
}
}

@media (min-width:1450px) {
	.container {
	width:1370px;
}
}@media (min-width:1600px) {
	.container {
	width:1400px;
}
}













#toolbar .online-one li .tel-phone a{width:100%;height:100%;color:#fff;position: inherit;z-index: 9999;font-size: 18px;padding: 10px;}
/* ffffffffffffffffffffff */
.bners {
	position:relative;
}


.h-cplas {
	padding: 50px 0 70px;
}
.h-about {
	/* background:#faf9f4;
	*/
	background-size:100% 100%;
	padding: 0 0 50px 0;
	overflow:hidden;
}
.h-about .habo-top {
	display:flex;
	justify-content:space-between;
	padding-bottom:30px;
}
.h-leftall {
	width:100%;
	position:relative;
}
.h-left {
	/* position:absolute;
	*/
    padding-top:0;
	width:100%;
	/* background:rgb(255 255 255 / 65%);
	*/
    height:100%;
	left:0;
}
.h-about_s {
	position:relative;
	background: url(../images/bbc.jpg);
	padding: 50px 0 0;
}
.h-left h2 {
	font-size:24px;
	color:#666666;
	margin-bottom:30px;
	font-weight:normal;
}
.h-left h2 {
	font-weight:normal;
	font-size:18px;
	color:#666;
	line-height:40px;
	/* margin-top:6px;
	*/
    display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:7;
	overflow:hidden;
	/* text-transform:uppercase;
	*/
}
@media(max-width:991px) {
.h-about {
	/* background:none;
	*/
}
.h-leftall {
	/* width:50%;
	*/
}
.habo-top {
	/* display:block;
	*/
}
}@media(max-width:510px) {
.h-about {
	padding-top:0;
	padding:0;
}
}


.container {
	font-size:14px;
	line-height:24px;
}
/*  */
/**/
/*   */
@media (max-width:990px) {
	/*  body */
}/*  */

.w1200 {
	}
@media (max-width:1230px) {
	.w1200 {
	padding:0 15px;
}
}
/*  */
@media (max-width:768px) {
	body {
	padding-bottom:50px;
}
}
/*  */
@media (max-width:768px) {
	.habo-top {
	flex-wrap:wrap;
	padding:0 10px;
}
}
.abo-number {
	/* padding:2vw 0;
	*/
}
.abo-number li {
	}.abo-number li:not(:last-child) {
	margin-right:0;
}
.abo-number li h3 {
	color:#1a459f;
}
.abo-number li div span {
	font-size:24px;
	color:#1a459f;
	font-weight:600;
}
.abo-number li .wenti {
	margin:0px auto;
	text-align:left;
	color:#fff;
	padding: 20px;
}
.reyuer {
	padding: 50px 0;
}
.loknews {
	display:flex;
	justify-content:space-between;
	align-items:center;
}



   /* 视频容器样式 - 可选：如需限制视频尺寸则保留，全屏则可简化 */
        .video-container {
            width: 100vw; /* 视口宽度 */
            height: auto; /* 视口高度 */
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden;
        }
        /* 视频元素样式 - 纯净播放核心样式 */
        video {
            width: 100%;
            height: 100%;
            object-fit: cover; /* 保持视频比例，覆盖容器（可选） */
            /* 禁用视频的默认交互（如右键菜单、双击全屏等） */
            pointer-events: none; 
        }
        /* 隐藏提示文本（如需纯净体验可删除此段） */
        .tip {
            display: none;
            color: #fff;
            position: fixed;
            bottom: 20px;
            left: 50%;
            transform: translateX(-50%);
            font-size: 12px;
            opacity: 0.7;
        }

		
		

		
/* //////////////////////////////////// */
 		.index_mode1{padding:50px 0;}
		.index_mode1 .index_auto1{/* margin-top:50px; */}
        /* 分类区域容器 */
        .category-section {
            max-width: 1400px;
            margin: 0 auto;
        }

        /* 新增：标题+按钮的容器（核心响应式布局） */
        .header-tabs-wrapper {
            display: flex;
            justify-content: space-between;
            align-items: center; /* 按钮和标题底部对齐，视觉更协调 */
            gap: 2rem;
            margin-bottom: 50px;
        }

        /* 区域头部 */
        .section-header {
            flex: 1; /* 标题区域占剩余空间 */
        }

        .section-label {
            color: #34b97b;
            font-size: 16px;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            display: inline-flex;
            align-items: center;
        }

        .section-label::before {
            content: "";
            display: inline-block;
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background-color: #34b97b;
            margin-right: 6px;
        }

        .section-title {
            font-size: 38px;
            font-weight: 700;
            color: #222;
            margin: 15px 0;
            line-height: 1.1;
        }

        .section-desc {
            font-size: 14px;
            color: #666;
            line-height: 1.6;
            max-width: 900px;
        }

        /* 分类标签栏 */
        .category-tabs {
            display: flex;
            gap: 1rem;
            /* 大屏下按钮区域不换行，小屏下自动调整 */
            flex-wrap: wrap;
        }

        .tab-btn {
            padding: 0.9rem 2rem;
            border-radius: 4px;
            font-size: 16px;
            font-weight: 500;
            cursor: pointer;
            transition: all 0.3s ease;
            border: none;
        }

        .tab-btn.active {
            background-color: #34b97b;
            color: white;
        }

        .tab-btn.outline {
            background-color: transparent;
            color: #34b97b;
            border: 2px solid #34b97b;
        }

        .tab-btn:hover {
            transform: translateY(-2px);
            box-shadow: 0 4px 12px rgba(46, 204, 113, 0.2);
        }

        /* 分类网格布局 */
        .category-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 1.5rem;
        }

        .category-card {
            cursor: pointer;
            transition: all 0.3s ease;
            border-radius: 8px;
            overflow: hidden;
        }

        .category-card:hover {
            transform: translateY(-6px);
            box-shadow: 0 12px 24px rgba(0, 0, 0, 0.1);
        }

        .category-img {
            width: 100%;
            /* height: 420px; */
            object-fit: cover;
            display: block;
            transition: transform 0.4s ease;
        }

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

        .category-name {
            font-size: 20px;
            font-weight: 600;
            color: #222;
            margin: 15px;
        }

        /* 响应式适配 */
        @media (max-width: 992px) {
            /* 小屏幕（平板/手机）下，标题和按钮堆叠排列 */
            .header-tabs-wrapper {
                flex-direction: column;
                align-items: flex-start;
                gap: 1rem;
            }
            .section-title {
                font-size: 2.5rem;
            }
        }

        @media (max-width: 768px) {
            .section-title {
                font-size: 2.2rem;
            }
            .category-grid {
                grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
            }
            .category-img {
                height: 320px;
            }
        }




		
		
		
/* 	/////////////////////////////////	 */
.index_mode2{padding:50px 0;background: #f5f5f5;}
.index_mode2 .index_auto2{/* margin-top:50px; */}	
.slide_dinf{position:absolute;width: 100%;padding: 20px;top: 60%;transform: translateY(-50%);transition: all 0.3s ease;}
	   /* 核心容器 */
        .tech-section {
            /* max-width: 1400px; */
            margin: 0 auto;
        }

        /* 头部文字样式 */
        .tech-header {
            margin-bottom: 50px;
        }

        .tech-label {
            color: #34b97b;
            font-size: 16px;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            display: inline-flex;
            align-items: center;
        }

        .tech-label::before {
            content: "";
            display: inline-block;
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background-color: #34b97b;
            margin-right: 6px;
        }

        .tech-title {
            font-size: 40px;
            font-weight: 700;
            color: #222;
            margin: 20px 0;
            line-height: 1.1;
        }

        .tech-desc {
            font-size: 14px;
            color: #666;
            line-height: 1.6;
            max-width: 900px;
        }

        /* Swiper轮播核心样式（多列布局） */
     .index_mode2    .swiper-container {
            width: 100%;
            height: auto;
            position: relative;
			padding-bottom:60px
        }

        /* 轮播项样式 - 多列并排 */
     .index_mode2    .swiper-slide {
            position: relative;
            /* height: 450px; */ /* 匹配设计图高度 */
            overflow: hidden;
            cursor: pointer;
        }

        /* 轮播图片 */
        .slide-img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: all 0.4s ease;
        }

        /* 鼠标悬浮交互（核心效果） */
      .index_mode2   .swiper-slide:hover .slide-img {
            transform: scale(1.03); /* 图片轻微放大 */
            filter: brightness(0.9); /* 图片变暗突出文字 */
        }

        /* 图片文字叠加层 */
        .slide-text {
            /* left: 2rem; */
            color: #fff;
            margin-bottom: 20px;
            font-size: 20px;
            font-weight: 600;
            text-shadow: 0 2px 4px rgba(0,0,0,0.4);
            z-index: 10;
            transition: all 0.3s ease;
        }

        /* 悬浮时文字上移 */
     .index_mode2    .swiper-slide:hover .slide_dinf {
           top:80%;
        }

        /* 第一张图专属绿色按钮 */
        .slide-action {
            /* position: absolute; */
            /* left: 2rem; */
            /* bottom: 6rem; */
            width: 40px;
            margin: auto;
            height: 40px;
            border-radius: 50%;
            background-color: #34b97b;
            color: #fff;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.2rem;
            cursor: pointer;
            opacity: 0;
            visibility: hidden;
            transition: all 0.3s ease;
            /* z-index: 10; */
        }

        /* 悬浮显示按钮 */
      .index_mode2   .swiper-slide:hover .slide-action {
            opacity: 1;
            visibility: visible;
            transform: translateY(-5px);
        }

        /* -------------------------- */
        /* 分页器样式（匹配设计图） */
        /* -------------------------- */
       .index_mode2  .swiper-pagination {
            bottom: 20px !important; /* 移到轮播图片下方，设计图位置 */
            text-align: center;
            /* 重置默认样式 */
            width: 100%;
        }

        /* 自定义分页器为细长条（核心修改） */
       .index_mode2  .swiper-pagination-bullet {
            width: 24px !important;  /* 长条宽度 */
            height: 4px !important;  /* 长条高度 */
            border-radius: 2px !important; /* 圆角 */
            background-color: #ddd !important; /* 未激活灰色 */
            opacity: 1 !important;
            margin: 0 4px !important; /* 间距 */
        }

        /* 激活态为绿色（匹配设计图） */
       .index_mode2  .swiper-pagination-bullet-active {
            background-color: #34b97b !important;
        }

        /* 响应式适配 */
        @media (max-width: 992px) {
            .tech-title {
                font-size: 2.5rem;
            }
        .index_mode2     .swiper-slide {
                height: 380px;
            }
        }

        @media (max-width: 768px) {
            .tech-title {
                font-size: 2.2rem;
            }
         .index_mode2    .swiper-slide {
                height: 300px;
            }
            .slide-text {
                font-size: 1.2rem;
                left: 1rem;
                bottom: 1rem;
            }
            .slide-action {
                left: 1rem;
                bottom: 4rem;
                width: 36px;
                height: 36px;
            }
            /* 小屏分页器适配 */
          .index_mode2   .swiper-pagination-bullet {
                width: 18px !important;
                height: 3px !important;
            }
        }



		
/* 	/////////////////////////////////	 */
.index_mode2s{padding:50px 0;background: #3dbc81;}
.index_mode2s .index_auto2{/* margin-top:50px; */}	
.slide_dinf{position:absolute;width: 100%;padding: 20px;top: 60%;transform: translateY(-50%);transition: all 0.3s ease;}
	   /* 核心容器 */
        .tech-section {
            /* max-width: 1400px; */
            margin: 0 auto;
        }

        /* 头部文字样式 */
        .tech-header {
            margin-bottom: 50px;
        }

        .tech-label {
            color: #34b97b;
            font-size: 16px;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            display: inline-flex;
            align-items: center;
        }

        .tech-label::before {
            content: "";
            display: inline-block;
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background-color: #34b97b;
            margin-right: 6px;
        }

        .tech-title {
            font-size: 40px;
            font-weight: 700;
            color: #222;
            margin: 20px 0;
            line-height: 1.1;
        }

        .tech-desc {
            font-size: 14px;
            color: #666;
            line-height: 1.6;
            max-width: 900px;
        }

        /* Swiper轮播核心样式（多列布局） */
     .index_mode2s    .swiper-container {
            width: 100%;
            height: auto;
            position: relative;
			padding-bottom:60px
        }

        /* 轮播项样式 - 多列并排 */
     .index_mode2s    .swiper-slide {
            position: relative;
            /* height: 450px; */ /* 匹配设计图高度 */
            overflow: hidden;
            cursor: pointer;
        }

        /* 轮播图片 */
        .slide-img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: all 0.4s ease;
        }

        /* 鼠标悬浮交互（核心效果） */
      .index_mode2s   .swiper-slide:hover .slide-img {
            transform: scale(1.03); /* 图片轻微放大 */
            filter: brightness(0.9); /* 图片变暗突出文字 */
        }

        /* 图片文字叠加层 */
        .slide-text {
            /* left: 2rem; */
            color: #fff;
            margin-bottom: 20px;
            font-size: 20px;
            font-weight: 600;
            text-shadow: 0 2px 4px rgba(0,0,0,0.4);
            z-index: 10;
            transition: all 0.3s ease;
        }

        /* 悬浮时文字上移 */
     .index_mode2s    .swiper-slide:hover .slide_dinf {
           top:80%;
        }

        /* 第一张图专属绿色按钮 */
        .slide-action {
            /* position: absolute; */
            /* left: 2rem; */
            /* bottom: 6rem; */
            width: 40px;
            margin: auto;
            height: 40px;
            border-radius: 50%;
            background-color: #34b97b;
            color: #fff;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.2rem;
            cursor: pointer;
            opacity: 0;
            visibility: hidden;
            transition: all 0.3s ease;
            /* z-index: 10; */
        }

        /* 悬浮显示按钮 */
      .index_mode2s   .swiper-slide:hover .slide-action {
            opacity: 1;
            visibility: visible;
            transform: translateY(-5px);
        }

        /* -------------------------- */
        /* 分页器样式（匹配设计图） */
        /* -------------------------- */
       .index_mode2s  .swiper-pagination {
            bottom: 20px !important; /* 移到轮播图片下方，设计图位置 */
            text-align: center;
            /* 重置默认样式 */
            width: 100%;
        }

        /* 自定义分页器为细长条（核心修改） */
       .index_mode2s  .swiper-pagination-bullet {
            width: 24px !important;  /* 长条宽度 */
            height: 4px !important;  /* 长条高度 */
            border-radius: 2px !important; /* 圆角 */
            background-color: #ddd !important; /* 未激活灰色 */
            opacity: 1 !important;
            margin: 0 4px !important; /* 间距 */
        }

        /* 激活态为绿色（匹配设计图） */
       .index_mode2s  .swiper-pagination-bullet-active {
            background-color: #34b97b !important;
        }

        /* 响应式适配 */
        @media (max-width: 992px) {
            .tech-title {
                font-size: 2.5rem;
            }
        .index_mode2s     .swiper-slide {
                /* height: 380px; */
            }
        }

        @media (max-width: 768px) {
            .tech-title {
                font-size: 2.2rem;
            }
         .index_mode2s    .swiper-slide {
                /* height: 300px; */
            }
            .slide-text {
                font-size: 16px;
                left: 1rem;
                bottom: 1rem;
            }
            .slide-action {
                left: 1rem;
                bottom: 4rem;
                width: 36px;
                height: 36px;
            }
            /* 小屏分页器适配 */
          .index_mode2s   .swiper-pagination-bullet {
                width: 18px !important;
                height: 3px !important;
            }
        }




/* 	/////////////////////////////////	 */
.index_mode3{padding: 50px 0;background: #fafafa;}
.index_mode3 .index_auto3{/* margin-top:50px; */}	

  /* 优势模块核心容器 */
        .advantages-section {
            margin: 0 auto;
            /* margin-bottom: 50px; */
        }

        /* 优势模块头部（完全匹配设计图） */
        .advantages-header {
            margin-bottom: 50px;
        }

        .advantages-label {
            color: #34b97b;
            font-size: 16px;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            display: inline-flex;
            align-items: center;
        }

        .advantages-label::before {
            content: "";
            display: inline-block;
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background-color: #34b97b;
            margin-right: 6px;
        }

        .advantages-title {
            font-size: 40px;
            font-weight: 700;
            color: #222;
            margin: 20px 0;
            line-height: 1.1;
        }

        .advantages-desc {
            font-size: 14px;
            color: #666;
            line-height: 1.6;
            max-width: 100%;
        }

        /* 优势卡片网格布局 */
        .advantages-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 20px; /* 卡片之间无间距 */
        }

        /* 优势卡片样式（精准匹配设计图） */
        .advantage-card {
            padding: 40px 30px;
            position: relative;
            /* min-height: 400px; */
        }

        /* 卡片背景色（1:1匹配设计图） */
        .advantage-card:nth-child(1) {
            background-color: #96dfbd; /* 浅薄荷绿 */
        }
        .advantage-card:nth-child(2) {
            background-color: #44c88b; /* 深绿色 */
        }
        .advantage-card:nth-child(3) {
            background-color: #cbbddc; /* 淡紫色 */
        }
  .advantage-card:nth-child(4) {
            background-color: #96dfbd; /* 浅薄荷绿 */
        }
        .advantage-card:nth-child(5) {
            background-color: #44c88b; /* 深绿色 */
        }
        .advantage-card:nth-child(6) {
            background-color: #cbbddc; /* 淡紫色 */
        }

        /* 卡片内容容器（标题+图标上下对齐） */
        .advantage-card-content {
            position: relative;
        }

        /* 卡片图标（右上角，和标题上下对齐） */
        .advantage-card-icon {
            /* position: absolute; */
            /* top: 0; */
            /* right: 0; */
            /* width: 48px; */
            /* height: 48px; */
            /* border-radius: 50%; */
            /* background-color: #fff; */
            display: flex;
            align-items: center;
            justify-content: flex-end;
            font-size: 1.5rem;
            color: #34b97b;
            margin-bottom: 40px;
        }

        /* 卡片标题（核心：添加下划线，匹配设计图） */
        .advantage-card-title {
            font-size: 28px;
            font-weight: 700;
            line-height: 1.2;
            color: #000;
            margin-bottom: 50px; /* 给下划线留空间 */
             /* 避开右侧图标 */
            position: relative;
            display: inline-block;
            width: 100%;
        }

        /* 标题下方绿色线条（设计图样式） */
        .advantage-card-title::after {
            content: "";
            position: absolute;
            left: 0;
            bottom: -20px;
            width: 90px;
            height: 3px;
            background-color: #000;
        }

        /* 第二张卡片标题+下划线白色（匹配深绿色背景） */
        .advantage-card:nth-child(2) .advantage-card-title {
            /* color: #fff; */
        }
        .advantage-card:nth-child(2) .advantage-card-title::after {
            /* background-color: #fff; */
        }

        /* 卡片描述文本 */
        .advantage-card-desc {
            font-size: 14px;
            line-height: 1.6;
            color: #333;
        }
        .advantage-card:nth-child(2) .advantage-card-desc {
            /* color: #fff; */
        }

        /* 交互效果 */
        .advantage-card {
            transition: all 0.3s ease;
        }
        .advantage-card:hover {
            transform: translateY(-6px);
            box-shadow: 0 12px 24px rgba(0, 0, 0, 0.1);
            z-index: 10;
        }

        /* 响应式适配 */
        @media (max-width: 992px) {
            .advantages-title {
                font-size: 2.5rem;
            }
            .advantages-grid {
                grid-template-columns: repeat(2, 1fr);
            }
            .advantage-card:nth-child(3) {
                grid-column: 1 / 3;
            }
            .advantage-card {
                min-height: 350px;
                padding: 2.5rem 2rem;
            }
        }

        @media (max-width: 768px) {
            .advantages-title {
                font-size: 2.2rem;
            }
            .advantages-grid {
                grid-template-columns: 1fr;
            }
            .advantage-card:nth-child(3) {
                grid-column: 1;
            }
            .advantage-card {
                min-height: 300px;
                padding: 2rem 1.5rem;
            }
            .advantage-card-title {
                font-size: 18px;
                padding-right: 50px;
            }
            .advantage-card-icon {
                width: 40px;
                height: 40px;
                font-size: 1.2rem;
            }
        }


   /* 启动品牌模块核心容器 */
        .start-brand-section {
            margin: 0 auto;
            padding: 40px;
            background-color: #fff;
            border-top: 3px solid #34b97b; /* 顶部绿色线条（匹配设计图） */
            box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05); /* 轻微阴影提升层次感 */
            margin-top: 60px;
        }

        /* 内容行布局（文字+按钮左右分布） */
        .start-brand-row {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 2rem;
        }

        /* 文字内容容器 */
        .start-brand-content {
            flex: 1;
            max-width: 60%; /* 文字占比匹配设计图 */
        }

        /* 标题样式 */
        .start-brand-title {
            font-size: 40px;
            font-weight: 700;
            color: #222;
            margin-bottom: 30px;
            line-height: 1.2;
        }

        /* 描述文本样式 */
        .start-brand-desc {
            font-size: 16px;
            color: #666;
            line-height: 1.6;
        }

        /* 按钮样式（1:1匹配设计图） */
        .start-brand-btn {
            flex-shrink: 0; /* 按钮不压缩 */
            padding: 1rem 2.2rem;
            background-color: #34b97b; /* 绿色背景 */
            color: #fff;
            font-size: 16px;
            font-weight: 600;
            text-align: center;
            text-decoration: none; /* 移除链接下划线 */
            border: none;
            border-radius: 0; /* 直角按钮 */
            cursor: pointer;
            transition: all 0.3s ease;
            box-shadow: 0 4px 8px rgba(46, 204, 113, 0.2); /* 轻微绿色阴影 */
        }

        /* 按钮悬浮效果 */
        .start-brand-btn:hover {
            background-color: #27ae60; /* 深一点的绿色 */
            transform: translateY(-2px);
            box-shadow: 0 6px 12px rgba(46, 204, 113, 0.3);
        }

        /* 响应式适配 */
        @media (max-width: 992px) {
            .start-brand-title {
                font-size: 2.2rem;
            }
            .start-brand-row {
                flex-direction: column; /* 小屏文字+按钮上下排列 */
                align-items: flex-start;
            }
            .start-brand-content {
                max-width: 100%;
                margin-bottom: 1.5rem;
            }
            .start-brand-btn {
                width: 100%; /* 小屏按钮占满宽度 */
                padding: 1rem;
            }
        }

        @media (max-width: 768px) {
            .start-brand-section {
                padding: 2rem 1.5rem;
            }
            .start-brand-title {
                font-size: 1.8rem;
            }
            .start-brand-desc {
                font-size: 14px;
            }
        }





/* 	/////////////////////////////////	 */
.index_mode4{padding:50px 0;}
.index_mode4 .index_auto4{/* margin-top:50px; */}	
 /* 设计能力模块核心容器 */
        .design-cap-section {
            max-width: 1400px;
            margin: 0 auto;
        }

        /* 头部区域样式 */
  
        /* 新增：标题+按钮的容器（核心响应式布局） */
      .index_mode4   .header-tabs-wrapper {
            display: flex;
            justify-content: space-between;
            align-items: center; /* 按钮和标题底部对齐，视觉更协调 */
            gap: 0;
            margin-bottom: 50px;
        }

        /* 区域头部 */
      .index_mode4   .section-header {
            flex: 1; /* 标题区域占剩余空间 */
            text-align: center;
        }

.service-list {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  align-items: center;
  color: #32b768; /* 匹配原图的绿色 */
  font-size: 1.2rem;
  font-weight: 600;
  justify-content: center;
  margin: 30px 0;
}
.service-item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 16px;
}
.service-item .icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #32b768;
  color: #fff;
  font-size: 14px;
}

     .index_mode4    .section-label::before {
            content: "";
            display: inline-block;
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background-color: #34b97b;
            margin-right: 6px;
        }

      .index_mode4   .section-title {
            font-size: 38px;
            font-weight: 700;
            color: #222;
            margin: 15px 0;
            line-height: 1.1;
        }

       .index_mode4  .section-desc {
            font-size: 14px;
            color: #666;
            line-height: 1.6;
            max-width: 100%;
            margin: auto;
            /* margin-top: 20px; */
        }

        /* 分类标签栏 */
       .index_mode4  .category-tabs {
            display: flex;
            gap: 1rem;
            /* 大屏下按钮区域不换行，小屏下自动调整 */
            flex-wrap: wrap;
        }

     .index_mode4   .tab-btn {
            padding: 0.9rem 2rem;
            border-radius: 4px;
            font-size: 16px;
            font-weight: 500;
            cursor: pointer;
            transition: all 0.3s ease;
            border: none;
        }

      .index_mode4   .tab-btn.active {
            background-color: #34b97b;
            color: white;
        }

      .index_mode4   .tab-btn.outline {
            background-color: transparent;
            color: #34b97b;
            border: 2px solid #34b97b;
        }

      .index_mode4   .tab-btn:hover {
            transform: translateY(-2px);
            box-shadow: 0 4px 12px rgba(46, 204, 113, 0.2);
        }
        /* 主标题 */
        .design-cap-title {
            font-size: 40px;
            font-weight: 700;
            color: #222;
            margin: 20px 0;
            line-height: 1.1;
        }

        /* 头部描述文本 */
        .design-cap-desc {
            font-size: 14px;
            color: #666;
            line-height: 1.6;
            max-width: 900px;
            margin: 0 auto; /* 文本居中 */
        }

        /* 内容网格布局（两列） */
        .design-cap-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 2rem; /* 两列之间的间距（匹配设计图） */
        }

        /* 单个能力卡片 */
        .design-cap-card {
            display: flex;
            flex-direction: column;
        }

        /* 卡片图片 */
        .design-cap-img {
            width: 100%;
            height: auto;
            object-fit: cover;
            margin-bottom: 1.5rem;
        }

        /* 卡片子标题（绿色） */
        .design-cap-subtitle {
            font-size: 20px;
            font-weight: 700;
            color: #34b97b; /* 绿色标题（匹配设计图） */
            margin-bottom: 15px;
            line-height: 1.2;
        }

        /* 卡片描述文本 */
        .design-cap-card-desc {
            font-size: 14px;
            color: #666;
            line-height: 1.6;
        }

        /* 响应式适配 */
        @media (max-width: 992px) {
            .design-cap-title {
                font-size: 2.5rem;
            }
            .design-cap-grid {
                gap: 1.5rem;
            }
        }

        @media (max-width: 768px) {
            .design-cap-title {
                font-size: 2.2rem;
            }
            .design-cap-grid {
                grid-template-columns: 1fr; /* 小屏单列显示 */
            }
            .design-cap-subtitle {
                font-size: 16px;
            }
            .design-cap-header {
                text-align: left; /* 小屏头部文字左对齐 */
            }
            .design-cap-desc {
                max-width: 100%;
                margin: 0;
            }
        }

        @media (max-width: 576px) {
            .design-cap-title {
                font-size: 1.8rem;
            }
            .design-cap-section {
                padding: 0 1rem;
            }
        }



/* 	/////////////////////////////////	 */
.index_mode5{padding:50px 0;background: #f5f5f5;}
.index_mode5 .index_auto5{/* margin-top:50px; */margin: initial;max-width: 90%;}	

    /* 服装制造商模块核心容器 */
        .apparel-manu-section {
            /* max-width: 1400px; */
            margin: 0 auto;
            display: grid;
            grid-template-columns: 1fr 1fr; /* 左右两列等宽 */
            gap: 0; /* 列之间无间距（匹配设计图） */
        }

        /* 左侧视频容器（替换原图片容器） */
        .apparel-manu-video-wrap {
            position: relative;
            /* height: 500px; */ /* 视频容器高度（匹配设计图） */
            /* overflow: hidden; */
            background-color: #000; /* 视频加载前黑色背景 */
            margin-top: 50px;
        }

        /* 顶部绿色线条（保留设计图样式） */
        .apparel-manu-video-wrap::before {
            content: "";
            position: absolute;
            top: -30px;
            left: 0;
            width: 75%;
            height: 30px;
            background-color: #34b97b;
            z-index: 2;
        }

        /* 视频样式（铺满容器） */
        .apparel-manu-video {
            width: 100%;
            height: 100%;
            object-fit: cover; /* 保持视频比例，铺满容器 */
            outline: none;
        }

        /* 播放按钮（居中悬浮，兼容视频播放/暂停） */
        .apparel-manu-play-btn {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 60px;
            height: 60px;
            border-radius: 50%;
            background-color: #0000000f;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.5rem;
            color: #34b97b;
            cursor: pointer;
            z-index: 3;
            transition: all 0.3s ease;
            border: none;
        }

        /* 播放按钮悬浮效果 */
        .apparel-manu-play-btn:hover {
            transform: translate(-50%, -50%) scale(1.1);
            background-color: #34b97b;
            color: #fff;
        }

        /* 右侧内容容器 */
        .apparel-manu-content {
            padding: 0 40px;
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
        }

        /* 顶部小标签 */
        .apparel-manu-label {
            color: #34b97b;
            font-size: 16px;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            display: inline-flex;
            align-items: center;
            margin-bottom: 20px;
        }

        .apparel-manu-label::before {
            content: "";
            display: inline-block;
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background-color: #34b97b;
            margin-right: 6px;
        }

        /* 主标题（部分绿色） */
        .apparel-manu-title {
            font-size: 40px;
            font-weight: 700;
            color: #222;
            margin-bottom: 20px;
            line-height: 1.2;
        }

        /* 标题中绿色高亮文字 */
        .apparel-manu-title span {
            color: #34b97b;
        }

        /* 描述文本 */
        .apparel-manu-desc {
            font-size: 14px;
            color: #666;
            line-height: 1.8;
            margin-bottom: 30px;
        }

        /* 绿色按钮（匹配设计图） */
        .apparel-manu-btn {
            display: inline-block;
            padding: 0.9rem 2rem;
            background-color: #34b97b;
            color: #fff;
            font-size: 16px;
            font-weight: 600;
            text-decoration: none;
            border: none;
            border-radius: 0; /* 直角按钮 */
            cursor: pointer;
            transition: all 0.3s ease;
            align-self: flex-start; /* 按钮左对齐 */
        }

        /* 按钮悬浮效果 */
        .apparel-manu-btn:hover {
            background-color: #27ae60;
            transform: translateY(-2px);
            box-shadow: 0 6px 12px rgba(46, 204, 113, 0.2);
        }

        /* 响应式适配 */
        @media (max-width: 992px) {
            .apparel-manu-section {
                grid-template-columns: 1fr; /* 小屏单列显示 */
            }
            .apparel-manu-video-wrap {
                height: 400px;
            }
            .apparel-manu-title {
                font-size: 2.2rem;
            }
            .apparel-manu-content {
                padding: 2.5rem 2rem;
            }
        }

        @media (max-width: 768px) {
            .apparel-manu-video-wrap {
                height: 350px;
            }
            .apparel-manu-title {
                font-size: 22p;
            }
            .apparel-manu-content {
                padding: 2rem 1.5rem;
            }
            .apparel-manu-play-btn {
                width: 50px;
                height: 50px;
                font-size: 1.2rem;
            }
        }

        @media (max-width: 576px) {
            .apparel-manu-video-wrap {
                height: 300px;
            }
            .apparel-manu-btn {
                width: 100%;
                text-align: center;
            }
        }
		
		
		
		   /* 工厂数据统计核心容器 */
        .factory-stats-section {
            /* max-width: 1400px; */
            margin: 0 auto;
            padding: 50px 0 0;
        }

        /* 数据卡片网格布局 */
        .factory-stats-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr); /* 三列等宽分布 */
            gap: 2rem; /* 列之间间距（匹配设计图） */
            align-items: center;
            justify-items: center;
            text-align: center;
        }

        /* 单个数据卡片 */
        .factory-stats-card {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: flex-end;
        }

        /* 图标+数字容器（水平对齐） */
        .factory-stats-value {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 0.8rem; /* 图标和数字间距 */
            margin-bottom: 0.8rem;
            text-align: l;
        }

        /* 统计图标样式 */
        .factory-stats-icon {
            font-size: 2.2rem;
            color: #34b97b; /* 绿色图标（匹配设计图） */
        }

        /* 大数字样式 */
        .factory-stats-number {
            font-size: 60px;
            font-weight: 700;
            color: #222;
            line-height: 1; /* 消除行高导致的偏移 */
        }

        /* 统计描述文本 */
        .factory-stats-desc {
            font-size: 16px;
            color: #000;
            text-transform: capitalize; /* 首字母大写（匹配设计图） */
            letter-spacing: 0.3px;
        }

        /* 响应式适配 */
        @media (max-width: 992px) {
            .factory-stats-number {
                font-size: 2.8rem;
            }
            .factory-stats-icon {
                font-size: 1.8rem;
            }
        }

        @media (max-width: 768px) {
            .factory-stats-grid {
                grid-template-columns: 1fr; /* 小屏单列显示 */
                gap: 2.5rem;
            }
            .factory-stats-number {
                font-size: 3rem;
            }
            .factory-stats-card {
                padding: 1rem 0;
            }
        }

        @media (max-width: 576px) {
            .factory-stats-number {
                font-size: 2.5rem;
            }
            .factory-stats-icon {
                font-size: 1.6rem;
            }
            .factory-stats-section {
                padding: 2rem 1.5rem;
            }
        }


/* 	/////////////////////////////////	 */
.index_mode6{padding:50px 0;background: #f5f5f5;}
.index_mode6 .index_auto6{margin-top:50px}	
 /* FAQ 核心容器 */
        .brand-faq-section {
            margin: 0 auto;
            display: flex;
            justify-content: space-between;
            gap: 2rem;
            align-items: start;
            flex-wrap: wrap;
        }

        /* 左侧内容区域 */
        .brand-faq-left {
            display: flex;
            flex-direction: column;
            gap: 2rem;
            width: 55%;
        }

        /* 顶部小标签 */
        .brand-faq-label {
            color: #34b97b;
            font-size: 16px;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            display: inline-flex;
            align-items: center;
        }

        .brand-faq-label::before {
            content: "";
            display: inline-block;
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background-color: #34b97b;
            margin-right: 6px;
        }

        /* 主标题（部分绿色高亮） */
        .brand-faq-title {
            font-size: 40px;
            font-weight: 700;
            color: #222;
            line-height: 1.2;
            margin: 20px 0;
        }

        .brand-faq-title span {
            color: #34b97b;
        }

        /* 手风琴容器 */
        .brand-faq-accordion {
            border-top: 1px solid #e5e5e5;
        }

        /* 单个手风琴项 */
        .brand-faq-item {
            border-bottom: 1px solid #e5e5e5;
            padding: 30px 0;
        }

        /* 手风琴头部（问题） */
        .brand-faq-question {
            display: flex;
            justify-content: space-between;
            align-items: center;
            cursor: pointer;
            user-select: none;
        }

        /* 问题序号（绿色） */
        .brand-faq-question-num {
            font-size: 20px;
            font-weight: 700;
            color: #34b97b;
            margin-right: 1rem;
        }

        /* 问题文本 */
        .brand-faq-question-text {
            flex: 1;
            font-size: 20px;
            font-weight: 600;
            color: #222;
        }

        /* 展开/收起图标 */
        .brand-faq-toggle {
            font-size: 24px;
            color: #666;
            transition: transform 0.3s ease;
        }

        /* 展开状态图标旋转 */
        .brand-faq-item.active .brand-faq-toggle {
            transform: rotate(45deg);
        }

        /* 手风琴内容（答案） */
        .brand-faq-answer {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.3s ease;
        }

        .brand-faq-item.active .brand-faq-answer {
            max-height: 200px;
            margin-top: 1rem;
        }

        .brand-faq-answer p {
            font-size: 14px;
            color: #666;
            line-height: 1.6;
            padding-left: calc(2rem + 8px); /* 对齐问题文本 */
        }

        /* 右侧内容区域 */
        .brand-faq-right {
            display: flex;
            flex-direction: column;
            gap: 2rem;
            width: 40%;
        }

        /* 右侧描述文本 */
        .brand-faq-desc {
            font-size: 14px;
            color: #666;
            line-height: 1.6;
            /* max-width: 450px; */
        }

        /* 右侧图片 */
        .brand-faq-img {
            width: 100%;
            height: auto;
            object-fit: cover;
            border-radius: 0;
        }

        /* 响应式适配 */
        @media (max-width: 992px) {
            .brand-faq-section {
                grid-template-columns: 1fr;
                gap: 2rem;
            }
            .brand-faq-title {
                font-size: 2rem;
            }
        }

        @media (max-width: 768px) {
            .brand-faq-title {
                font-size: 1.8rem;
            }
            .brand-faq-question-text {
                font-size: 1rem;
            }
            .brand-faq-item {
                padding: 1rem 0;
            }
        }



/* 	/////////////////////////////////	 */
.index_mode7{padding:50px 0;/* background: #f5f5f5; */}
.index_mode7 .index_auto7{/* margin-top:50px; */}	

  /* 产品服务引导核心容器 */
        .product-service-section {
            max-width: 1400px;
            margin: 0 auto;
            /* padding: 4rem 2.5rem; */
            text-align: center; /* 所有文字居中（匹配设计图） */
        }

        /* 主标题样式（完全匹配设计图） */
        .product-service-title {
            font-size: 40px;
            font-weight: 700;
            color: #222;
            line-height: 1.2;
            margin-bottom: 1.5rem;
            /* 分行匹配设计图排版 */
            display: inline-block;
        }

        /* 引导文本样式（绿色+小字号） */
        .product-service-guide {
            font-size: 18px;
            color: #34b97b; /* 绿色（和其他模块统一） */
            font-weight: 600;
            letter-spacing: 0.5px;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 6px; /* 文字和箭头间距 */
            cursor: pointer;
            transition: color 0.3s ease;
        }

        /* 引导文本悬浮效果 */
        .product-service-guide:hover {
            color: #27ae60; /* 深绿色 */
        }

        /* 箭头图标 */
        .product-service-arrow {
            font-size: 0.9rem;
        }

        /* 响应式适配 */
        @media (max-width: 992px) {
            .product-service-title {
                font-size: 2.5rem;
            }
			
			
			
			
			.index_mode4 .section-title {
    font-size: 20px;

}
.index_mode4 .header-tabs-wrapper {
  
    gap: 20px;
   
}			
			
			
			
			
			
			
			
			
			
			
			
        }

        @media (max-width: 768px) {
            .product-service-title {
                font-size: 2rem;
            }
            .product-service-section {
                padding: 3rem 1.5rem;
            }
        }

        @media (max-width: 576px) {
            .product-service-title {
                font-size: 1.8rem;
                line-height: 1.3;
            }
            .product-service-guide {
                font-size: 0.95rem;
            }
        }