* {
   margin: 0;
   padding: 0;
   box-sizing: border-box;
 }
 /* 大屏容器样式，占满整个视口 */
 .screen-container {
 	width: 100%;
 	height: 100vh;
 	position: relative;
 	overflow: hidden;
 }

 /* 单个大屏样式 */
 .screen {
 	width: 100%;
 	height: 100%;
 	position: absolute;
 	top: 0;
 	left: 0;
 	opacity: 0;
	/* display: none; */
 	background-size: cover;
 	background-position: center;
 	transition: opacity 0.5s ease;
 	/* 添加淡入淡出过渡效果 */
 }

 /* 当前显示的大屏样式 */
 .screen.active {
 	opacity: 1;
	z-index: 1;
	/* display: block; */
 }

 /* 左右箭头样式 */
 .arrow {
 	position: absolute;
 	top: 50%;
 	transform: translateY(-50%);
 	color: white;
 	cursor: pointer;
 	z-index: 10;
 	padding: 20px 10px;
 	background: rgba(0, 0, 0, 0.2);
 	transition: opacity 0.3s;
 }

 .arrow:hover {
 	background: rgba(0, 0, 0, 0.6);
 }

 .arrow.left {
 	left: 0;
 }

 .arrow.right {
 	right: 0;
 }

 /* 文字样式 */
 .screen h2,
 .screen p,
 .screen div {
 	opacity: 0;
 	color: #FFF;
 	margin: 0;
 	padding: 5px;
 	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin: 0;
 }
/* .screen h2, .screen p {
	 text-shadow: -2px -2px 0 #192849,   2px -2px 0 #192849, -2px 2px 0 #192849, 2px 2px 0 #192849;
 } */
 .screen p {padding-bottom: 20px;}
 a.a_screen {display: flex; justify-content: center; align-items: center;  border: 1px solid #FFF; color: #FFF; }

 /* 文字入场动画延迟 */
 .screen.active h2 {
 	animation: fadeInDown 0.5s ease forwards;
 }

 .screen.active p {
 	animation: fadeInDown 0.5s ease 0.3s forwards;
 }

 .screen.active div {
 	animation: fadeInDown 0.5s ease 0.6s forwards;
 }

 @keyframes fadeInDown {
 	from {
 		opacity: 0;
 		transform: translateY(-20px);
 	}

 	to {
 		opacity: 1;
 		transform: translateY(0);
 	}
 }

 /* 指示块样式 */
 .indicator {
 	position: absolute;
 	bottom: 20px;
 	left: 50%;
 	transform: translateX(-50%);
 	display: flex;
 	gap: 10px;
 	z-index: 10;
 }

 .indicator-dot {
 	width: 20px;
 	height: 5px;
 	background-color: rgba(255, 255, 255, 0.5);
 }

 .indicator-dot.active {
 	background-color: white;
 }

 @media (max-width: 768px) {
 	.arrow {display: none !important;}

 	/* 可选：调整文字大小 */
 	.screen h2 {margin-top: 20vh; font-size: 0.55rem; font-weight: normal;}
 	.screen p {font-size: 0.24rem;}
 	a.a_screen {padding: 0.10rem 0.20rem; border-radius: 1rem;  font-size: 0.3rem; width: 2.2rem;}
 }
 
 
 /* 屏幕宽度大于等于 750px 且小于 980px */
 @media (min-width: 750px) and (max-width: 980px) {
	 .arrow {display: none !important;}
 	.screen h2 {margin-top: 20vh; font-size: 0.55rem; font-weight: normal;}
 	.screen p {font-size: 0.24rem;}
 	a.a_screen {padding: 0.10rem 0.20rem; border-radius: 1rem;  font-size: 0.3rem; width: 2.2rem;}
 }
 
 /* 屏幕宽度大于等于 980px 且小于 1180px */
 @media (min-width: 980px) and (max-width: 1180px) {
	.arrow {display: none !important;}
 	.screen h2 {margin-top: 20vh; font-size: 0.48rem; font-weight: normal;}
 	.screen p {font-size: 0.18rem;}
 	a.a_screen {padding: 0.10rem 0.20rem; border-radius: 1rem;  font-size: 0.14rem; width: 1rem;}
 }
 
 /* 屏幕宽度大于等于 1180px */
 @media (min-width: 1180px) {
 	.screen h2 {margin-top: 20vh; font-size: 48px; font-weight: normal;}
	.screen p {font-size: 18px;}
	a.a_screen {padding: 10px 20px; border-radius: 100px;  font-size: 14px; width: 100px;}
 }