/* 基础重置与全局样式 */
			* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	-webkit-tap-highlight-color: transparent;
}
body {
	font-family: "微软雅黑", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	background: #fff;
	color: #333;
	min-height: 100vh;
	position: relative;
	overflow-x: hidden;
	touch-action: manipulation;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	user-select: none;
}
/* 去除所有a标签的下划线并保持默认文本颜色 */
products_b a {
  text-decoration: none; /* 去除下划线 */
}
/* 可选：如果需要去除链接被点击后的颜色变化 */
products_b a:visited {
  color: inherit; /* 保持与未访问时相同的颜色 */
}
.read-more-link {
	display:inline-block;
	height:200px;
}
/* 品牌介绍区样式 */
			.brand-section {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 20px 16px;
	text-align: center;
}
.brand-logo {
	width: 160px;
	margin-bottom: 12px;
}
.brand-title {
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 20px;
	line-height: 1.4;
}
.btn {
	padding: 10px 20px;
	background-color: #315ba9;
	color: #fff;
	text-decoration: none;
	border-radius: 23px;
	font-size: 14px;
}
.btn:hover {
	opacity: 0.9;
}
/* 产品展示图 */
			.product-img {
	width: 94%;
	display: block;
	margin: 0 auto;
}
/* 企业信息区 */
			.company {
	padding: 0 16px 16px;
	display: flex;
	flex-direction: column;
	align-items: left;
	margin: 20px 0;
}
.company-logo {
	width: 190px;
	height: auto;
}
.slogan {
	margin-left:2px;
	margin-top: 10px;
	font-size: 16px;
	text-align: left;
}
/* 主视觉区 */
			.hero {
	position: relative;
	width: 100%;
	margin-bottom: 71px;
}
.hero-img {
	width: 100%;
	display: block;
}
.hero-btn,  .bottom-btn {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: #4285F4;
	color: #fff;
	padding: 12px 24px;
	border-radius: 25px;
	font-size: 16px;
	cursor: pointer;
	border: none;
}
.service-text {
	width: 60%;
	position: absolute;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
	color: #fff;
	padding: 5px 6px;
	border-radius: 4px;
	font-size: 20px;
}
.new-btn {
	position: absolute;
	bottom: -60px;
	left: 50%;
	transform: translateX(-50%);
	background: #4285F4;
	color: #fff;
	padding: 12px 24px;
	border-radius: 25px;
	font-size: 16px;
	cursor: pointer;
	border: none;
}
/* 产品标题区域 */
			.title-section {
	display: flex;
	align-items: center;
	justify-content: left;
	padding: 10px 16px;
	background: #fff;
}
.title-section img {
	height: 28px;
	margin-right: 10px;
}
.title-section h1 {
	font-size: 18px;
	font-weight: 600;
}
.title-wrap {
	padding: 0 16px 16px;
}
.main-title {
	width: 65%;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 8px;
}
.sub-title {
	font-size: 14px;
	color: #666;
}
.sub-title .highlight {
	color: #007bff;
	margin-right: 4px;
}
/* 产品展示区 - Swiper样式 */
			.products_a {
	position: relative;
	width: 100%;
	height: 660px;
	overflow: hidden;
	background-color: #fff;
	text-align: center;
}
.products_a .swiper {
	height: 660px;
	padding-bottom: 60px;
}
.swiper-slide .tu {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 19px;
	margin-bottom: 9px;
}
.swiper-slide a img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.products_a .swiper-button-next,  .products_a .swiper-button-prev {
	bottom: 10px;
	top: auto;
	width: 30px;
	height: 25px;
	border: 1px solid #000;
	border-radius: 5px;
	background: #fff;
	cursor: pointer;
	font-weight: bold;
	font-size: 16px;
	transition: all 0.2s ease;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #000;
}
.products_a .swiper-button-next {
	right: 40%;
}
.products_a .swiper-button-prev {
	left: 40%;
}
.products_a .swiper-button-next:after,  .products_a .swiper-button-prev:after {
	font-size: 16px;
	font-weight: bold;
}
/* 卡片区域样式 */
			.products_b {
	position: relative;
	width: 100%;
	height: 400px;
	overflow: hidden;
	background-color: #fff;
}
.products_b .swiper {
	height: 400px;
}
.products_b .swiper-button-next,  .products_b .swiper-button-prev {
	bottom: 25px;
	top: auto;
	width: 30px;
	height: 25px;
	border: 1px solid #000;
	border-radius: 5px;
	background: #fff;
	cursor: pointer;
	font-weight: bold;
	font-size: 16px;
	transition: all 0.2s ease;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #000;
}
.products_b .swiper-button-next {
	right: 40%;
}
.products_b .swiper-button-prev {
	left: 40%;
}
.products_b .swiper-button-next:after,  .products_b .swiper-button-prev:after {
	font-size: 16px;
	font-weight: bold;
}
.cards {
	display: flex;
	padding: 0 16px;
	gap: 16px;
	margin-bottom: 24px;
}
.card {
			    flex: 1;
    border-radius: 12px;
    padding: 2px;
    display: flex;
    flex-direction: column;
    margin-bottom: 16px;
			}
