.banner-container {
		position: relative;
		width: 100%;
		height: 100%;
		overflow: hidden;
		 
	}
	
	.banner-wrapper {
		position: relative;
		width: 100%;
		height: 100%;
		transition: transform 0.5s ease-in-out;
		display: flex;
		/* 关键：使用flex布局横向排列轮播项 */
	}
	 
	.bannerBox {
		flex-shrink: 0;
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #FFFFFF;
		overflow: hidden;
		transition: transform 0.5s ease-in-out;
		/* 平滑过渡效果 */
		/*transform:translateX(100%);
	默认都移到右侧不可见 */
	}
	
	.banner-prev,
	.banner-next {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		width: 0.5rem;
		height: 0.5rem;
		background-color: rgba(0, 0, 0, 0.3);
		color: white;
		border: none;
		cursor: pointer;
		font-size: 0.2rem;
		
		
		display: flex;
		align-items: center;
		justify-content: center;
		transition: background-color 0.3s;
	}
	
	.banner-prev {
		left: 20px;
	}
	
	.banner-next {
		right: 20px;
	}
	
	.banner-prev:hover,
	.banner-next:hover {
		background-color: rgba(0, 0, 0, 0.6);
	}
	
	.banner-dots {
		position: absolute;
		bottom: 0.2rem;
		left: 0;
		right: 0;
		display: flex;
		justify-content: center;
		gap: 10px;
	}
	
	.dot {
		width: 0.1rem;
		height: 0.1rem;
		border-radius: 50%;
		background-color: rgba(255, 255, 255, 0.5);
		cursor: pointer;
		transition: all 0.3s;
	}
	
	.dot.active {
		width: 0.4rem;
		border-radius: 30px;
		transform: scale(1.2);
	}
	
	.bannertips{margin-top: 0.8rem;font-size: 12px;}
	.tipsstart{font-size: 0.2rem;vertical-align: top;line-height:0.1;font-weight: 100;display: inline-block;margin-top: 0.2rem;}
	
	.hero-section {
		position: relative;
		width: 100%;
	}
	
	.hero-background-img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		background-attachment: fixed;
		background-position: bottom;
		background-repeat: no-repeat;
		background-size: cover;
		object-position: center;
	}
	
	.hero-background-img img {
		width: 100%;
		object-position: center bottom;
		justify-content: center;
		 
	}
	.hero-background-img a{display: inline-block;width: 100%; height: 100%;}
	
	.hero-content {
		width: 86%;
		text-align: left;
		z-index: 10;
		position: absolute;
		object-position: center;
	}
	
	.hero-content-right {
		text-align: right
	}
	
	.hero-title {
		margin: 1rem 0 0.16rem 0;
		font-size: 0.8rem;
		line-height: 1.4;
		opacity: 0;
		animation: fadeInTop 1s ease-out forwards;
		animation-delay: 0.2s;
		font-weight: 400;
		position: relative;
	}
	
	.hero-subtitle {	 
		font-size: 0.36rem;
		opacity: 0;
		animation: fadeInTop 1s ease-out forwards;
		animation-delay: 0.4s;
		font-weight: 300;
	 
	}
	
	.hero-button-wrapper {
		margin-top:0.6rem;
		opacity: 0;
		animation: fadeInTop 1s ease-out forwards;
		animation-delay: 0.6s;
	}
	
	.hero-button {
		background-color: #FFFFFF;
		color: #231a17;
		padding: 5px 32px;
		box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
		transition: background-color 0.3s ease;
		border: none;
		border-radius: 30px;
		cursor: pointer;
		font-size: 0.32rem;
		font-weight: 500;
	}
	
	@keyframes fadeInTop {
		0% {
			opacity: 0;
			transform: translateY(-20px);
		}
		100% {
			opacity: 1;
			transform: translateY(0);
		}
	}
	/* 标题样式 */
	
	.product-center {
		margin: 6vw 0 0 0;
	}
	
	.section-titlebig {
		font-size: 0.6rem;
		color: #003D79;
		text-align: center;
		position: relative;
		margin-bottom: 0.26rem;
	}
	
	.section-en-title {
		font-size: 0.35rem;
		color: #333;
		text-align: center;
		margin-bottom: 4vw;
		font-weight: 300;
	}
	/* 产品滑动容器，设置溢出隐藏，用于承载滚动内容 */
	
	.product-slider {
		overflow: hidden;
		background-color: #003D79;
		margin: 0 auto;
		width: 86%;
		border-radius: 8px;
		position: relative;
		height: 3.8rem;
	}
	/* 单个产品面板，flex-shrink:0 避免压缩，保证宽高稳定 */
	
	.product-panel {
		flex-shrink: 0;
		width: 100%;
		display: flex;
		padding: 0.4rem;
		transition: transform 0.3s ease;
	}
	/* 产品信息区域布局 */
	
	.product-info {
		width: 100%;
		max-width: 6rem;
		margin-bottom: 0.2rem;
		color: #FFF;
	}
	
	.product-name {
		font-size: 0.26rem;
		margin-bottom: 0.1rem;
	}
	
	.product-method {
		font-size: 0.18rem;
		margin-bottom: 0.2rem;
	}
	/* 关于海力特板块整体布局，flex 实现左右（或上下）排列 */
	
	.about-section {
		display: flex;
		flex-wrap: wrap;
		background-color: #e5ebf1;
		color: #fff;
		margin:1.2rem auto;
	}
	
	.line span {
		width: 100px;
		height: 1px;
		display: inline-block;
		background: #FFFFFF;
		margin:0.2rem 0;
	}
	/* 容器样式，控制内容宽度和居中 */
	
	.container_new {
		width: 86%;
		max-width: 86%;
		margin: 1.5rem auto;
	}
	/* 企业荣誉标题样式 */
	
	.honor-title {
		font-size: 0.36rem;
		color: #003D79;
		text-align: center;
		margin-bottom: 0.1rem;
	}
	
	.honor-subtitle {
		font-size: 0.14rem;
		color: #999;
		text-align: center;
		margin-bottom: 0.3rem;
	}
	
	.indexproitemBox {
		display: flex;
		justify-content: space-between;
		gap: 0.3rem;
		max-width: 86%;
		margin: 0 auto;
	}
	
	.indexproitem {
		border-radius: 8px;
		overflow: hidden;
		position: relative;
		cursor: pointer;
		transition: transform 0.3s ease;
		text-align: center;
		font-size: 0.2rem;
	}
	
	.indexproitem:hover {
		transform: translateY(-5px);
		box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
	}
	
	.indexproitem img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		transition: filter 0.3s ease;
	}
	
	.indexproitem:hover img {
		filter: brightness(0.8);
	}
	
	.indexproitem .content {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		padding: 0.2rem;
		box-sizing: border-box;
		background: linear-gradient(to top, rgba(11, 69, 126, 1), rgba(0, 102, 204, 0));
		color: #fff;
		transition: background 0.3s ease, padding 0.3s ease;
	}
	
	.indexproitem:hover .content {
		background: linear-gradient(to top, rgba(11, 69, 126, 1), rgba(0, 102, 204, 0.2));
		padding: 0.8rem 0.2rem;
		height: 100%;
	}
	
	.indexproitem .content .icon {
		width: 0.8rem;
		height: 0.8rem;
		background-color: #fff;
		border-radius: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
		opacity: 0;
		transform: translateY(10px);
		transition: opacity 0.3s ease, transform 0.3s ease;
		margin: 10px auto;
	}
	
	.indexproitem:hover .content .icon {
		opacity: 1;
		transform: translateY(0);
	}
	
	.indexproitem .content .icon svg {
		width: 0.5rem;
		height: 0.5rem;
		fill: #ff6600;
	}
	
	.indexproitem .content h2 {
		margin-top: 0;
		font-size: 0.3rem;
		margin-bottom: 5px;
		opacity: 1;
	}
	
	.indexproitem .content h2 a {
		color: #FFFFFF;
	}
	
	.indexproitem .content p {
		margin: 8px 0;
		font-size: 0.24rem;
		opacity: 0;
		transform: translateY(10px);
		transition: opacity 0.3s ease 0.1s, transform 0.3s ease 0.1s;
	}
	
	.indexproitem:hover .content h2 {
		font-size: 0.3rem;
	}
	
	.indexproitem:hover .content p {
		opacity: 1;
		transform: translateY(0);
		transition: opacity 0.3s ease 0.1s, transform 0.3s ease 0.1s;
	}
	
	.about-container {
		display: flex;
		align-items: flex-start;
		max-width: 86%;
		margin: 0 auto;
		padding:0.2rem;
	}
	
	.about-left {
		flex: 0.9;
		padding-right: 0.3rem;
		font-weight: 400;
		padding-bottom:0.4rem;
	}
	
	.about-title-en {
		font-size: 0.7rem;
		color: #7394b6;
		font-weight: 400;
	}
	
	.about-title-zh {
		font-size: 0.6rem;
		color: #003d79;
		margin: 0.2rem 0 0.3rem 0;
		font-weight: 500;
	}
	
	.about-desc {
		font-size: 0.32rem;
		line-height: 1.6;
		color: #000;
		font-weight: 300;
	}
	
	.about-btn {
		display: inline-block;
		padding: 0.1rem 0.45rem;
		border: 1px solid #003d79;
		color: #003d79;
		text-decoration: none;
		transition: all 0.3s ease;
		font-size: 0.2rem;
		margin: 0.2rem auto 0.3rem auto;
	}
	
	.about-btn:hover {
		background-color: #003d79;
		color: #fff;
	}
	
	.about-stats {
		display: flex;
		margin-top: 0.3rem;
		position: absolute;
		background: #FFFFFF;
	}
	
	.stat-item {
		padding: 0.1rem 0.4rem;
		text-align: center;
		position: relative;
	}
	
	.stat-item:not(:last-child)::after {
		content: '';
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		height: 55%;
		width: 1px;
		background-color: rgba(0, 0, 0, 1);
		transition: background-color 0.3s ease-in-out;
	}
	
	/*.stat-item:hover {
		background-color: #003d79;
		color: #fff;
	}
	
	.stat-item:hover .stat-label {
		color: #fff;
	}
	*/
	.stat-label {
		font-size: 0.31rem;
		margin-bottom: 5px;
		color: #000;
		font-weight: 300;
	}
	
	.stat-value {
		font-size: 0.68rem;
		color: #ff6f43;
	}
	
	.stat-unitm {
		font-size: 0.34rem;
		vertical-align: top;
	}
	
	.stat-unit {
		font-size: 0.34rem;
		/*vertical-align:super;
	*/
	}
	
	.about-right {
		flex: 1;
	}
	
	.about-img {
		width: 100%;
		height: auto;
	}
	
	.media-container {
    max-width: 86%;
    margin: 0 auto;
}

.media-title-en {
    font-size: 0.32rem;
    color: #90a4ae;
    margin: 0 0 0.1rem 0;
}

.media-title-zh {
    font-size: 0.36rem;
    color: #1a56db;
    margin: 0 0 0.3rem 0;
}

.media-content {
    display: flex;
    gap: 0.2rem;
}

.media-img-container {
    flex: 2;
    position: relative;
    overflow: hidden;
    min-height: 4rem;
    /* 确保容器高度稳定 */
}

.media-slides {
    display: flex;
    transition: transform 0.5s ease-in-out;
    height: 100%;
    max-height: 5.1rem;
}

 
.media-slide {
    min-width: 100%;
    height: 100%;
}

.media-img {
    /*width: 100%;
    height: 100%;*/
    object-fit: cover;
    display: block;
    width: 100%;
    height: 100%; /* 补充高度，适配容器 */
}

.media-dots {
    position: absolute;
    bottom: 0.2rem;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 0.1rem;
    z-index: 10;
}

.media-dot {
    width: 0.06rem;
    height: 0.06rem;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.7);
    cursor: pointer;
    transition: all 0.3s ease;
}
/* 补充激活态指示器样式，确保视觉反馈 */
.media-dot.active {
    background-color: #1a56db;
    width: 0.12rem;
    height: 0.06rem;
    border-radius: 0.03rem;
}

/* 轮播控制按钮 */
.carousel-control {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(0, 0, 0, 0.3);
    color: white;
    border: none;
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.2rem;
    transition: background-color 0.3s ease;
    z-index: 10;
}

.carousel-control:hover {
    background-color: rgba(0, 0, 0, 0.5);
}

.prev {
    left: 0.15rem
}

.next {
    right: 0.15rem;
}
.media-info {
		flex: 0.8;
		background-color: #003d79;
		color: #fff;
		padding: 0.6rem 0.4rem;
		box-sizing: border-box;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
/* 关键：确保非激活的新闻信息项完全隐藏，解决链接跳转问题 */
.media-info-items {
    position: relative;
    flex: 1; /* 适配flex布局 */
    height: 100%;
}

.media-info-item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    padding: 0.2rem;
    box-sizing: border-box;
}
.media-info-item.active {
    display: block;
    z-index: 1;
}
/* 新闻信息样式补充，适配rem单位 */
.media-tag {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.2rem;
    
}
.media-tag-type {
		background-color: #ff6f43;
		color: #fff;
		padding: 0.02rem 0.08rem;
		font-size: 0.23rem;
		margin-right: 0.1rem;
		font-weight: 300;
	}
	
	.media-tag-time {
		font-size: 0.23rem;
		color: #ff6f43;
		font-weight: 300;
	}
.media-info-title {
   font-size: 0.28rem;
		line-height: 1.5;
		margin-bottom: 0.2rem;
		font-weight: 300;
}
.media-info-btn {
    display: inline-block;
    padding: 0.1rem 0.2rem;
   border: 1px solid #fff;
		color: #fff;
    text-decoration: none;
    border-radius: 0.04rem;
    font-size: 0.16rem;
    margin-top: 0.7rem;
    float: right;
}
.media-empty {
    text-align: center;
    padding: 0.5rem;
    color: #999;
    font-size: 0.18rem;
}
	/*企业荣誉*/
	/* 企业荣誉样式 */
	
	.honor-list {
		position: relative;
		padding: 0.4rem 0;
		overflow: hidden;
	}
	
	.swiper-container {
		padding: 0.3rem 0;
	}
	
	.swiper-wrapper {
		display: flex;
		align-items: center;
	}
	
	.swiper-slide {
		width: 3.65rem;
		height: 2.6rem;
		overflow: hidden;
		box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
		cursor: pointer;
		transition: transform 0.3s ease, z-index 0.3s ease;
	}
	
	.swiper-slide-active {
		transform: scale(1.1667) !important;
		/* 350/300 */
	}
	
	.swiper-slide:hover {
		transform: scale(1.05);
		z-index: 10;
	}
	
	.swiper-slide img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	/*supbioHIv*/
	/* banner 样式 */
	
	.supbiohiv-banner {
		position: relative;
		height: auto;
		overflow: hidden;
	}
	
	.supbiohiv-banner-bg img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	
	.supbiohiv-banner-content {
		width: 80%;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		text-align: center;
		color: #fff;
	}
	
	.supbiohiv-banner-title {
		font-size: 0.88rem;
		margin-bottom: 0.36rem;
		text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.5);
		font-weight: 600;
	}
	
	.supbiohiv-banner-desc {
		font-size: 0.39rem;
		text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.5);
	}
	/* 整体弹性布局容器 */
	
	.supbiohiv-content {
		width: 86%;
		margin: 0.9rem auto;
	}
	
	.supbiohiv-flex {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	
	.supbiohiv-flex-left {
		flex: 1;
	}
	
	.flex-txt {
		font-size: 0.6rem;
		color: #003d79;
		margin-bottom: 0.3rem;
		line-height: 0.8rem;
	}
	
	.supbiohiv-btn {
		display: inline-block;
		padding: 0.15rem 0.4rem;
		border: 1px solid #003d79;
		border-radius: 30px;
		color: #003d79;
		text-decoration: none;
		transition: all 0.3s ease;
		font-size: 0.2rem;
	}
	
	.supbiohiv-btn:hover {
		background-color: #003d79;
		color: #fff;
	}
	/* 右侧图片和描述区域 */
	
	.supbiohiv-flex-right {
		flex: 1;
		position: relative;
		/* 为绝对定位的描述区域做准备 */
	}
	
	.supbiohiv-flex-img {
		cursor: pointer;
		z-index: 1;
	}
	
	.supbiohiv-flex-img.normal img {
		width: 100%;
		height: auto;
		display: block;
	}
	
	.supbiohiv-flex-desc {
		width: 100%;
		height: 100%;
		background-color: rgba(0, 61, 121, 0.8);
		font-size: 0.32rem;
		position: absolute;
		color: #FFFFFF;
		top: 0;
		left: 0;
		z-index: 99;
		padding: 0.6rem;
		justify-content: space-between;
		/* 初始状态隐藏 */
		display: none;
		overflow: hidden;
		transition: all 0.5s ease-in-out;
		font-weight: 300;
		line-height: 1.8;
	}
	
	.supbiohiv-flex-desc.visible {
		display: block;
		height: 100%;
	}
	/* 当鼠标经过按钮时，显示描述区域 */
	
	.supbiohiv-btn:hover~.supbiohiv-flex-right .supbiohiv-flex-desc.hover {
		display: block;
	}
	
	.supbiohiv-contentbg {
		width: 100%;
		padding: 0.6rem 0;
		margin: 1.4rem auto;
		background: rgba(0, 61, 121, 0.05);
	}
	
	.textright {
		text-align: right;
	}
	/*为精准诊疗提供解决方案*/
.supbiohiv-content-tit {
    text-align: center;
    font-size: 0.6rem;
    color: #003d79;
    margin: 0.6rem 0;
    font-weight: 500;
}

.solutions-grid {
    display: flex;
    justify-content: space-between;
    gap: 0.3rem;
    margin: 0.4rem auto;
}

.solution-card {
    border-radius: 8px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    transition: transform 0.3s ease;
    text-align: center;
    font-size: 0.4rem;
    width: 30%;
}
.solution-card .card-title{font-size: 0.3rem;}
/* 替换 hover 为 active 类：卡片上浮效果 */
.solution-card.active {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

.solution-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: filter 0.3s ease;
}

/* 替换 hover 为 active 类：图片变暗 */
.solution-card.active img {
    filter: brightness(0.8);
}

.solution-card .solution-card-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
    background: linear-gradient(to top, rgba(11, 69, 126, 1), rgba(0, 102, 204, 0));
    color: #fff;
    transition: background 0.3s ease;
}

/* 替换 hover 为 active 类：overlay 展开 */
.solution-card.active .solution-card-overlay {
    background: linear-gradient(to top, rgba(11, 69, 126, 1), rgba(0, 102, 204, 0.3));
    padding: 0.8rem 0.2rem;
    height: 100%;
}

.solution-card .solution-card-overlay h3 {
    margin-top: 0;
    font-size: 0.4rem;
    margin-bottom: 0.2rem;
    opacity: 1;
}

.solution-card .solution-card-overlay ul {
    margin: 8px 0;
    font-size: 0.3rem;
    display: none;
    padding: 0.3rem 0.5rem;
    transform: translateY(10px);
    transition: opacity 0.3s ease 0.1s, transform 0.3s ease 0.1s;
    text-align: left;
    background: url(../imagesNew/supbiohiv-solution-line.png) no-repeat;
    background-size: 100%;
    font-weight: 300;
}

/* 替换 hover 为 active 类：显示 ul 列表 */
.solution-card.active .solution-card-overlay ul {
    display: block;
    transform: translateY(0);
    transition: opacity 0.3s ease 0.1s, transform 0.3s ease 0.1s;
}

 /* 新增：关闭按钮样式 */
        .close-overlay {
            position: absolute;
            top: 0.1rem;
            right: 0.3rem;
            font-size: 0.4rem;
            line-height: 0.6rem;
            color: #fff;
            cursor: pointer;
            z-index: 10;
            transition: color 0.2s ease, opacity 0.3s ease;
           display: none;
            pointer-events: none;
        }

        .solution-card.active .close-overlay {
          display: block;
            pointer-events: auto;
        }

        

.text-center {
    text-align: center;
    margin-top: 0.4rem;
}

