.solution .box1 {
	padding: 10px 0 60px;
	text-align: center
}

.solution .box1 .box-c {
	margin-top: 10px
}

.solution .box1 .box-c .swiper-wrapper {
	flex-wrap: wrap;
	height: auto !important
}

.solution .box1 .box-c .list i,
.solution .box1 .box-c .list li {
	width: 24.25%
}

.solution .box1 .box-c .list li {
	position: relative;
	height: auto;
	margin-right: 1%;
	margin-top: 1%
}

.solution .box1 .box-c .list li::before {
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .3);
	z-index: 1;
}/*对齐正式环境：去掉 position:absolute，蒙版不再覆盖图片*/

.solution .box1 .box-c .list li:nth-child(4n) {
	margin-right: 0
}

.solution .box1 .box-c .list li .li-box {
	z-index: 5;
	padding: 10px 20px;
	width: 100%;
	border: 1px solid #d3d3d3;
	text-align: center
}/*对齐正式环境：名称区流式排在图片下方，带边框居中，不再压图*/

/*图片占位统一 3:2、contain 完整显示不裁剪（源图比例不齐由内容侧统一改图）：占位等高、名称盒等高、卡片底部对齐*/
.solution .box1 .box-c .list li .pic {
	width: 100%;
	overflow: hidden
}

.solution .box1 .box-c .list li .pic img {
	width: 100%;
	aspect-ratio: 3 / 2;
	object-fit: contain;
	display: block
}

.solution .box1 .box-c .list li .text-title {
	font-size: 18px;
	font-family: HarmonyOS Sans SC;
	font-weight: 400;
	color: #333;
	line-height: 1.41;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	text-overflow: ellipsis
}

.solution .box1 .box-c .list li .more {
	display: none;/*对齐正式环境：探索行整体隐藏（原为hover滑出动画）*/
	align-items: center;
	font-size: 16px;
	font-family: HarmonyOS Sans SC;
	font-weight: 400;
	color: #fff;
	line-height: 26px;
	height: 0;
	opacity: 0;
	margin-top: 10px;
	visibility: hidden;
	transition: all .6s
}

.solution .box1 .box-c .list li .more .iconfont {
	font-size: 24px;
	margin-left: 8px
}

.solution .box1 .box-c .list li:hover .more {
	height: 26px;
	visibility: visible;
	opacity: .7
}

.solution .box2 {
	padding: 50px 0 50px;
	background-color: #f8f9fc
}

.solution .box2 .box-c .text-box {
	padding-top: 30px
}

.solution .box2 .box-c .text-box:not(:last-child) {
	border-bottom: 1px solid rgba(7, 7, 7, .07);
	padding-bottom: 25px
}

.solution .box2 .box-c .text-box .text-title {
	font-size: 22px;
	font-family: HarmonyOS_Sans_SC_Light;
	color: #182f8e;
	line-height: 1.36
}

.solution .box2 .box-c .text-box .text-des {
	font-size: 16px;
	font-family: HarmonyOS_Sans_SC_Light;
	color: #777;
	line-height: 1.875;
	margin-top: 10px
}

.solution .box2 .box-c .text-box .text-des p:not(:last-child) {
	margin-bottom: 15px
}

.solution-details {
	background-color: #f8f9fc
}

.solution-details .box1 {
	position: relative;
	z-index: 3
}

.solution-details .innerLine {
	width: 16px;
	height: 3px;
	background: #122f8f;
	margin: 15px auto;
}

.solution-details .box1 .box-c {
	position: relative;
	background-color: #fff;
	padding: 50px;
	text-align: center;
	z-index: 2
}/*2026-10-21 树改版后 box1 上方是导航树：去掉旧版上移盖 banner 的负 margin（各档位同步清除）*/

.solution-details .innerNav {
	margin-top: 30px
}

.solution-details .box2 {
	background-color: #fff;
	text-align: left;
	padding-top: 50px
}

.solution-details .box2 .innerLine {
	margin-left: 0
}

.solution-details .box2 .text-box:not(:last-child) {
	margin-bottom: 60px
}

.solution-details .box2 .text-box .innerDes .text:not(:last-child) {
	margin-bottom: 28px
}

.solution-details .box2 video {
	margin-top: 40px;
	display: block;
	width: 100%
}

.solution-details .box2 img {
	display: block;
	max-width: 100%;
	margin-top: 40px
}
.solution .box3 .swiper-pagination,
.recommendProduct .swiper-pagination{
	display: block;
}


