.myBanner {
		position: relative;
		width: 100%;
		height: 100%;
		overflow: hidden;
	}

	.myBanner .swiper-slide img {
		display: block;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	/* 自定义分页器容器 */
	.custom-pagination {
		position: absolute;
		bottom: 5%;
		right: 8%;
		display: flex;
		align-items: center;
		gap: 20px;
		z-index: 10;
	}

	/* 小圆点样式 */
	.pagination-dot {
		width: 26px;
		height: 26px;
		background-color: rgba(255, 255, 255, .65);
		border-radius: 50%;
		cursor: pointer;
		transition: all 0.3s ease;
		box-shadow: 0 0 10px rgba(0, 0, 0, .3);
	}

	.pagination-dot.active {
		background: #e61c37;
	}

	/* 暂停/播放按钮 */
	.btn-pause-play {
		cursor: pointer;
		display: flex;
		align-items: center;
	}
.head-section {
		    text-align: center;
		    margin-bottom: 50px;
		}

		.head-section .main-title {
		    font-size: 35px;
		    font-weight: 800;
		    margin-bottom: 20px;
		    letter-spacing: 2px;
		}

		.head-section .sub-title {
		    font-size: 16px;
		    color: #666;
		    line-height: 1.8;
		}

		.company_profile {
		    padding-top: 70px;
		    background: #fff;
		    margin-bottom: 100px;
		}

		.gifbrand {
		    width: 100%;
		    background-color: #1c0099;
		    margin-bottom: 100px;
		}



		/* 核心内容布局 */
		.company_profile .content-section {
		    display: flex;
		    align-items: center;
		    gap: 50px;
		    flex-wrap: wrap;
		    /* 适配移动端 */
		}

		.company_profile .text-content {
		    flex: 1;
		    min-width: 300px;
		}

		.company_profile .brand-title {
		    font-size: 35px;
		    font-weight: bold;
		    margin-bottom: 28px;
		    color: #1a1a1a;
			letter-spacing: 1.8px;
		}

		.company_profile .description p {
		    margin-bottom: 20px;
		    font-size: 20px;
		    color: #444;
		    text-align: justify;
			font-weight: 400;
			line-height: 1.5;
		}

		.company_profile .culture-list {
		    list-style: none;
		    margin-top: 30px;
		}

		.company_profile .culture-list li {
		    margin-bottom: 8px;
		    font-size: 15px;
		}

		.company_profile .culture-list strong {
		    color: #1a1a1a;
		}

		/* 右侧图片样式 */
		.company_profile .image-content {
		    flex: 1;
		    min-width: 300px;
		}

		.company_profile .featured-img {
		    width: 100%;
		    height: auto;
		    border-radius: 15px;
		    /* 图片圆角 */
		    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
		    /* 增加轻微投影提升质感 */
		}

		/* 响应式调整：手机端显示 */
		@media (max-width: 768px) {
		    .company_profile .content-section {
		        flex-direction: column;
		    }

		    .company_profile .main-header {
		        margin-bottom: 40px;
		    }

		    .company_profile .main-header h1 {
		        font-size: 24px;
		    }
		}

	
		/* 头部样式 */
		.product-center {
		    padding: 100px 0;
		}


		/* 导航栏样式 */
		.product-center .category-nav {
		    font-size: 14px;
		    color: #666;
		    display: flex;
		    justify-content: center;
		    align-items: center;
		    gap: 15px;
		    /* 间距 */
		}

		.product-center .category-nav a {
		    text-decoration: none;
		    color: #666;
		    transition: color 0.3s;
		}

		.product-center .category-nav a:hover,
		.product-center .category-nav a.active {
		    color: #007bff;
		    /* 蓝色激活/悬停态 */
		    font-weight: bold;
		}

		.product-center .divider {
		    color: #ccc;
		    user-select: none;
		}

		/* 产品网格布局 */
		.product-center .product-grid {
		    display: grid;
		    grid-template-columns: repeat(3, 1fr);
		    /* 3列 */
		    gap: 20px;
		    /* 卡片间距 */
		}

		/* 卡片通用样式 */
		.product-center .product-card {
		    background: #fff;
		    border-radius: 12px;
		    overflow: hidden;
		    /* 确保图片圆角 */
		    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
		    transition: transform 0.3s, box-shadow 0.3s;
		    display: flex;
		    flex-direction: column;
		}

		.product-center .product-card:hover {
		    transform: translateY(-5px);
		    /* 悬停浮起 */
		    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
		}

		/* 卡片图片区域 */
		.product-center .card-image-placeholder {
		    aspect-ratio: 4 / 3;
		    overflow: hidden;
		    background-color: #e0e0e0;
		    /* 灰色占位 */
		    display: flex;
		    justify-content: center;
		    align-items: center;
		    color: #888;
		    font-size: 14px;
		}

		.product-center .card-image-placeholder img {
		    width: 100%;
		    height: 100%;
		    object-fit: cover;
		}

		/* 卡片文字区域 */
		.product-center .card-info {
		    padding: 20px;
		    flex-grow: 1;
		    /* 填充剩余空间 */
		    display: flex;
		    flex-direction: column;
		}

		.product-center .product-name {
		    font-size: 16px;
		    font-weight: bold;
		    color: #1a1a1a;
		    margin-bottom: 8px;
		}

		.product-center .product-desc {
		    font-size: 12px;
		    color: #666;
		    margin-bottom: 12px;
		    line-height: 1.5;
		}

		.product-center .product-tags {
		    font-size: 12px;
		    color: #e71a3c;
		    /* 蓝色标签文本 */
		    margin-top: auto;
		    /* 底部对齐 */
		}

		/* 占位卡片样式 (模拟图中的空白) */
		.product-center .placeholder-card .card-image-placeholder {
		    background-color: #e6e6e6;
		    /* 更浅的灰色 */
		}

		/* 占位加载条 */
		.product-center .loading-bar {
		    height: 14px;
		    background-color: #f0f0f0;
		    border-radius: 4px;
		    margin-bottom: 10px;
		}

		.title-bar {
		    width: 80%;
		}

		.desc-bar {
		    width: 100%;
		    height: 12px;
		}

		.tags-bar {
		    width: 60%;
		    height: 12px;
		    margin-top: auto;
		}

		/* 响应式适配：手机端显示为一列 */
		@media (max-width: 768px) {
		    .product-center .product-grid {
		        grid-template-columns: 1fr;
		        /* 1列 */
		    }

		    .product-center .page-title {
		        font-size: 28px;
		    }

		    .product-center .category-nav {
		        font-size: 12px;
		        flex-wrap: wrap;
		        /* 允许换行 */
		        gap: 10px;
		    }
		}

		.advantages {
		    background: #fff;
		    margin-bottom: 100px;
		}

		.advantages .mainbox {
		    width: 100%;
		    margin-top: 30px;
		    display: grid;
		    /* 改成 2 列等宽布局 */
		    grid-template-columns: 1fr 1fr;
		    gap: 15px;
		}

		/* 清除原来的跨区样式 */
		.item-tall,
		.item-wide {
		    grid-row: auto;
		    grid-column: auto;
		}

		.advantages .item {
		    transition: opacity 1s;
		    position: relative;
		    padding: 0;
		    margin-bottom: 10px;
		    border-radius: 12px;
		}

		@media (max-width: 1024px) {
		    .advantages .item {
		        width: 100%;
		    }
		}

		.advantages .fz {
		    flex-direction: row-reverse;
		}

		.advantages .title {
		    text-align: center;
		    color: rgb(153, 153, 153);
		    margin-top: 5px;
		    font-size: 14px;
		}

		.advantages .item .imgbox {
		    position: relative;
		    width: 100%;
		    height: 300px;
		    background-color: #e6e6e6;
		    overflow: hidden;
		    border-radius: 12px;
		}

		.advantages .item img {
		    width: 100%;
		    height: 100%;
		    object-fit: cover;
		}

		.advantages .item .textbox {
		    position: absolute;
		    top: 0;
		    left: 0;
		    width: 100%;
		    height: 100%;
		    padding: 26px 26px;
		    display: flex;
		    flex-direction: column;
		    justify-content: flex-end;
		    box-sizing: border-box;
		}

		.advantages .item .a {
		    font-size: 20px;
		    position: absolute;
		    bottom: 0;
		    color: #1a1a1a;
		    background: rgba(255, 255, 255, 0.9);
		    padding: 10px 10px;
		    border-radius: 10px;
		    margin-bottom: 30px;
		}

		.advantages .item .textbox .b {
		    font-size: 16px;
		    color: #fff;
		}

		.advantages .item .imgbox:hover img {
		    filter: brightness(0.4);
		    transition: ease-in 0.3s;
		}

		.advantages .item .imgbox:hover .a {
		    bottom: 180px;
		    transition: ease-in 0.3s;
		    color: #fff;
		    background-color: transparent;
		}

		.advantages .item .imgbox:hover .timebox .timeitem {
		    display: block;
		    top: 0;
		    opacity: 1;
		}

		.advantages .item .imgbox:hover .timebox .timeitem:first-child {
		    transition: ease-in 0.3s;
		}

		.advantages .item .imgbox:hover .timebox .timeitem:nth-child(2) {
		    transition: ease-in 0.5s;
		}

		.advantages .item .imgbox:hover .timebox .timeitem:nth-child(3) {
		    transition: ease-in 0.6s;
		}

		@media screen and (max-width: 540px) {
		    .advantages {
		        padding-top: 0px;
		        padding-bottom: 20px;
		    }

		    .advantages .mainbox {
		        margin-top: 40px;
		    }

		    .advantages .item .a {
		        font-size: 20px;
		        box-sizing: border-box;
		    }

		    .advantages .item .textbox .b {
		        font-size: 12px;
		    }
		}

		/* 解决方案区域基础设置 */
		.solution-section {
		    background-color: #030508;
		    /* 更深的黑色，突出星光 */
		    padding: 100px 0;
		    position: relative;
		    overflow: hidden;
		    color: #fff;
		}

		/* 核心：Canvas 星空样式 */
		#starfield {
		    position: absolute;
		    top: 0;
		    left: 0;
		    width: 100%;
		    height: 100%;
		    z-index: 0;
		    /* 在最底层 */
		    pointer-events: none;
		    /* 防止遮挡交互 */
		}

		/* 背景环境氛围光 (保持不变，但 z-index 调高一级) */
		.glow-bg {
		    position: absolute;
		    top: 50%;
		    left: 50%;
		    transform: translate(-50%, -50%);
		    width: 800px;
		    height: 600px;
		    background: radial-gradient(circle, rgba(0, 102, 255, 0.1) 0%, rgba(0, 0, 0, 0) 70%);
		    /* 降低亮度，更柔和 */
		    filter: blur(80px);
		    pointer-events: none;
		    z-index: 1;
		    /* 在星空之上 */
		}

		/* 内容容器需要z-index确保在最上层 */
		.relative-content {
		    position: relative;
		    z-index: 2;
		    /* 确保在氛围光和星空之上 */
		}

		/* --- 以下卡片和标题样式保持不变 --- */
		.solution-header {
		    text-align: center;
		    margin-bottom: 60px;
		}

		.solution-header .main-title {
		    font-size: 36px;
		    letter-spacing: 2px;
		    background: linear-gradient(180deg, #fff 0%, #aaa 100%);
		    -webkit-background-clip: text;
		    -webkit-text-fill-color: transparent;
		}

		.solution-header .sub-title {
		    font-size: 14px;
		    color: #888;
		    margin-top: 10px;
		}

		.solution-card {
		    max-width: 900px;
		    margin: 0 auto;
		    background: rgba(255, 255, 255, 0.02);
		    /* 降低透明度，更深邃 */
		    border: 1px solid rgba(255, 255, 255, 0.06);
		    border-radius: 20px;
		    padding: 40px;
		    position: relative;
		    backdrop-filter: blur(15px);
		    /* 增强毛玻璃模糊度 */
		    -webkit-backdrop-filter: blur(15px);
		    transition: all 0.5s ease;
		}

		.solution-card::before {
		    content: "";
		    position: absolute;
		    top: 0;
		    left: 15%;
		    width: 70%;
		    height: 1px;
	        background: linear-gradient(90deg, transparent, #e6212a, #ff4757, transparent);
		    box-shadow: 0 0 15px #e6212a;
		}

		.card-title {
		    font-size: 24px;
		    margin-bottom: 20px;
		    color: #e0e0e0;
		}

		.card-text {
		    font-size: 15px;
		    line-height: 1.8;
		    color: #999;
		    text-align: justify;
		}

		.solution-card:hover {
	        background: rgba(255, 255, 255, 0.04);
		    border-color: rgba(230, 33, 42, 0.3);
	        box-shadow: 0 20px 50px rgba(0, 0, 0, 0.6),
            inset 0 0 25px rgba(230, 33, 42, 0.1);
		    transform: translateY(-5px);
		}

		@keyframes breath {
		    0% {
		        opacity: 0.3;
		    }

		    50% {
		        opacity: 0.7;
		    }

		    100% {
		        opacity: 0.3;
		    }
		}

		.card-border-glow {
		    position: absolute;
		    bottom: -2px;
		    right: 20px;
		    width: 100px;
		    height: 4px;
		    background: #e6212a;
		    filter: blur(8px);
		    animation: breath 3s infinite ease-in-out;
		}

		/* 通用头部 */
		.section-header {
		    text-align: center;
		    margin-bottom: 50px;
		}

		.section-header h1 {
		    font-size: 32px;
		    margin-bottom: 15px;
		    font-weight: bold;
		}

		.section-header .subtitle {
		    color: #666;
		    font-size: 15px;
		    max-width: 800px;
		    margin: 0 auto;
		}

		/* 左右布局布局 (关于我们 & 全球服务) */
		.about-content,
		.service-content {
		    display: flex;
		    align-items: center;
		    gap: 40px;
		}

		.text-box {
		    flex: 1;
		}

		.image-box {
		    flex: 1;
		}

		.text-box h2 {
		    font-size: 24px;
		    margin-bottom: 20px;
		    color: #1a1a1a;
		}

		.text-box p {
		    margin-bottom: 15px;
		    font-size: 15px;
		    color: #444;
		}

		.mission-list {
		    list-style: none;
		    margin-top: 20px;
		}

		.mission-list li {
		    margin-bottom: 5px;
		}

		/* 产品网格 */
		.product-nav {
		    margin-top: 10px;
		}

		.product-nav a {
		    text-decoration: none;
		    color: #666;
		    margin: 0 10px;
		}

		.product-nav a.active {
		    color: #0056b3;
		    font-weight: bold;
		}

		.product-grid {
		    display: grid;
		    grid-template-columns: repeat(3, 1fr);
		    gap: 20px;
		}

		.product-card {
		    border: 1px solid #eee;
		    border-radius: 8px;
		    overflow: hidden;
		    background: #fff;
		    transition: transform 0.3s;
		}

		.product-card:hover {
		    transform: translateY(-5px);
		    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
		}

		.card-info {
		    padding: 15px;
		}

		.card-info h3 {
		    font-size: 16px;
		    margin-bottom: 8px;
		}

		.card-info p {
		    font-size: 13px;
		    color: #888;
		    margin-bottom: 10px;
		}

		.tags {
		    font-size: 12px;
		    color: #007bff;
		}

		/* 图片占位符样式 */
		.img-placeholder {
		    background-color: #e9ecef;
		    background-position: center;
		    background-size: cover;
		    border-radius: 8px;
		}

		.building-img {
		    height: 400px;
		}

		.product-img {
		    height: 200px;
		}

		.map-img {
		    height: 350px;
		}

		.product-card.empty {
		    height: 350px;
		    opacity: 0.5;
		}

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

		    .about-content,
		    .service-content {
		        flex-direction: column;
		    }

		    .product-grid {
		        grid-template-columns: 1fr;
		    }

		    .service-content {
		        flex-direction: column-reverse;
		        /* 手机端文字在上图片在下 */
		    }
		}

		.service-network {
		    padding: 50px 0;
		    background-color: #fff;
		    text-align: center;
		}



		.service-network .main-title {
		    font-size: 35px;
		    font-weight: bold;
		    color: #1a1a1a;
		    margin-bottom: 20px;
		}

		.service-network .sub-title {
		    font-size: 16px;
		    color: #666;
		    letter-spacing: 1px;
		}

		.service-network p {
		    font-size: 16px;
		    color: #666;
		}

		.service-network .service-details {
		    display: flex;
		    justify-content: center;
		    align-items: center;
		    margin-top: 40px;
		}

		.service-network .service-image img {
		    width: 1200px;
		    height: auto;
		    border-radius: 8px;
		    margin-right: 30px;
		}

		.service-network .service-text {
		    max-width: 600px;
		    text-align: left;
		    font-size: 16px;
		    color: #333;
		}

		/* 合作板块通用样式 */
		.cooperative {
		    background-color: #f8f8f8;
		}

		.cooperative .container {
		    padding-top: 60px;
		    padding-bottom: 60px;
		}

		.cooperative .mainbox {
		    padding: 50px 0;
		}

		.cooperative .mainbox .item {
		    width: 100%;
		    border: 1px solid #e0dddb;
		    background: #fff;
		    margin-bottom: 20px;
		}

		.cooperative .mainbox .item .img {
		    width: 100%;
		    height: 100%;
		    transition: all cubic-bezier(.18, 1, .21, 1) .9s;
		}

		.cooperative .mainbox .item:hover .img {
		    transform: scale(1.1);
		}

		/* 栅格系统 */
		.cooperative .row {
		    display: flex;
		    flex-wrap: wrap;
		    margin-right: -15px;
		    margin-left: -15px;
		}

		.cooperative .col-6 {
		    flex: 0 0 50%;
		    max-width: 50%;
		    width: 100%;
		    padding-right: 15px;
		    padding-left: 15px;
		}

		@media (min-width: 768px) {
		    .cooperative .col-md-2 {
		        flex: 0 0 16.666667%;
		        max-width: 16.666667%;
		    }
		}
	/* 容器设置 */
	.brand-box {
		width: 100%;
		margin-top: 40px;
	}

	.brand-box .brand-swiper {
		width: 100%;
		overflow: hidden;
		position: relative;
		padding-bottom: 30px;
	}

	.brand-box .brand-swiper .swiper-slide {
		display: flex;
		align-items: center;
		justify-content: center;
		height: 100px;
		transition: all 0.3s;
		margin-top: 0 !important;
	}

	.brand-box .brand-link {
		width: 100%;
		height: 100%;
		text-decoration: none;
		/* padding: 15px; */
	}

	.brand-box  .brand-link .logo-container {
		position: relative;
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		overflow: hidden;
		transition: all 0.3s ease;
	}

	.brand-box  .brand-link .logo-container  .logoimg {
		max-width: 80%;
		max-height: 70px;
		object-fit: contain;
		margin-bottom: 10px;
	}

	.brand-box  .brand-link .logo-container .overlay {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		background: linear-gradient(135deg, #e61c37 0%, #c41230 100%);
		color: white;
		padding: 15px;
		height: 100%;
		transform: translateY(100%);
		transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
		z-index: 3;
	}

	.brand-box  .brand-link .logo-container:hover .overlay {
		transform: translateY(0);
	}

	.brand-box  .brand-link .logo-container .overlay  .item-name {
		font-size: 13px;
		color: #fff;
		text-align: center;
		margin: 0;
		line-height: 1.4;
		font-weight: 500;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}

	.brand-box .brand-swiper .swiper-pagination {
		bottom: 0px !important;
	}

	.brand-box .brand-swiper .swiper-pagination-bullet {
		width: 30px;
		height: 3px;
		border-radius: 2px;
		background: #ddd;
		opacity: 1;
		transition: all 0.3s;
	}

	.brand-box .brand-swiper .swiper-pagination-bullet-active {
		background: #e61c37;
		width: 40px;
	}
	.goo-section .main-title {
    font-size: 35px;
    /* font-weight: bold; */
    color: #1a1a1a;
    /* margin-bottom: 20px; */
}
	.goo-section .main-title.center {
    display: block;
    text-align: center;
    /* justify-content: center; */
}