.supbiohiv-solution-more {
    font-size: 0.35rem;
    margin: 0 auto 0.2rem;
    line-height: 1.6;
    overflow: hidden;
    max-height: 0;
    /* 默认高度为0，隐藏内容 */
    opacity: 0;
    transition: max-height 0.5s ease-in-out, opacity 0.5s ease-in-out, padding 0.5s ease-in-out;
    text-align: left;
    font-weight: 300;
}

.supbiohiv-solution-more.show {
    max-height: 200px;
    /* 展开时设置一个足够大的高度 */
    opacity: 1;
}

.supbiohiv-flex-desc {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
    pointer-events: none;
}

.supbiohiv-flex-desc.visible {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.block-img {
    pointer-events: auto;
    cursor: default;
}

.block-img img {
    pointer-events: none;
}
	/*产品与解决方案*/
	
	.pro-bannerbox {
		text-align: center;
		margin: 0 auto 0.8rem auto;
	}
	
	.pro-bannerbox .hero-title {
		font-size: 0.7rem;
		text-align: center;
		margin-top: 1rem;
		text-shadow: 4px 4px 6px rgba(0, 0, 0, 0.6);
	}
	
	.pro-bannerbox .hero-subtitle {
		font-size: 0.51rem;
		text-align: center;
		color: #ff6b35;
		text-shadow: 4px 4px 6px rgba(0, 0, 0, 0.6)
	}
	
	.pro-bannerbox .hero-subtitleb {
		font-size: 0.36rem;
		text-align: center;
		margin-top: 0.2rem;
	}
	
	.probanner-button-wrapper {
		text-align: center;
		margin-top: 0.3rem;
	}
	
	.probanner-button {
		display: inline-block;
		padding: 4px 24px;
		background: #FFFFFF;
		font-size: 0.28rem;
		color: #003d79;
		border-radius: 30px;
	}
	
	.pro-banner-prev,
	.pro-banner-next {
		position: absolute;
		top: 45%;
		width: 50px;
		height: 50px;
		border: none;
		cursor: pointer;
		display: flex;
		align-items: center;
		justify-content: center;
		background: transparent;
		border: none;
		padding: 6px;
	}
	
	.pro-banner-prev img,
	.pro-banner-next img {
		max-width: 100%;
	}
	
	.pro-banner-prev {
		left: 20px;
	}
	
	.pro-banner-next {
		right: 20px;
		transform: rotate(-180deg);
	}
	
	.pro-banner-prev:hover,
	.pro-banner-next:hover {
		background-color: rgba(0, 0, 0, 0.4);
	}
	
	.close-buttonBox {
		text-align: center;
	}
	
	.contactBox {
		max-width: 86%;
		margin: 0.4rem auto;
	}
	
	.nav-tabs {
		display: flex;
		border-radius: 9999px;
		padding: 0.1rem 0.6rem;
		position: relative;
		box-shadow: 3px 4px 15px rgba(0, 61, 121, 0.2);
		justify-content: space-between;
	}
	
	.nav-active-bg {
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		background-color: #003d79;
		border-radius: 80px;
		box-shadow: 0 4px 6px rgba(0, 86, 179, 0.2);
		transition: transform 0.3s ease-in-out, width 0.3s ease-in-out;
		z-index: 0;
	}
	
	.nav-item {
		padding: 0.1rem 0.4rem;
		cursor: pointer;
		color: #003d79;
		border-radius: 9999px;
		transition: color 0.3s ease-in-out;
		white-space: nowrap;
		z-index: 1;
		position: relative;
		font-size: 0.35rem;
	}
	
	.nav-item.active {
		color: white;
	}
	
	.nav-item:hover:not(.active) {
		color: #2b6cb0;
	}
	
	.productTabBox {
		margin: 1rem 0;
	}
	
	.content-tab {
		display: none;
		flex-direction: column;
		gap: 0.8rem;
		font-size: 0.35rem;
		color: #000000;
		line-height: 1.8;
	}
	
	.content-tab.active {
		display: flex;
	}
	
	.text-content {
		flex: 1;
		display: flex;
		flex-direction: column;
		gap: 1rem;
	}
	
	.text-content p {
		font-weight: 300;
	}
	
	.btn-more {
		display: inline-block;
		padding: 0.09rem 0.4rem;
		border: 1px solid #003d79;
		color: #003d79;
		text-decoration: none;
		border-radius: 999px;
		transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out;
		align-self: flex-start;
		font-size: 0.24rem;
	}
	
	.btn-more:hover {
		background-color: #4a5568;
		color: white;
		border-color: #4a5568;
	}
	
	.image-content {
		flex: 0.9;
		display: flex;
		justify-content: flex-start;
		align-items: flex-start;
	}
	/*客户与需求*/
	
	.prowebBannerTxt {
		font-size: 0.68rem;
		text-shadow: 4px 4px 6px rgba(0, 0, 0, 0.6)
	}
	
	.prowebBanner-img {
		width: 1.5rem;
		height: 1.5rem;
		border-radius: 999px;
		box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.6);
		margin: 0.6rem auto
	}
	
	.prowebBannerTxtB {
		font-size: 0.6rem;
		margin-top: 0.2rem;
	}
	
	.prowebBannerdec {
		font-size: 0.26rem;
		text-shadow: 4px 4px 6px rgba(0, 0, 0, 0.6);
		margin:0.2rem auto;
		line-height: 1.8;
		width: 60%;
	}
	
	.prowebBannerbtn {
		margin-top: 0.3rem;
	}
	
	.prowebBannerbtn a {
		display: inline-block;
		padding: 0.1rem 0.2rem;
		font-size: 0.2rem;
		border-radius: 999px;
		border: 1px solid #FFFFFF;
		color: #FFFFFF;
	}
	
	.probanner-Txtdecshow {
		position: absolute;
		left: 0;
		top: 0;
		height: 100%;
		width: 100%;
		color: #FFFFFF;
		padding: 0.3rem;
		background-color: rgba(0, 0, 0, 0.5);
		font-size: 0.26rem;
		line-height: 1.8;
		z-index: 5;
		opacity: 0;
		/*transform:translateZ(0px);
	transition:all 0.6s ease-in-out;
	*/
		max-height: 0;
		overflow: hidden;
		justify-content: center;
		align-content: flex-end;
	}
	
	.probanner-Txtdecshowcon {
		width: 80%;
		margin: 1rem auto;
		text-align: left;
	}
	/* 关闭按钮样式 */
	
	.close-button {
		background-color: transparent;
		color: white;
		padding: 0.1rem 0.4rem;
		cursor: pointer;
		font-size: 0.16rem;
		z-index: 15;
		opacity: 0;
		transition: all 0.5s ease-in-out;
		pointer-events: none;
		border: 1px solid #FFFFFF;
		border-radius: 999px;
		margin-top: 0.4rem;
	}
	
	.close-button:hover {
		background-color: #FFFFFF;
		color: #000;
	}
	/* 激活状态 - 详情显示 */
	
	.bannerBox.active .probanner-Txtdecshow.expanded {
		opacity: 1;
		transform: translateY(0);
		max-height: 100%;
	}
	/* 详情显示时显示关闭按钮 */
	
	.bannerBox.active .close-button.visible {
		opacity: 1;
		transform: translateY(0);
		pointer-events: auto;
	}
	/* 激活状态 - 英雄区内容隐藏 */
	
	.bannerBox.active .hero-content.hidden {
		opacity: 0;
		transform: translateY(20px);
		visibility: hidden;
	}
	/* 背景遮罩 */
	
	.breadcrumb {
		width: 86%;
		margin: 0.2rem auto;
		font-size: 0.25rem;
		color: #ff6b35;
	}
	
	.breadcrumb a {
		color: #000;
		text-decoration: none;
	}
	
	.breadcrumb a:hover {
		text-decoration: underline;
	}
	
	.proweb_title {
		text-align: center;
		color: #003d79;
		margin: 0.1rem auto 0.1rem auto;
		font-size: 0.6rem;
		font-weight: 500;
	}
	
	.customer-types {
		display: flex;
		justify-content: space-around;
		margin-bottom: 0.2rem;
		flex-wrap: wrap;
		gap: 0.2rem;
		margin-left: 5%;
	}
	
	.customer-type {
		text-align: center;
		flex: 1;
		padding: 0.2rem 0.1rem;
	}
	
	.customer-type i {
		width: 1.3rem;
		height: 1.3rem;
		color: #003d79;
		margin: 0.15rem auto;
		border-radius: 9999px;
		background: #e5ebf1;
		transition: transform 0.3s ease;
		/* 关键修改：使用 Flex 布局实现内部元素垂直居中 */
		display: flex;
		align-items: center;
		justify-content: center;
	}
	
	.customer-type i img {
		width: 60%;
		/* 确保图片在父元素内正确显示，可根据需要调整 */
		display: block;
	}
	
	.customer-type:hover i {
		transform: scale(1.1);
	}
	
	.customer-type span {
		display: block;
		font-size: 0.3rem;
		color: #003d79;
	}
	
	.proweb-content {}
	
	.proweb-section {
		display: flex;
		gap: 0.25rem;
		border-top: 1px dashed #ff6b35;
		border-bottom: 1px dashed #ff6b35;
		padding: 0.4rem 0;
		background: #fff7f5;
		padding-right: 0.1rem;
	}
	
	.section:last-child {
		margin-bottom: 0;
	}
	
	.section-title {
		display: inline-block;
		padding: 0.08rem 0.15rem;
		font-size: 0.3rem;
		line-height: 1.2;
	}
	
	.pain-point-title {
		color: #ff6b35;
	}
	
	.value-title {
		color: #003d79;
	}
	
	.customer-info {
		line-height: 1.8;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		gap: 0.25rem;
	}
	
	.customer-item {
		font-size: 0.22rem;
		flex: 1;
	}
	
	.customer-item ul {
		list-style-type: none;
		padding-left: 0;
	}
	
	.customer-item ul li {
		 
		padding-left: 0.22rem;
		position: relative;
		font-weight: 300;
		line-height: 1.6;
	}
	
	.customer-item ul li:before {
		content: "•";
		position: absolute;
		left: 4px;
		color: #000;
		font-weight: bold;
		font-size: 0.18rem;
		top: 6px;
	}
	
	
	/**/
	
.proweb-content .valuebg {
    background: #f8fafb;
    border-top: 0;
    border-bottom: 1px dashed #003D79;
}

.procuscardbox {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    gap: 0.25rem;
    margin: 0 auto;
    padding: 0.1rem 0;
  /*margin: 0.5rem 0;*/
}

.procusCard {
    width: calc(33% - 0.2rem);
    border: 1px solid #7f9ebc;
    border-radius: 10px;
    overflow: hidden;
    background-color: white;
    /* 优化过渡：明确属性+更顺滑的缓动函数 */
    transition: transform 0.25s ease-in-out, box-shadow 0.25s ease-in-out, height 0.25s ease-in-out;
    height: 4rem;
    position: relative;
    cursor: pointer;
    margin-top: 0.4rem;
}

.procusCard.active {
    transform: translateY(-0.3rem);
    box-shadow: 0 10px 18px rgba(0, 0, 0, 0.1);
    border-color: #7f9ebc;
    height: auto;
  /*  max-height: 6rem;*/
}

.procusCard img {
    width: 100%;
    height: 3rem;
    object-fit: cover;
    display: block;
    transition: transform 0.25s ease-in-out;
}

.procusCard.active img {
    transform: scale(1.03);
}

.procusCard h3 {
    text-align: center;
    padding: 0.26rem 0;
    margin: 0;
    color: #003d79;
    font-size: 0.3rem;
    justify-content: center;
}

.card-close-btn {
    position: absolute;
    top: 0.1rem;
    right: 0.1rem;
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 50%;
    background-color: #003d79;
    color: white;
    border: none;
    font-size: 0.25rem;
    cursor: pointer;
    display: none;
    z-index: 10;
    /* 关闭按钮添加轻微过渡，避免突兀 */
    transition: opacity 0.15s ease;
}

.procusCard.active .card-close-btn {
    display: block;
}

.procusCard .content {
    padding: 0 0.2rem 0 0.4rem;
    max-height: 0;
    overflow: hidden;
    /* 核心优化：
       1. 缩短过渡时间（0.2s），减少卡顿感知
       2. 明确过渡属性（padding/max-height），避免浏览器冗余计算
       3. 缓动函数改为ease-in-out，关闭时更顺滑
    */
    transition: max-height 0.2s ease-in-out, padding 0.2s ease-in-out;
}

.procusCard.active .content {
    padding: 0.2rem;
    /* 设为足够大的数值，避免动画空转（实际内容远小于此值） */
    max-height: 10rem;
    overflow-y: auto;
}

.procusCard .content h4 {
    color: #003d79;
    font-size: 0.3rem;
}

