/* ============================================
   技术实力页 (jssl.html) 专属样式
   ============================================ */

/* 文字对齐工具类 - 可配置 */
.text-left {
	text-align: left;
}

.text-center {
	text-align: center;
}

.text-right {
	text-align: right;
}

/* FaList 中 AI 相关文本 */
.FaList .aihead {
	line-height: 0.50rem;
	font-size: 0.30rem;
	margin-bottom: 0.33rem;
	font-family: HarmonyOSSansSCBold;
	color: #fff;
}

.FaList .aidesc {
	line-height: 0.33rem;
	font-size: 0.18rem;
	font-family: HarmonyOSSansSCLight;
	color: #fff;
}

/* 数据展示区样式 */
.jssl-title-box {
	line-height: 0.52rem;
	font-size: 0.31rem;
	color: #000000;
	font-family: HarmonyOSSansSCBold, HarmonyOSSansSCBold;
	margin-bottom: 0.25rem;
}

.jssl-title-box span {
	display: block;
	font-family: HarmonyOSSansSCBold, HarmonyOSSansSCBold;
}

.jssl-desc {
	line-height: 0.35rem;
	font-size: 0.19rem;
	color: #303030;
	font-family: HarmonyOSSansSCLight, HarmonyOS_Sans_SC_Light;
	text-align: left;
	margin-top: 0.52rem;
	margin-bottom: 0.57rem;
}

.jssl-data-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0.2rem 0.35rem;
}

.jssl-data-grid .num {
	font-size: 0.19rem;
	color: #2AC073;
	line-height: 0.59rem;
	text-align: left;
}

.jssl-data-grid .num em {
	display: inline;
	font-style: normal;
	font-weight: bold;
	font-size: 0.43rem;
	color: #2AC073;
	line-height: 0.59rem;
	font-family: GalanoGrotesqueDEMO, GalanoGrotesqueDEMO, sans-serif;
	vertical-align: baseline;
}
.jssl-data-grid .num span {
	font-weight: bold;
	font-size: 0.19rem;
}
.jssl-data-grid .num {
	white-space: nowrap;
}

.jssl-data-grid p {
	font-size: 0.19rem;
	color: #454545;
	line-height: 0.26rem;
	margin: 0;
	font-family: HarmonyOSSansSCLight, HarmonyOS_Sans_SC_Light;
}

/* 两栏布局 */
.jssl-two-col {
	display: flex;
	gap: 0.6rem;
	margin-top: 0.35rem;
}

.jssl-two-col .col {
	flex: 1;
}

.jssl-two-col h4 {
	font-size: 0.20rem;
	line-height: 0.28rem;
	font-weight: bold;
	color: #fff;
	margin-bottom: 0.25rem;
	font-family: HarmonyOSSansSCBold, sans-serif;
}

.jssl-two-col dl {
	margin: 0 0 0.25rem 0;
}

.jssl-two-col dt {
	font-size: 0.17rem;
	font-weight: bold;
	color: #fff;
	margin-bottom: 0.06rem;
	line-height: 0.24rem;
	font-family: HarmonyOSSansSCBold, sans-serif;
}

.jssl-two-col dd {
	font-size: 0.13rem;
	color: rgba(255,255,255,0.75);
	line-height: 0.19rem;
	margin: 0;
	padding-left: 0;
	font-family: HarmonyOSSansSCLight, HarmonyOS_Sans_SC_Light;
}

/* 核心竞争优势 - 统一居中容器 */
.ys-section {
	display: flex;
	justify-content: center;
}

.core-cap-inner {
	width: auto;
}
.core-cap-inner .jz-ti{
	font-family: HarmonyOSSansSCMedium;
	font-size: 0.43rem;
	line-height: 0.52rem;
	margin-bottom: 0.17rem;
}
.core-cap-inner .jz-ti-sub {
	font-family: HarmonyOSSansSCLight;
	font-size: 0.21rem;
	font-weight: 300;
	color: #303030 !important;
	line-height: 0.33rem;
}
.hyAi {
	background: url("../images/jssl/jssl_AI3.png") no-repeat center center;
	background-size: cover;
}
/* 核心竞争优势 - 卡片网格 */
.core-cards {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 25px;
	margin-top: 0.3rem;
	justify-items: center;
}

.core-card-item img {
	width: 285px;
	height: 372px;
	display: block;
	object-fit: contain;
}

/* 右侧证书图 */
.ry-zs-img {
	position: absolute;
	right: 1.38rem;
	top: 0.3rem;
	z-index: 3;
	width: 6.63rem;
	height: 3.55rem;
}

.ry-zs-img img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	display: block;
}

/* 荣誉 - 数据列表 */
.ry-data-list {
	display: flex;
	gap: 0.8rem;
	margin-top: 0.3rem;
}

.ry-data-item {
	display: flex;
	flex-direction: column;
}

.ry-data-item .num {
	font-family: HarmonyOSSansSCBold, HarmonyOS_Sans_SC_Bold, sans-serif;
	font-size: 0.31rem;
	color: #FFFFFF;
	line-height: 0.61rem;
}

