.products_container {
	width:100%;
	color:rgba(255,255,255,1);
}
.products_container .products_top_banner {
	background-image:url(../static/images/products/top-banner-bg.png);
	background-size:100% 100%;
	height:300px;
	margin-bottom:1px;
	width:100%;
}
.products_container .products_top_banner_text_group {
	width:var(--content-width-percentage);
	max-width:var(--content-width-max);
}
.products_container .products_top_banner_text {
	width:clamp(400px,32vw,598px);
	height:auto;
}
.products_container .products_group {
	background-image:url(../static/images/index/background.png);
	width:100%;
	min-width:var(--min-page-width);
	height:auto;
	background-size:cover;
	background-position:center;
	padding-bottom:var(--content-padding-bottom);
}
.products_container .products_title,.products_container .services_title {
	background-image:linear-gradient(
    135deg,rgba(235,82,160,1) 0,rgba(100,100,219,1) 100%
  );
	width:152px;
	overflow-wrap:break-word;
	color:rgba(255,255,255,1);
	font-size:38px;
	font-family:SourceHanSansCN-Medium;
	font-weight:500;
	text-align:center;
	white-space:nowrap;
	line-height:57px;
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;
	margin:50px auto 45px;
}
/* .products_container .products_group_list,*/
.products_container .services_group_list {
	width:var(--content-width-percentage);
	max-width:var(--content-width-max);
	margin:0 auto;
	display:flex;
	flex-wrap:nowrap;
	justify-content:space-between;
	overflow-x:auto;
	scrollbar-width:thin;
	scrollbar-color:rgba(235,82,160,0.5) rgba(100,100,219,0.2);
	padding-bottom:20px;
}
/* Webkit 浏览器的滚动条样式 */
.products_group_list::-webkit-scrollbar,.services_group_list::-webkit-scrollbar {
	height:8px;
	display:block;
}
.products_group_list::-webkit-scrollbar-track,.services_group_list::-webkit-scrollbar-track {
	background:rgba(100,100,219,0.2);
	border-radius:4px;
}
.products_group_list::-webkit-scrollbar-thumb,.services_group_list::-webkit-scrollbar-thumb {
	background:linear-gradient(
        135deg,rgba(235,82,160,1) 0,rgba(100,100,219,1) 100%
    );
	border-radius:4px;
}
.products_group_list::-webkit-scrollbar-thumb:hover,.services_group_list::-webkit-scrollbar-thumb:hover {
	background:linear-gradient(
        135deg,rgba(235,82,160,0.8) 0,rgba(100,100,219,0.8) 100%
    );
}
.service_block {
	flex:0 0 calc(33.333% - 14px);
	min-width:300px;
	position:relative;
	transition:all 0.3s ease;
	box-sizing:border-box;
	background-color:rgba(44,35,88,0.46);
	border:2px solid;
	border-image:linear-gradient(145deg,rgba(175,90,185,1),rgba(104,99,217,1)) 2 2;
	padding:20px;
}
.service-image {
	width:100%;
	height:auto;
	display:block;
	object-fit:cover;
	margin:20px 0;
}
.service-name {
	color:rgba(255,255,255,1);
	font-size:28px;
	font-family:SourceHanSansCN-Medium;
	font-weight:500;
	line-height:42px;
	margin-bottom:10px;
}
.service-description {
	color:rgba(255,255,255,0.8);
	font-size:22px;
	font-family:SourceHanSansCN-Normal;
	font-weight:400;
	line-height:33px;
}
/* 响应式布局 */
@media screen and (max-width:1400px) {
	.service-name {
	font-size:24px;
	line-height:36px;
}
.service-description {
	font-size:18px;
	line-height:27px;
}
}@media screen and (max-width:1000px) {
	.service-name {
	font-size:20px;
	line-height:30px;
}
.service-description {
	font-size:16px;
	line-height:24px;
}
}.product_name {
	width:100%;
	overflow-wrap:break-word;
	color:rgba(255,255,255,1);
	font-size:28px;
	font-family:SourceHanSansCN-Medium;
	font-weight:500;
	text-align:center;
	white-space:nowrap;
	line-height:42px;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	left:0;
	right:0;
}
.product_description {
	width:100%;
	overflow-wrap:break-word;
	color:rgba(255,255,255,1);
	font-size:22px;
	font-family:SourceHanSansCN-Normal;
	font-weight:400;
	text-align:justify;
	line-height:33px;
	padding:0 20px;
	box-sizing:border-box;
	position:absolute;
	top:calc(50% + 42px);
	/* 标题位置 + 标题高度 */
	left:0;
	right:0;
}
.products_group_list {
	width:var(--content-width-percentage);
	max-width:var(--content-width-max);
	margin:0 auto;
	display:flex;
	flex-wrap:nowrap;
	justify-content:space-between;
	overflow-x:auto;
	padding-bottom:20px;
}
.product_block {
	flex:0 0 calc(25% - 15px);
	min-width:200px;
	position:relative;
	transition:all 0.3s ease;
	box-sizing:border-box;
}
.product_image {
	width:100%;
	height:auto;
	display:block;
	object-fit:cover;
}
.product_text_group {
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	padding:20px;
	/* background:linear-gradient(to top,rgba(0,0,0,0.8),transparent); */
	display:flex;
	flex-direction:column;
	gap:10px;
	height:100%;
}
/* 响应式布局 */
@media screen and (max-width:1400px) {
	.product_name {
	font-size:24px;
	line-height:36px;
}
.product_description {
	font-size:18px;
	line-height:27px;
	top:calc(50% + 36px);
}
}@media screen and (max-width:1000px) {
	.product_name {
	font-size:20px;
	line-height:30px;
}
.product_description {
	font-size:14px;
	line-height:21px;
	top:calc(50% + 30px);
}
}