@charset "utf-8";
/* CSS Document */
header{position:inherit;top:inherit;left:inherit;width:100%;z-index:999;padding:15px 0;transition:background-color 0.3s ease}
.bennerDiv{padding:5% 0 0 10%;width:100%;min-height:440px; background:url("../images/product/benner.png") no-repeat}
	.bennerDiv h2, .bennerDiv2 h2, .bennerDiv3 h2, .bennerDiv4 h2, .bennerDiv5 h2, .bennerDiv6 h2, .bennerDiv7 h2 {
		font-size: 40px;
		color: #333
	}
	.bennerDiv p, .bennerDiv2 p, .bennerDiv3 p, .bennerDiv4 p, .bennerDiv5 p, .bennerDiv6 p, .bennerDiv7 p {
		width: 50%;
		font-size: 18px;
		line-height: 36px;
		color: #333
	}

.bennerDiv2{padding:5% 0 0 10%;width:100%;min-height:440px; background:url("../images/product/benner2.png") no-repeat}
.bennerDiv3{padding:5% 0 0 10%;width:100%;min-height:440px; background:url("../images/product/benner3.png") no-repeat}
.bennerDiv4{padding:5% 0 0 10%;width:100%;min-height:440px; background:url("../images/product/benner4.png") no-repeat}
.bennerDiv5{padding:5% 0 0 10%;width:100%;min-height:440px; background:url("../images/product/benner5.png") no-repeat}
.bennerDiv6{padding:5% 0 0 10%;width:100%;min-height:440px; background:url("../images/product/benner6.png") no-repeat}
.bennerDiv7 {
	padding: 5% 0 0 10%;
	width: 100%;
	min-height: 440px;
	background: url("../images/product/benner7.png") no-repeat
}


