/* 方案列表 */
.pro_list_title b {
	font-size: 28px;
	/* margin-bottom: 20px; */
}

.pro_list {

	width: 100%;

	overflow: hidden;

	margin-top: 20px;
}

.pro_list ul {

	width: 100%;

	display: flex;

	flex-direction: row;

	flex-wrap: wrap;

	justify-content: flex-start;

	gap: 20px;

	/* padding: 20px; */
}

.pro_list ul li {

	width: calc((100% - 60px) / 4);

	background: white;

	/* padding: 5px; */

	/* height: 15vw; */

	/* float: left; */

	/* margin-right: 3%; */

	/* border: 1px solid #EFEFEF; */

	/* margin-bottom: 24px; */

	/* padding: 15px; */

	/* position: relative; */

	/* box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); */

	border-radius: 10px;
}

.pro_list ul li .pic .imgauto {

	width: 100%;

	/* height: 272px; */

	overflow: hidden;

	border-radius: 10px;
}

.pro_list ul li .pic .imgauto img {

	transition: .5s;

	-webkit-transform: scale(1);

	transform: scale(1);

	height: 20vh;

	width: 100%;

	object-fit: cover;

	border: 1px solid #EFEFEF;

	border-radius: 10px;
}

.pro_list ul li .pic span {

	font-size: 18px;

	color: black;

	font-weight: bold;

	display: block;

	/* text-align: center; */

	line-height: 30px;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

	margin-top: 15px;

	/* padding: 0px 20px; */
}

.pro_list ul li .pic .desc {

	font-size: 16px;

	color: black;

	font-weight: 400;

	display: -webkit-box;

	-webkit-line-clamp: 3;

	-webkit-box-orient: vertical;

	overflow: hidden;

	text-overflow: ellipsis;

	line-height: 1.5em;

	line-clamp: 3;

	box-orient: vertical;

	white-space: normal;
}

.pro_list ul li .text {

	width: 272px;

	height: 272px;

	display: none;

	background: rgba(0, 122, 255, .7);

	position: absolute;

	top: 15px;

	left: 15px;

}

.pro_list ul li .text a {

	width: 100%;

	height: 100%;

	display: block;

}

.pro_list ul li .text a img {

	display: block;

	margin: 100px auto;

}

.pro_list ul li:hover .text {

	display: block;

}

.pro_list ul li:hover .pic .imgauto img {

	-webkit-transform: scale(1.15, 1.15);

	transform: scale(1.15, 1.15);

	transition: .5s;

}

.pro_list ul li:hover .pic span {

	font-weight: normal;

	color: #0241e2;

}

.pro_list ul li:hover .pic .to-case-a {

	font-weight: normal;

	color: #0241e2;

}

.to-case {
	display: flex;
	/* justify-content: center; */
	margin-top: 15px;
}

.to-case-a {
	/* padding: 5px 20px; */
	/* background: #edf2f7; */
	border-radius: 2px;
	cursor: pointer;
	color: black;
	font-size: 14px;
}

.to-case-a:hover {
	font-weight: bold;
}

/* 方案优势 */
.adv-box-list {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 20px;
	background: #F8F8F8;
	padding: 20px;
	margin-bottom: .5rem;
}

.adv-box {
	width: calc((100% - 20px) / 2);
	background: white;
	padding: 20px;
	border-radius: 5px;
	/* margin-bottom: .5rem; */
}

.adv-box .imgss img {
	width: 50px;
	height: 50px;
	object-fit: contain;
}

.adv-box .txts {
	margin-top: 20px;
}

.adv-box .txts .txts-title {
	font-size: 18px;
	font-weight: bold;
}

.adv-box .txts .txts-desc {
	font-size: 16px;
	font-weight: normal;
}

.adv-box .txts .dot-text::before {
	content: "•";
	/* 小圆点 */
	color: #000;
	/* 圆点颜色 */
	margin-right: 6px;
	/* 点与文字间距 */
	font-size: 12px;
	/* 圆点大小 */
}