.ry-data-item .label {
	font-family: HarmonyOSSansSCBold, HarmonyOS_Sans_SC_Bold, sans-serif;
	font-size: 0.21rem;
	color: #FFFFFF;
	line-height: 0.29rem;
}

/* 荣誉区域 - 背景容器 */
.CoreCapability {
	font-size: 0.43rem !important;
	line-height: 0.52rem;
	position: relative;
	min-height: auto;
	padding: 0.61rem 1.33rem 0.54rem;
}

.CoreCapability .qyry {
	font-family: HarmonyOSSansSCMedium;
	font-size: 0.43rem;
	line-height: 0.52rem;
	margin-bottom: 0.17rem;

}
.CoreCapability .qyry-sub {
	font-family: HarmonyOSSansSCLight;
	font-size: 0.21rem;
	font-weight: 300;
	color: #303030 !important;
	line-height: 0.33rem;
	text-align: center;
	padding: 0 3rem;
}

/* 核心竞争优势 - 卡片网格 */
.core-cards {
	display: flex;
	grid-template-columns: repeat(4, 1fr);
	gap: 0.2rem;
	margin-top: 0.3rem;
}
.CoreCapability.pzBox {
	padding: 0;

}
.core-cards.pz{
	width: 80%;
	display: flex;
	gap: 0.2rem;
	column-gap: 0.2rem;
	margin: 0 auto;
	padding:0.7rem 0;
	flex-wrap: wrap;
	align-items: center;

}
.core-card-item {
	background-color: #fff;
}
.core-cards.pz div {
	flex:0 0 calc(25% - 0.15rem)
}


.core-card-item img {
	width: 100%;
	display: block;
	object-fit: contain;
}

/* ============================================
   核心能力架构标题和描述样式
   ============================================ */
.jssl-core-title {
	font-family: HarmonyOSSansSCMedium;
	font-size: 0.5rem;
	line-height: 0.52rem;
	margin-bottom: 0.17rem;
}

.jssl-core-desc {
	font-family: HarmonyOSSansSCLight;
	font-size: 0.24rem;
	font-weight: 300;
	color: #303030 !important;
	line-height: 0.33rem;
}
.aihead.jsslpt100 {
	padding:  0;
}
.jssl-two-col.jsslpb100 {
	padding:  0;
}
.FaList .item  .info-box {
	width: 100%;
	margin: 0 auto;
}

.YwzjSubBan {
	margin-top: 0.86rem;
	position: relative;
	background: #fff;
	z-index: 1;
	overflow: hidden;
}

.YwzjSubBan {
	position: relative;
	overflow: hidden;
}
.YwzjSubBan .img img {
	width: 100%;
	height: auto;
	display: block;
}

.YwzjSubBan .Info {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
	color: #fff;
	width: 100%;
	letter-spacing: 0.1em;
}

.YwzjSubBan h2 {
	font-size: 0.37rem;
	line-height: 0.51rem;
	letter-spacing: 0.1em;
	margin-left: 1.33rem;
	margin-bottom: 0.24rem;
	font-family: HarmonyOSSansSCBold;
}

.YwzjSubBan .desc {
	font-size: 0.17rem;
	line-height: 0.35rem;
	margin-left: 1.33rem;
	font-family: HarmonyOSSansSCLight;
}
.JsslSubBan .JsslInfo {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
	color: #fff;
	width: 16rem;
	letter-spacing: 0.1em;
}

.yypz {
	top: 0.8rem;
	left: 1.38rem;
	transform: none;
	z-index: 5;
}

.yypz h2{
	font-size: 0.43rem;
	line-height: 0.61rem;
	font-family: HarmonyOSSansSCBold, HarmonyOS_Sans_SC_Bold;
	color: #FFFFFF;
	margin-bottom: 0.25rem;
}
@media(max-width:1600px) {
	.JsslSubBan .JsslInfo {
		width: 90%;
	}
}