.procusCard .content p {
    margin: 0.1rem 0;
    line-height: 1.5;
    color: #000;
    font-size: 0.25rem;
    font-weight: 300;
}
	
	
	
	
	
	
	
	
	/*创新与转化*/
	
	.proTransform_container {
		display: flex;
		column-gap: 0.3rem;
	}
	
	.proTransformTop_left {
		flex: 2;
	}
	
	.proTransformTop_left img {
		width: 100%;
		height: auto;
	}
	
	.proTransformTop_right {
		flex: 3;
		padding: 0 0.3rem;
		justify-content: flex-start;
	}
	
	.proweb_title_left {
		text-align: left;
		margin: 0;
	}
	
	.proTransformTop_info_row {
		display: flex;
		gap: 0.3rem;
		justify-content: space-between;
		margin-top: 0.8rem;
	}
	
	.proTransformTop_info_col {
		flex: 1;
		font-size: 0.3rem;
		color: #000;
		line-height: 1.6
	}
	
	.info_col_txt_big {
		font-size: 0.6rem;
		color: #ff6b35;
		margin-right: 6px;
	}
	
	.proTransformTop_info_col ul {
		list-style: none;
		padding: 0;
	}
	
	.proTransformTop_info_col li {
		font-size: 0.3rem;
		line-height: 1.8;
		color: #000000;
	}
	/* 价值列表容器 */
	
	.pro-sol-value-list-container {
		width: 60%;
		margin:0.2rem auto;
	}
	
	.pro-sol-value-item {
		display: flex;
		align-items: center;
		margin: 0.1rem 0;
		margin-left: 1.8rem;
	}
	
	.pro-sol-value-item:last-child {
		border-bottom: none;
	}
	
	.pro-sol-icon-block {
		position: relative;
		width: 1.4rem;
		height: 1.4rem;
		flex-shrink: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		background: #003d79;
		z-index: 10;
	}
	
	.pro-sol-arrow-path {
		position: relative;
		width: 0.54rem;
		height: 1.4rem;
		background: none;
		z-index: 5;
		flex-shrink: 0;
		margin:0.1rem;
	}
	
	.pro-sol-content-area {
		flex-grow: 1;
		padding: 0.1rem 0.4rem;
		background: linear-gradient(90deg, #fff1eb 0%, #ffffff 100%);
		z-index: 1;
		min-height: 1.4rem;
		line-height: 1.4;
	}
	
	.pro-sol-title {
		font-size: 0.3rem;
		color: #003d79;
	}
	
	.pro-sol-description {
		font-size: 0.22rem;
		color: #000;
		line-height: 1.4;
		font-weight: 300;
	}
	/*产品中心*/
	
	.pro_procenter_container {
		display: flex;
		margin: 0 auto;
	}
	/* --- 左侧导航栏样式 --- */
	
	.pro_procenter_sidebar {
		max-height: 800px;
		border-radius: 10px;
		width: 4rem;
		flex-shrink: 0;
		background-color: #FFFFFF;
		color: #000;
		padding: 0.2rem;
		box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1);
	}
	
	.pro_procenter_category_block {
		margin-bottom: 20px;
	}
	
	.pro_procenter_category_title {
		display: flex;
		align-items: center;
		padding: 0.2rem 0.3rem;
		font-size: 0.25rem;
		cursor: pointer;
		transition: background-color 0.3s ease;
		color: #FFFFFF;
		background: #265a8d;
	}
	/* 选中状态的分类标题 */
	
	.pro_procenter_category_title.pro_procenter_active {
		background-color: #265a8d;
	}
	
	.pro_procenter_subcategory_list {
		list-style: none;
		padding: 0;
		margin: 0;
		color: #000;
		/*	transition:max-height 0.4s ease-in-out;
	*/
		max-height: 0;
		overflow: hidden;
		margin-bottom: 0.8rem;
	}
	/* 展开状态 */
	
	.pro_procenter_subcategory_list.pro_procenter_expanded {
		max-height: 500px;
		/* 足够大的值确保平滑展开 */
	}
	
	.pro_procenter_subcategory_list li {
		line-height: 1;
		font-size: 0.25rem;
		cursor: pointer;
		/*transition:opacity 0.3s ease,background-color 0.3s ease;
	*/
		padding: 10px;
		margin-top: 0.1rem;
	}
	
	.pro_procenter_subcategory_list li::before {
		content: "•";
		color: rgb(0, 0, 0);
		font-weight: bold;
		font-size: 18px;
	}
	
	.pro_procenter_subcategory_list li:hover {
		background: #e5ebf1;
	}
	/* --- 右侧内容区样式 --- */
	
	.pro_procenter_main_content {
		flex-grow: 1;
		margin-left: 0.8rem;
	}
	
	.pro_procenter_header {
		font-size: 0.4rem;
		color: #1a202c;
		margin-bottom: 25px;
	}
	/* 产品卡片网格 */
	
	.pro_procenter_product_grid {
		display: grid;
		/* 修正：默认模板为两列 */
		grid-template-columns: repeat(2, 1fr);
		gap: 30px;
	}
	/* 修正：第一个卡片独占一行 */
	
	.pro_procenter_product_card:first-child {
		grid-column: 1 / -1;
		/* 跨越所有列 */
		display: flex;
		/* 调整内部布局以适应宽度 */
		text-align: left;
		padding: 0.25rem 0.4rem;
		overflow: hidden;
		background-color: #f0f4f7;
	}
	/* 调整第一个卡片的内部布局 */
	
	.pro_procenter_product_card:first-child .pro_procenter_placeholder_image {
		background-color: #f0f4f7;
		margin: 0 -0.8rem 0 0;
		height: auto;
	}
	
	.pro_procenter_product_card:first-child .pro_procenter_title_container {
		display: flex;
		flex-direction: column;
		justify-content: center;
		width: 100%;
	}
	
	.pro_procenter_product_card {
		border: 1px solid #f0f4f7;
		border-radius: 8px;
		text-align: center;
		transition: transform 0.3s ease, box-shadow 0.3s ease;
		font-size: 0.3rem;
		padding-bottom: 0.3rem;
	}
	
	.pro_procenter_product_card:hover {
		transform: translateY(-5px);
		box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
	}
	/* 模拟产品试剂盒图片 */
	
	.pro_procenter_placeholder_image {
		padding: 0.3rem;
		background-color: #f0f4f7;
		width: 100%;
		height: 2.8rem;
		max-height: 100%;
	}
	
	.pro_procenter_placeholder_image img {
		max-height: 100%;
	}
	
	.pro_procenter_product_title {
		padding: 0.3rem;
		font-size: 0.3rem;
		color: #003d79;
		text-align: left;
	}
	
	.pro_procenter_product_title_des {
		font-size: 0.3rem;
		color: #003d79;
	}
	/* 第一个卡片内的标题和按钮调整 */
	
	.pro_procenter_product_card:first-child .pro_procenter_product_title {
		margin-bottom: 5px;
		min-height: auto;
		font-size: 0.4rem;
		padding: 0;
	}
	
	.pro_procenter_product_card:first-child .pro_procenter_button {
		align-self: flex-start;
		justify-content: flex-end;
		margin-top: 1rem;
		width: auto;
	}
	
	.pro_procenter_button {
		display: inline-block;
		padding: 0.16rem 0.4rem;
		background-color: #003d79;
		color: white;
		border-radius: 999px;
		text-decoration: none;
		font-size: 0.2rem;
		transition: background-color 0.3s ease;
		margin-top: 0.3rem;
		width: 80%
	}
	
	.pro_procenter_button:hover {
		background-color: #005aab;
	}
	/*产品hiv*/
	
	.pro-procontainer {
		display: flex;
		margin: 0.5rem auto;
		align-items: center;
		justify-content: space-between;
	}
	
	.pro-protext-content {
		flex: 1;
		margin-right: 0.4rem;
	}
	
	.pro-protext-content h1 {
		font-size: 0.4rem;
		color: #003d79;
		margin-bottom: 0.2rem;
		font-weight: 400;
	}
	
	.pro-protext-content h2 {
		font-size: 0.35rem;
		color: #003d79;
		margin-bottom: 0.5rem;
	}
	
	.pro-protext-content p {
		font-size: 0.3rem;
		color: #000;
		margin-bottom: 0.3rem;
	}
	
	.pro-proimage-content {
		background: #eef2f5;
		padding: 0.3rem 0.1rem;
		text-align: center;
		flex: 0.8;
	}
	
	.pro-proimage-content img {
		width: 80%;
	}
	
	.contact-btn {
		display: inline-block;
		background-color: #003d79;
		color: #fff;
		padding: 0.19rem 0.8rem;
		text-decoration: none;
		border-radius: 80px;
		font-size: 0.25rem;
		transition: background-color 0.3s ease;
		font-weight: 300;
		margin-top: 0.6rem;
		border: 0;
		cursor: pointer;
	}
	
	.contact-btn:hover {
		background-color: #004e80;
	}
	
	.image-content {
		flex: 0 0 40%;
	}
	
	.image-content img {
		width: 100%;
		height: auto;
		border-radius: 6px;
	}
	
	.pro-pro-carouselBox {
		margin-top: 1rem;
		padding: 0 0.8rem;
	}
	
	.pro-protabs {
		display: flex;
		border-bottom: 2px solid #cad7e3;
		margin-bottom: 0.3rem;
	}
	
	.pro-protab {
		padding: 0.2rem;
		font-size: 0.4rem;
		color: #003d79;
		cursor: pointer;
		margin-right: 1rem;
		position: relative;
	}
	
	.pro-protab.active {
		color: #003d79;
	}
	
	.pro-protab.active::after {
		content: "";
		position: absolute;
		bottom: -2px;
		left: 0;
		width: 100%;
		height: 2px;
		background-color: #003d79;
	}
	
	.pro-protab-content {
		display: none;
		min-height: 7rem;
		font-size: 0.35rem;
	}
	
	.pro-protab-content.active {
		display: block;
	}
	
	.pro-profeature {
		margin-top: 0.5rem;
	}
	
	.pro-profeature h3 {
		color: #003d79;
		margin-bottom: 0.1rem;
	}
	
	.pro-profeature p {
		color: #000;
		line-height: 1.8;
		font-weight: 300;
	}
	/*权威*/
	
	.pro-pro-carousel-container {
		margin:0.1rem auto;
		position: relative;
		overflow: hidden;
		/* 关键修改：为箭头预留内边距，确保内容不会溢出到箭头下方 */
		padding:0.4rem 1rem;
	}
	
	.pro-pro-carousel-wrapper {
		display: flex;
		transition: transform 0.5s ease;
		gap: 0.28rem;
	}
	
	.pro-pro-carousel-item {
		flex: 0 0 33%;
		box-sizing: border-box;
	}
	
	.pro-pro-item-card {
		background-color: #fff;
		border-radius: 8px;
		overflow: hidden;
		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
	}
	
	.pro-pro-item-card img {
		width: 100%;
		height: auto;
		display: block;
		/* 占位图样式 */
		min-height:1.8rem;
		height:3rem;
		background-color: #f0f4f8;
		object-fit: cover;
	}
	
	.pro-pro-item-content {
		padding: 0.2rem;
	}
	
	.pro-pro-item-title {
		font-size: 0.35rem;
		color: #003d79;
		margin-bottom: 0.1rem;
		line-height: 1.4;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
		min-height: 0.68rem;
		line-height: 1.8;
	}
	
	.pro-pro-read-moreBox {
		text-align: right;
	}
	
	.pro-pro-read-more {
		display: inline-block;
		color: #ff6600;
		text-decoration: none;
		margin-top: 10px;
		font-size: 14px;
		transition: color 0.3s ease;
	}
	
	.pro-pro-read-more:hover {
		color: #e65c00;
	}
	
	.pro-pro-arrow {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		width: 0.7rem;
		height: 0.7rem;
		display: flex;
		align-items: center;
		justify-content: center;
		cursor: pointer;
		z-index: 20;
		/* 确保箭头始终在卡片之上 */
		transition: background-color 0.2s ease, opacity 0.3s ease;
		/* 添加 opacity 过渡 */
	}
	
	.pro-pro-arrow:hover {}
	/* 禁用状态的箭头样式 */
	
	.pro-pro-arrow.pro-pro-disabled {
		opacity: 0.4;
		cursor: default;
		pointer-events: none;
		/* 禁用点击事件 */
	}
	
	.pro-pro-arrow-left {
		left: 0;
	}
	
	.pro-pro-arrow-right {
		transform: rotate(-180deg);
		right: 0;
	}
	
	.pro-pro-arrow i {
		font-style: normal;
		font-size: 20px;
		color: #003366;
	}
	
	.product-list {
		list-style: none;
		padding: 0;
		width: 100%;
		margin: 0.6rem auto;
	}
	
	.product-list li {
		display: flex;
		align-items: center;
		background-color: #e9eff6;
		border-radius: 8px;
		padding: 0.12rem;
		margin-bottom: 0.3rem;
		font-weight: 400;
		font-size: 0.3rem;
	}
	
	.product-item {
		flex: 1;
		text-align: center;
	}
	
	.product-list .product-header {
		display: flex;
		align-items: center;
		background-color: #fff;
		border-radius: 8px;
		padding: 12px;
		margin-bottom: 0.2rem;
	}
	
	.header-item {
		flex: 1;
		text-align: center;
		color: #005b96;
		font-weight: bold;
	}
	/*技术方案*/
	
	.pro_tech_container {
		display: flex;
		flex-direction: column;
		gap: 1rem;
		margin: 0 auto;
	}
	
	.pro_tech_card {
		display: flex;
		border-radius: 12px;
		overflow: hidden;
		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
		transition: all 0.3s ease;
	}
	
	.pro_tech_card_img {
		flex: 0 0 50%;
		height: auto;
	}
	
	.pro_tech_card_img img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		display: block;
	}
	
	.pro_tech_card_content {
		flex: 0 0 50%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		padding: 0.8rem;
	}
	
	.pro_tech_card_title {
		font-size: 0.6rem;
		font-weight: 400 margin-bottom: 0.8rem;
		color: #003d79;
	}
	
	.pro_tech_btn {
		display: inline-block;
		padding: 0.2rem;
		width: 35%;
		border-radius: 80px;
		text-decoration: none;
		font-size: 0.2rem;
		color: #003D79;
		border: 1px solid #003D79;
		text-align: center;
		transition: background-color 0.3s ease, color 0.3s ease;
		margin-top: 0.4rem;
	}
	
	.pro_tech_card:hover {
		background-color: #003d79;
		color: #FFFFFF;
	}
	
	.pro_tech_card:hover .pro_tech_card_title {
		color: #FFFFFF;
	}
	
	.pro_tech_card:hover .pro_tech_btn {
		background-color: #ff6b35;
		color: #003d79;
	}
	
	.pro-protext-content h1.pro-techbigTit {
		font-size: 0.6rem;
		margin-bottom: 0.9rem;
	}
	
	.pro-techdec {
		font-size: 0.3rem;
		color: #000;
		line-height: 1.8;
		justify-content: space-between;
	}
	
	.pro-proimage-contentech {
		flex: 0.9;
	}
	
	.pro-techhiv-container {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		gap: 0.4rem;
		margin: 0.4rem auto;
	}
	
	.pro-techhiv-item {
		text-align: center;
		flex: 1;
	}
	.pro-techhiv-itemB img{width: 80%;}
	
	.pro-techhiv-icon {
		width: 1.64rem;
		height: 1.64rem;
		margin: 0 auto 0.2rem;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	
	.pro-techhiv-itemB {
		flex: 1;
	}
	
	.pro-techhiv-iconB {
		margin: 0 auto 0.2rem auto;
		display: flex;
		align-items: center;
	}
	
	.pro-techhiv-itemB .pro-techhiv-title {
		padding-left: 0.2rem
	}
	
	.pro-techhiv-title {
		font-size: 0.4rem;
		color: #003d79;
		margin-bottom: 0.2rem;
	}
	
	.pro-techhiv-desc {
		font-size: 0.3rem;
		color: #000;
		line-height: 1.6;
		text-align: left;
		justify-content: space-between;
	}
	
	.pro-techhiv_containerB {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 0.4rem;
		margin: 0.8rem auto;
	}
	
	.text-desc-center {
		text-align: center;
		/*margin-top: 0.4rem;*/
	}
	
	.pro-techbddec {
		margin: 0.8rem auto;
		font-size: 0.3rem;
		line-height: 1.8;
	}
	
	.blueFont {
		color: #2ba6e1;
	}
	
	.flexb {
		width: 80%;
	}
	
	.line-th {
		width: 100%;
		height: 1px;
		background: #d8e1ea;
		margin-bottom: 0.1rem;
	}
	
	.pro-techdbpic {
		text-align: center;
	}
	
	.pro-techcellpic {
		margin: 0.8rem auto 1.5rem auto;
		text-align: center;
	}
	
	.pro-tech-desc {
		font-size: 0.3rem;
		margin: 0 0 0.1rem 0;
	}
	
	.pro-techall_cards {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin: 1rem 0;
	}
	
	.pro-techall_card {
		flex: 0.48;
		border-radius: 8px;
		overflow: hidden;
		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
	}
	
	.pro-techall_card_img {
		width: 100%;
		height: auto;
		display: block;
	}
	
	.pro-techall_card_title {
		font-size: 0.42rem;
		color: #003d79;
		text-align: center;
		padding: 0.2rem 0;
		font-weight: 300;
	}
	/**/
	
	.pro-techScience-container {
		margin: 0.8rem auto;
		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
		border-radius: 8px;
		padding: 0.6rem;
	}
	
	.pro-techScience-title {
		font-size: 0.6rem;
		color: #003d79;
		padding: 0.2rem 0;
		margin-bottom: 0.4rem;
		border-bottom: 2px solid #fff0eb;
		position: relative;
	}
	
	.pro-techScience-linesm {
		position: absolute;
		width: 2rem;
		height: 2px;
		background: #ff6b35;
		left: 0;
		bottom: -2px;
	}
	
	.pro-techScience-item {
		margin-bottom: 0.2rem;
	}
	
	.pro-techScience-header {
		background-color: #e5ebf1;
		padding: 0.2rem;
		border-radius: 10px;
		cursor: pointer;
		display: flex;
		justify-content: space-between;
		align-items: center;
		transition: background-color 0.3s ease;
	}
	
	.pro-techScience-header:hover {
		background-color: #d1e7ff;
	}
	
	.pro-techScience-header-text {
		font-size: 0.35rem;
		color: #000;
	}
	
	.pro-techScience-icon {
		font-size: 0.18rem;
		color: #004b93;
		transition: transform 0.3s ease;
	}
	
	.pro-techScience-content {
		background-color: #fff;
		padding: 0.15rem;
		border-radius: 4px;
		display: none;
	}
	
	.pro-techScience-content p {
		font-size: 0.3rem;
		margin: 5px 0;
		color: #000;
		position: relative;
		padding-left: 0.24rem;
		font-weight: 300;
	}
	
	.pro-techScience-content p:before {
		content: "•";
		position: absolute;
		left: 4px;
		color: #000;
		font-weight: bold;
		font-size: 0.24rem;
		top: 6px;
	}
	
	.pro-techScience-active .pro-techScience-icon {
		transform: rotate(180deg);
	}
	/* 弹出层样式 */
	
	.modal-overlay {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: rgba(0, 0, 0, 0.6);
		display: none;
		justify-content: center;
		align-items: center;
		z-index: 100000;
		font-size: 0.16rem;
	}
	
	.modal-content {
		background-color: white;
		width: 90%;
		max-width: 8rem;
		border-radius: 12px;
		box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
		padding: 0.3rem;
		position: relative;
		animation: modal-appear 0.3s ease-out;
	}
	
	@keyframes modal-appear {
		from {
			opacity: 0;
			transform: translateY(-20px);
		}
		to {
			opacity: 1;
			transform: translateY(0);
		}
	}
	
	.modal-close {
		position: absolute;
		top: 0.15rem;
		right: 0.2rem;
		font-size: 0.24rem;
		color: #999;
		background: none;
		border: none;
		cursor: pointer;
		transition: color 0.3s;
	}
	
	.modal-close:hover {
		color: #ff6b35;
	}
	
	.modal-title {
		font-size: 0.24rem;
		color: #003d79;
		margin-bottom: 0.2rem;
		text-align: center;
	}
	
	.form-group {
		margin-bottom: 0.2rem;
		align-content: flex-start;
	}
	
	.form-label {
		display: inline-block;
		width: 25%;
		margin-bottom: 8px;
		font-weight: bold;
		color: #444;
		text-align: right;
	}
	
	.form-input,
	.form-textarea {
		width: 70%;
		padding: 0.12rem 0.15rem;
		border: 1px solid #ddd;
		border-radius: 6px;
		font-size: 0.16rem;
		transition: border-color 0.3s;
	}
	
	.form-input:focus,
	.form-textarea:focus {
		border-color: #003d79;
		outline: none;
	}
	
	.form-textarea {
		min-height: 1rem;
		resize: vertical;
		vertical-align: middle;
	}
	
	.form-submit {
		background-color: #003d79;
		color: white;
		border: none;
		padding: 0.12rem 0.25rem;
		border-radius: 6px;
		font-size: 0.16rem;
		font-weight: bold;
		cursor: pointer;
		transition: background-color 0.3s;
		width: 100%;
	}
	
	.form-submit:hover {
		background-color: #002a54;
	}
	
	.required::after {
		content: "*";
		color: #ff6b35;
		margin-left: 4px;
	}
	/* 自定义下拉选择样式 */
	
	.custom-select {
		position: relative;
		width: 70%;
		display: inline-block;
	}
	
	.select-trigger {
		width: 100%;
		padding: 0.12rem 0.15rem;
		border: 1px solid #ddd;
		border-radius: 6px;
		background-color: white;
		cursor: pointer;
		display: flex;
		justify-content: space-between;
		align-items: center;
		transition: border-color 0.3s;
		color: #333;
		/* 确保文字颜色可见 */
	}
	
	.select-trigger:hover {
		border-color: #bbb;
	}
	
	.select-trigger.active {
		border-color: #003d79;
	}
	
	.select-options {
		position: absolute;
		top: 100%;
		left: 0;
		width: 100%;
		background-color: white;
		border: 1px solid #ddd;
		border-top: none;
		border-radius: 0 0 6px 6px;
		box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
		max-height: 200px;
		overflow-y: auto;
		display: none;
		z-index: 10;
	}
	
	.select-options.active {
		display: block;
	}
	
	.select-group {
		padding: 10px 15px;
		font-weight: bold;
		color: #003d79;
		background-color: #f5f7fa;
		border-bottom: 1px solid #eee;
	}
	
	.select-option {
		padding: 10px 15px;
		cursor: pointer;
		display: flex;
		align-items: center;
		transition: background-color 0.2s;
		color: #333;
		/* 确保文字颜色可见 */
	}
	
	.select-option:hover {
		background-color: #f0f5ff;
	}
	
	.select-option input {
		margin-right: 10px;
	}
	
	.selected-items {
		margin-top: 8px;
		display: flex;
		flex-wrap: wrap;
		gap: 8px;
	}
	
	.selected-item {
		background-color: #e5ebf1;
		color: #003d79;
		padding: 5px 10px;
		border-radius: 15px;
		font-size: 14px;
		display: flex;
		align-items: center;
	}
	
	.remove-item {
		margin-left: 5px;
		cursor: pointer;
		color: #666;
	}
	
	.remove-item:hover {
		color: #ff6b35;
	}
	
	.thline {
		width: 36px;
		height: 1px;
		background: #000000;
		vertical-align: middle;
		display: inline-block;
		margin-top: -6px;
		margin-right: 4px;
	}
	
	.contactxtBox {
		margin: 1.5rem 0 1rem 0;
		text-align: center;
	}
	
	.contactxtblue {
		font-size: 0.4rem;
		text-align: center;
		color: #003D79;
	}
	
	.contactxtBox .contact-btn {
		color: #003D79;
		border: 1px solid #003D79;
		background: transparent;
		margin-top: 0.4rem;
	}
	/*关于我们首页*/
	
	.aboutpage-section {
		margin-top: 1.2rem;
		display: flex;
		gap: 0.6rem;
		flex-wrap: wrap;
	}
	
	.aboutpage-contect {
		flex: 0.8;
	}
	
	.aboutpage-contect-center {
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	
	.aboutpage-contect-center .aboutpage-button {
		width: 28%;
	}
	
	.aboutpage-pic {
		flex: 1.2;
	}
	
	.aboutpage-pic a {
		border: none;
	}
	
	.aboutpage-pic a:hover {
		border: none;
		background: none;
	}
	
	.aboutpage-h2 {
		font-size: 0.6rem;
		color: #003366;
		margin-bottom: 0.3rem;
	}
	
	.aboutpage-ul {
		list-style: none;
		margin-bottom: 0.3rem;
	}
	
	.aboutpage-li {
		line-height: 1.8;
		font-size: 0.3rem;
		font-weight: 300;
	}
	
	.aboutpage-button {
		padding: 0.12rem 0.4rem;
		border: 1px solid #003d79;
		border-radius: 80px;
		color: #003d79;
		cursor: pointer;
		font-size: 0.2rem;
		background: transparent;
		display: inline-block;
		text-align: center;
	}
	
	.aboutpage-contect-center .aboutpage-button {
		display: inline-block;
	}
	
	.aboutpage-button:hover {
		background-color: #003366;
		color: #fff;
	}
	
	.aboutpage-img {
		width: 100%;
		height: auto;
	}
	
	.text-right {
		text-align: right;
	}
	/*公司业务*/
	
	.aboutbus-section {
		display: flex;
		align-items: center;
		justify-content: center;
	}
	
	.aboutbus-h2 {
		font-size: 0.6rem;
		margin-bottom: 0.4rem;
		color: #003d79;
	}
	
	.aboutbus-p {
		margin-bottom: 0.4rem;
		font-size: 0.3rem;
		color: #000000;
		line-height: 1.8;
		font-weight: 300;
	}
	
	.aboutbus-product-solution-content,
	.aboutbus-innovation-transformation-content {
		flex: 1;
		padding-right: 0.5rem;
	}
	
	.aboutbus-product-solution-img,
	.aboutbus-innovation-transformation-img {
		flex: 1;
	}
	
	.aboutbus-product-solution-img img,
	.aboutbus-innovation-transformation-img img {
		width: 100%;
		height: auto;
	}
	
	.aboutbus-innovation-transformation {
		background-color: #f0f2f5;
		padding: 0.4rem 0;
	}
	
	.aboutbus-innovation-transformation-content {
		padding-left: 50px;
		padding-right: 0;
		text-align: left;
	}
	
	.aboutbus-innovation-transformation h2.aboutbus-h2 {
		text-align: right;
	}
	
	.aboutbus-cooperation {
		margin-top: 1.6rem;
		text-align: center;
	}
	
	.aboutbus-cooperation-title {
		font-size: 0.6rem;
		color: #003d79;
		 
		text-align: center;
		width: 100%;
	}
	
	.aboutbus-cooperation-subtitle {
		font-size: 0.35rem;
		margin-bottom: 0.6rem;
	}
	
	.aboutbus-cooperation-cards {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	
	.aboutbus-cooperation-card {
		flex: 0 0 calc(20% - 0.2rem);
		background-color: #e6ebf1;
		border-radius: 8px;
		padding: 30px 20px;
		margin-bottom: 30px;
		text-align: center;
	}
	
	.aboutbus-cooperation-card-icon {
		width: 1.15rem;
		height: 1.15rem;
		margin: 0.3rem auto;
	}
	
	.aboutbus-cooperation-card-title {
		font-size: 0.35rem;
		color: #003D79;
		margin-bottom: 0.2rem;
		padding-bottom: 0.2rem;
		border-bottom: 1px solid #003D79;
	}
	
	.aboutbus-cooperation-card-desc {
		font-size: 0.23rem;
		text-align: left;
	}
	
	.aboutbus-cooperation-footer {
		font-size: 0.35rem;
		margin: 0.6rem 0 1.6rem 0;
	}
	/*荣誉奖项*/
	
	.aboutHonor-container {
		margin: 0 auto;
	}
	
	.aboutHonor-honor-list {
		display: flex;
		flex-wrap:initial;
		justify-content: flex-start;
		margin-bottom: 0.3rem;
		gap:0.4rem
	}
	
	.aboutHonor-honor-item {
		flex: 1;
		margin-bottom: 0.3rem;
		width: 25%;
	 
	}
	
	.aboutHonor-honor-img {
		width: 3.67rem;
		height: 2.65rem;
		height: auto;
	}
	
	.aboutHonor-honor-name {
		text-align: center;
		margin-top: 0.3rem;
		font-size: 0.25rem;
		color: #000;
	}
	
	.aboutHonor-pagination {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	.aboutHonor-page-btn {
		width: 0.6rem;
		height: 0.6rem;
		border: 1px solid #003d79;
		border-radius: 80px;
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 0 0.05rem;
		cursor: pointer;
		background-color: #fff;
		color: #003d79;
		font-size: 0.25rem;
	}
	
	.aboutHonor-page-btn.active {
		background-color: #003d79;
		color: #fff;
		border-color: #003d79;
	}
	
	.aboutHonor-page-btn:hover:not(.active) {
		background-color: #f5f5f5;
	}
	
	.aboutHonor-page-arrow {
		width: 0.6rem;
		height: 0.6rem;
		border: 1px solid #003d79;
		border-radius: 80px;
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 0 0.05rem;
		cursor: pointer;
		background-color: #fff;
		color: #003d79;
	}
	
	.aboutHonor-page-arrow:hover {
		background-color: #f5f5f5;
	}
	/*企业文化*/
	/* 卡片列表容器 (响应式 Flex 布局) */
	
	.cards-wrapper {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		flex-direction: row;
		/* 桌面端并排 */
		gap: 0.2rem;
		display: -webkit-flex;
		/* 兼容旧版Safari Flex */
		-webkit-column-gap: 0.2rem;
		/* 横向间距 */
		-webkit-row-gap: 0.2rem;
		/* 纵向间距 */
		width: 100%;
	}
	
	.about-Culture-card {
		background-color: white;
		border-radius: 10px;
		box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
		 
		overflow: hidden;
		position: relative;
		width: 100%;
		transition: transform 0.3s ease-out, box-shadow 0.3s ease-out;
	}
	/* 卡片悬停效果：轻微抬升和更深的阴影 */
	
	.about-Culture-card:hover {
		transform: translateY(-0.6rem) scale(1.02);
		box-shadow: 0 5px 5px -6px rgba(0, 0, 0, 0.3);
	}
	/* 图片区域 */
	
	.card-image {
		background-size: cover;
		background-position: center;
	}
	
	.card-image img {
		width: 100%;
	}
	
	.card-content {
		position: absolute;
		bottom: 0rem;
		left: 0;
		right: 0;
		padding: 0.2rem 0.1rem;
		height: 70%;
		/* 渐变覆盖卡片下半部分 */
		display: flex;
		align-items: flex-end;
		justify-content: center;
		text-align: center;
		color: white;
		text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
		background-image: linear-gradient(to top, rgba(0, 47, 102, 0.95), rgba(0, 59, 68, 0.5) 50%, transparent);
		transition: background-image 0.4s ease-in-out;
	}
	
	/*.about-Culture-card:hover .card-content {
		background-image: linear-gradient(to top, rgba(255, 102, 0, 0.95), rgba(255, 102, 0, 0.2) 50%, transparent);
	}*/
	
	.card-title {
		font-size: 0.6rem;
		letter-spacing: 0.025em;
		padding-bottom: 0.4rem;
	}
	/*企业文化--高管团队*/
	
	.about-executive-container {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		gap: 40px;
	}
	
	.about-executive-info {
		flex: 1;
	}
	
	.about-executive-title {
		background-color: #003d79;
		color: #fff;
		padding: 0.2rem;
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 80px;
		border-top-right-radius: 80px;
		margin-bottom: 0.4rem;
		width: 80%;
	}
	
	.about-executive-title h2 {
		font-size: 0.35rem;
		margin: 0;
	}
	
	.excutiveNamech {
		font-size: 0.5rem;
		margin-right: 0.2rem;
	}
	
	.about-executive-title p {
		font-size: 0.35rem;
		margin: 0.1rem 0 0;
	}
	
	.about-executive-details {
		font-size: 0.25rem;
		line-height: 2.1;
		color: #000;
		margin-top: 0.2rem;
	}
	
	.about-executive-details ul {
		list-style-type: disc;
		margin: 0;
		padding-left: 0.3rem;
	}
	
	.about-executive-details li {
		margin-bottom: 10px;
		list-style: disc;
	}
	
	.about-executive-image {
		flex: 1;
		display: flex;
		justify-content: center;
		position: relative;
	}
	
	.about-executive-image img {
		width: 6.55rem;
		height: 6.55rem;
		object-fit: cover;
		position: relative;
		z-index: 2;
	}
	/*ys*/
	.yscon{background: #e7ecf3;border-radius: 12px;padding:0.2rem 0.6rem;}
	.about-executive-title-ys{color: #003D79;}
	.about-executive-image-ys{position: absolute;bottom: 0;right: 0.1rem;}
	.about-executive-image-ys img{width: 5rem;height: 6rem;}
	.yscon .about-executive-details{line-height: 1.6;}
	
	/* ------------------- 容器及核心布局 ------------------- */
	
	.about-CultureExecutiveH-container {
		position: relative;
		background-color: #fff;
		display: flex;
		flex-direction: column;
	}
	/* 上部区域：包含图片和文字内容 */
	
	.about-CultureExecutiveH-top-section {
		display: flex;
		align-items: flex-start;
		position: relative;
		z-index: 2;
		padding-bottom: 0.6rem;
	}
	/* ------------------- 左侧图片区 (浮动在卡片之上) ------------------- */
	
	.about-CultureExecutiveH-image-section {
		flex-shrink: 0;
		max-width: 50%;
		height: auto;
		position: relative;
		z-index: 3;
	}
	
	.about-CultureExecutiveH-image {
		width: 7.1rem;
		height: 5.99rem;
		display: block;
	}
	
	.about-CultureExecutiveH-content-section {
		flex-grow: 1;
		position: relative;
		margin-top: 0.4rem;
	}
	
	.about-CultureExecutiveH-name-title {
		margin-bottom: 0.1rem;
	}
	
	.about-CultureExecutiveH-chinese-name {
		font-size: 0.5rem;
		color: #003d79;
		margin-right: 0.2rem;
		display: inline-block;
		vertical-align: middle;
	}
	
	.about-CultureExecutiveH-english-name {
		font-size: 0.35rem;
		color: #003d79;
		display: inline-block;
		vertical-align: middle;
	}
	
	.about-CultureExecutiveH-title {
		font-size: 0.35rem;
		color: #003d79;
		 
	}
	/* ------------------- 蓝色奖项卡片区 ------------------- */
	
	.about-CultureExecutiveH-awards-card {
		background-color: #003d79;
		/* 深蓝色背景 */
		color: white;
		padding: 0.4rem;
		display: flex;
		align-items: center;
		justify-content: space-around;
		position: absolute;
		bottom: 1rem;
		left: 20%;
		width: 80%;
		border-top-right-radius: 80px;
		border-bottom-right-radius: 80px;
		padding-left: 30%;
	}
	
	.about-CultureExecutiveH-award {
		text-align: center;
		position: relative;
	}
	
	.about-CultureExecutiveH-desc {
		font-size: 0.2rem;
		float: left;
		margin: 0 0.1rem;
	}
	
	.about-CultureExecutiveH-award img {
		float: left;
		max-width: 80%;
		width: 0.29rem;
		align-items: flex-end;
	}
	/* ------------------- 容器及核心网格布局 (about-CultureExecutiveA) ------------------- */
	
	.about-CultureExecutiveA-grid-container {
		width: 100%;
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 0.4rem;
		/* 卡片之间的间隔 */
		padding: 0.2rem;
	}
	/* 单个高管卡片样式 */
	
	.about-CultureExecutiveA-card {
		background-color: #fff;
		border-radius: 8px;
		border-top-left-radius: 60px;
		box-shadow: 0 5px 15px rgba(0, 61, 121, 0.1);
		display: flex;
		align-items: center;
		overflow: hidden;
		transition: transform 0.3s ease;
	}
	
	.about-CultureExecutiveA-card:hover {}
	/* ------------------- 左侧图片部分 ------------------- */
	
	.about-CultureExecutiveA-image-wrapper {
		flex-shrink: 0;
		width: 4rem;
		margin-right: 0.2rem;
		position: relative;
		background-color: #f0f8ff;
		/* 浅蓝色 */
		overflow: hidden;
		border-bottom-right-radius: 60px;
		height: 100%;
	}
	/* 模拟图片和圆角裁剪 */
	
	.about-CultureExecutiveA-image {
		width: 100%;
		height: 100%;
		object-fit: cover;
		display: block;
	}
	
	.about-CultureExecutiveA-content {
		padding: 0.3rem 0;
		flex-grow: 1;
	}
	
	.about-CultureExecutiveA-name-title {
		margin-bottom: 0.1rem;
		color: #003d79;
	}
	
	.about-CultureExecutiveA-name {
		font-size: 0.4rem;
	}
	
	.about-CultureExecutiveA-title {
		font-size: 0.35rem;
		display: block;
		margin-top: 3px;
	}
	
	.about-CultureExecutiveA-points-list {
		margin-top: 0.2rem;
		padding-left: 0.3rem;
		font-size: 0.2rem;
		line-height: 1.8;
	}
	
	.about-CultureExecutiveA-points-list li {
		list-style: disc;
	}
	/*企业发展*/
	
	.about-corpor-time {
		margin: 0.8rem auto;
	}
	
	.about-corpor .card-title {
		font-size: 0.35rem;
	}
	
	.about-corpor .about-Culture-card:hover {
		transform: translateY(0rem) scale(1);
	}
	/**核心理念*/
	
	.cards-ideawrapper {
		display: flex;
		flex-direction: column;
		gap: 0.6rem;
		height: 9.5rem;
		flex-direction: row;
		padding-bottom: 3rem;
	}
	
	.mountain-background {
		position: absolute;
		bottom: -5px;
		left: 0;
		right: 0;
		z-index: 99;
		max-height: 5rem;
	}
	
	.mountain-background img {
		width: 100%;
		height: 100%;
	}
	
	.about-idea-card {
		background-color: #FFFFFF;
		border-radius: 10px;
		box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
		cursor: pointer;
		overflow: hidden;
		position: relative;
		z-index: 10;
		width: 100%;
		transition: transform 0.3s ease-out, box-shadow 0.3s ease-out;
		height: 6rem;
	}
	/* 卡片悬停效果：轻微抬升和更深的阴影 */
	
	.about-idea-card:hover {
		transform: translateY(-1.4rem) scale(1.02);
		box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.3);
		height: 8rem;
	}
	
	.about-idea-content {
		padding: 0.2rem;
		height: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		text-align: left;
		color: #000;
		background-color: #e5ebf1;
		transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out;
	}
	/* 愿景卡片（特殊的深蓝色默认状态） */
	
	.about-idea-card:hover .about-idea-content {
		background-color: #0047a0;
		/* 默认深蓝色 */
		color: white;
		text-align: left;
	}
	/* 图标/图形区域 */
	
	.about-idea-icon {
		margin: 0.4rem 0;
		opacity: 0;
		width: 0.8rem;
		transition: opacity 0.4s ease-in-out;
		height: 0;
	}
	
	.about-idea-card:hover .about-idea-icon {
		opacity: 1;
		height: auto;
	}
	
	.about-idea-title {
		width: 100%;
		font-size: 0.6rem;
		line-height: 1.2;
		margin-bottom: 0;
		padding-bottom: 0.2rem;
		position: relative;
		text-align: center;
		color: #003D79;
	}
	
	.about-idea-title::after {
		content: '';
		position: absolute;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
		height: 1px;
		width: 0;
		background-color: currentColor;
		transition: width 0.3s ease-out;
		border-radius: 9999px;
	}
	
	.about-idea-card:hover .about-idea-title {
		color: #FFFFFF;
	}
	/* 悬停时显示线 */
	
	.about-idea-card:hover .about-idea-title::after {
		width: 100%;
	}
	/* 描述/副标题样式 */
	
	.about-idea-description {
		font-size: 0.35rem;
		line-height: 1.6;
		padding:0 0.6rem; 
	}
	/*企业文化-创始人故事*/
	
	.about-CultureFounder-container {
		background: #e6ebf1;
		padding: 0.4rem 0;
		position: relative;
		box-sizing: border-box;
		/*min-height:8rem;
		display: flex;*/
		justify-content: center;
	}
	.about-Culturetips{text-align: center;margin-top: 0.6rem;}
	.about-CultureFounder-title {
		text-align: center;
		color: #003d79;
		font-size: 0.6rem;
		margin-bottom: 0.4rem;
	}
	
	.about-CultureFounder-text {
		font-size: 0.3rem;
		line-height: 1.8;
		color: #000;
		margin-bottom: 0.4rem;
	}
	
	.about-CultureFounder-images {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		gap: 0.8rem;
	}
	
	.about-CultureFounder-image-item {
		flex: 1;
	}
	
	.about-CultureFounder-image-item img {
		width: 100%;
		height: auto;
		box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
		margin-bottom: 0.2rem;
	}
	
	.about-CultureFounder-image-caption {
		font-size: 0.2rem;
		color: #000;
		text-align: center;
	}
	
	.about-CultureFounder-bottom{background: url(../imagesNew/aboutus/about-CultureFounderPicbg.jpg) no-repeat;background-size: 100% 100%;min-height: 7rem;}
	
	.about-CultureFounder-content {
		position: relative;
		z-index: 1;
		max-width: 86%;
		width: 100%;
		color: #000;
		font-size: 0.3rem;
		line-height: 2.1;
		margin: 0 auto;
		padding-top: 1.2rem;
	}
	
	.about-CultureFounderTop-container {}
	
	.about-CultureFounderTop-title {
		font-size: 0.6rem;
		text-align: center;
		margin-bottom: 0.4rem;
		color: #003d79;
	}
	
	.about-CultureFounderTop-content-wrapper {
		overflow: hidden;
		margin-bottom: 0.4rem;
	}
	
	.about-CultureFounderTop-image-container {
		width: 5.55rem;
		height: 5.55rem;
		float: right;
		margin-left:0.4rem;
		margin-bottom: 0.1rem;
	}
	
	.about-CultureFounderTop-image-placeholder {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	
	.about-CultureFounderTop-paragraph {
		margin-bottom: 0.16rem;
		text-align: justify;
		font-size: 0.3rem;
		line-height: 1.8;
	}
	/*企业发展-发展历史*/
	
	.aoutcorporTime-timeline-container {
		margin: 0 auto;
	}
	
	.aoutcorporTime-period-title {
		text-align: center;
		font-size: 0.5rem;
		color: #ff6b35;

	}
	
	.aoutcorporTime-period-time {
		text-align: center;
		font-size: 0.35rem;
		color: #000;

	}
	
	.aoutcorporTime-period-desc {
		text-align: center;
		font-size: 0.25rem;
		color: #000;
		margin-bottom: -0.4rem;
	}
	
	.aoutcorporTime-img-container {
		display: flex;
		justify-content: center;
	}
	 
	
	.aoutcorporTime-main-img {
		object-fit: cover;
	}
	
	.aoutcorporTime-timeline {
		position: relative;
		margin-left: 52%;
		transform: translateX(-50%);
		width: 1px;
		background-color: #000;
		min-height: 8rem;
		margin-top: -0.3rem;
	}
	
	.aoutcorporTime-timeline-dot {
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		width: 0.12rem;
		height: 0.12rem;
		border-radius: 50%;
		background-color: #000;
	}
	
	.aoutcorporTime-timeline-dot-last {
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		width: 12px;
		height: 12px;
		border-radius: 50%;
		background-color: #ff6600;
		bottom: 0;
	}
	
	.aoutcorporTime-year-item {
		position: absolute;
		left: 1rem;
		width: 5rem;
		transform: translateY(-50%);
		position: relative;
	}
	
	.aoutcorporTime-timeline-dot::after {
		content: '';
		position: absolute;
		bottom: 50%;
		left: 50%;
		transform: translateX(0%);
		height: 1px;
		width: 0;
		background-color: currentColor;
		transition: width 0.3s ease-out;
		border-radius: 9999px;
		width: 0.8rem;
	}
	
	.aoutcorporTime-timeline-dotB::after {
		transform: translateX(-0.76rem);
	}
	
	.aoutcorporTime-year-item-right {
		position: absolute;
		right: 1rem;
		width: 5rem;
		transform: translateY(-50%);
		text-align: right;
	}
	
	.aoutcorporTime-year {
		font-size: 0.35rem;
		color: #000;
		margin-bottom: 5px;
	}
	
	.aoutcorporTime-year-desc {
		font-size: 0.22rem;
		color: #000;
		text-align: left;
		line-height: 1.6;
	}
	
	.aoutcorporTime-bottom-desc {
		margin-top: 0.4rem;
		padding: 0.1rem 0.4rem;
		background-color: #e5ebf1;
		border-radius: 30px;
		text-align: center;
		font-size: 0.25rem;
		color: #003D79;
	}
	
	.timeOne{margin: 1.6rem auto;}
	.timeOne-a-dota{top: 0.6rem;}
	.timeOne-a-dotb{top: 1.6rem;}
	.timeOne-a-dotc{top: 2.4rem;}
	.timeOne-a-dotd{top: 3.6rem;}
	.timeOne-a-dote{top:4.6rem;}
	.timeOne-a-dotf{top: 5.6rem;}
	.timeOne-a-dotg{top:6.6rem;}
	
	.timeOne-a-desc{top:1rem;}
	.timeOne-b-desc{top: 2rem;}
	.timeOne-c-desc{top:1.7rem;}
	.timeOne-d-desc{top:4.2rem;}
	.timeOne-e-desc{top:2.3rem;}
	.timeOne-f-desc{top:6rem;}
	.timeOne-g-desc{top:2.5rem;}
	
	.time-two{margin: 1rem auto;}
	.time-two-timeline{min-height: 5rem;}
	.time-two-dota{top: 0.6rem;}
	.time-two-dotb{top: 2.1rem;}
	
	.timetwo-a-desc{top:1.1rem;}
	.timetwo-b-desc{top: 2.6rem;}
	 
	
	
	
	
	
	/*社会责任*/
	
	.about-csr-responsibility-container {
		display: flex;
		gap: 0.6rem;
	}
	
	.about-csr-responsibility-card {
		flex: 1;
		background-color: #fff;
		border-radius: 12px;
		overflow: hidden;
		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
		transition: transform 0.3s ease;
	}
	/*.about-csr-responsibility-card:hover {
	transform:translateY(-5px);
}
*/
	
	.about-csr-responsibility-card:hover .about-csr-card-content {
		background: #e5ebf1;
	}
	
	.about-csr-card-img {
		width: 100%;
		object-fit: cover;
	}
	
	.about-csr-card-content {
		padding: 0.4rem 0;
	}
	
	.about-csr-card-title {
		font-size: 0.45rem;
		color: #003D79;
		margin-bottom: 0.12rem;
		text-align: center;
	}
	
	.about-csr-card-desc {
		font-size: 0.3rem;
		color: #000;
		line-height: 1.8;
		text-align: center;
		font-weight: 300;
	}
	
	.aboutcsr-des {
		font-size: 0.3rem;
		color: #000;
		line-height: 1.8;
		font-weight: 300;
	}
	
	.aboutcsr-des p {
		margin: 0.6rem 0;
		font-weight: 300;
	}
	/*社会贡献*/
	
	.about-crsconmedia-container {
    max-width: 86%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    padding: 20px 0;
}

/* 新增：Tab导航样式 - 沿用原有title的配色风格 */
.about-crsconmedia-tab-nav {
    display: flex;
    gap:0.6rem;
    justify-content: center;
    margin-bottom: 0.5rem;
    flex-wrap: wrap;
}
.about-crsconmedia-tab {
    display: inline-block;
    background: none;
    border: 1px solid #003D79;
    color: #003D79;
    padding: 0.1rem 0.4rem;
    border-radius: 30px;
    font-size: 0.35rem;
    cursor: pointer;
    transition: all 0.3s ease;
}
.about-crsconmedia-tab.active {
    background-color: #003D79;
    color: #FFFFFF;
}


/* Tab内容区：默认隐藏，仅active显示 */
.about-crsconmedia-tab-contents {
    width: 100%;
}
.about-crsconmedia-tab-content {
    display: none;
    width: 100%;
}
.about-crsconmedia-tab-content.active {
    display: block;
}

/* 原有内容样式保留 */
.about-crsconmedia-content {
    color: #000;
    line-height: 1.6;
    font-size: 0.3rem;
    text-align: justify;
    margin: 0.5rem 0;
}
.about-crsconmedia-content p {
    font-weight: 300;
    margin: 0;
}

/* 核心：图片轮播样式 - 复用原有轮播逻辑，适配图片区域 */
.about-crsconmedia-img-carousel {
    position: relative;
    width:8rem;
    overflow: hidden;
    margin: 0.2rem auto;
}
.about-crsconmedia-img-slides {
    display: flex;
    transition: transform 0.5s ease-in-out;
    width: 100%;
}
 .about-crsconmedia-img-slides img{min-width: 100%;}

/* 图片轮播左右按钮 - 复用原有按钮样式，微调定位 */
.about-crsconmedia-img-controls {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
    z-index: 10;
}
.about-crsconmedia-img-controls button {
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    border: none;
    width: 0.5rem;
    height: 0.5rem;
    font-size: 0.3rem;
    cursor: pointer;
    border-radius: 50%;
    transition: background-color 0.3s ease;
}
.about-crsconmedia-img-controls button:hover {
    background-color: rgba(0, 0, 0, 0.8);
}

/* 图片轮播指示器 - 复用原有指示器样式，动态生成 */
.about-crsconmedia-img-indicators {
    display: flex;
    gap: 10px;
    justify-content: center;
    margin-top: 0.3rem;
}
.about-crsconmedia-img-indicator {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: rgba(0, 61, 121, 0.5);
    cursor: pointer;
    transition: all 0.3s ease;
}
.about-crsconmedia-img-indicator.active {
    background-color: rgba(0, 61, 121, 1);
    width: 1rem;
    border-radius: 30px;
}
	/*媒体中心*/
	
	.mediapage-nav {
		display: flex;
		gap: 0.6rem;
		margin-bottom: 0.4rem;
		justify-content: center;
	}
	
	.mediapage-nav-btn {
		padding: 0.08rem 0.4rem;
		border-radius: 80px;
		font-size: 0.3rem;
		cursor: pointer;
		text-align: center;
	}
	
	.mediapage-nav-btn a {
		width: 100%;
		height: 100%;
		display: inline-block;
		color: #003d79;
		font-weight: 400;
	}
	
	.mediapage-nav-btn.active {
		background-color: #003d79;
		color: #fff;
		border: none;
	}
	
	.mediapage-nav-btn.active a {
		color: #fff;
	}
	
	.mediapage-nav-btn.default {
		background-color: #fff;
		color: #003d79;
		border: 1px solid #003d79;
	}
	
	.mediapage-follow {
		text-align: center;
		color: #969696;
		font-size: 0.25rem;
	}
	
	.mediapage-follow-icons {
		display: flex;
		justify-content: center;
		gap: 0.15rem;
		margin-top: 0.1rem;
		font-weight: 300;
	}
	
	.mediapage-follow-icons span {
		position: relative;
		/* 作为二维码的定位容器 */
		display: inline-block;
		cursor: pointer;
	}
	
	.mediapage-follow-icons .icon-hover {
		width: 0.33rem;
		vertical-align: middle;
	}
	/* 二维码容器样式 */
	
	.mediapage-follow-icons span i {
		position: absolute;
		top: 0.4rem;
		/* 显示在图标上方 */
		left: 50%;
		transform: translateX(-50%);
		padding: 0.1rem;
		background: #fff;
		border: 1px solid #e5e5e5;
		border-radius: 6px;
		box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
		display: none;
		/* 默认隐藏 */
		z-index: 10;
		width: 2rem;
		height: 2rem;
	}
	/* 二维码图片样式 */
	
	.mediapage-follow-icons span i img {
		width: 1.8rem;
		height: 1.8rem;
		display: block;
	}
	/* 二维码下方小三角 */
	
	.mediapage-follow-icons span i::after {
		content: '';
		position: absolute;
		bottom: -10px;
		left: 50%;
		transform: translateX(-50%);
		border: 10px solid transparent;
		border-top-color: #fff;
	}
	
	.mediapage-container {
		margin: 0 auto;
	}
	/* 隐藏所有内容容器，默认只显示第一个 */
	
	.mediapage-container {
		display: none;
	}
	
	.mediapage-container.active {
		display: block;
	}
	
	.mediapage-news-card {
		display: flex;
		margin-bottom: 0.6rem;
		border-radius: 12px;
		padding: 0.3rem;
		overflow: hidden;
		box-shadow: 0 4px 8px rgba(0, 61, 121, 0.2);
		align-items: center;
	}
	
	.mediapage-news-card:hover {
		background-color: #e9f0f7;
	}
	
	.mediapage-news-card:hover .mediapage-news-btn {
		background-color: #ff7a45;
		color: #fff;
		border: none;
		border: 1px solid #ff7a45;
	}
	
	{}
	
	.mediapage-news-image {
		flex: 0 0 6rem;
		overflow: hidden;
		border-radius: 12px;
		max-height: 4.5rem;
	}
	
	.mediapage-news-image img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	
	.mediapage-news-content {
		flex: 1;
		margin-left: 0.6rem;
	}
	
	.mediapage-news-title {
		font-size: 0.35rem;
		color: #0a4da2;
		line-height: 1.4;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		font-weight: 400;
	}
	
	.mediapage-news-time {
		font-size: 0.25rem;
		color: #000;
		margin: 0.2rem 0;
		font-weight: 400;
	}
	
	.mediapage-news-desc {
		font-size: 0.3rem;
		color: #000;
		line-height: 1.6;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		font-weight: 400;
	}
	
	.mediapage-news-btn {
		display: inline-block;
		padding: 0.14rem 0.4rem;
		border-radius: 30px;
		font-size: 0.2rem;
		cursor: pointer;
		text-decoration: none;
		background-color: #fff;
		color: #003d79;
		border: 1px solid #003d79;
		margin-top: 0.4rem;
	}
	
	.mediapage-news-btn:hover {
		background-color: #ff7a45;
		color: #fff;
		border: none;
		border: 1px solid #ff7a45;
	}
	
	.mediapage-con-container {}
	
	.mediapage-con-title {
		font-size: 0.35rem;
		color: #003d79;
		line-height: 1.5;
		text-align: center;
	}
	
	.mediapage-con-time {
		color: #000;
		font-size: 0.25rem;
		text-align: center;
		font-weight: 300;
		margin: 0.3rem 0;
	}
	
	.mediapage-con-content {
		font-size: 0.3rem;
		line-height: 2.1;
		margin-bottom: 0.6rem;
		font-weight: 300;
	}
	
	.mediapage-con-content p {
		font-weight: 300;
	}
	
	.mediapage-con-img {
		text-align: center;
		height: auto;
		object-fit: cover;
		margin: 0.4rem auto;
	}
	/*投资视角*/
	
	.investment-container {
		margin: 0 auto;
		text-align: center;
	}
	
	.investment-subtitle {
		font-size: 0.3rem;
		color: #000;
		margin-bottom: 0.5rem;
		line-height: 1.6;
		text-align: center;
	}
	
	.investment-cards-wrapper {
		display: flex;
		justify-content: space-around;
		flex-wrap: wrap;
		gap: 0.6rem;
		margin-top: 1rem;
	}
	
	.investment-card {
		flex: 1;
		min-width: 2.8rem;
		border-radius: 12px;
		box-shadow: 0 0 10px rgba(0, 65, 121, 0.2);
		padding: 0.2rem;
		text-align: center;
		position: relative;
		min-height: 3rem;
		padding-top: 0.8rem;
	}
	
	.investment-card-icon {
		width: 1.3rem;
		height: 1.3rem;
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 0 auto 0.2rem;
		position: absolute;
		top: -0.6rem;
		left: 50%;
		margin-left: -0.75rem;
		background: #FFFFFF;
		border-radius: 9999px;
	}
	
	.investment-card-title {
		font-size: 0.42rem;
		color: #003d7d;
		padding-bottom: 0.1rem;
		border-bottom: 1px solid #7d9ebf;
	}
	
	.investment-card-desc {
		font-size: 0.26rem;
		color: #000;
		line-height: 1.6;
		margin: 0.1rem 0;
		font-weight: 300;
	}
	
	.investment-containerB {
		background: url(../imagesNew/investment-bg3.jpg) no-repeat;
		background-size: 100%;
		padding: 1rem 0;
	}
	
	.investment-cards-wrapperB {
		display: flex;
		justify-content: space-around;
		flex-wrap: wrap;
		gap: 0.6rem;
	}
	
	.investment-cardB {
		padding-top: 0.6rem;
		background: rgba(243, 245, 248, 0.6);
		border: 1px solid #003D79;
	}
	
	.investment-cardB .investment-card-title {
		border-bottom: none;
		background: url(../imagesNew/investment-line.png) no-repeat bottom;
		background-size: 100%;
	}
	
	.investment-container {
		margin: 0 auto;
		position: relative;
		z-index: 1;
	}
	
	.investment-team-row {
		display: flex;
		justify-content: center;
		/* 居中排列 */
		gap: 0.8rem;
		/* 成员间的间距 */
		margin-bottom: 0.6rem;
	}
	/* 团队成员卡片 */
	
	.investment-team-card {
		flex: 0 0 auto;
		width: 2rem;
		/* 成员卡片宽度略微增大 */
		text-align: center;
	}
	/* 头像样式 */
	
	.investment-avatar-container {
		width: 2rem;
		height: 2rem;
		overflow: hidden;
		margin-bottom: 0.1rem;
	}
	
	.investment-avatar {
		width: 100%;
		height: 100%;
		object-fit: cover;
		display: block;
	}
	/* 姓名和职位样式 */
	
	.investment-name {
		font-size: 0.34rem;
		color: #003d7d;
	}
	
	.investment-position {
		font-size: 0.3rem;
		color: #000;
		font-weight: 300;
	}
	/* 了解更多按钮 */
	
	.investment-more-btn {
		display: block;
		width: 140px;
		height: 44px;
		line-height: 44px;
		text-align: center;
		margin: 2rem auto 0;
		border: 1px solid #2C5282;
		border-radius: 22px;
		color: #2C5282;
		font-size: 0.95rem;
		text-decoration: none;
		transition: all 0.3s ease;
	}
	
	.investment-more-btn:hover {
		background-color: #2C5282;
		color: #FFFFFF;
	}
	/* CSS Reset (Simplified) */
	
	.investment-media-body {
		font-family: 'Inter', 'Arial', 'Microsoft YaHei', sans-serif;
		margin: 0;
		padding: 40px 20px;
		background-color: #ffffff;
		/* 白色背景 */
		min-height: 100vh;
		color: #333;
	}
	/* 标题样式 */
	
	.investment-media-title {
		text-align: center;
		font-size: 38px;
		font-weight: 500;
		color: #333;
		margin-bottom: 60px;
		letter-spacing: 2px;
		position: relative;
		/* 标题的蓝色 */
		color: #004d99;
	}
	/* 内容容器 */
	
	.investment-media-container {
		margin: 0.8rem auto;
		padding: 0 10px;
	}
	/* 媒体列表行容器 (Flexbox for 3-column layout) */
	
	.investment-media-list {
		display: flex;
		flex-wrap: wrap;
		/* 允许换行 */
		justify-content: center;
		/* 居中对齐 */
		gap: 0.6rem;
		/* 卡片之间的间距 */
		list-style: none;
		padding: 0;
		margin: 0;
	}
	/* 媒体卡片项 */
	
	.investment-media-item {
		flex: 1 1 5rem;
		max-width: 5rem;
		padding: 0;
		margin-bottom: 0.3rem;
		text-align: left;
	}
	
	.investment-media-item:hover .investment-media-text,
	.investment-media-item:hover .investment-media-link,
	.investment-media-item:hover .investment-media-date {
		color: #FF5E15;
		font-weight: 300;
	}
	/* 图片容器 */
	
	.investment-media-image-box {
		overflow: hidden;
		margin-bottom: 0.3rem;
		max-height: 3.2rem;
	}
	/* 发布时间 */
	
	.investment-media-date {
		font-size: 0.25rem;
		color: #333;
		margin-bottom: 0.2rem;
	}
	/* 文章标题/摘要 */
	
	.investment-media-text {
		font-size: 0.35rem;
		line-height: 1.8;
		color: #000;
		margin-bottom: 0.3rem;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		font-weight: 300;
	}
	/* 查看详情链接 */
	
	.investment-media-link {
		font-size: 0.25rem;
		color: #333;
		text-decoration: none;
	}
	
	.investment-media-link:hover {
		text-decoration: underline;
	}
	
	.investment-contact-section {
		width: 100%;
		height: 6.7rem;
		background: url(../imagesNew/investment-bg3.jpg) no-repeat center center;
		background-size: cover;
		position: relative;
		display: flex;
		align-items: center;
		padding: 0 10%;
	}
	
	.investment-contact-section::before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(255, 255, 255, 0.7);
	}
	
	.investment-contact-content {
		position: relative;
		z-index: 1;
	}
	
	.investment-contact-title {
		font-size: 0.6rem;
		color: #003D79;
		margin-bottom: 0.6rem;
	}
	
	.investment-contact-btn {
		display: inline-block;
		padding: 0.16rem 0.3rem;
		border: 1px solid #003D79;
		border-radius: 80px;
		color: #FFFFFF;
		text-decoration: none;
		transition: all 0.3s ease;
		font-size: 0.2rem;
		background: none;
		cursor: pointer;
		background: #003d79;
	}
	
	.investment-contact-btn:hover {
		background-color: #003D79;
		color: #fff;
	}
	.investment-contact-tel{font-size: 0.2rem;color: #003D79;margin: 0.4rem 0;}
	.investment-contact-tip{font-size: 0.3rem;color: #000;margin: 0.4rem 0;}
	/*人才招聘*/
	/* 理念卡片容器 */
	
	.recruitment-cul-cards {
		display: flex;
		justify-content: space-between;
		gap: 0;
		flex-wrap: wrap;
		position: relative;
		margin-top: 1rem;
	}
	/* 分隔线样式 */
	
	.recruitment-cul-divider {
		width: 1px;
		background-color: #e6ecf2;
		align-self: stretch;
		margin: 0.4rem 0;
		height: 2rem;
		margin-top: 1.5rem;
	}
	/* 单个卡片样式 */
	
	.recruitment-cul-card {
		flex: 1;
		min-width: 2.8rem;
		text-align: center;
		padding: 0.3rem 0.6rem;
		transition: all 0.3s ease;
		position: relative;
		overflow: hidden;
	}
	/* 卡片图标容器 */
	
	.recruitment-cul-icon-wrapper {
		width: 1.5rem;
		height: 1.5rem;
		margin: 0 auto 0.26rem;
		border-radius: 50%;
		background-color: #e6ecf2;
	}
	/* 图标样式 */
	
	.recruitment-cul-icon {
		width: 1.46rem;
		height: 1.46rem;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	/* 卡片标题 */
	
	.recruitment-cul-card-title {
		font-size: 0.4rem;
		color: #003D79;
		margin-bottom: 0.2rem;
	}
	/* 卡片内容 */
	
	.recruitment-cul-card-content {
		font-size: 0.3rem;
		color: #000;
		line-height: 1.6;
		font-weight: 300;
	}
	
	.recruitment-cul-container {
		width: 100%;
	}
	/* 标签导航容器 */
	
	.recruitment-cul-tabs {
		display: flex;
		justify-content: center;
		border-bottom: 3px solid #e2e8f0;
		margin: 0.4rem auto;
		position: relative;
	}
	/* 单个标签样式 */
	
	.recruitment-cul-tab {
		padding: 0.1rem;
		cursor: pointer;
		font-size: 0.3rem;
		color: #000;
		position: relative;
		transition: color 0.3s ease;
		margin-right: 0.8rem;
	}
	
	.recruitment-cul-tab.active::after {
		content: '';
		position: absolute;
		bottom: -2px;
		left: 0;
		width: 100%;
		height: 3px;
		background-color: #003D79;
	}
	/* 图片容器 */
	
	.recruitment-cul-image-container {
		width:86%;
		margin: 0 auto;
	}
	/* 图片样式 */
	
	.recruitment-cul-image {
		width: 80%;
		height: auto;
		display: block;
		transition: transform 0.5s ease;
		margin: 0 auto;
	}
	/*培训与发展*/
	
	.recruitment-TDImgbox {
		width: 86%;
		margin: 0.8rem auto;
		text-align: center;
	}
	.recruitment-TDImgbox img{width: 80%;}
	
	.recruitment-TDcontainer {
		background: #e6ebf1;
		background-size: 100%;
		padding: 0.6rem 0;
	}
	
	.recruitment-TDcontainer .investment-cards-wrapper {
		gap: 0.8rem;
	}
	
	.recruitment-TDcontainer .investment-card {
		background: #FFFFFF;
		text-align: left;
		flex: 0.8;
		padding: 1.2rem 0.6rem 0.3rem 0.6rem;
	}
	
	.recruitment-TDcontainer .investment-card-title {
		text-align: center;
	}
	
	.recruitment-TDdec {
		font-size: 0.4rem;
		text-align: center;
		margin: 1rem auto 0.6rem auto;
	}
	/*人才理念*/
	
	.recruitment-Talent-section {
		display: flex;
		align-items: center;
		margin-bottom: 1.2rem;
		gap: 1.2rem;
	}
	
	.recruitment-Talent-section:nth-child(even) {
		flex-direction: row-reverse;
	}
	
	.recruitment-Talent-text {
		flex: 1;
	}
	
	.recruitment-Talent-title {
		font-size: 0.54rem;
		color: #003D79;
		margin-bottom: 0.2rem;
		line-height: 1.3;
	}
	
	.recruitment-Talent-divider {
		width: 1.1rem;
		height: 4px;
		background-color: #003D79;
		margin: 0.6rem 0;
	}
	
	.recruitment-Talent-desc {
		font-size: 0.27rem;
		color: #000;
		line-height: 1.8;
		font-weight: 300;
	}
	/* 图片区域样式 */
	
	.recruitment-Talent-image {
		flex: 1;
		overflow: hidden;
		transition: transform 0.3s ease;
	}
	
	.recruitment-Talent-image img {
		width: 100%;
		height: auto;
		display: block;
	}
	
	.recruitment-Talent-image:hover {
		transform: translateY(-5px);
	}
	/*加入我们*/
	/* 流程容器 */
	
	.recruitment-join-process {
		display: flex;
		justify-content: space-between;
		align-items: center;
		position: relative;
		width: 100%;
		margin-top: 0.8rem;
	}
	/* 流程步骤通用样式 */
	
	.recruitment-join-step {
		flex-direction: column;
		position: relative;
		padding-left: 0.2rem;
		width: 20%;
	}
	/* 步骤图标容器 */
	
	.recruitment-join-icon {
		display: flex;
		align-items: center;
		justify-content: center;
		margin-bottom: 0.2rem;
		position: relative;
		transition: all 0.3s ease;
		width: 100%;
	}
	
	.recruitment-join-icon img {
		width: 100%;
	}
	/* 步骤文字 */
	
	.recruitment-join-step-text {
		text-align: left;
	}
	
	.recruitment-join-step-title {
		font-size: 0.4rem;
		color: #003D79;
		margin-bottom: 5px;
	}
	
	.recruitment-join-step-desc {
		font-size: 0.3rem;
		color: #000;
		line-height: 1.5;
	}
	/* 容器样式 */
	
	.recruitment-join-container {
		max-width: 86%;
		margin: 0.6rem auto;
		background-color: #fff;
		border-radius: 12px;
		box-shadow: 0 4px 20px rgba(0, 61, 121, 0.2);
		overflow: hidden;
		padding: 0.4rem;
	}
	/* 表头样式 */
	
	.recruitment-join-header {
		display: grid;
		grid-template-columns: 2fr 1fr 1fr 1fr 1.5fr 0.2fr;
		padding: 0.2rem;
		border-bottom: 1px solid #e8edf3;
		color: #000;
		font-size: 0.3rem;
		text-align: center;
	}
	/* 岗位列表样式 */
	
	.recruitment-join-jobs {
		list-style: none;
	}
	/* 岗位项样式 */
	
	.recruitment-join-job-item {
		margin-bottom: 0.4rem;
	}
	/* 岗位标题行 */
	
	.recruitment-join-job-header {
		display: grid;
		grid-template-columns: 2fr 1fr 1fr 1fr 1.5fr 0.2fr;
		padding: 0.2rem;
		background-color: #e4ebf3;
		align-items: center;
		cursor: pointer;
		transition: background-color 0.3s ease;
		color: #003D79;
		font-size: 0.34rem;
		text-align: center;
	}
	
	.recruitment-join-job-header:hover {
		background-color: #e6f0fa;
	}
	/* 展开/收缩按钮 */
	
	.recruitment-join-toggle {
		display: inline-block;
		transition: transform 0.3s ease;
		font-size: 0.24rem;
		margin-right: 0.2rem;
	}
	
	.recruitment-join-toggle.expanded {
		transform: rotate(180deg);
	}
	/* 岗位详情内容 */
	
	.recruitment-join-job-content {
		padding: 0.4rem;
		display: none;
		background-color: #fff;
	}
	
	.recruitment-join-job-content.active {
		display: block;
	}
	/* 详情标题 */
	
	.recruitment-join-section-title {
		font-size: 0.3rem;
		color: #000;
		margin-bottom: 0.15rem;
	}
	/* 职责和要求列表 */
	
	.recruitment-join-list {
		font-size: 0.3rem;
		margin-bottom: 0.3rem;
	}
	
	.recruitment-join-list li {
		margin-bottom: 0.1rem;
		line-height: 1.7;
		position: relative;
		padding-left: 0.4rem;
		font-weight: 300;
	}
	
	.recruitment-join-list li:before {
		content: "•";
		position: absolute;
		left: 4px;
		color: #000;
		font-weight: bold;
		font-size: 0.4rem;
		top: -6px;
		font-weight: 700;
	}
	/* 投递按钮 */
	
	.recruitment-join-apply-btn {
		display: inline-block;
		padding: 0.1rem 0.4rem;
		background-color: #ff5e15;
		color: #fff;
		border: none;
		border-radius: 30px;
		font-size: 0.25rem;
		cursor: pointer;
		transition: background-color 0.3s ease;
		text-decoration: none;
		font-weight: 300;
	}
	
	.recruitment-join-apply-btn:hover {
		background-color: #e66a00;
	}
	
	.recruitment-Join-resume-delivery {
		display: flex;
		align-items: center;
		background: url(../imagesNew/recruitment/recruitment-Join-bottombg.jpg) no-repeat center center;
		background-size: cover;
		padding: 1.6rem 0;
	}
	
	.recruitment-Join-container {
		width: 100%;
		max-width: 86%;
		margin: 0 auto;
		align-items: center;
	}
	
	.recruitment-Join-text-content {
		color: #000;
	}
	
	.recruitment-Join-text-content h2 {
		font-size: 0.6rem;
		color: #003D79;
		margin-bottom: 0.4rem;
	}
	
	.recruitment-Join-text-content ul {
		list-style: none;
		font-size: 0.3rem;
		line-height: 1.8;
	}
	
	.recruitment-Join-text-content ul li {
		margin-bottom: 0.2rem;
		font-weight: 300;
	}
	/*投递简历按钮*/
	/* 弹出层背景 */
	
	.recruitment-join-modal {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 1050;
		display: none;
		overflow: hidden;
		outline: 0;
	}
	
	.recruitment-join-modal-overlay {
		position: fixed;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		background-color: rgba(0, 0, 0, 0.5);
		backdrop-filter: blur(2px);
		transition: opacity 0.3s;
	}
	/* 弹出层容器 */
	
	.recruitment-join-modal-container {
		position: relative;
		width: auto;
		max-width: 56%;
		margin: 2rem auto;
		background-color: #fff;
		border-radius: 8px;
		box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
		overflow: hidden;
		animation: modalSlideIn 0.1s ease-out;
	}
	/* 弹出层动画 */
	
	@keyframes modalSlideIn {
		from {
			transform: translateY(-10px);
			opacity: 0.6;
		}
		to {
			transform: translateY(0);
			opacity: 1;
		}
	}
	/* 弹出层头部 */
	
	.recruitment-join-modal-header {
		padding: 0.3rem;
		border-bottom: 1px solid #eee;
		display: flex;
		justify-content: space-between;
		align-items: center;
		text-align: center;
	}
	
	.recruitment-join-modal-title {
		margin: 0;
		font-size: 0.4rem;
		color: #003D79;
	}
	
	.recruitment-join-modal-close {
		background: none;
		border: none;
		font-size: 0.6rem;
		color: #888;
		cursor: pointer;
		padding: 0;
		line-height: 1;
		transition: color 0.2s;
	}
	
	.recruitment-join-modal-close:hover {
		color: #333;
	}
	/* 弹出层内容区 */
	
	.recruitment-join-modal-body {
		padding: 0.8rem;
		max-height: 70vh;
		overflow-y: auto;
	}
	/* 表单样式 */
	
	.recruitment-join-form-group {
		margin-bottom: 0.4rem;
		font-size: 0.3rem;
	}
	
	.recruitment-join-form-label {
		display: inline-block;
	}
	
	.recruitment-join-required {
		color: #e53e3e;
	}
	
	.recruitment-join-form-control {
		display: inline-block;
		width: 60%;
		padding: 0.1rem;
		font-size: 0.3rem;
		line-height: 1.5;
		color: #003D79;
		background-color: #fff;
		border: 1px solid #ced4da;
		border-radius: 4px;
		transition: border-color 0.2s, box-shadow 0.2s;
	}
	
	.recruitment-join-form-control:focus {
		outline: none;
		border-color: #101e50;
		box-shadow: 0 0 0 3px rgba(16, 30, 80, 0.1);
	}
	/* 上传区域样式 */
	
	.recruitment-join-upload-area {
		position: relative;
		width: 60%;
		display: inline-block;
	}
	
	.recruitment-join-upload-input {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		opacity: 0;
		cursor: pointer;
		z-index: 2;
	}
	
	.recruitment-join-upload-hint {
		padding: 0.2rem;
		text-align: center;
		border: 2px dashed #ddd;
		border-radius: 4px;
		transition: border-color 0.3s, background-color 0.3s;
	}
	
	.recruitment-join-upload-area:hover .recruitment-join-upload-hint {
		border-color: #101e50;
		background-color: rgba(16, 30, 80, 0.02);
	}
	
	.recruitment-join-upload-icon {
		display: inline-block;
		width: 0.6rem;
		height: 0.6rem;
		line-height: 0.6rem;
		border-radius: 50%;
		background-color: #f0f2f5;
		color: #101e50;
		font-size: 0.6rem;
		margin-bottom: 0.2rem;
		text-align: center;
	}
	
	.recruitment-join-upload-hint p {
		margin: 0 0 0.1rem 0;
		color: #666;
	}
	
	.recruitment-join-upload-note {
		font-size: 0.3rem;
		color: #999;
	}
	
	.recruitment-join-upload-preview {
		margin-top: 0.2rem;
		padding: 0.8rem;
		background-color: #f9fafb;
		border-radius: 4px;
		display: none;
	}
	
	.recruitment-join-upload-preview.show {
		display: flex;
		align-items: center;
	}
	
	.recruitment-join-upload-preview i {
		color: #101e50;
		margin-right: 0.5rem;
	}
	
	.recruitment-join-upload-preview span {
		flex: 1;
		word-break: break-all;
	}
	
	.recruitment-join-upload-preview button {
		background: none;
		border: none;
		color: #e53e3e;
		cursor: pointer;
		padding: 0.2rem;
	}
	/* 弹出层底部按钮区 */
	
	.recruitment-join-modal-footer {
		padding: 0.1rem 0.4rem;
		border-top: 1px solid #eee;
		display: flex;
		justify-content: flex-end;
		gap: 0.8rem;
	}
	
	.recruitment-join-modal-btn {
		padding: 0.1rem 0.2rem;
		border-radius: 4px;
		cursor: pointer;
		transition: all 0.2s;
		border: none;
		font-size: 0.3rem;
	}
	
	.recruitment-join-modal-btn-cancel {
		background-color: #f3f4f6;
		color: #4b5563;
	}
	
	.recruitment-join-modal-btn-cancel:hover {
		background-color: #e5e7eb;
	}
	
	.recruitment-join-modal-btn-submit {
		background-color: #101e50;
		color: white;
	}
	
	.recruitment-join-modal-btn-submit:hover {
		background-color: #1a3080;
	}
	
	.recruitment-join-modal-btn:disabled {
		opacity: 0.7;
		cursor: not-allowed;
	}
	/* 成功提示 */
	
	.recruitment-join-success-toast {
		position: fixed;
		top: 2rem;
		left: 50%;
		transform: translateX(-50%);
		z-index: 1060;
		display: none;
	}
	
	.recruitment-join-toast-content {
		background-color: #10b981;
		color: white;
		padding: 0.8rem 1.5rem;
		border-radius: 4px;
		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
		display: flex;
		align-items: center;
		animation: toastFadeIn 0.3s, toastFadeOut 0.3s 2.7s;
	}
	
	.recruitment-join-toast-icon {
		margin-right: 0.5rem;
		font-weight: bold;
	}
	
	@keyframes toastFadeIn {
		from {
			opacity: 0;
			transform: translateY(-20px);
		}
		to {
			opacity: 1;
			transform: translateY(0);
		}
	}
	
	@keyframes toastFadeOut {
		from {
			opacity: 1;
			transform: translateY(0);
		}
		to {
			opacity: 0;
			transform: translateY(-20px);
		}
	}
	/**异形照片轮播*/
	
	.recruitment-Cul-carousel-wrapper {
		perspective: 15.0rem;
		/* Scaled from 12.5rem */
		display: block;
		position: relative;
		height: 7.0rem;
		/* Scaled from 5.8rem */
		overflow: hidden;
		background: url(../imagesNew/recruitment/recruitment-Culturelivebg.png) no-repeat;
		background-size: 100% 100%;
		margin-top: -0.8rem;
	}
	/* Carousel control buttons style */
	
	.recruitment-Cul-nav-button {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		background: rgba(16, 30, 80, 0.7);
		color: white;
		border: none;
		padding: 0.15rem;
		cursor: pointer;
		font-size: 0.28rem;
		z-index: 20;
		border-radius: 50%;
		width: 0.6rem;
		height: 0.6rem;
		display: flex;
		align-items: center;
		justify-content: center;
		transition: background 0.3s, transform 0.3s;
		box-shadow: 0 0.04rem 0.1rem rgba(0, 0, 0, 0.3);
	}
	
	.recruitment-Cul-nav-button:hover {
		background: rgba(16, 30, 80, 0.9);
		transform: translateY(-50%) scale(1.1);
	}
	
	#recruitment-Cul-prevButton {
		left: 0.15rem;
	}
	
	#recruitment-Cul-nextButton {
		right: 0.15rem;
	}
	
	.recruitment-Cul-card-item {
		transition: transform 0.5s ease, opacity 0.5s ease, height 0.5s ease;
		box-shadow: 0 0.1rem 0.3rem rgba(0, 0, 0, 0.2);
		background-color: white;
		width: 3.0rem;
		/* Target Width: 300px */
		overflow: hidden;
		cursor: pointer;
		position: absolute;
		bottom: 1.0rem;
		/* Scaled from 0.8rem */
		left: 50%;
		transform-origin: 50% 100%;
		/* Default state: invisible, no 3D effect */
		transform: translateX(-50%) scale(0.5);
		opacity: 0;
		pointer-events: none;
		height: 0rem;
	}
	/* Only cards in positions 1 to 5 are visible and interactive */
	
	.recruitment-Cul-card-1,
	.recruitment-Cul-card-2,
	.recruitment-Cul-card-3,
	.recruitment-Cul-card-4,
	.recruitment-Cul-card-5 {
		pointer-events: auto;
	}
	
	.recruitment-Cul-card-image {
		width: 100%;
		height: 100%;
		object-fit: cover;
		transition: transform 0.3s;
	}
	
	.recruitment-Cul-card-item:hover .recruitment-Cul-card-image {
		transform: scale(1.03);
	}
	/* ------------------ 3D Carousel Position and Effect (5 Key Positions) ------------------ */
	
	 :root {
		--recruitment-Cul-card-gap: 3.2rem;
		/* Scaled from 2.7rem */
	}
	/* Card 3 (Center Active) - Scaled height: 3.8rem */
	
	.recruitment-Cul-card-3 {
		height: 3.9rem;
		transform: translateX(calc(-50% + 0rem)) rotateY(0deg) scale(1.15) translateZ(0rem) translateY(-0.22rem);
		/* Adjusted Y */
		opacity: 1.0;
		z-index: 10;
	}
	/* Card 2 (Left Two) - Scaled height: 4.6rem */
	
	.recruitment-Cul-card-2 {
		height: 4.6rem;
		/* Adjusted for new gap */
		transform: translateX(calc(-50% - var(--recruitment-Cul-card-gap))) rotateY(10deg) translateZ(-0.24rem) scale(1.0) translateY(-0.18rem) translateX(-0.18rem);
		opacity: 0.9;
		z-index: 8;
	}
	/* Card 1 (Far Left) - Scaled height: 5.2rem */
	
	.recruitment-Cul-card-1 {
		height: 5.2rem;
		/* Adjusted for new gap */
		transform: translateX(calc(-50% - calc(2 * var(--recruitment-Cul-card-gap)))) rotateY(30deg) translateZ(-0.6rem) scale(0.95) translateY(0.024rem) translateX(-0.18rem);
		opacity: 0.8;
		z-index: 5;
	}
	/* Card 4 (Right Two) - Scaled height: 4.6rem */
	
	.recruitment-Cul-card-4 {
		height: 4.6rem;
		/* Adjusted for new gap */
		transform: translateX(calc(-50% + var(--recruitment-Cul-card-gap))) rotateY(-15deg) translateZ(-0.24rem) scale(1.0) translateY(-0.192rem) translateX(0.24rem);
		opacity: 0.9;
		z-index: 8;
	}
	/* Card 5 (Far Right) - Scaled height: 5.3rem */
	
	.recruitment-Cul-card-5 {
		height: 5.3rem;
		/* Adjusted for new gap */
		transform: translateX(calc(-50% + calc(2 * var(--recruitment-Cul-card-gap)))) rotateY(-30deg) translateZ(-0.6rem) scale(0.95) translateY(0.06rem) translateX(0.18rem);
		opacity: 0.8;
		z-index: 5;
	}
	/* Image caption area style */
	
	.recruitment-Cul-caption {
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		padding: 0.18rem 0.1rem;
		text-align: center;
		color: white;
		font-size: 0.18rem;
		/* Adjusted for readability */
		font-weight: 500;
		background: linear-gradient(to top, rgba(16, 30, 80, 0.95), rgba(16, 30, 80, 0.5), transparent);
		font-weight: 300;
	}
	/* ------------------ Modal (Modal) Style ------------------ */
	
	#recruitment-Cul-imageModal {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.9);
		display: flex;
		align-items: center;
		justify-content: center;
		z-index: 1000;
		opacity: 0;
		visibility: hidden;
		transition: opacity 0.3s ease;
		overflow: hidden;
	}
	
	#recruitment-Cul-imageModal.show {
		opacity: 1;
		visibility: visible;
	}
	
	.recruitment-Cul-modal-content {
		position: relative;
		max-width: 90vw;
		max-height: 90vh;
		overflow: hidden;
	}
	
	.recruitment-Cul-modal-content img {
		display: block;
		width: auto;
		height: auto;
		max-width: 100%;
	}
	
	.recruitment-Cul-modal-close {
		position: absolute;
		top: 1.6rem;
		right: 0.4rem;
		color: white;
		font-size: 0.5rem;
		font-weight: bold;
		transition: 0.3s;
		cursor: pointer;
		z-index: 1001;
		text-shadow: 0 0 0.1rem black;
	}
	
	.recruitment-Cul-modal-close:hover,
	.recruitment-Cul-modal-close:focus {
		color: #ccc;
	}
	
	.contact-item {
		display: flex;
		align-items: flex-end;
		margin-top: 0.6rem;
		padding-bottom: 0.6rem;
		gap: 0.2rem;
		border-bottom: 1px solid #e6ecf2;
	}
	
	.contact-info-web {
		flex: 1;
		padding-right: 0.2rem;
	}
	
	.contact-image {
		flex: 1;
	}
	
	.contact-image img {
		width: 100%;
		height: auto;
		border: none;
	}
	
	.contact-title {
		font-size: 0.54rem;
		color: #003D79;
		margin-bottom: 0.2rem;
	}
	
	.contact-desc {
		font-size: 0.3rem;
		color: #003D79;
		margin-bottom: 0.2rem;
	}
	
	.contact-detail {
		background-color: #e6ecf2;
		padding: 0.2rem;
		border-radius: 8px;
	}
	
	.contact-detail p {
		margin: 0.1rem 0;
		font-size: 0.24rem;
		font-weight: 300;
	}
	
	.contact-detail .icon {
		margin-right: 0.08rem;
		color: #000;
		vertical-align: middle;
		width: 0.3rem;
		display: inline-block;
	}
	
	.form-message {
		margin-top: 10px;
		text-align: center;
	}
	
	.required::after {
		content: '*';
		color: #F44336;
		margin-left: 2px;
	}
	
	.icontop {
		width: 0.5rem;
		height: 0.5rem;
		background: url(../imagesNew/top.png) no-repeat;
		background-size: cover;
		bottom: 10%;
		right: 10px;
		position: fixed;
		cursor: pointer;
	}
	
	.imCmBN {
		bottom: 16% !important;
	}
	/*改版的技术方案*/
	/* 卡片容器（网格布局 - 固定每行2列） */
	
	.pro-service-cards {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 0.6rem;
		margin-top:0.4rem;
		@media (max-width: 768px) {
			/* 移动端适配：平板/手机改为1列 */
			grid-template-columns: 1fr;
		}
		
	}
	/* 单个服务卡片 - 核心：Flex左右布局 */
	
	.pro-service-card {
		display: flex;
		/* 开启Flex布局 */
		align-items: stretch;
		background: #fff;
		border-radius: 12px;
		box-shadow: 0 2px 15px rgba(0, 61, 125, 0.1);
		overflow: hidden;
		transition: transform 0.3s ease;
	}
	
	.pro-service-card:hover {
		transform: translateY(-5px);
		background: #e6ecf2;
	}
	/* 卡片图片 - 左半部分 */
	
	.pro-service-card-img {
		width: 50%;
		height: 100%;
		object-fit: cover;
		flex-shrink: 0;
	}
	
	.pro-service-card-content {
		flex: 1;
		padding: 0.4rem;
		display: flex;
		flex-direction: column;
		justify-content: center;
		/* 垂直居中 */
		gap: 0.6rem;
		/* 标题和按钮之间的间距 */
	}
	/* 卡片标题 */
	
	.pro-service-card-title {
		font-size: 0.4rem;
		color: #003d7d;
	}
	/* 卡片按钮 */
	
	.pro-service-card-btn {
		align-self: flex-start;
		/* 按钮左对齐 */
		padding: 0.1rem 0.6rem;
		background: #fff;
		border: 1px solid #003D79;
		color: #003D79;
		border-radius: 30px;
		cursor: pointer;
		font-size: 0.2rem;
		transition: background 0.3s ease;
	}
	
	.pro-service-card:hover .pro-service-card-btn {
		background: #e6ecf2;
	}
	/* 移动端适配：小屏幕改为上下结构 */
	
	@media (max-width: 576px) {
		.pro-service-card {
			flex-direction: column;
			/* 图片在上，文字在下 */
		}
		.pro-service-card-img {
			width: 100%;
			height: 180px;
			/* 固定图片高度 */
		}
	}
	/* 页面整体容器 */
	
	.pro-service-wrapper {
		background-color: #f5f8fa;
		/* 匹配原图浅蓝灰背景 */
	}
	/* 介绍文本 */
	
	.pro-service-about-desc {
		font-size: 0.3rem;
		color: #000;
		line-height: 1.6;
		text-align: justify;
		 
	}
	/* 资质认证标题（带左右横线） */
	
	.pro-service-cert-title {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 0.6rem;
		font-size: 0.6rem;
		color: #003D79;
		margin:0.4rem 0;
	}
	
	.pro-service-cert-title::before,
	.pro-service-cert-title::after {
		content: '';
		flex: 1;
		height: 1px;
		background-color: #b0c4de;
		max-width: 0.8rem;
		/* 限制横线长度 */
	}
	/* 资质卡片容器 */
	
	.pro-service-cert-container {
		display: flex;
		justify-content: space-between;
		gap: 0.3rem;
		flex-wrap: wrap;
		/* 小屏幕自动换行 */
	}
	/* 单个资质卡片 */
	
	.pro-service-cert-card {
		flex: 1;
		min-width: 2.8rem;
		/* 保证小屏幕卡片不挤压 */
		text-align: center;
	}
	.pro-service-cert-card img{width: 80%;}
	
	.pro-service-cert-text-line {
		font-size: 0.25rem;
		color: #000;
		margin-top: 0.2rem;
	}
	/* 联系我们主容器 - 弹性布局实现左右分栏 */
	
	.pro-service-contact-container {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin: 0 auto;
		gap: 0.6rem;
		/* 左右栏间距 */
	}
	/* 左侧文字信息区 */
	
	.pro-service-contact-info {
		flex: 1;
		/* 占满剩余空间 */
	}
	/* 主标题样式 */
	
	.pro-service-contact-title {
		font-size: 0.6rem;
		color: #003D79;
		margin-bottom: 0.2rem;
		font-weight: normal;
	}
	/* 副标题样式 */
	
	.pro-service-contact-subtitle {
		font-size: 0.3rem;
		color: #003D79;
		margin-bottom: 0.3rem;
	}
	/* 研究院名称 */
	
	.pro-service-contact-inst {
		font-size: 0.3rem;
		margin-bottom: 0.2rem;
	}
	/* 电话样式 */
	
	.pro-service-contact-tel {
		font-size: 18px;
		margin-bottom: 16px;
	}
	/* 地址样式 */
	
	.pro-service-contact-address {
		font-size: 18px;
	}
	/* 右侧地图容器 */
	
	.pro-service-map-wrap {
		flex: 1;
		/* 占满剩余空间 */
	}
	/* 地图图片样式 */
	
	.pro-service-map-img {
		width: 100%;
		height: auto;
		/* 保持宽高比 */
		max-width: 600px;
		/* 限制最大宽度 */
	}
	/* 响应式适配 - 小屏幕下改为垂直布局 */
	
	@media (max-width: 768px) {
		.pro-service-contact-container {
			flex-direction: column;
			align-items: flex-start;
			gap: 30px;
		}
		.pro-service-contact-title {
			font-size: 36px;
		}
		.pro-service-map-img {
			max-width: 100%;
			/* 小屏幕下图片全屏 */
		}
		
	}
	/* 主容器：居中+内边距 */
	
	.pro-service-specs-container {
		padding: 0.4rem 0;
	}
	/* 单个参数项：Flex布局（图标+文字） */
	
	.pro-service-spec-item {
		display: flex;
		align-items: center;
		margin-bottom: 0.4rem;
		gap: 0.2rem;
	}
	/* 图标容器：固定宽度+蓝色填充 */
	
	.pro-service-spec-icon {
		min-width: 1.2rem;
	}
	/* 参数文字区域 */
	
	.pro-service-spec-content {
		line-height: 1.8;
	}
	/* 参数标题：深蓝色+加粗 */
	
	.pro-service-spec-title {
		font-size: 0.3rem;
		color: #003D79;
	}
	/* 参数描述：常规字体 */
	
	.pro-service-spec-desc {
		font-size: 0.26rem;
	}
	
	.pro-service-Banner {
		bottom: 15%;
		text-align: center;
	}
	
	.pro-techcellpic img {
		width: 100%;
	}
	.products-solutionimg img{width: 70%;}
	.pro-service-contactBox {
		width: 100%;
		margin: 0.6rem auto;
		padding: 0.4rem 0.2rem;
		position: relative;
		overflow: hidden;
		background: url('../imagesNew/products/pro-servicePic09.jpg') right center no-repeat;
		background-size: contain;
	}
	
	.pro-service-process-container {
		width: 86%;
		margin: 0 auto;
	}
	/* 标题样式 */
	
	.pro-service-process-title {
		font-size: 0.6rem;
		color: #003D79;
		margin-bottom: 0.3rem;
	}
	
	.pro-service-process-container .contactxtblue {
		text-align: left;
		margin-top: 0.8rem;
	}
	/*投资者板块*/
	/* 外层容器样式 - 控制背景和整体布局 */
	
	.section-animate.perspective-container {
		width: 100%;
		height: 5rem;
		background: url("../imagesNew/investment-bg1.jpg") no-repeat center right;
		/* 替换为实际背景图URL */
		background-size: cover;
		display: flex;
		align-items: center;
		padding-left: 8%;
		box-sizing: border-box;
	}
	/* 文字内容容器 */
	
	.text-content {
		max-width: 86%;
	}
	/* 主标题样式 */
	
	.perspective-main-title,
	.perspective-sub-title {
		font-size: 0.6rem;
		color: #003d79;
		line-height: 1.2;
		margin-bottom: 0.2rem;
		font-weight: 500;
	}
	/* 使命文字样式 */
	
	.perspective-mission-text {
		font-size: 0.3rem;
		/* 使命文字字号更小 */
		color: #000;
		/* 深灰色，匹配图片文字颜色 */
		line-height: 1.5;
		font-weight: 400;
	}
 
  /* 主容器 */
  .perspective-pcr-container {
    max-width:86%;
    margin:1.6rem auto;
}

/* 标题区域 */
.perspective-header {
    text-align: center;
    margin-bottom:0.45rem;
}

.perspective-header-title {
    font-size: 0.5rem;
    color: #003D79;
 
}

.perspective-header-desc {
    font-size:0.24rem;
    color: #000;
    line-height: 1.6;
}

/* 卡片容器 */
.perspective-cards {
    display: flex;
    gap:0.6rem;
}

/* 卡片基础样式 - 核心调整：初始显示图片，active类替代hover */
.perspective-card {
    flex:1;
    position: relative;
    width: 33%;
    height: 3.6rem;  
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    transition: height 0.4s ease, box-shadow 0.4s ease;
}

/* 卡片active时高度变长，显示文字内容（替代原:hover） */
.perspective-card.active {
    height:7.4rem;  
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

/* 初始图片层 - 调整：点击后隐藏（通过active类） */
.perspective-card-image {           
    width: 100%;
    height: 100%;
    min-height: 3.6rem;
    background-size: cover;
    background-position: center;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    transition: opacity 0.3s ease; /* 渐变隐藏 */
}
.perspective-card-image img{width:100%; height: auto;}
/* 替换为active类控制隐藏 */
.perspective-card.active .perspective-card-image {
    opacity: 0;
    pointer-events: none;
}

/* 图片上的文字样式 */
.perspective-card-image-text {
    position: absolute;
    bottom: 0.3rem;
    font-size:0.45rem;
    color: #fff;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

.perspective-card-diamond {
    text-align: center;
    justify-content: center;
    align-items: center;
    z-index: 2;
    opacity: 0;
    transition: opacity 0.3s ease;
    width:0.8rem;height: 0.8rem;
    margin: 0 auto;
}
/* 替换为active类控制显示 */
.perspective-card.active .perspective-card-diamond {
    opacity: 1; 
}
/* 隐藏原有默认文字 */
.perspective-card-default {
    display: block;
}

/* hover内容区域 - 核心调整：active类替代hover，新增关闭按钮样式 */
.perspective-card-hover {
    position: absolute;
    top: 0; /* 从顶部开始，覆盖图片 */
    left: 0;
    width: 100%;
    height: 100%;
    background:rgba(0,61,121,0.3);
    padding:0.2rem;
    overflow: hidden;  
    z-index: 3;
    opacity: 0;  
    transition: opacity 0.3s ease;
}
/* 替换为active类控制显示 */
.perspective-card.active .perspective-card-hover {
    opacity: 1;  
}

.perspective-card-con{ 
    background: #FFFFFF;
    padding:0.2rem;
    border-radius: 8px;
    /* 调整内边距，给关闭按钮留出空间 */
    margin-top: 0.2rem;
    height: 5rem;
}

/* 新增关闭按钮样式 */
.perspective-card-close {
    position: absolute;
    bottom: 0.2rem;
    left: 50%;
    width: 0.5rem;
    height: 0.5rem;
    margin-left: -0.25rem;
    line-height: 0.5rem;
    text-align: center;
    font-size: 0.4rem;
    color: #fff;
    background: rgba(0,0,0,0.5);
    border-radius: 50%;
    cursor: pointer;
    z-index: 4; /* 确保在最上层 */  
    font-weight: 100;
}

.perspective-card-close img{width: 80%;}
/* 当卡片处于active状态时，箭头向上旋转180度 */
.perspective-card.active .perspective-card-close img {
    transform: rotate(180deg);
}
.perspective-card-icon{
    width: 0.8rem;
    height: 0.8rem;
    margin:0 auto 0.4rem auto;
}

.perspective-card-default{
    font-size:0.4rem;
    color: #000;
    margin-bottom: 0.1rem; /* 微调间距，优化空间 */
    text-align: center;
    font-weight: normal;
}

/* hover内容标题 - 调整：居中、颜色、字号 */
.perspective-card-hover-title {
    font-size:0.33rem;
    color: #003D79;
    margin-bottom: 0.1rem; /* 微调间距，优化空间 */
    text-align: center;
    font-weight: normal;
}

/* hover内容描述 - 调整：居中、行高、字号 */
.perspective-card-hover-desc {
    font-size: 0.22rem;
    color: #000;
    line-height: 1.4; 
    margin-bottom: 0.1rem;  
    padding-bottom:0.1rem; 
    border-bottom: 1px dashed #ccd9e6;
}
/* 最后一个模块去掉分隔线 */
.perspective-card-hover-desc:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}
        .perspective-pcr-conpic{ margin: 0.4rem auto;text-align: center;}
        .perspective-pcr-conpic img{max-width: 94%;}
        .perspective-pro-tit{color: #FFFFFF;}
        .perspective-pro-subtit{color: #FFFFFF;}
        .perspective-pro-investment-container{width: 86%;margin: 0.8rem auto;}
        .perspective-pro-investment-container .investment-card{background: #FFFFFF;}
        .perspective-pro-investment-container .investment-card-icon img{width: 100%;}
        .investment-card-subtitle{color: #003D79;font-size: 0.25rem;margin-top: 0.04rem;}
        .perspective-pro-investment-container .investment-card-desc{text-align: left;}
         /* 基础容器样式 */
        .perspective-us-container {
            width: 100%;
            margin: 0.5rem auto;
            padding: 0 0.2rem;
            text-align: center;
        }
 
        /* 中间内容模块区域 */
        .perspective-us-content {
            display: flex;
            justify-content: space-between;
            align-items: stretch;
            gap: 0.1rem;
        }

        /* 单个模块样式 */
        .perspective-us-item {
            flex: 1;
            padding: 0 0.2rem;
            position: relative;
        }
        /* 模块间竖线分隔（最后一个模块无竖线） */
        .perspective-us-item:not(:last-child):after {
            content: "";
            position: absolute;
            right: 0;
            top: 0.3rem;
            height: 2.4rem;
            width: 1px;
            background-color: #003D79;
        }

        /* 图标容器样式 */
        .perspective-us-icon {
            width: 1.2rem;
            height: 1.2rem;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 0.15rem;
        }

        /* 模块标题与描述 */
        .perspective-us-item h3 {
            font-size: 0.3rem;
            margin: 0 0 0.1rem;
        }
        .perspective-us-item p {
            font-size: 0.2rem;
            line-height: 1.6;
            margin: 0;
        }

        /* 底部总结区域 */
        .perspective-us-footer {
            margin-top:0.6rem;
            font-size: 0.3rem;
        }
	
	   /* 核心容器样式（以perspective-join开头） */
        .perspective-join-container {
            background-color: #e6ecf2; /* 还原设计的浅蓝背景 */
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            padding: 0.8rem 0;
        }


      

        /* 卡片容器样式（网格布局适配多设备） */
        .perspective-join-cards {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(2.5rem, 1fr));
            gap: 0.3rem;
            width: 86%;
            
        }

        /* 单个卡片样式 */
        .perspective-join-card {
            background-color: #fff;
            padding: 0.2rem;
            border-radius: 12px; /* 圆角效果 */
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); /* 轻微阴影，还原设计质感 */
            text-align: center;
            display: flex;
            flex-direction: column;
            align-items: center;
            gap:0.3rem; /* 图标与文字间距 */
        }

        /* 卡片图标样式 */
        .perspective-join-card-icon {
           margin-top: 0.6rem;
           width: 0.8rem;height: 0.73rem;
        }

        /* 卡片文字样式 */
        .perspective-join-card-text {
            color: #000;
            line-height: 1.8;
            font-size: 0.3rem;
        }
        .investment-contact-sub{font-size: 0.3rem;line-height: 1.6;margin-bottom: 0.4rem;}
        
        
        
        
        
        /*投资者板块*/
        
        /* 核心图表区域 */
        .investment-J-diagram-container {
            position: relative;
            height: 6rem;
            display: flex;
            justify-content: center;
            align-items: center;
            perspective: 10rem;
            cursor: default;
        }

        /* 背景虚线圈 */
        .investment-J-bg-lines {
            position: absolute;
            width: 9.56rem;
            height:5.99rem;             
            z-index: 0;
            opacity: 0;
            transition: opacity 0.8s ease;
            background: url(../imagesNew/investment-nodecenterbg.png) no-repeat;
            background-size: cover;
        }

        .investment-J-diagram-container.investment-J-active .investment-J-bg-lines {
            opacity: 1;
        }

      /* 中心核心圆 */
        .investment-J-center-node {
            position: absolute;
            width:5.2rem;
            height:5.2rem;
            background: url(../imagesNew/investment-nodecenter.png) no-repeat;
            background-size: cover;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            color: white;
            font-size: 0.42rem;
            font-weight: bold;
            line-height: 1.4;
            
            z-index: 10;
            text-align: center;
            transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
        }

        /* 周围卫星圆 */
        .investment-J-node {
        	width: 2rem; height: 2rem;
            position: absolute;
          
            background: rgba(255, 255, 255, 0.98);
            border: 0.01rem solid #f0f4f8;
            border-radius: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
            text-align: center;
            font-size: 0.32rem;
            color: #003D79;
            font-weight: 500;
            box-shadow: 0 0.08rem 0.2rem rgba(0, 0, 0, 0.06);
            z-index: 5;
            opacity: 0;
            transform: translate(0, 0) scale(0);
            filter: blur(0.1rem);
            pointer-events: none;
            transition: transform 0.8s cubic-bezier(0.34, 1.56, 0.64, 1), 
                        opacity 0.5s ease, 
                        filter 0.5s ease, 
                        box-shadow 0.3s ease;
        }

        .investment-J-node:hover {
            transform: var(--investment-J-dest-transform) scale(1.15) !important;
            box-shadow: 0 0.15rem 0.3rem rgba(0, 74, 153, 0.2);
            z-index: 15;
            background: #fff;
        }

        /* 扩散目标位置 */
        .investment-J-node-1 { --investment-J-dest-transform: translate(-0.8rem, -3.6rem);  }
        .investment-J-node-2 { --investment-J-dest-transform: translate(2.8rem, -2.5rem); width:1.8rem; height: 1.8rem;}
        .investment-J-node-3 { --investment-J-dest-transform: translate(4.8rem, 0rem); }
        .investment-J-node-4 { --investment-J-dest-transform: translate(3.6rem,2rem); width: 1.8rem;height: 1.8rem;}
        .investment-J-node-5 { --investment-J-dest-transform: translate(-2.8rem,2.8rem);  }
        .investment-J-node-6 { --investment-J-dest-transform: translate(-4.4rem, 0.6rem); width: 1.8rem;height: 1.8rem;}
        .investment-J-node-7 { --investment-J-dest-transform: translate(-3.6rem, -2rem);}

        .investment-J-diagram-container.investment-J-active .investment-J-node {
            opacity: 1;
            filter: blur(0);
            transform: var(--investment-J-dest-transform) scale(1);
            pointer-events: auto;
        }

        .investment-J-diagram-container.investment-J-active .investment-J-center-node {
            transform: scale(1.05);
        }

        @keyframes investment-J-breathe {
            0%, 100% { transform: scale(1); }
            50% { transform: scale(1.03); }
        }

        .investment-J-center-node {
            animation: investment-J-breathe 4s ease-in-out infinite;
        }

        /* 级联延迟 */
        .investment-J-diagram-container.investment-J-active .investment-J-node-1 { transition-delay: 0.0s; }
        .investment-J-diagram-container.investment-J-active .investment-J-node-2 { transition-delay: 0.05s; }
        .investment-J-diagram-container.investment-J-active .investment-J-node-3 { transition-delay: 0.1s; }
        .investment-J-diagram-container.investment-J-active .investment-J-node-4 { transition-delay: 0.15s; }
        .investment-J-diagram-container.investment-J-active .investment-J-node-5 { transition-delay: 0.2s; }
        .investment-J-diagram-container.investment-J-active .investment-J-node-6 { transition-delay: 0.25s; }
        .investment-J-diagram-container.investment-J-active .investment-J-node-7 { transition-delay: 0.3s; }
        
    
    
    
    /*投资者从诊断*/
   
   
        /* 外部大容器 */
        .investmentzd-main-container {
            display: flex;
           width: 86%;         
            align-items: center;
            gap:0.6rem;
            cursor: default;
            position: relative;
            margin: 0.4rem auto;
        }

        /* 左侧列表布局 */
        .investmentzd-left-column {
            flex:1;
            display: flex;
            flex-direction: column;
            gap: 0.25rem;
            line-height: 1.6;
        }

        /* 卡片初始状态 */
        .investmentzd-card {
            background: #ffffff;
            border: 2px solid #406e9b;
            border-radius: 12px;
            padding:0.2rem;
            box-shadow: var(--investmentzd-card-shadow);
            opacity: 0;
            transform: translateY(-0.4rem);
            transition: var(--investmentzd-transition-base);
        }

        /* 激活状态：当容器拥有 .is-visible 类时触发 */
        .investmentzd-main-container.is-visible .investmentzd-card {
            opacity: 1;
            transform: translateY(0);
        }

        .investmentzd-main-container.is-visible .investmentzd-card:nth-child(1) { transition-delay: 0.2s; }
        .investmentzd-main-container.is-visible .investmentzd-card:nth-child(2) { transition-delay: 0.3s; }
        .investmentzd-main-container.is-visible .investmentzd-card:nth-child(3) { transition-delay: 0.5s; }

        .investmentzd-card-title {
            color: var(--investmentzd-primary-blue);
            font-size: 0.28rem;
            display: block;
            color: #003D79;
            line-height: 1.6;
        }

        .investmentzd-card-desc {
            color: var(--investmentzd-text-sub);
            font-size: 0.2rem;
            line-height: 1.4;
        }

        /* 中间箭头初始状态 */
        .investmentzd-arrow-container {
            width:4.47rem;
            display: flex;
            justify-content: center;
            align-items: center;
            opacity: 0;
            transform: scale(0.8);
            transition: var(--investmentzd-transition-base);
            transition-delay: 0.7s;
        }

        .investmentzd-main-container.is-visible .investmentzd-arrow-container {
            opacity: 1;
            transform: scale(1);
        }

        .investmentzd-arrow-svg {
            width: 100%;
            fill: none;
            stroke: var(--investmentzd-primary-blue);
            filter: drop-shadow(0 4px 6px rgba(0, 74, 153, 0.2));
        }

        /* 右侧内容初始状态 */
        .investmentzd-right-column {
            flex: 0.8;
            opacity: 0;
            transform: translateX(-50px);
            transition: var(--investmentzd-transition-base);
            transition-delay: 1s;
        }

        .investmentzd-main-container.is-visible .investmentzd-right-column {
            opacity: 1;
            transform: translateX(0);
        }

        .investmentzd-summary-text {
            color:#003D79;
            font-size: 0.3rem;
            line-height: 1.8;
            position: relative;
            padding-left: 0.2rem;
        }

      

        @keyframes bounce {
            0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
            40% {transform: translateY(-10px);}
            60% {transform: translateY(-5px);}
        }

        /* 移动端适配 */
        @media (max-width: 768px) {
            .investmentzd-main-container {
                flex-direction: column;
                padding: 20px;
                gap: 20px;
            }
            
            .investmentzd-main-container.is-visible .investmentzd-arrow-container {
                transform: rotate(90deg) scale(1);
            }
            .investmentzd-right-column {
                text-align: center;
            }
        }
    
        
	
	@media (max-width: 1024px) {
		 :root {
			--recruitment-Cul-card-gap: 2.4rem;
			/* Scaled from 2.0rem */
		}
		.recruitment-Cul-carousel-wrapper {
			height: 5.8rem;
			/* Scaled from 4.0rem */
			perspective: 12.0rem;
		}
		.recruitment-Cul-card-item {
			width: 2.2rem;
			/* Scaled from 1.8rem */
			bottom: 0.8rem;
		}
		/* Card 1 (Far Left) - Scaled height: 3.8rem */
		.recruitment-Cul-card-1 {
			height: 3.8rem;
			transform: translateX(calc(-50% - calc(2 * var(--recruitment-Cul-card-gap)))) rotateY(30deg) translateZ(-0.36rem) scale(0.95) translateY(0rem) translateX(-0.12rem);
		}
		/* Card 2 (Left Two) - Scaled height: 3.4rem */
		.recruitment-Cul-card-2 {
			height: 3.4rem;
			transform: translateX(calc(-50% - var(--recruitment-Cul-card-gap))) rotateY(15deg) translateZ(-0.12rem) scale(1.0) translateY(-0.24rem) translateX(-0.06rem);
		}
		/* Card 3 (Center Active) - Scaled height: 2.9rem */
		.recruitment-Cul-card-3 {
			height: 2.9rem;
			transform: translateX(calc(-50% + 0rem)) rotateY(0deg) scale(1.1) translateY(-0.48rem);
		}
		/* Card 4 (Right Two) - Scaled height: 3.4rem */
		.recruitment-Cul-card-4 {
			height: 3.4rem;
			transform: translateX(calc(-50% + var(--recruitment-Cul-card-gap))) rotateY(-15deg) translateZ(-0.12rem) scale(1.0) translateY(-0.24rem) translateX(0.06rem);
		}
		/* Card 5 (Far Right) - Scaled height: 3.8rem */
		.recruitment-Cul-card-5 {
			height: 3.8rem;
			transform: translateX(calc(-50% + calc(2 * var(--recruitment-Cul-card-gap)))) rotateY(-30deg) translateZ(-0.36rem) scale(0.95) translateY(0rem) translateX(0.12rem);
		}
		.recruitment-Cul-caption {
			font-size: 0.15rem;
			padding: 0.15rem 0.08rem;
		}
		#recruitment-Cul-prevButton {
			left: 0.08rem;
			width: 0.5rem;
			height: 0.5rem;
			font-size: 0.2rem;
		}
		#recruitment-Cul-nextButton {
			right: 0.08rem;
			width: 0.5rem;
			height: 0.5rem;
			font-size: 0.2rem;
		}
	}
	
	@media (min-width:768px) {
		.content-tab {
			flex-direction: row;
			align-items: flex-start;
		}
		.about-Culture-card {
			/* 桌面端宽度分配：约 w-1/3 */
			width: calc((100% - 2 * 0.6rem) / 3);
		}
	}
	
	@media (max-width:1200px) {
		.aboutbus-cooperation-card {
			flex: 0 0 calc(25% - 20px);
		}
	}
	
	@media (max-width:992px) {
		.aboutbus-cooperation-card {
			flex: 0 0 calc(33.333% - 20px);
		}
	}
	
	@media (max-width:768px) {
		.contactBox{max-width: 94%;}
		.about-section{min-height: 13rem;}
		.media-img{height: 6rem}
		.media-info{height: 7rem;}
		.hero-section {
			margin-top: -5px;
		}
		.banner-prev,
		.banner-next {
			font-size: 0.6rem;
			width: 1rem;
			height: 1rem;
		}
		.hero-button {
			font-size: 0.5rem;
		}
		.dot {
			width: 0.3rem;
			height: 0.3rem;
		}
		.section-titlebig {
			font-size: 0.8rem;
		}
		.section-en-title {
			font-size: 0.6rem;
			font-weight: normal;
		}
		.indexproitemBox {
			display: flex;
			justify-content:flex-start;
			flex-wrap: wrap;
		}
		.indexproitem {
			flex: 0 0 calc(30% - 0px);
		}
		.aboutbus-cooperation-card {
			flex: 0 0 calc(50% - 10px);
		}
		.about-CultureExecutiveA-grid-container {
			grid-template-columns: 1fr;
			/* 切换为单列 */
			padding: 10px;
			gap: 20px;
		}
		.about-CultureExecutiveA-points-list {
			font-size: 12px;
		}
		.about-CultureExecutiveA-card {
			border-top-left-radius: 10px;
		}
		.about-CultureExecutiveA-image-wrapper {
			border-bottom-right-radius: 10px
		}
		.about-desc {
			font-size: 0.5rem;
			font-weight: normal;
		}
		.about-btn {
			border: 1px solid #003D79;
			font-size: 0.4rem;
		}
		
		
		
		
		
		.stat-label {
			font-size: 0.5rem;
			font-weight: normal;
		}
		.stat-unit {
			font-size: 0.3rem;
		}
		.pro-procontainer {
			flex-direction: column;
			padding: 0.25rem;
			display: block;
		}
		.pro-protext-content {
			padding-right: 0;
			margin-bottom: 30px;
		}
		.pro-techbigTit {
			font-size: 28px;
		}
		.modal-content {
			padding: 0.2rem;
		}
		.customer-item {
			font-size: 0.22rem;
		}
		.media-slides {
			max-height: inherit
		}
		.media-content {
			display: block;
		}
		.media-tag-type,
		.media-tag-time,
		.media-info-title,
		.media-info-btn {
			font-size: 12px;
			font-weight: normal;
		}
		.media-info-btn {
			align-self: flex-end;
		}
		.carousel-control {
			width: 1rem;
			height: 1rem;
			font-size: 0.6rem;
		}
		.footer-container{max-width: 94%;}
		/*移动端发展历史*/
		.aoutcorporTime-year-item,.aoutcorporTime-year-item-right{width: 8rem;}
		.aoutcorporTime-timeline{min-height: 18rem;}
		.aoutcorporTime-bottom-desc{border-radius: 6px;}
		.timeOne{margin: 1.6rem auto;}
	.timeOne-a-dota{top: 0.6rem;}
	.timeOne-a-dotb{top: 2.6rem;}
	.timeOne-a-dotc{top: 4.4rem;}
	.timeOne-a-dotd{top: 8rem;}
	.timeOne-a-dote{top:9.6rem;}
	.timeOne-a-dotf{top:12.6rem;}
	.timeOne-a-dotg{top:14.6rem;}
	
	.timeOne-a-desc{top:1.6rem;}
	.timeOne-b-desc{top: 3.4rem;}
	.timeOne-c-desc{top:3.2rem;}
	.timeOne-d-desc{top:9.2rem;}
	.timeOne-e-desc{top:5.6rem;}
	.timeOne-f-desc{top:13.4rem;}
	.timeOne-g-desc{top:7.5rem;}
	
	.time-two{margin: 1rem auto;}
	.time-two-timeline{min-height: 7rem;}
	.time-two-dota{top: 0.6rem;}
	.time-two-dotb{top: 2.1rem;}
	
	.timetwo-a-desc{top:1.1rem;}
	.timetwo-b-desc{top: 2.6rem;}
	.about-crsconmedia-img-carousel{width: 15rem;}	
	.aboutbus-section{min-height: 11rem;}
	.about-executive-container{display:initial;}	
	.about-executive-info{padding: 0 0.4rem;margin-top: 0.6rem;}
	.about-executive-details ul{padding-left: 1.3rem;}
	.about-CultureExecutiveHBOx{max-width: 96%;}
	.about-executive-details li{margin-bottom: 0;line-height: 1.6;}
	.about-CultureExecutiveH-awards-card{position: initial;width: 96%;padding-left: 0;}
	.yscon .about-executive-details{width:75%;}
	.about-CultureExecutiveA-content{padding-left: 1.3rem;}
	.cards-ideawrapper{height: 11.5rem;}
	.about-idea-card{height: 9rem;}
	.about-idea-card:hover{height: 10rem;}
	.about-idea-icon{width: 0.8rem;}
	 
	.hero-content{bottom: 10%;}
	.hero-content{width: 72%;}
	.investment-card-icon{width: 2.3rem;height: 2.3rem;}
	.about-csr-responsibility-card{border-radius: 4px;}
	.perspective-us-content {       
       flex-wrap: wrap;
        justify-content:center;
        gap: 0.1rem;
    }
    
    .perspective-us-item {        
         flex: none;
        width: calc(33.333% - 0.0667rem);
        box-sizing: border-box;
    }
    .perspective-join-cards{width: 94%;}
    .perspective-join-card{border-radius: 4px;}
    .perspective-join-card-icon{width: 1rem;height: 1rem;}
    .perspective-join-card-text{font-size: 10px;}
    .investment-contact-section{padding:2% 4%; height: auto;}
    .investment-contact-content{padding-top:0.4rem;}
    .icontop{width: 1.3rem;height: 1.3rem;}
    .aboutHonor-page-btn,.aboutHonor-page-arrow{width: 0.8rem;height: 0.8rem;font-size: 10px;}
    .pro-bannerbox .banner-wrapper img{min-height: 10rem}
    .pro-bannerbox .banner-wrapper .prowebBanner-img img{min-height: 1.5rem;}
   .recruitment-join-container{max-width: 94%;border-radius: 4px;}
   .recruitment-TDcontainer .investment-card{padding-top: 2rem;}
   .products-solutionimg img{width: 100%;}

		.see-more,
		.see-more a,
		.supbiohiv-btn,
		.supbiohiv-banner-desc,
		.solution-card .solution-card-overlay h3,
		.breadcrumb,
		.aboutpage-li,
		.aboutpage-button,
		.about-corpor .card-title,
		.aboutbus-p,
		.aboutbus-cooperation-subtitle,
		.aboutbus-cooperation-card-title,
		.aboutbus-cooperation-card-desc,
		.aboutbus-cooperation-footer,
		.indexproitem .content h2,
		.aboutcsr-des,
		.about-csr-card-title,
		.about-csr-card-desc,
		.aboutcsr-des p,
		.aboutHonor-honor-name,
		.nav-item,
		.text-content p,
		.btn-more,
		.pro-bannerbox .hero-subtitleb,
		.probanner-button,
		.pro-bannerbox .hero-subtitle,
		.customer-type span,
		.section-title,
		.customer-item ul li,
		.procusCard h3,
		.breadcrumb,
		.proTransformTop_info_col,
		.proTransformTop_info_col li,
		.pro-sol-title,
		.pro-sol-description,
		.pro_procenter_category_title,
		.pro_procenter_subcategory_list li,
		.pro_procenter_product_card:first-child .pro_procenter_product_title,
		.pro_procenter_product_title_des,
		.pro_procenter_button,
		.pro_procenter_product_title,
		.prowebBannerdec,
		.prowebBannerbtn a,
		.close-button,
		.pro_tech_btn,
		.pro-protext-content p,
		.contact-btn,
		.pro-protab,
		.pro-techhiv-title,
		.pro-techhiv-desc,
		.pro-protext-content h1,
		.pro-protext-content h2,
		.pro-protab-content,
		.mediapage-nav-btn,
		.mediapage-follow,
		.mediapage-follow-icons,
		.mediapage-news-title,
		.mediapage-news-time,
		.mediapage-news-desc,
		.mediapage-news-btn,
		.mediapage-con-title,
		.mediapage-con-time,
		.mediapage-con-content p,
		.see-more a,
		.aboutpage-li,
		.recruitment-cul-card-title,
		.recruitment-cul-card-content,
		.aboutbus-cooperation-title,
		.investment-card-title,
		.recruitment-TDdec,
		.modal-close,
		.form-label,
		.form-input,
		.form-textarea,
		.form-submit,
		.modal-title,
		.select-trigger,
		.select-group,
		.select-option,
		.recruitment-Join-text-content ul,
		.contact-desc,
		.contact-detail p,
		.aoutcorporTime-period-title,
		.aoutcorporTime-year,
		.aoutcorporTime-bottom-desc,
		.about-CultureFounderTop-paragraph,
		.about-CultureFounder-text,
		.about-CultureFounder-content,
		.pro-service-card-title,
		.pro-service-card-btn,
		.pro-service-spec-title,
		.pro-service-spec-desc,
		.pro-service-about-desc,
		.pro-service-contact-subtitle,
		.pro-service-contact-inst,
		.pro-techall_card_title,
		.pro-techbddec,
		.perspective-mission-text,
		.perspective-header-title,
		.perspective-card-default,
		.perspective-card-hover-title,
		.investmentzd-card-title,
		.investmentzd-card-desc,
		.investmentzd-summary-text,
		.about-crsconmedia-tab,
		.about-crsconmedia-content,
		.about-executive-title h2,
		.about-executive-details,
		.about-CultureExecutiveH-name-title,
		.about-CultureExecutiveA-name,
		.about-idea-description,
		.hero-subtitle,
		.investment-subtitle,
		.perspective-us-item h3,
		.footer-nav,
		.product-list li,
		.pro-techScience-header-text,
		.pro-techScience-content p,
		.contactxtblue,
		.solution-card .card-title
		 {
			font-size: 12px;
			font-weight: normal;
		}
		.pro-service-cert-title {
			font-size: 16px;
		}
		.investment-card-desc,
		.investment-position,
		.investment-name,
		.investment-media-text,
		.investment-media-date,
		.investment-media-link,
		.investment-contact-btn,
		.recruitment-cul-tab,
		.recruitment-Talent-desc,
		.recruitment-join-header,
		.recruitment-join-job-header,
		.recruitment-join-section-title,
		.recruitment-join-list li,
		.recruitment-join-apply-btn,
		.aoutcorporTime-period-time,
		.aoutcorporTime-period-desc,
		.aoutcorporTime-year-desc,
		.about-CultureFounder-image-caption,
		.pro-service-cert-text-line,
		.pro-tech-desc,
		.perspective-header-desc,
		.perspective-header-desc,
		.perspective-card-hover-desc,
		.about-executive-title p,
		.about-CultureExecutiveH-english-name,
		.about-CultureExecutiveH-title,
		.about-CultureExecutiveH-desc,
		.about-CultureExecutiveA-title,
		.about-Culturetips,
		.perspective-us-item p,
		.perspective-us-footer,
		.investment-contact-sub,
		.investment-contact-tel,
		.investment-contact-tip,
		.bannertips,
		.info-item .infotop,
		.pro-techScience-icon
		 {
			font-size: 10px;
			font-weight: normal;
		}
		.aboutpage-contect-center .aboutpage-button {
			width: 50%;
		}
		.aboutHonor-honor-item {
			width: calc(33% - 0.2rem);
		}
		.customer-types {
			display: flex;
			flex-wrap: wrap;
		}
		.customer-type {
			flex: 0 0 calc(30% - 10px);
		}
		.customer-type i {
			width: 2.6rem;
			height: 2.6rem;
		}
		.banner-container,
		.banner-wrapper,
		.hero-background-img img {
			 
			background: #003D79;
		}
		.prowebBannerdec{width: 90%;}
		.probanner-Txtdecshowcon {
			width: 100%;
			font-size: 10px;
			margin: 1.9rem auto;
		}
		.probanner-Txtdecshowcon {
			
		}
		.procusCard {
			height: 5.4rem;
			
		}
		.proTransform_container,
		.pro_procenter_container {
			display: block;
		}
		.proTransformTop_right {
			padding: 0;
			margin: 0.4rem 0;
		}
		.proweb_title {
			font-size: 0.6rem;
		}
		.pro-sol-value-list-container {
			width: 100%;
		}
		.pro-sol-icon-block {
			width: 3rem;
			height: 3rem;
		}
		.pro_procenter_sidebar {
			width: 100%;
		}
		.pro_procenter_main_content {
			margin-top: 1rem;
			margin-left: 0;
		}
		.pro_tech_btn {
			width: 80%;
		}
		.pro-techhiv-container{margin-top: 1rem;}
		.pro-techhiv-icon {
			width: 1rem;
		
		}
		.pro-techScience-header{border-radius: 2px}
		.mediapage-follow-icons .icon-hover {
			width: 0.6rem;
		}
		.mediapage-news-image {
			border-radius: 6px;
		}
		.investment-card {
			padding:2rem 0 0 0;
			border-radius: 4px;
		}
		.investment-cardB{padding-top: 0.4rem;}
		.investment-media-list {
			gap: 0.3rem
		}
		.recruitment-cul-icon {
			widows: 2rem;
		}
		.modal-content {
			max-width: 90%;
			padding: 0.4rem;
			border-radius: 6px;
		}
		.form-submit {
			width: 50%;
			float: right;
			margin-right: 1rem;
		}
		.recruitment-Talent-divider {
			height: 1px;
		}
		.recruitment-join-list li:before {
			left: -2px;
			top: 0;
		}
		.contact-item {
			display: block;
		}
		.contact-title {
			font-size: 14px;
		}
		.contact-detail .icon {
			width: 0.6rem;
			height: 0.6rem;
		}
		.contact-info-web {
			margin-bottom: 0.4rem;
		}
		.pro-service-spec-icon {
			max-width: 0.6rem;
			margin-right: 0.8rem;
		}
	}
	/* 2.1 新版 Edge（Chromium 内核，2020年后）：用 @supports (-ms-ime-align:auto) 标识 */
	
	@supports (-ms-ime-align:auto) {
		.customer-item ul li:before {
			top: 5px;
			/* 仅新版 Edge 生效的 top 值 */
		}
	}
	/* 2.2 早期 Edge（EdgeHTML 内核，2020年前）：用:-ms-lang 选择器标识 */
	
	:-ms-lang(en) .customer-item ul li:before {
		top: 5px;
		/* 仅早期 Edge 生效的 top 值 */
	}
	/* 3. 仅旧版 IE 浏览器生效（IE6-IE9）：用 CSS 条件注释包裹 */
	
	<!--[if lte IE 9]><style>.customer-item ul li:before {
		top: 5px;
		/* 仅 IE6-IE9 生效的 top 值 */
	}
	
	</style><![endif]-->
	/*关于我们页面*/