/* 方案视频 */
.fangan-video-box img {
	max-width: 100%;
}


.fangan-video-box li {
	width: 100%;
	/* height: 3.78rem; */
	position: relative;
	margin-bottom: 3%;
	/* padding: 20px; */
	/* box-shadow: 0 0 10px rgba(0, 0, 0, .2); */
	background: #F8F8F8;
	padding: 10px;
}

.fangan-video-box li>img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.fangan-video-box li .txts {
	transition: all .3s;
	overflow: hidden;
	position: absolute;
	left: 0;
	height: .64rem;
	bottom: 0;
	background: #fff;
	font-size: .24rem;
	z-index: 2;
	width: 100%;
	line-height: .64rem;
	text-align: center;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	display: none;
}

.fangan-video-box li .txts img {
	max-width: 100%;
	display: none;
	margin: 0 auto;
	margin-bottom: .17rem;
}

.fangan-video-box li:hover .txts {
	height: 100%;
	background: rgba(0, 0, 0, .5);
	color: #fff;
}

.fangan-video-box li:hover .txts a {
	color: #fff;
}

.fangan-video-box li:hover .txts img {
	display: block;
}

.fangan-video-box li .txts a {
	color: #333;
}

.video-mask {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	/* background: #00000055; */
}

.video-mask:hover {
	background: #00000088;
	transition: .5s;
}

.video-mask .video-mask-play {
	width: 100px;
	display: block;
	opacity: 0.8;
}

.video-mask .video-mask-play-hover {
	width: 100px;
	display: none;
	opacity: 0.8;
}

.video-mask:hover .video-mask-play {
	display: none;
}

.video-mask:hover .video-mask-play-hover {
	display: block;
}

/* 相关产品 */

.fangan-product-box .fangan-product-box-container {
	background-color: #F8F8F8;
}

.fangan-product-box .fangan-product-box-container .title-box {
	padding: 20px;
	text-align: left;
	font-size: 28px;
}

.fangan-product-box .fangan-product-box-list {
	display: -webkit-flex;
	align-items: stretch;
	flex-wrap: wrap;
	gap: 20px;
	padding: 0px 20px 20px;
}

.fangan-product-box img {
	max-width: 100%;
}

.fangan-product-box-list li {
	width: calc((100% - 40px) / 3);
	/* height: 35vh; */
	/* position: relative; */
	/* margin-bottom: 3%; */
	border: 5px solid #ffffff;
	display: flex;
	/* padding: 5px; */
	/* box-shadow: 0 0 10px rgba(0, 0, 0, .2); */
}

.fangan-product-box-list li a {
	display: flex;
	flex-direction: column;
	/* gap: 10px; */
}

.fangan-product-box-list li .fangan-product-image-box {
	overflow: hidden;
	width: 100%;
	/* flex: 1; */
}

.fangan-product-box-list li img {
	width: 100%;
	/* height: 100%; */
	aspect-ratio: 1 / 1;
	object-fit: cover;
}

.fangan-product-box-list li:hover img {
	-webkit-transform: scale(1.15, 1.15);
	transform: scale(1.15, 1.15);
	transition: .5s;
}

.fangan-product-box-list li .fangan-product-box-title {
	background-color: white;
}

.fangan-product-box-list li .fangan-product-box-title p {
	width: 100%;
	padding: 5px;
	text-align: center;
	color: black;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	line-clamp: 1;
	box-orient: vertical;
	white-space: normal;
}

.fangan-product-box-list li:hover .fangan-product-box-title p {
	color: #0241e2;
}

.content-box {
	width: 100%;
	margin-bottom: .5rem;
}

.content-box img {
	width: 100%;
}

@media screen and (max-width:768px) {

	.adv-box {
		width: 100%;
	}

	.pro_list ul li {
		width: 100%;
	}

	.fangan-product-box li {
		width: 100%;
	}

}