.cpjsDiv1{width:100%;background:#F6F6F6;padding:70px 0}
.cpjsDiv1 .titleDiv{width:100%;text-align:center}
.cpjsDiv1 .titleDiv h4{font-size:40px;color:#333;font-weight:normal}
.cpjsDiv1 .titleDiv span{display:block;width:70px;height:4px;border-radius:4px;background:#256CFF;margin:20px auto}
.cpjsDiv1 .titleDiv p{text-align:center;font-size:16px;color:#666}
.cpjsDiv1 .jjfaNr{width:100%}
.cpjsDiv2{width:100%;padding:70px 0;background: url("../images/product/cp_bj1.png") no-repeat}
.cpjsDiv_01{width:100%;padding:70px 0;background: url(../images/product/cp_bj_01.png) no-repeat}
.cpjsDiv_02{width:100%;padding:70px 0;background: url(../images/product/cp_bj_02.png) no-repeat}
.cpjsDiv_03{width:100%;padding:70px 0;background: url(../images/product/cp_bj_03.png) no-repeat}
.cpjsDiv_04{width:100%;padding:70px 0;background: url(../images/product/cp_bj_04.png) no-repeat}
.cpjsDiv_05{width:100%;padding:70px 0;background: url(../images/product/cp_bj_05.png) no-repeat}
.cpjsDiv_06 {
	width: 100%;
	padding: 70px 0;
	background: url(../images/product/cp_bj_06.png) no-repeat
}
.cpjsDiv_07 {
	width: 100%;
	padding: 100px 0;
	background: url(../images/product/RFIDtmd2.png) no-repeat
}

.cpjsDiv2 .titleDiv,
.cpjsDiv_01 .titleDiv,
.cpjsDiv_02 .titleDiv,
.cpjsDiv_03 .titleDiv,
.cpjsDiv_04 .titleDiv,
.cpjsDiv_05 .titleDiv,
.cpjsDiv_07 .titleDiv,
.cpjsDiv_06 .titleDiv {
	width: 100%;
	text-align: center
}

	.cpjsDiv2 .titleDiv h4,
	.cpjsDiv_01 .titleDiv h4,
	.cpjsDiv_02 .titleDiv h4,
	.cpjsDiv_03 .titleDiv h4,
	.cpjsDiv_04 .titleDiv h4,
	.cpjsDiv_05 .titleDiv h4,
	.cpjsDiv_07 .titleDiv h4,
	.cpjsDiv_06 .titleDiv h4 {
		font-size: 40px;
		color: #fff;
		font-weight: normal
	}

	.cpjsDiv2 .titleDiv span,
	.cpjsDiv_01 .titleDiv span,
	.cpjsDiv_02 .titleDiv span,
	.cpjsDiv_03 .titleDiv span,
	.cpjsDiv_04 .titleDiv span,
	.cpjsDiv_05 .titleDiv span,
	.cpjsDiv_07 .titleDiv span,
	.cpjsDiv_06 .titleDiv span {
		display: block;
		width: 70px;
		height: 4px;
		border-radius: 4px;
		background: #fff;
		margin: 20px auto
	}

	.cpjsDiv2 .titleDiv p,
	.cpjsDiv_01 .titleDiv p,
	.cpjsDiv_02 .titleDiv p,
	.cpjsDiv_03 .titleDiv p,
	.cpjsDiv_04 .titleDiv p,
	.cpjsDiv_05 .titleDiv p,
	.cpjsDiv_07 .titleDiv p,
	.cpjsDiv_06 .titleDiv p {
		text-align: center;
		font-size: 16px;
		color: #fff
	}

.cpjsDiv2 .jjfaNr,
.cpjsDiv_01 .jjfaNr,
.cpjsDiv_02 .jjfaNr,
.cpjsDiv_03 .jjfaNr,
.cpjsDiv_04 .jjfaNr,
.cpjsDiv_05 .jjfaNr,
.cpjsDiv_07 .jjfaNr,
.cpjsDiv_06 .jjfaNr {
	width: 100%
}

.cpjsDiv2 .cpNr,
.cpjsDiv_01 .cpNr,
.cpjsDiv_02 .cpNr,
.cpjsDiv_03 .cpNr,
.cpjsDiv_04 .cpNr,
.cpjsDiv_05 .cpNr,
.cpjsDiv_07 .cpNr,
.cpjsDiv_06 .cpNr {
	width: 100%;
	padding: 50px 0 0 0
}
	.cpjsDiv2 .cpNr .picDiv,
	.cpjsDiv_01 .cpNr .picDiv,
	.cpjsDiv_02 .cpNr .picDiv,
	.cpjsDiv_03 .cpNr .picDiv,
	.cpjsDiv_04 .cpNr .picDiv,
	.cpjsDiv_05 .cpNr .picDiv,
	.cpjsDiv_07 .cpNr .picDiv,
	.cpjsDiv_06 .cpNr .picDiv {
		float: right;
		width: 60%
	}

	.cpjsDiv2 .cpNr .txtDiv,
	.cpjsDiv_01 .cpNr .txtDiv,
	.cpjsDiv_02 .cpNr .txtDiv,
	.cpjsDiv_03 .cpNr .txtDiv,
	.cpjsDiv_04 .cpNr .txtDiv,
	.cpjsDiv_05 .cpNr .txtDiv,
	.cpjsDiv_07 .cpNr .txtDiv,
	.cpjsDiv_06 .cpNr .txtDiv {
		float: left;
		width: 40%
	}

		.cpjsDiv2 .cpNr .txtDiv .box02,
		.cpjsDiv_01 .cpNr .txtDiv .box02,
		.cpjsDiv_02 .cpNr .txtDiv .box02,
		.cpjsDiv_03 .cpNr .txtDiv .box02,
		.cpjsDiv_04 .cpNr .txtDiv .box02,
		.cpjsDiv_05 .cpNr .txtDiv .box02,
		.cpjsDiv_07 .cpNr .txtDiv .box02,
		.cpjsDiv_06 .cpNr .txtDiv .box02 {
			width: auto;
			margin: 10px 0
		}

			.cpjsDiv2 .cpNr .txtDiv .box02 span,
			.cpjsDiv_01 .cpNr .txtDiv .box02 span,
			.cpjsDiv_02 .cpNr .txtDiv .box02 span,
			.cpjsDiv_03 .cpNr .txtDiv .box02 span,
			.cpjsDiv_04 .cpNr .txtDiv .box02 span,
			.cpjsDiv_05 .cpNr .txtDiv .box02 span,
			.cpjsDiv_07 .cpNr .txtDiv .box02 span,
			.cpjsDiv_06 .cpNr .txtDiv .box02 span {
				display: inline-block;
				height: 48px;
				line-height: 48px;
				color: #fff;
				background: linear-gradient(to right, #256CFF, #4080FF);
				border-radius: 48px;
				padding: 0 30px
			}

			.cpjsDiv2 .cpNr .txtDiv .box02 span,
			.cpjsDiv_01 .cpNr .txtDiv .box02 span,
			.cpjsDiv_02 .cpNr .txtDiv .box02 span,
			.cpjsDiv_03 .cpNr .txtDiv .box02 span,
			.cpjsDiv_04 .cpNr .txtDiv .box02 span,
			.cpjsDiv_06 .cpNr .txtDiv .box02 span,
			.cpjsDiv_07 .cpNr .txtDiv .box02 span,
			.cpjsDiv_06 .cpNr .txtDiv .box02 span {
				font-weight: bold
			}

				.cpjsDiv2 .cpNr .txtDiv .box02 span i,
				.cpjsDiv_01 .cpNr .txtDiv .box02 span i,
				.cpjsDiv_02 .cpNr .txtDiv .box02 span i,
				.cpjsDiv_03 .cpNr .txtDiv .box02 span i,
				.cpjsDiv_04 .cpNr .txtDiv .box02 span i,
				.cpjsDiv_05 .cpNr .txtDiv .box02 span i,
				.cpjsDiv_07 .cpNr .txtDiv .box02 span i,
				.cpjsDiv_06 .cpNr .txtDiv .box02 span i {
					font-size: 24px;
					vertical-align: middle;
					font-weight: normal
				}

			.cpjsDiv2 .cpNr .txtDiv .box02 p,
			.cpjsDiv_01 .cpNr .txtDiv .box02 p,
			.cpjsDiv_02 .cpNr .txtDiv .box02 p,
			.cpjsDiv_03 .cpNr .txtDiv .box02 p,
			.cpjsDiv_04 .cpNr .txtDiv .box02 p,
			.cpjsDiv_05 .cpNr .txtDiv .box02 p,
			.cpjsDiv_07 .cpNr .txtDiv .box02 p,
			.cpjsDiv_06 .cpNr .txtDiv .box02 p {
				color: #fff;
				font-size: 18px;
				line-height: 30px;
				padding: 10px 20px;
			}


.cpjsDiv_02 .cpNr .txtDiv .box02{width:50%;float:left;margin:10px 0}
.cpjsDiv_02 .cpNr .txtDiv .box02 span{height:36px;line-height:36px;color:#fff;background:linear-gradient(to right, #256CFF, #4080FF);border-radius:36px;padding:0 15px;font-weight:bold}
.cpjsDiv_02 .cpNr .txtDiv .box02 span i{font-size:18px;vertical-align:middle;font-weight:normal}
.cpjsDiv_02 .cpNr .txtDiv .box02 p{color: #fff;font-size: 16px;line-height: 22px;padding:10px}



.cpjsDiv3{width:100%;padding:70px 0;background:url("../images/product/cp_bj2.png") no-repeat;font-size:24px}
.cpjsDiv3 .titleDiv{width:100%;text-align:center}
.cpjsDiv3 .titleDiv h4{font-size:40px;color:#333;font-weight:normal}
.cpjsDiv3 .titleDiv span{display:block;width:70px;height:4px;border-radius:4px;background:#256CFF;margin:20px auto}
.cpjsDiv3 .titleDiv p{text-align:center;font-size:16px;color:#666}
.cpjsDiv3 .lcNr{padding:50px 0 0 0} 
.cpjsDiv3 .lcNr .leftDiv{float:left;width:33%;height:100%;padding:30px 0;text-align:center;background:rgba(255,255,255,0.50);border-radius:8px;box-shadow:0px 0px 15px rgba(177,203,252,1.00);text-align:center;max-height:900px} 
.cpjsDiv3 .lcNr .rightDiv{float:right;width:65%;background:rgba(255,255,255,0.50);border-radius:8px;text-align:center;box-shadow:0px 0px 15px rgba(177,203,252,1.00);padding:30px 0;max-height:900px} 
.cpjsDiv3 .lcNr .leftDiv img,.cpjsDiv3 .lcNr .rightDiv img{width:auto;height:auto}

.main-wrap {display:flex;flex-direction:column;gap:1rem;margin:70px auto 0 auto;flex-direction:row}
 /* 通用卡片样式 */
.card1 {border-radius: 0.5rem;padding:0;height:100%}
 /* 选型卡容器（可拖动） */
.card2 {border-radius:0.5rem;padding:0;box-shadow: 0 1px 2px rgba(0,0,0,0.05);height:auto;border-radius:10px;overflow:hidden}
 /* 选型卡容器（可拖动） */
.tab-container {display:flex;gap:0.5rem;overflow-x:auto;padding-bottom:0.5rem;cursor: grab;margin-bottom:1rem}
.tab-container::-webkit-scrollbar {display:none}
.tab-container {scrollbar-width:none}
.tab-container:active {cursor:grabbing}
/* 选型卡按钮 */
.tab-btn {flex-shrink:0;padding:0.5rem 1.2rem;border-radius:999px;border: none;background: white;color:#4b5563; font-weight: 500;cursor: pointer;white-space: nowrap;}
.tab-btn.active {background:linear-gradient(to right, #256CFF, #185ADB);color: white;box-shadow:none}
/* 轮播容器 */
.swiper {position:relative;height:320px;margin-bottom:1rem;overflow:hidden;background:#fff;padding:10px;border-radius:10px}
/* 轮播图片 */
.swiper-item{position:absolute;top:0;left:0;width:100%;height:100%;text-align:center; display:none}
.swiper-item.active {display:block}
.swiper-item img {width:100%;height:100%;max-width:324px;object-fit:contain;margin:auto}

/* 轮播指示器（仅多张时显示） */
.indicator {position:absolute;bottom:0.5rem;left:50%;transform:translateX(-50%);display:flex;gap: 0.5rem}
.indicator-dot {width:0.7rem;height:0.7rem;border-radius:50%;background: rgba(0,0,0,0.1);cursor:pointer}
.indicator-dot.active {background:#256CFF}
/* 颜色选择区 */
.color-title {text-align:center;margin-bottom:0.5rem;color:#374151}
.color-dots {display:flex;gap:0.8rem;justify-content:center}
.color-dot {width:1.2rem;height:1.2rem;border-radius:50%;cursor:pointer;margin:0 5px}
.color-dot.active {box-shadow:0 0 0 2px #256CFF, 0 0 0 4px #ffffff}
/* 参数列表 */
.param-list {width: 100%;border-collapse:collapse}
.param-list tr:nth-child(odd) {background:#E3E3E3}
.param-list tr:nth-child(even) {background:#ffffff}
/* 参数单元格:标题+内容分隔线 */
.param-label {width:20%;padding:0.8rem 1rem;font-weight:500;color:#374151;border-right:1px solid #e5e7eb;text-align:center;font-weight:600}
.param-value {padding:0.8rem 1rem;color:#4b5563}
/* 标题行样式 */
.title-row td {padding:1rem;font-size:1.25rem;font-weight:700;color:#374151;text-align:center}
.product-side{width:47%;padding-right:3%}
.param-side {width:50%}
.card3{width:100%;display:flex;justify-content:center;/* 水平居中*/align-items: center;height:400px;/*垂直居中*//*容器高度，根据需要设置*/}
.card3 img{width:100%}

/*+++++++=响应式适配 - 手机=*+++++++*/
@media screen and (min-width:0px) and (max-width:575px) {
	.bennerDiv, .bennerDiv2, .bennerDiv3, .bennerDiv4, .bennerDiv5, .bennerDiv6, .bennerDiv6, .bennerDiv7 {
		padding: 5% 3%;
		width: 100%;
		min-height: inherit;
		background: #006892;
		background-size: cover
	}
		.bennerDiv p, .bennerDiv2 p, .bennerDiv3 p, .bennerDiv4 p, .bennerDiv5 p, .bennerDiv6 p, .bennerDiv7 p {
			width: 100%;
			font-size: 14px;
			line-height: 20px;
			color: #fff;
		}
	.bennerDiv h2, .bennerDiv2 h2, .bennerDiv3 h2, .bennerDiv4 h2, .bennerDiv5 h2, .bennerDiv6 h2, .bennerDiv7 h2 {
		font-size: 20px;
		color: #fff
	}
	.bennerDiv span, .bennerDiv2 span, .bennerDiv3 span, .bennerDiv4 span, .bennerDiv5 span, .bennerDiv6 span, .bennerDiv7 span {
		display: block;
		width: 80px;
		height: 2px;
		margin: 15px 0;
		border-radius: 10px;
		background: #fff
	}
		.bennerDiv span img, .bennerDiv2 span img, .bennerDiv3 span img, .bennerDiv4 span img, .bennerDiv5 span img, .bennerDiv6 span img, .bennerDiv7 span img {
			display: none
		}
	
.bennerDiv p{width:100%;font-size:14px;line-height:20px;color:#fff}
.cpjsDiv1{width:100%;background:#F6F6F6;padding:20px 0}
.cpjsDiv1 .titleDiv h4{font-size:24px;color:#333;font-weight:normal}
.cpjsDiv1 .titleDiv span{display:block;width:70px;height:4px;border-radius:4px;background:#256CFF;margin:20px auto}
.cpjsDiv1 .titleDiv p{text-align:center;font-size:14px;color:#666}
.cpjsDiv2{width:100%;padding:20px 0;background:url("../images/product/cp_bj1.png") no-repeat}
.cpjsDiv_01{width:100%;padding:20px 0;background: url(../images/product/cp_bj_01.png) no-repeat}
.cpjsDiv_02{width:100%;padding:20px 0;background: url(../images/product/cp_bj_02.png) no-repeat}
.cpjsDiv_03{width:100%;padding:20px 0;background: url(../images/product/cp_bj_03.png) no-repeat}
.cpjsDiv_04{width:100%;padding:20px 0;background: url(../images/product/cp_bj_04.png) no-repeat}
.cpjsDiv_05{width:100%;padding:20px 0;background: url(../images/product/cp_bj_05.png) no-repeat}
	.cpjsDiv_06 {
		width: 100%;
		padding: 20px 0;
		background: url(../images/product/cp_bj_06.png) no-repeat
	}
	.cpjsDiv_07 {
		width: 100%;
		padding: 20px 0;
		background: url(../images/product/RFIDtmd2.png) no-repeat
	}

	.cpjsDiv2 .titleDiv h4,
	.cpjsDiv_01 .titleDiv h4,
	.cpjsDiv_02 .titleDiv h4,
	.cpjsDiv_03 .titleDiv h4,
	.cpjsDiv_04 .titleDiv h4,
	.cpjsDiv_05 .titleDiv h4,
	.cpjsDiv_07 .titleDiv h4,
	.cpjsDiv_06 .titleDiv h4 {
		font-size: 24px;
		color: #fff;
		font-weight: normal
	}

	.cpjsDiv2 .titleDiv span,
	.cpjsDiv_01 .titleDiv span,
	.cpjsDiv_02 .titleDiv span,
	.cpjsDiv_03 .titleDiv span,
	.cpjsDiv_04 .titleDiv span,
	.cpjsDiv_05 .titleDiv span,
	.cpjsDiv_07 .titleDiv span,
	.cpjsDiv_06 .titleDiv span {
		display: block;
		width: 70px;
		height: 4px;
		border-radius: 4px;
		background: #fff;
		margin: 20px auto
	}

	.cpjsDiv2 .titleDiv p,
	.cpjsDiv_01 .titleDiv p,
	.cpjsDiv_02 .titleDiv p,
	.cpjsDiv_03 .titleDiv p,
	.cpjsDiv_04 .titleDiv p,
	.cpjsDiv_05 .titleDiv p,
	.cpjsDiv_07 .titleDiv p,
	.cpjsDiv_06 .titleDiv p {
		text-align: center;
		font-size: 14px;
		color: #fff
	}

	.cpjsDiv2 .jjfaNr,
	.cpjsDiv_01 .jjfaNr,
	.cpjsDiv_02 .jjfaNr,
	.cpjsDiv_03 .jjfaNr,
	.cpjsDiv_04 .jjfaNr,
	.cpjsDiv_05 .jjfaNr,
	.cpjsDiv_07 .jjfaNr,
	.cpjsDiv_06 .jjfaNr {
		width: 100%
	}

	.cpjsDiv2 .cpNr,
	.cpjsDiv_01 .cpNr,
	.cpjsDiv_02 .cpNr,
	.cpjsDiv_03 .cpNr,
	.cpjsDiv_04 .cpNr,
	.cpjsDiv_05 .cpNr,
	.cpjsDiv_07 .cpNr,
	.cpjsDiv_06 .cpNr {
		width: 100%;
		padding: 50px 0 0 0
	}

		.cpjsDiv2 .cpNr .picDiv,
		.cpjsDiv_01 .cpNr .picDiv,
		.cpjsDiv_02 .cpNr .picDiv,
		.cpjsDiv_03 .cpNr .picDiv,
		.cpjsDiv_04 .cpNr .picDiv,
		.cpjsDiv_05 .cpNr .picDiv,
		.cpjsDiv_07 .cpNr .picDiv,
		.cpjsDiv_06 .cpNr .picDiv {
			float: inherit;
			width: 100%
		}

			.cpjsDiv2 .cpNr .picDiv img,
			.cpjsDiv_01 .cpNr .picDiv img,
			.cpjsDiv_02 .cpNr .picDiv img,
			.cpjsDiv_03 .cpNr .picDiv img,
			.cpjsDiv_04 .cpNr .picDiv img,
			.cpjsDiv_05 .cpNr .picDiv img,
			.cpjsDiv_07 .cpNr .picDiv img,
			.cpjsDiv_06 .cpNr .picDiv img {
				width: 100%
			}

		.cpjsDiv2 .cpNr .txtDiv,
		.cpjsDiv_01 .cpNr .txtDiv,
		.cpjsDiv_02 .cpNr .txtDiv,
		.cpjsDiv_03 .cpNr .txtDiv,
		.cpjsDiv_04 .cpNr .txtDiv,
		.cpjsDiv_05 .cpNr .txtDiv,
		.cpjsDiv_07 .cpNr .txtDiv,
		.cpjsDiv_06 .cpNr .txtDiv {
			float: inherit;
			width: 100%
		}

			.cpjsDiv2 .cpNr .txtDiv .box02,
			.cpjsDiv_01 .cpNr .txtDiv .box02,
			.cpjsDiv_02 .cpNr .txtDiv .box02,
			.cpjsDiv_03 .cpNr .txtDiv .box02,
			.cpjsDiv_04 .cpNr .txtDiv .box02,
			.cpjsDiv_05 .cpNr .txtDiv .box02,
			.cpjsDiv_07 .cpNr .txtDiv .box02,
			.cpjsDiv_06 .cpNr .txtDiv .box02 {
				width: 50%;
				margin: 5px 0;
				float: left
			}

				.cpjsDiv2 .cpNr .txtDiv .box02:last-child,
				.cpjsDiv_01 .cpNr .txtDiv .box02:last-child,
				.cpjsDiv_02 .cpNr .txtDiv .box02:last-child,
				.cpjsDiv_03 .cpNr .txtDiv .box02:last-child,
				.cpjsDiv_04 .cpNr .txtDiv .box02:last-child,
				.cpjsDiv_05 .cpNr .txtDiv .box02:last-child,
				.cpjsDiv_07 .cpNr .txtDiv .box02:last-child,
				.cpjsDiv_06 .cpNr .txtDiv .box02:last-child {
					width: 100%;
					margin: 5px 0;
					float: inherit
				}

				.cpjsDiv2 .cpNr .txtDiv .box02 span,
				.cpjsDiv_01 .cpNr .txtDiv .box02 span,
				.cpjsDiv_02 .cpNr .txtDiv .box02 span,
				.cpjsDiv_03 .cpNr .txtDiv .box02 span,
				.cpjsDiv_04 .cpNr .txtDiv .box02 span,
				.cpjsDiv_05 .cpNr .txtDiv .box02 span,
				.cpjsDiv_07 .cpNr .txtDiv .box02 span,
				.cpjsDiv_06 .cpNr .txtDiv .box02 span {
					display: inline-block;
					height: 36px;
					line-height: 36px;
					vertical-align: middle;
					color: #fff;
					background: linear-gradient(to right, #256CFF, #4080FF);
					border-radius: 36px;
					padding: 0 10px;
					font-size: 14px;
					font-weight: bold
				}

					.cpjsDiv2 .cpNr .txtDiv .box02 span i,
					.cpjsDiv_01 .cpNr .txtDiv .box02 span i,
					.cpjsDiv_02 .cpNr .txtDiv .box02 span i,
					.cpjsDiv_03 .cpNr .txtDiv .box02 span i,
					.cpjsDiv_04 .cpNr .txtDiv .box02 span i,
					.cpjsDiv_05 .cpNr .txtDiv .box02 span i,
					.cpjsDiv_07 .cpNr .txtDiv .box02 span i,
					.cpjsDiv_06 .cpNr .txtDiv .box02 span i {
						font-size: 18px;
						vertical-align: middle;
						font-weight: normal
					}

				.cpjsDiv2 .cpNr .txtDiv .box02 p,
				.cpjsDiv_01 .cpNr .txtDiv .box02 p,
				.cpjsDiv_02 .cpNr .txtDiv .box02 p,
				.cpjsDiv_03 .cpNr .txtDiv .box02 p,
				.cpjsDiv_04 .cpNr .txtDiv .box02 p,
				.cpjsDiv_05 .cpNr .txtDiv .box02 p,
				.cpjsDiv_07 .cpNr .txtDiv .box02 p,
				.cpjsDiv_06 .cpNr .txtDiv .box02 p {
					color: #fff;
					font-size: 14px;
					line-height: 24px;
					padding: 5px 10px 10px 10px;
					min-height: 90px
				}	
		
.cpjsDiv_02 .cpNr .txtDiv .box02{width:50%;float:left;margin:10px 0}
.cpjsDiv_02 .cpNr .txtDiv .box02 span{height:36px;line-height:36px;color:#fff;background:linear-gradient(to right, #256CFF, #4080FF);border-radius:36px;padding:0 15px;font-weight:bold}
.cpjsDiv_02 .cpNr .txtDiv .box02 span i{font-size:18px;vertical-align:middle;font-weight:normal}
.cpjsDiv_02 .cpNr .txtDiv .box02 p{color: #fff;font-size: 16px;line-height: 22px;padding:10px}

	
.cpjsDiv3{width:100%;padding:30px 0;background:url("../images/product/cp_bj2.png") no-repeat;background-size:cover;font-size:24px}
.cpjsDiv3 .titleDiv{width:100%;text-align:center}
.cpjsDiv3 .titleDiv h4{font-size:24px;color:#333;font-weight:normal}
.cpjsDiv3 .titleDiv span{display:block;width:70px;height:4px;border-radius:4px;background:#256CFF;margin:10px auto}
.cpjsDiv3 .titleDiv p{text-align:center;font-size:14px;color:#666}
.cpjsDiv3 .lcNr{padding:30px 0 0 0} 

.cpjsDiv3 .lcNr .leftDiv{float:inherit;width:100%;height:100%;padding:30px 5%;text-align:center;background:rgba(255,255,255,0.50);border-radius:8px;box-shadow:0px 0px 15px rgba(177,203,252,1.00);text-align:center;max-height:inherit} 
.cpjsDiv3 .lcNr .rightDiv{float:inherit;width:100%;background:rgba(255,255,255,0.50);border-radius:8px;text-align:center;box-shadow:0px 0px 15px rgba(177,203,252,1.00);padding:30px 5%;max-height:inherit;margin-top:20px} 
.cpjsDiv3 .lcNr .leftDiv img,.cpjsDiv3 .lcNr .rightDiv img{width:100%}
	
.swiper {position:relative;height:auto;margin-bottom:1rem;overflow:hidden;background:none;padding:10px;border-radius:10px}	
.main-wrap {flex-direction:column;margin:20px auto}
.product-side,.param-side {width:100%}
.swiper {height:200px}
.card3{width:100%;height:auto}
.card3 img{width:100%}
}







/* 隐藏图片分组容器（仅作为数据载体） */
.swiper-group {
	display: none;
}

/* 轮播基础样式（保持原有样式不变） */
.swiper {
	position: relative;
	overflow: hidden;
}

.swiper-item {
	display: none;
	width: 100%;
}

	.swiper-item.active {
		display: block;
	}

.indicator {
	position: absolute;
	bottom: 10px;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	gap: 8px;
}

.indicator-dot {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #ccc;
	cursor: pointer;
}

	.indicator-dot.active {
		background: #256CFF;
	}

.tab-container {
	display: flex;
	gap: 10px;
	overflow-x: auto;
	white-space: nowrap;
	user-select: none;
}

.tab-btn {
	padding:0.5rem 1.2rem;
	background: #f5f5f5;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	border-radius: 999px
}

	.tab-btn.active {
		background: linear-gradient(to right, #256CFF, #185ADB);
    color: white;
    box-shadow: none;
	}

/* 轮播容器 */
.swiper {
    position: relative;
    overflow: hidden;
    width: 100%;
}

/* 轮播项（隐藏非激活态） */
.swiper-item {
    display: none;
    width: 100%;
}
.swiper-item.active {
    display: block;
}

/* 分组容器（隐藏，仅作为数据源） */
.swiper-group {
    display: none;
}

/* 指示器容器 */
.indicator {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 8px;
}

/* 指示器圆点 */
.indicator-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #ccc;
    cursor: pointer;
}
.indicator-dot.active {
    background: #256CFF;
}