@media(max-width:1024px){
	.YwzjSubBan{
		margin-top: 0;
	}
	.JsslHomeBan,.JsslHomeBan .item{height: auto;}

	.CoreCapability {
		padding-left:0;
		padding-right: 0;
	}
	/* 核心能力架构标题 - 移动端 */
	.jssl-core-title {
		font-size: 0.44rem;
		line-height: 1;
		text-align: center;
		padding-left: 0.5rem;
	}
	.jssl-core-desc {
		font-size: 0.25rem;
		line-height: 0.46rem;
		text-align: center;
	}
	/* 取消 table 布局，让每个 cell 独占一行 */
	.FaList .item .table {
		display: block;
	}
	.FaList .item .cell {
		display: block;
		width: 100%;
		margin: auto;
	}
	.FaList .item .cell .info-box {
		width: 80%;
		margin: 0 auto;
	}
	.FaList .item .imgbox {
		width: 100%;
	}
	.aihead.jsslpt100 {
		padding-top: 1rem;;
	}
	.jssl-two-col.jsslpb100 {
		padding-bottom: 1rem;
	}
	.FaList .item  .info-box {
		width: 98%;
		margin: 0 auto;
	}
	.HomeBan .yypzbg {
		width: 100%;
		height: 2.67rem;        /* ← 加固定高度 */
		overflow: hidden;
	}
	.HomeBan .yypzbg img {
		height: 2.67rem;
		display: block;
		object-fit: cover;
		object-position: left top;
	}
	.core-cap-inner {
		margin-left: 0.4rem;
		margin-right: 0.4rem;
	}
	.core-cap-inner .jz-ti{
		font-size: 0.49rem;
		line-height: 0.68rem;
		margin-bottom: 0.27rem;
	}
	.core-cap-inner .jz-ti-sub {
		font-size: 0.27rem;
		line-height: 0.52rem;
	}
	.core-cards {
		display: flex;
		flex-wrap: wrap;
		gap: 0.2rem;
		margin-top: 0.3rem;
		justify-content: center;
	}
	.core-cards .core-card-item {
		flex:  0 0 calc(50% - 0.1rem);
	}

	.core-card-item img {
		height: 100%;
		display: block;
		object-fit: cover;
	}
	.yypz h2{
		font-size: 0.27rem;
		line-height: 0.37rem;
		font-family: HarmonyOSSansSCBold;
		color: #FFFFFF;
		margin-left: 1.16rem;
		margin-top:0;
	}
	.ry-data-list {
		margin-left: 1.16rem;
		gap: 0.5rem;
	}
	.yypz .ry-data-item .num{
		font-size: .22rem;
		line-height: .3rem;
	}
	.ry-data-item .label {
		font-size: .13rem;
		line-height: .18rem;
	}
	.ry-zs-img {
		position: absolute;
		left: 6rem;                /* ← 固定左边距，屏幕缩小也不动 */
		top: 0.3rem;
		z-index: 3;
		width: 4rem;
		height: 2.19rem;
	}

	.CoreCapability .qyry-sub {
		font-size: 0.25rem;
		line-height: 0.46rem;
		padding: 0 0.33rem;
	}

	.core-cards.pz div {
		flex:0 0 calc(50% - 0.15rem)
	}
}

/* ============================================
   移动端适配 (max-width: 768px)
   ============================================ */
@media screen and (max-width: 768px) {
	/* 核心能力架构区域 - 居中显示 */
	.CoreCapability {
		font-size: 0.32rem !important;
		line-height: 0.52rem;
		padding-left: 0.36rem !important;
		padding-right: 0.36rem !important;
		text-align: center !important;
	}

	/* 核心能力架构标题 - 移动端 */
	.jssl-core-title {
		font-size: 0.32rem;
	}

	/* 核心能力架构描述 - 移动端 */
	.jssl-core-desc {
		font-size: 0.18rem;
	}

	/* 核心竞争优势区域 - 居中显示 */
	.ys-section {
		padding-left: 0.36rem !important;
		padding-right: 0.36rem !important;
	}

	.core-cap-inner {
		width: 100%;
		text-align: center;
	}
	.core-cap-inner {
		margin-left: 0;
		margin-right: 0;
	}
	/* AI背景图容器 - 移动端优化 */
	.item .cell.info {
		background-size: cover !important;
		background-position: center center !important;
		min-height: 4rem;
	}

	/* 移动端文字对齐工具类 - 覆盖父容器样式 */
	.text-left {
		text-align: left !important;
	}

	.text-center {
		text-align: center !important;
	}

	.text-right {
		text-align: right !important;
	}

	/* 核心竞争优势 - 移动端2+1布局 */
	.core-cards {
		display: flex !important;
		flex-wrap: wrap;
		justify-content: center;
		gap: 0.13rem;
	}

	/* 移动端卡片大小统一 */
	.core-cards .core-card-item {
		flex: 0 0 calc(50% - 0.075rem);
	}

	/* 确保图片在卡片内正确显示 */
	.core-cards .core-card-item img {
		width: 100%;
		height: auto;
	}

	.YwzjSubBan {
		margin-top: 0;
	}
	.YwzjSubBan .Info {
		width: 100%;
		padding-left: 0.6rem;
		box-sizing: border-box;
	}
	.YwzjSubBan h2 {
		font-size: 0.37rem;
		line-height: 0.51rem;
		letter-spacing: 0.1em;
		margin-left: 0;
		margin-bottom: 0.12rem;
		font-family: HarmonyOSSansSCBold;
	}
	.YwzjSubBan .desc {
		font-size: 0.16rem;
		line-height: 0.27rem;
		margin-left: 0;
		font-family: HarmonyOSSansSCLight;
	}
	.YwzjSubBan .img {
		width: 100%;
		overflow: hidden;
	}
	.YwzjSubBan .img img {
		width: auto;
		max-width: none;
		height: 3.41rem;
		display: block;
	}
}