.cards .plus-btn a{ color: #fff;
    height: 38px;
    line-height: 35px;
    font-size: 39px;}		
			
.card-left {
	position:relative;
	border:1px solid #000;
	border-radius:10px;
	    padding: 33px 13px 70px;
	flex: 1;
	display: flex;
	flex-direction: column;
	margin-bottom: 16px;
}
.card-icon {
	width: 48px;
	height: 48px;
	margin-bottom: 12px;
}
.card-icon img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.card-title a {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 12px;
}
.card-list {
	margin-top: 30px;
	list-style: none;
	margin-bottom: 16px;
}
.card-list li {
	margin-bottom: 4px;
	font-size: 14px;
}
.plus-btn {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: #000;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	align-self: flex-end;
	cursor: pointer;
	position: absolute;
	bottom: 10px;
	color: #fff;

	font-size: 39px;
}
.card-img {
	width: 100%;
	border-radius: 12px;
	margin-bottom: 8px;
}
.card-date {
	font-size: 14px;
	color: #999;
	margin-bottom: 4px;
}
.card-desc {
	font-size: 14px;
	line-height: 1.4;
	margin-bottom: 8px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.card-more {
	text-align: right;
	font-size: 14px;
	color: #00BFA5;
	text-decoration: none;
}
/* 内容区域样式 */
			.content {
	padding: 0 16px;
	margin-bottom: 60px;
}
.icons-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
	margin-top: 16px;
}
.icon-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}
.icon-item a {
	text-decoration: none;
}
.icon-item img {
	width: 64px;
	height: 64px;
	border-radius: 12px;
	margin-bottom: 8px;
}
.icon-text {
	font-size: 14px;
	line-height: 1.4;

}
.container {
	padding: 43px 16px;
}
/* 导航按钮样式 */
			.nav-buttons {
	display: flex;
	justify-content: center;
	gap: 16px;
	margin-bottom: 20px;
}
.nav-btn {
	padding: 3px 9px;
	border: 1px solid #000;
	border-radius: 5px;
	background: #fff;
	cursor: pointer;
	font-weight: bold;
	font-size: 16px;
	transition: all 0.2s ease;
}
.nav-btn:hover {
	background: #000;
	color: #fff;
}
/* 分隔线与链接样式 */
			.top-line {
	border-top: 1px solid #999;
	margin: 20px 0 10px;
}
.details-link {
	text-align: right;
	display: block;
	color: #00b377;
	text-decoration: none;
	font-size: 14px;
	margin-bottom: 20px;
}
/* 按钮样式 */
			.view-all-btn {
	display: block;
	width: 130px;
	height: 45px;
	margin: 20px auto 40px;
	background: linear-gradient(to bottom, #d9f3ff, #99d9ff);
	border: 1px solid #80cfff;
	border-radius: 25px;
	color: #0000cc;
	font-size: 18px;
	cursor: pointer;
	outline: none;
}
.view-all-btn:hover {
	background: linear-gradient(to bottom, #c2e9ff, #80cfff);
}
.top-btn {
	background: #0800be;
	text-align: center;
	padding: 15px 0;
}
.top-btn button {
	background-color: #002FA7;
	color: #fff;
	border: 1px solid #fff;
	border-radius: 5px;
	padding: 8px 18px;
	font-size: 16px;
	cursor: pointer;
}
/* 底部导航菜单样式 */
			.nav-list-bottom {    margin-top: 71px;
	background: #0800be;
	color: #fff;
	list-style: none;
}
.nav-list-bottom li {
	display: flex;
	align-items: center;
	padding: 15px 20px;
}
.nav-list-bottom li i {
	font-size: 24px;
	margin-right: 12px;
}
.nav-list-bottom li span a {
	text-decoration: none;
	color: #fff;
	font-size: 16px;
	margin-right: 12px;
}
/* 底部信息区样式 */
			.bottom-section {
	background: #0800be;
	color: #fff;
	padding:2px;
	text-align: center;
}
.logos {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	margin-bottom: 15px;
	gap: 10px;
}
.logos img {
	height:20px;
}
.company-info {
	font-size: 14px;
	line-height: 1.8;
	margin-bottom: 10px;
}
.address {
	font-size: 14px;
	margin-bottom: 20px;
}
.bottom-logo img {
	width: 220px;
	max-width: 100%;
}
/* 每日速递区域样式 */




			/* 修复每日速递区域的横线显示问题 */
			.line-link-container .top-line {
	flex-grow: 1;
	height: 1px;
	background: #999;
	/* 明确设置背景色 */
				margin: 0;
	display: block !important;
	/* 确保显示 */
				border: none;/* 移除可能冲突的边框 */
			}
/* 确保容器有足够空间显示横线 */
			.line-link-container {
	display: flex;
	align-items: center;
	width: 100%;
	margin: 15px 0 10px;
}
/* ===== 基础重置与全局样式 ===== */
			* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
body {
	font-family: "微软雅黑", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	background: #fff;
	color: #333;
	min-height: 100vh;
	position: relative;
	touch-action: pan-y;/* 允许垂直滚动但防止水平滚动冲突 */
			}
/* ===== 每日速递区域样式开始 ===== */
			.title-section1 {
	text-align: center;
	margin: 1rem 0 0.5rem;
}
.main-title1 {
	font-size: 20px
}
.sub-title1 {
	font-size: 1rem;
	color: #00006b;
}
.knowledge-container {
	overflow: hidden;
	position: relative;
}
.knowledge-slides-wrapper {
	display: flex;
	transition: transform 0.3s ease;
	width: 100%;
}
.knowledge-slide {
	flex: 0 0 100%;
	width: 100%;
}
.container {
	padding: 20px 16px 10px;
}
.card-img {
	width: 100%;
	border-radius: 12px;
	margin-bottom: 8px;
	user-select: none;/* 防止图片被选中 */
			}
.card-date {
	font-size: 14px;
	color: #999;
	margin-bottom: 4px;
}
.card-title a {
	font-size: 16px;
	font-weight: bold;
}
.card-desc {
	font-size: 14px;
	line-height: 1.4;
	margin-bottom: 8px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
/* ===== 新增的横线与链接样式 ===== */
			.line-link-container {
	display: flex;
	align-items: center;
	margin: 15px 0 10px;
}
.top-line {
	flex-grow: 1;
	/* 横线自适应宽度 */
				height: 1px;
	background: #999;
	margin: 0;/* 移除原有margin */
			}
.details-link {
	margin-left: 10px;
	/* 与横线的间距 */
				margin-bottom: 0;
	/* 移除原有下边距 */
				text-align: right;
	display: block;
	color: #00b377;
	text-decoration: none;
	font-size: 14px;
	white-space: nowrap;/* 防止文字换行 */
			}
/* ===== 导航区域样式 ===== */
			.nav-area1 {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 5px 0 15px;
}
.nav-arrow {
	font-size: 20px;
	cursor: pointer;
	margin: 0 15px;
	background: none;
	border: none;
}
.nav-dots1 {
	display: flex;
	align-items: center;
}
/* ===== 圆形指示器样式 ===== */
			.circle-container {
	position: relative;
	width: 20px;
	height: 20px;
	margin: 0 5px;
	cursor: pointer;
}
.outer-circle1 {
	position: absolute;
	width: 100%;
	height: 100%;
	border: 2px solid #000;
	border-radius: 50%;
	transition: all 0.3s ease;
}
.inner-circle1 {
	position: absolute;
	width: 10px;
	height: 10px;
	background-color: #000;
	border-radius: 50%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transition: all 0.3s ease;
}

			/* 未选中状态 - 仅显示实心圆 */
			.circle-container:not(.active-dot) .outer-circle1 {

 border: none;
 width: 10px;
 height: 10px;
}
 .circle-container:not(.active-dot) .inner-circle1 {
 opacity: 0.5;
}
/* 选中状态 - 空心圆+内部实心圆 */
			.circle-container.active-dot .outer-circle1 {
	border: 2px solid #000;
	width: 20px;
	height: 20px;
}
.circle-container.active-dot .inner-circle1 {
	width: 10px;
	height: 10px;
	opacity: 1;
}
/* ===== 新增：查看全部按钮居中样式 ===== */
			.view-all-button {
	display: flex;
	justify-content: center;
	margin: 15px 0;
}
.view-all-button img {
	display: block;
}
/* ===== 每日速递区域样式结束 ===== */

			/* ===== 适配Swiper的样式调整 ===== */
			.swiper {
	width: 100%;
	height: 100%;
}
.swiper-slide {
	display: flex;
	flex-direction: column;
}
/* 知识视窗区域样式 */

.nav-area1 {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 5px 0 15px;
}


			.section-title {
	text-align: center;
	margin: 1rem 0 0.5rem;
}
.main-heading {
	font-size: 2rem;
	color: #00006b;
	margin-bottom: 0.5rem;
}
.section-title p {
	font-size: 1rem;
	color: #00006b;
}
.sub-heading {
	font-size: 1rem;
	color: #00006b;
}
.content-wrapper {
	overflow: hidden;
	position: relative;
}
.slides-container {
	display: flex;
	transition: transform 0.3s ease;
	width: 100%;
}
.content-slide {
	flex: 0 0 100%;
	width: 100%;
}
.content-box {
	padding: 20px 16px 10px;
}
.content-image {
	width: 100%;
	border-radius: 12px;
	margin-bottom: 8px;
	user-select: none;
}
.content-date {
	font-size: 14px;
	color: #999;
	margin-bottom: 4px;
}
.content-heading, .card-title {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 9px;
	margin-top:5px;
}
.content-description {
	font-size: 14px;
	line-height: 1.4;
	margin-bottom: 8px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.card-desc {
	margin-top: -10px;
	font-size: 14px;
	line-height: 1.4;
	margin-bottom: 8px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.divider-link-wrapper {
	display: flex;
	align-items: center;
	margin: 15px 0 10px;
}
.divider-line {
	flex-grow: 1;
	height: 1px;
	background: #999;
	margin: 0;
}
.read-more-link {
	margin-left: 10px;
	margin-bottom: 0;
	text-align: right;
	display: block;
	color: #00b377;
	text-decoration: none;
	font-size: 14px;
	white-space: nowrap;
}
.navigation-area {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 5px 0 15px;
}
.nav-button {
	font-size: 20px;
	cursor: pointer;
	
	background: none;
	border: none;
}
.navigation-dots {
	display: flex;
	align-items: center;
}
.dot-container {
	position: relative;
	width: 20px;
	height: 20px;
	margin: 0 5px;
	cursor: pointer;
}
.dot-outer {
	position: absolute;
	width: 100%;
	height: 100%;
	border: 2px solid #000;
	border-radius: 50%;
	transition: all 0.3s ease;
}
.dot-inner {
	position: absolute;
	width: 10px;
	height: 10px;
	background-color: #000;
	border-radius: 50%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transition: all 0.3s ease;
}
 .dot-container:not(.active) .dot-outer {
 border: none;
 width: 10px;
 height: 10px;
}
 .dot-container:not(.active) .dot-inner {
 opacity: 0.5;
}
.dot-container.active .dot-outer {
	border: 2px solid #000;
	width: 20px;
	height: 20px;
}
.dot-container.active .dot-inner {
	width: 10px;
	height: 10px;
	opacity: 1;
}
.view-all-container {
	display: flex;
	justify-content: center;
	margin: 15px 0;
}
.view-all-container img {
	display: block;
}

			/* 响应式设计 */
			@media (max-width: 768px) {
 .header {
 padding: 12px 20px;
}
 .search-container.expanded {
 left: 20px;
 width: calc(100% - 40px);
}
 .hero-btn,  .bottom-btn {
 font-size: 14px;
 padding: 10px 20px;
}
 .service-text {
 font-size: 12px;
}
 .icons-grid {
 grid-template-columns: repeat(2, 1fr);
}
}
 @media (max-width: 480px) {
 .nav-list li {
 padding: 15px 20px;
}
 .search-container.expanded input {
 font-size: 14px;
}
 .products_a,  .products_a .swiper {
 height: 500px;
}
 .swiper-slide a {
 height: 450px;
}
 .products_a .swiper-button-next,  .products_a .swiper-button-prev {
 bottom: 5px;
}
 .products_a .swiper-button-next {
 right: 35%;
}
 .products_a .swiper-button-prev {
 left: 35%;
}
 .products_b,  .products_b .swiper {
 height: 350px;
}
 .products_b .swiper-button-next {
 right: 35%;
}
 .products_b .swiper-button-prev {
 left: 35%;
}
 .icons-grid {
 grid-template-columns: repeat(3, 1fr);
 gap: 16px;
}
 .chat-window {
 width: 280px;
 height: 350px;
 right: 10px;
}
 .footer-icons {
 right: 10px;
 bottom: 10px;
}
 .fixed-icon {
 width: 45px;
 height: 45px;
}
 .fixed-icon img {
 width: 25px;
 height: 25px;
}
 .main-heading {
 font-size: 1.5rem;
}
}
/* 滑动区域样式优化 */
			.knowledge-slides-wrapper,  .slides-container {
	cursor: grab;
	user-select: none;
}
.knowledge-slides-wrapper:active,  .slides-container:active {
	cursor: grabbing;
}
/* 防止图片被拖动时出现半透明背景 */
			.knowledge-slide img,  .content-slide img {
	-webkit-user-drag: none;
	-khtml-user-drag: none;
	-moz-user-drag: none;
	-o-user-drag: none;
	user-drag: none;
}
/* 滑动过渡效果 */
			.knowledge-slides-wrapper,  .slides-container {
	transition: transform 0.3s ease;
}
/* 新增 */
			.line-link-container a {
	height: auto;
	margin-bottom: 0;
	display: inline-block;
	width: auto;
}
.divider-link-wrapper a {
	height: auto;
	margin-bottom: 0;
	display: inline-block;
	width: auto;
}
/* 响应式图片处理 */
			.card-img, .content-image {
	width: 100%;
	height: 200px;
	object-fit: cover;
	object-position: center;
}
/* 产品图片响应式处理 */
			.product-image {
	width: 100%;
	height: 180px;
	object-fit: cover;
}
			
			/* 移动端适配 */
			@media (max-width: 768px) {
 .card-img, .content-image {
 height: 150px;
}
 .product-image {
 height: 150px;
}
 .knowledge-window {
 padding: 0 10px;
}
 .card, .content-box {
 overflow: hidden;
}
}
 @media (max-width: 480px) {
 .card-img, .content-image {
 height: 160px;
}
 .product-image {
 height: 120px;
}
}
/* 新增样式：优化每日速递和知识视窗区域 */
        .knowledge-window .card,  .knowledge-window .content-box {
	text-align: left; /* 文字左对齐 */
}
.knowledge-window .card-img,  .knowledge-window .content-image {
	width: 100%;
	height: 220px; /* 增加图片高度 */
	object-fit: cover;
	border-radius: 16px; /* 增加圆角 */
	margin-bottom: 3px;
}
.knowledge-window .card-date,  .knowledge-window .content-date {
	text-align: left;
	margin-bottom:3px;
}
.knowledge-window .card-title,  .knowledge-window .content-heading {
	text-align: left;
	margin-bottom: 3px;
}
.knowledge-window .card-desc,  .knowledge-window .content-description {
	text-align: left;
	margin-bottom:4px;
}
/* 调整标题区域样式 */
        .title-section1,  .section-title {
	margin-bottom: 3px;
}
/* 确保链接文字也是左对齐 */
        .knowledge-window .card-title a,  .knowledge-window .content-heading a {
	text-align: left;
	display: block;
}
/* 调整容器内边距 */
        .knowledge-window .container,  .knowledge-window .content-box {
	padding: 15px;
}
/* 新增统一间距控制类 */ 
.navigation-spacing { 
  margin: 15px 0; /* 上下间距15px，左右0 */ 
} 
 
/* 调整按钮容器样式 */ 
.view-all-button, .view-all-container { 
  margin: 15px 0; /* 与导航区域保持相同间距 */ 
} 
/* 每日速递按钮 */ 
.knowledge-window .nav-area1 .nav-arrow img { 
  margin: 0 8px; /* 微调按钮与原点的间距 */ 
} 
 
/* 知识视窗按钮 */ 
.knowledge-window .navigation-area .nav-button img { 
  margin: 0 8px; /* 与每日速递保持一致 */ 
} .nav-dots1, .navigation-dots { 
  display: flex; 
  gap: 8px; /* 原点之间的间距 */ 
  margin: 0; /* 清除默认外边距 */ 
  padding: 0; /* 清除默认内边距 */ 
} 
.heder { 
  display: flex; 
  justify-content: space-between; /* 左右两端对齐 */ 
  align-items: center; /* 垂直居中 */ 
  padding: 0 15px; /* 避免边缘挤压 */ 
  width: 100%; /* 确保头部占满宽度 */ 
  box-sizing: border-box; /* 包含内边距，避免溢出 */ 
} 
.hedlf, .navcs { 
  flex-shrink: 0; /* 防止子元素被压缩 */ 
} 
.seact { 
  width: 200px; /* 限制搜索框最大宽度，避免挤压菜单 */ 
} 

 .menu-toggle {
    margin-top: 3px;
    font-size: 23px;
    position: relative;
    z-index: 100;
    display: block !important;
    width: 40px;
    height: 40px;
    text-align: center;
}
.swiper-slide-next:after {
    content: "";
    background: linear-gradient(0deg,rgba(0,0,0,.6),transparent 60%);
    position: absolute;
    inset: 0 0 0 0;
    overflow: hidden;
    border: 3px solid #fff;
    border-radius: 2rem;
}/* 通用图片圆角样式 */ 
.rounded-image { 
    border-radius: 20px; /* 默认弧度 */ 
    overflow: hidden; 
} 
 
/* 产品展示区图片弧度（若需单独设置） */ 
.product-image.rounded-image  { 
    border-radius: 30px; /* 更大弧度，突出产品展示 */ 
} 
 
/* 每日速递图片弧度（若需单独设置） */ 
.card-img.rounded-image  { 
    border-radius: 16px; /* 适中弧度，适配卡片风格 */ 
} 
/* 统一产品图片圆角样式 */ 
.product-image.rounded-image  { 
    border-radius: 16px; /* 与每日速递区域图片圆角值保持一致 */ 
    object-fit: cover; /* 确保图片填充容器且不变形 */ 
    width: 100%; /* 确保图片宽度充满容器 */ 
    height: 220px; /* 与每日速递区域图片高度统一 */ 
} 
/* 修复黑色圆圈显示问题 */
.card-left {
    position: relative;
    border: 1px solid #000;
    border-radius: 10px;
    padding: 33px 13px 70px; /* 确保底部有足够空间 */
    flex: 1;
    display: flex;
    flex-direction: column;
    margin-bottom: 16px;
}

.plus-btn {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: absolute;
    bottom: 15px; /* 调整位置，确保不被裁剪 */
    right: 15px; /* 从左侧定位改为右侧定位 */
    z-index: 2; /* 确保在最上层 */
}

.plus-btn a {
    color: #fff;
    text-decoration: none;
    font-size: 24px; /* 调整字体大小 */
    line-height: 1; /* 确保垂直居中 */
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

/* 其他必要样式 */
.cards {
    display: flex;
	height: 350px;
    padding: 0 16px;
    gap: 16px;
    margin-bottom: 24px;
}

.card {
    flex: 1;
    border-radius: 12px;
    padding: 2px;
    display: flex;
    flex-direction: column;
    margin-bottom: 16px;
}

.card-icon {
    width: 88px;
    height: 88px;
    margin-bottom: 12px;
}

.card-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.card-title a {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 12px;
}

.card-list {
    margin-top: 30px;
    list-style: none;
    margin-bottom: 16px;
}

.card-list li {
    margin-bottom: 4px;
    font-size: 14px;
}

/* 响应式调整 */
@media (max-width: 480px) {
    .card-left {
        padding: 25px 10px 60px; /* 移动端调整内边距 */
    }
    
    .plus-btn {
        bottom: 10px;
        right: 10px;
    }
}/* 产品图片专用圆角样式 */
.product-image.rounded-image  {
    border-radius: 16px; /* 自然弧度值，可根据需求调整 */
    overflow: hidden;    /* 确保图片内容不超出圆角范围 */
}

/* 响应式调整 - 保持原有布局不变 */
@media (max-width: 768px) {
    .product-image.rounded-image  {
        border-radius: 12px; /* 小屏幕略微减小弧度 */
    }
}