.solution-details .box2 p {
	font-size: 16px;
	font-family: HarmonyOS_Sans_SC_Light;
	color: #777;
	line-height: 1.875
}

.solution-details .box2 img {
	margin-top: 20px;
	margin-bottom: 20px
}

.solution-details .box2 h4 {
	font-size: 34px;
	font-family: HarmonyOS_Sans_SC_Medium;
	color: #333;
	line-height: 1.5;
	text-indent: 0em !important;
}
.solution-details .box2 .pir-list p{
	text-indent: 0em !important;
}
#application {
	display: none
}

.solution-details .box2 .box-c {
	padding-bottom: 50px;
}
@media (max-width:1280px) {
	.solution .box1 .box-c .list li .li-box {
		padding: 10px
	}

	.solution .box1 .box-c .list li .text-title {
		font-size: 18px
	}

	.solution-details .box1 .box-c {
		padding: 50px;
	}
	.solution .box2 .box-c .text-box:not(:last-child) {
		padding-bottom: 20px
	}

	.solution .box2 .box-c .text-box {
		padding-top: 26px
	}

	.solution .box2 .box-c .text-box .text-des p:not(:last-child) {
		margin-bottom: 15px
	}

	.solution .box2 .box-c .text-box .text-title {
		font-size: 20px
	}
	.solution .box1 .box-c .list i, .solution .box1 .box-c .list li{
		width: 32.66%;
	}
	.solution .box1 .box-c .list li:nth-child(4n){
		margin-right: 1%;
	}
	.solution .box1 .box-c .list i, .solution .box1 .box-c .list li:nth-child(3n){
		margin-right: 0px;
	}
}

@media (max-width:1199px) {
	.solution-details .box2 {
		padding: 70px 0
	}

	.solution-details .box2 .text-box:not(:last-child) {
		margin-bottom: 70px
	}

	.solution-details .box1 .box-c {
		padding: 40px;
	}

	.solution .box1 {
		padding-top: 30px
	}
	.solution .box2 .box-c .text-box .text-title {
		font-size: 20px
	}

	.solution .box2 .box-c .text-box .text-des {
		margin-top: 10px
	}

	.solution .box2 .box-c .text-box .text-des p:not(:last-child) {
		margin-bottom: 5px
	}
}

@media (max-width:1024px) {
	.solution-details .box2 {
		padding: 50px 0
	}
	.solution-details .box2 h4{
		font-size: 26px;
	}
	.solution-details .box2 .text-box:not(:last-child) {
		margin-bottom: 50px
	}
	.solution-details .box1 .box-c {
		padding: 30px;
	}

	.solution .box2 .box-c .text-box {
		padding-top: 20px
	}

	.solution .box2 .box-c .text-box:not(:last-child) {
		padding-bottom: 20px
	}

	.solution .box1 {
		padding-top: 10px
	}

	.solution .box1 .box-c {
		margin-top: 20px
	}

	.solution-details .innerLine {
		margin: 15px auto
	}
}

@media (max-width:768px) {
	.solution-details .box2 {
		padding: 50px 0
	}
	.solution-details .box2 h4{
		font-size: 24px;
	}
	.solution-details .box2 .text-box:not(:last-child) {
		margin-bottom: 50px
	}

	.solution-details .innerNav {
		margin-top: 30px
	}

	.solution-details .box1 .box-c {
		padding: 25px 20px;
	}

	.solution .box2 .box-c .text-box .text-title {
		font-size: 18px
	}

	.solution .box1 .box-c {
		margin-top: 10px
	}

	.solution .box1 {
		padding-bottom: 30px
	}

	.solution .box2 {
		padding: 30px 0
	}

	.solution-details .box2 .text-box .innerDes .text:not(:last-child) {
		margin-bottom: 15px
	}

	.solution-details .box2 img,
	.solution-details .box2 video {
		margin-top: 15px
	}

	.solution-details .innerNav {
		margin-top: 20px
	}
}

