/* 高端商务红配色 */
	

		/* 企业实力板块 */
		.strength {
			padding: 0 5%;
 
		}



		.strength-grid {
			display: grid;
			grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
			gap: 30px;
			max-width: 1400px;
			margin: 0 auto;
		}
        	.strength-grida {
			display: grid;
			grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
			gap: 30px;
			max-width: 1400px;
			margin: 0 auto;
			margin-top:20px;
		}

		.strength-item {
			background: var(--bantou);
			padding: 40px 30px;
			border-radius: 8px;
			border-left: 5px solid var(--main-red);
			transition: 0.4s;
		}

		.strength-item:hover {
			transform: translateY(-8px);
			box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
		}

		.strength-item h3 {
			color: var(--main-red);
			font-size: 22px;
			margin-bottom: 15px;
			display: flex;
			align-items: center;
			gap: 10px;
		}

		.strength-item h3 i {
			color: var(--gold);
			font-size: 24px;
		}

		.strength-item p {
			font-size: 16px;
			color: #555;
			line-height: 1.9;
		}

	
     /* 最外层：让按钮 + 图片横向排列 */
    .carousel-box {
      width: 98%;
      margin: 0 auto;
      display: flex;
      align-items: center;
      gap: 12px; /* 按钮和图片之间的间距 */
      padding:40px 0;
    }

    /* 滚动容器：只负责显示图片区域 */
    .scroll-container {
      flex: 1;
      overflow: hidden;
      cursor: grab;
    }

    .scroll-container:active {
      cursor: grabbing;
    }

    .scroll-wrapper {
      display: flex;
      width: max-content;
      will-change: transform;
    }

    /* div 背景图样式 */
    .scroll-item {
      height: 200px;
      width: 300px;
      margin: 0 8px;
      border-radius: 8px;
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      user-select: none;
    }

    /* 左右按钮：外置，不覆盖图片 */
    .scroll-btn {
      width: 44px;
      height: 44px;
      border-radius: 50%;
      background: rgba(0, 0, 0, 0.5);
      color: white;
      border: none;
      font-size: 18px;
      cursor: pointer;
      flex-shrink: 0;
      transition: 0.2s;
    }
    .scroll-btn:hover {
      background: rgba(0, 0, 0, 0.8);
    }
    
    	/* 全屏预览遮罩层（保留原有功能） */
				.img-preview-modal {
					position: fixed;
					top: 0;
					left: 0;
					width: 100vw;
					height: 100vh;
					background: rgba(0, 0, 0, 0.9);
					z-index: 9999;
					display: flex;
					align-items: center;
					justify-content: center;
					opacity: 0;
					pointer-events: none;
					transition: opacity 0.3s ease;
				}

				.img-preview-modal.active {
					opacity: 1;
					pointer-events: auto
				}

				.preview-img-wrap {
					max-width: 90%;
					max-height: 90%;
					position: relative
				}

				.preview-img {
					max-width: 100%;
					max-height: 90vh;
					object-fit: contain;
					border: 4px solid #fff;
					border-radius: 4px
				}

				.preview-tip {
					position: absolute;
					bottom: -40px;
					left: 50%;
					transform: translateX(-50%);
					color: #fff;
					font-size: 14px;
					opacity: 0.8
				}


			/* 关于我们主体 */
			.about {
				padding: 60px 0;
				max-width: 1400px;
				margin: 0 auto;
			}

			/* 企业简介 */
			.about-text {
				text-align: center;
				max-width: 950px;
				margin: 0 auto 80px;
				font-size: 18px;
				line-height: 2;
				color: #555;
			}

			/* 数据卡片 */
			.data-grid {
				display: grid;
				grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
				gap: 35px;
				margin-bottom: 30px;
			}

			.data-card {
				background: var(--bantou);
				padding: 25px 30px;
				border-radius: 12px;
				text-align: center;
				box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
				border-top: 5px solid var(--main-red);
				transition: 0.4s;
			}

			.data-card:hover {
				transform: translateY(-10px);
				box-shadow: 0 15px 35px rgba(0, 0, 0, 0.12);
			}

			.data-card .num {
				font-size: 32px;
				font-weight: bold;
				color: var(--main-red);
				margin-bottom: 15px;
			}

			.data-card .label {
				font-size: 16px;
				color: #444;
			}

			/* 产能模块 */
			.capacity {
				background: linear-gradient(to right, var(--main-red), var(--dark-red));
				padding: 40px 40px;
				border-radius: 15px;
				color: white;
				margin-top: 40px;
			}

			.capacity h3 {
				text-align: center;
				font-size: 28px;
				color: var(--gold);
				margin-bottom: 50px;
			}

			.capacity-grid {
				display: grid;
				grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
				gap: 40px;
				text-align: center;
			}

			.capacity-item .num {
				font-size: 32px;
				font-weight: bold;
				color: var(--gold);
				margin-bottom: 12px;
			}

			.capacity-item .text {
				font-size: 16px;
				opacity: 0.95;
			}


				.banner_met_11_6_2 .about-list {

					width: 60%;
					float: right;
				}

				.banner_met_11_6_2 .about-list li {
					margin-bottom: 55px;
					float: left;
					display: block;
					width: 25%
				}

				.banner_met_11_6_2 .about-list .numbox {


					text-shadow: 2px 2px 4px #ffde00;
					/* 横向偏移 2px，纵向偏移 2px，模糊半径 4px，颜色为#ff00ff（深粉色） */
					color: white;
					/* 设置文字颜色为白色，以便更清楚地看到发光效果 */


					line-height: 1
				}

				.banner_met_11_6_2 .about-list .num {
					font-size: 70px;
					padding-right: 10px;
					color: #fff !important;

				}

				.banner_met_11_6_2 .about-list .by {
					color: #fff;

					font-weight: bold;
					margin-bottom: 0px;
					font-size: 20px
				}

			/* 移动端适配 */
			@media (max-width: 768px) {
				.banner h1 {
					font-size: 38px;
				}

				.nav {
					display: none;
				}

				.data-grid,
				
				.capacity-grid {
					grid-template-columns: 1fr;
				}
			}

		/* 响应式适配 */
		@media (max-width: 768px) {
			.banner-content h1 {
				font-size: 32px;
			}

			.strength-grid {
				grid-template-columns: 1fr;
			}
            	.strength-grida {
				grid-template-columns: 1fr;
			}
			.nav {
				display: none;
			}
		}