.product-service {
	width: 100%;
	position: relative;
	overflow: hidden;
}

.product-service .img-box {
	width: 55%;
	height: 35%;
	background-color: #F1F6FF;
	border-radius: 50%;
	position: absolute;
	left: -100px;
	top: -40px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.product-service .img-box .box {
	width: 462px;
	height: 380px;
	display: flex;
	background-image: url('/upload/1/cms/content/xjqrdt.svg');
	position: relative; /* 设置相对定位 */
  	margin-left: 70px;
}
.product-service .img-box .box .robot {
	width: 150px;
	height: 200px;
	position: absolute;
	top: 40px;
	left: 130px;
	transform-origin: 50% 100%;
	animation: robot 3s infinite; /* 动画总时长调整为6秒 */
	background-image: url('/upload/1/cms/content/xjqr.svg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	 z-index: 2; /* 小人位于流光之上 */
}			
			
.product-service .img-box .box .light {
	width: 150px;
	height: 200px;
	position: absolute;
	top: 40px;
	left: 130px;
	transform-origin: 50% 100%;
	animation: light 2s infinite; /* 动画总时长调整为2秒 */
	background-image: url('/upload/1/cms/content/lg.svg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	z-index: 1; /* 流光位于小人之下 */
}

@keyframes robot {
	0%, 25% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(-20px); /* 匀速上升和下降 */
	}
	75% {
		transform: translateY(0);
	}
	100% {
		transform: translateY(0);
	}
}
			
@keyframes light {
	0% {
		transform: translateY(100%); /* 从底部开始 */
		opacity: 0; /* 开始时透明 */
	}
	50% {
		opacity: 1; /* 变得不透明 */
	}
	100% {
		transform: translateY(-100%); /* 移动到顶部 */
		opacity: 0; /* 结束时透明 */
	}
}

.product-service .service .service-img .box {
	width: 400px;
	height: 400px;
	display: flex;
	background-image: url('/upload/1/cms/content/dgdt.svg');
	background-size: contain;
	position: relative; /* 设置相对定位 */
  	z-index: 2;
}
			
.product-service .service .service-img .box .rice {
	width: 180px;
			  height: 240px;
			  position: absolute;
			  top: 80px;
			  left: 120px;
	transform-origin: 50% 100%;
	animation: rice 6s infinite; 
	background-image: url('/upload/1/cms/content/dg.svg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	z-index: 3;
}
			
.product-service .service .service-img .box .flashlight {
	width: 180px;
			  height: 240px;
			  position: absolute;
			  top: 80px;
			  left: 120px;
	transform-origin: 50% 100%;
	background-image: url('/upload/1/cms/content/gz.svg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	z-index: 3;
	animation: appear-disappear 4s infinite; /* 总周期为4秒，每2秒改变一次状态 */
}
			
.product-service .service .service-img .box .ball {
	width: 10px;
	height: 10px;
	background-image: url('/upload/1/cms/content/gq.svg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	animation: fly-around-ellipse 10s linear infinite;
	transform-origin: center;
	z-index: 1;
	left: 200px;
			  	top: 200px;
	animation: animX 9s  cubic-bezier(0.36, 0, 0.64, 1) -4.5s infinite alternate,
				    animY 9s cubic-bezier(0.36, 0, 0.64, 1) 0s infinite alternate,
				     scale 18s cubic-bezier(0.36, 0, 0.64, 1) 0s infinite alternate;
}
		
@keyframes rice {
	0%, 25% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(-20px); /* 匀速上升和下降 */
	}
	75% {
		transform: translateY(0);
	}
	100% {
		transform: translateY(0);
	}
}
			
@keyframes appear-disappear {
	0%, 100% { opacity: 1; }  /* 完全可见 */
	50% { opacity: 0; }       /* 完全透明 */
}
			
@keyframes animX {
			    0% {  left: 0px;}
			    100% { left: 400px;}
			  }
			  @keyframes animY {
			    0% { top: 150px;}
			    100% { top: 350px;}
			  }
			  @keyframes scale {
			    0% {  transform: scale(0.7) }
			    50% {  transform: scale(1.2) }
			    100% { transform: scale(0.7) }
			}

.product-service .product {
	width: 100%;
	height: 50vh;
	background-color: #E8F4FF;
  	min-height: 540px;
}

.product-service .product-title {
	position: absolute;
	left: 50%;
	top: 150px;
	font-size: 28px;
	font-weight: bold;
}

.product-service .product-content {
	position: absolute;
	top: 210px;
	left: 55%;
  	width: 35%;
	border-radius: 7.5px;
	background-color: rgba(255, 255, 255, 0.95);
	backdrop-filter: blur(10px);
	padding: 20px;
	box-shadow: none;
	border: 1px solid rgba(255, 255, 255, 0.3);
}

/* 桌面端不显示直角矩形 - 使用更高的特异性 */
.product-service .product-content::before,
.product-service .product .product-content::before {
	display: none !important;
	content: none !important;
	background: none !important;
	width: 0 !important;
	height: 0 !important;
}

/* 产品内容样式 - 直接设置桌面版样式 */
.product-service .product-content p {
    margin-bottom: 15px;
}

.product-service .product-content p:first-child {
    font-size: 40px !important;
    font-weight: bold !important;
    text-align: center !important;
    margin-bottom: 20px;
}

.product-service .product-content p:first-child span {
    font-size: 40px !important;
}

.product-service .product-content p:first-child span span {
    color: #274AFF !important;
}

.product-service .product-content p:not(:first-child) {
    text-align: left !important;
    line-height: 1.5 !important;
    font-size: 20px !important;
    font-family: "Microsoft YaHei" !important;
}

.product-service .product-content p:not(:first-child) span {
    font-size: 20px !important;
    font-family: "Microsoft YaHei" !important;
    background-color: rgb(232, 244, 255) !important;
    padding: 2px 4px;
    border-radius: 3px;
}

.product-service .product-title span {
	color: #274AFF;
}

.product-service .service {
	width: 100%;
	height: 50vh;
  	min-height: 540px;
	background-color: #197AE6;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding-left: 50px;
}

.product-service .service .service-container{
	width: 50%;
	height: 380px;
	display: flex;
	justify-content: start;
	align-content: center;
	flex-wrap: wrap;
  	margin-top: 5%;
    margin-left: 5%;
}

.product-service .service-title {
	width: 100%;
	font-size: 28px;
	font-weight: bold;
	color: #fff;
	margin-bottom: 20px;
}

.product-service .service-content {
	width: 85%;
	color: #fff;
  	margin-left: 0;
	background-color: rgba(255, 255, 255, 0.1);
	backdrop-filter: blur(10px);
	border-radius: 15px;
	padding: 30px;
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
	border: 1px solid rgba(255, 255, 255, 0.2);
}

.product-service .service-img{
	margin: auto 0;
  	width: 45%;
}

.product-service .service-img img {
	width: 300px;
	height: 300px;
}

/* 最终确保桌面端不显示任何边框背景 - 最高优先级 */
@media screen and (min-width: 769px) {
	/* 隐藏伪元素 */
	.product-service .product-content::before,
	.product-service .product .product-content::before {
		display: none !important;
		content: none !important;
		background: transparent !important;
		width: 0 !important;
		height: 0 !important;
		border: none !important;
		box-shadow: none !important;
		opacity: 0 !important;
		visibility: hidden !important;
	}
	
	/* 移除product-content本身的所有视觉效果 */
	.product-service .product-content {
		background: transparent !important;
		background-color: transparent !important;
		backdrop-filter: none !important;
		border: none !important;
		border-radius: 0 !important;
		box-shadow: none !important;
	}
	
	/* 移除service-content本身的所有视觉效果 */
	.product-service .service-content {
		background: transparent !important;
		background-color: transparent !important;
		backdrop-filter: none !important;
		border: none !important;
		border-radius: 0 !important;
		box-shadow: none !important;
	}
}