@media (max-width:767px) {
	.newsList .box-c .swiper-slide a {
		flex-wrap: wrap
	}
	.solution .box1 .box-c .list li{
		margin-top: 0px !important;
	}
	.solution .box1 .box-c .swiper-wrapper {
		flex-wrap: nowrap
	}

	.swiper-pagination-bullet {
		width: 12px;
		height: 3px
	}

	.swiper-pagination-bullet-active {
		width: 20px
	}

	.solution .box1 .box-c .list li .more {
		height: auto;
		opacity: 1;
		visibility: initial;
		margin-top: 5px;
		font-size: 14px
	}

	.newsList .box-c .l,
	.newsList .box-c .r {
		width: 100%
	}

	.newsList .box-c .r {
		-webkit-box-ordinal-group: 1;
		-moz-box-ordinal-group: 1;
		-ms-flex-order: 1;
		-webkit-order: 1;
		order: 1
	}

	.newsList .box-c .l {
		-webkit-box-ordinal-group: 2;
		-moz-box-ordinal-group: 2;
		-ms-flex-order: 2;
		-webkit-order: 2;
		order: 2;
		margin: 25px auto
	}

	.newsList .box-c .l .label {
		font-size: 16px
	}

	.solution .box2 .box-c .text-box .text-title {
		font-size: 17px
	}
	.banner1 .banner-box .des {
		font-size: 15px
	}

	.box1 .box-c .swiper-pagination {
		display: block !important
	}

	.solution .box1 .box-c .list li .li-box {
		padding: 10px
	}

	.solution .box1 .box-c .list li::before {
		content: "";
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, .5);
		z-index: 1
	}/*对齐正式环境：同样去 position:absolute*/

	.solution .box1 .box-c .list li .more {
		font-size: 12px !important;
		line-height: 1.2;
		margin-top: 2px
	}

	.solution .box1 .box-c .list li .more .iconfont {
		font-size: 18px
	}

	.swiper-pagination {
		display: block
	}
}

@media (max-width:600px) {

	.solution .box1 .box-c .list i,
	.solution .box1 .box-c .list li {
		width: 100%
	}

	.solution .box1 .box-c .list li .more {
		font-size: 14px
	}

	.solution .box1 .box-c .list li .text-title {
		font-size: 16px
	}
}

@media (max-width:500px) {
	.solution .box2 .box-c .text-box .text-des {
		font-size: 14px;
		margin-top: 10px
	}

	.solution-details .box2 h4{
		font-size: 22px;
	}
	.solution-details .innerLine {
		margin: 8px 0 10px
	}
	.solution-details .box1 .box-c{
		text-align: left;
	}
	.solution-details .box2 {
		padding: 35px 0 0 0
	}
	.solution-details .box2 .box-c{
		padding-bottom: 35px;
	}
	.solution-details .box2 .text-box:not(:last-child) {
		margin-bottom: 24px
	}

	.solution-details .innerNav {
		margin-top: 0
	}

	.solution .box2 .box-c .text-box {
		padding-top: 10px
	}

	.solution .box2 .box-c .text-box:not(:last-child) {
		padding-bottom: 10px
	}

	.solution .box1 {
		padding-bottom: 35px
	}

	.solution .box2 {
		padding: 35px 0
	}
	.solution-details .box2 p{
		font-size: 14px;
	}
}

.cat_list{flex-wrap:wrap;justify-content: left;padding:40px 0 60px;}
.cat_list .pcat {
    width: 25%;
    /* margin-bottom: 1.5%; */
    /* background:#f0f3f8; */
    color:#333;
    border: 1px solid #e5e7e7;
    padding: 30px;
    border-left:0px;
}
.cat_list .pcat:nth-child(4n+1){border-left:1px solid #e5e7e7;}
.cat_list .pcat img{
    width: 100%;
    margin: 0 auto;
    display: block;
    /* padding: 10px 10px 0 10px; */
    /* aspect-ratio: 16/9; */
    color:#333;
}
.cat_list .pcat .catname{text-align: left;font-size: 18px;line-height: 1.5;padding: 10px 0 10px;/* font-weight: bold; */}
.cat_list .pcat .des{color:#333;margin-top: 0px;font-size: 16px;}
@media (max-width:1459px) {
   .cat_list .pcat .catname{font-size:16px;}
   .cat_list .pcat .des{font-size:14px;}
}
@media (max-width:1259px) {
	.cat_list .pcat{padding:20px;}
}
@media (max-width:1159px) {
	.cat_list .pcat{width:33.3%}
	.cat_list .pcat:nth-child(4n+1){border-left:0px;}
	.cat_list .pcat:nth-child(3n+1){border-left:1px solid #e5e7e7;}
}
@media (max-width:750px) {
	.cat_list .pcat{width:50%;padding:15px;}
	.cat_list .pcat:nth-child(3n+1){border-left:0px;}
	.cat_list .pcat:nth-child(2n+1){border-left:1px solid #e5e7e7;}
}