:root {
	--design-height: 1080px;
	/* 设计稿高度 */
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

body {
	overflow-x: hidden;
	scroll-behavior: smooth;
	overflow-y: hidden;
	font-family: 'Source Han Sans', sans-serif;
}

p {
  font-family: 'Source Han Sans', sans-serif;
}

.screen {
	height: 100vh;
	/* 使用视口高度 */
	width: 100%;
	padding: 0 11.67vw;
	/* 使用视口宽度的百分比，224px / 1920px = 11.67% */
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	background-color: #f7fbff;
}

.logo {
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 10;
    width:200px;
    
}

.logo2 {
    position: absolute;
    top: 150px;
    z-index: 10;
    width:100%;
    text-align: center;
}

.Group24{
    width:25%;
    padding-bottom:6.93vh;
}
.Group25{
    width:60%;
    margin-bottom: 6.93vh;
}
.container {
	width: 77.08vw;
	/* 使用视口宽度的百分比，1480px / 1920px = 77.08% */
	text-align: center;
	position: relative;
}

/* 导航点 */
.nav-dots {
	position: fixed;
	right: 2.08vw;
	/* 使用视口宽度的百分比，40px / 1920px = 2.08% */
	top: 50%;
	transform: translateY(-50%);
	z-index: 100;
}

.nav-dot {
	width: 0.83vw;
	/* 使用视口宽度的百分比，16px / 1920px = 0.83% */
	height: 2.4vh;
	/* 使用视口高度的百分比，25.6px / 1080px = 2.4% */
	background-color: #0a05e5;
	border-radius: 0.83vw;
	/* 使用视口宽度的百分比 */
	margin: 1.04vh 0;
	/* 使用视口高度的百分比，11.2px / 1080px = 1.04% */
	cursor: pointer;
	transition: all 0.3s;
}

.nav-dot.active {
	background-color: #3B82F6;
	width: 0.83vw;
	/* 使用视口宽度的百分比 */
	height: 7.41vh;
	/* 使用视口高度的百分比，80px / 1080px = 7.41% */
	background-color: #ffffff;
	border-radius: 0.83vw;
	/* 使用视口宽度的百分比 */
}

/* 下滑按钮 */
.scroll-btn {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	animation: bounce 2s infinite;
	cursor: pointer;
	width: 62px;
	height: 62px;
	bottom: 5.93vh;
	background: url(./images/screen-btn.gif) no-repeat center center;
	background-size: cover;
	background-size: 100% 100%;
}

.scroll-btn2 {
	background: url(./images/screen-btn2.png) no-repeat center center;
	background-size: 100% 100%;
}

@keyframes bounce {

	0%,
	20%,
	50%,
	80%,
	100% {
		transform: translateY(0) translateX(-50%);
	}

	40% {
		transform: translateY(-1.85vh) translateX(-50%);
		/* 使用视口高度的百分比，20px / 1080px = 1.85% */
	}

	60% {
		transform: translateY(-0.93vh) translateX(-50%);
		/* 使用视口高度的百分比，10px / 1080px = 0.93% */
	}
}

/* 返回顶部按钮 */
.back-to-top {
	position: fixed;
	bottom: 2.78vh;
	/* 使用视口高度的百分比，30px / 1080px = 2.78% */
	right: 1.56vw;
	/* 使用视口宽度的百分比，30px / 1920px = 1.56% */
	width: 68px;
	height: 68px;
	border-radius: 50%;
	/* background-color: #3B82F6;*/
	color: white;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s;
	z-index: 100;
	/* box-shadow: 0 0.37vh 1.11vh rgba(0, 0, 0, 0.15);*/
	/* 使用视口高度的百分比 */
}

.back-to-top:hover {
	/* background-color: #2563EB;*/
	transform: translateY(-0.89vh);
	/* 使用视口高度的百分比，2px / 1080px = 0.19% */
	/* box-shadow: 0 0.56vh 1.48vh rgba(0, 0, 0, 0.2);*/
	/* 使用视口高度的百分比 */
}

.back-to-top.show {
	opacity: 1;
	visibility: visible;
}

.button-top{
    width:40px;
}

/* 视频背景样式 */
#video-bg {
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: 0;
	transform: translateX(-50%) translateY(-50%);
}

/* 第1屏---------------------------------------------------- */
#screen1 {
	overflow: hidden;
}

.screen1-font-block {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}

/* 第一行文字 */
.screen1-font-block .line1 {
  font-family: 'Source Han Sans', sans-serif;
  font-size: 6.25vw;      /* 120px ÷ 1920px × 100 = 6.25vw */
  letter-spacing: 1.25vw; /* 24px ÷ 1920px × 100 = 1.25vw */
  color: #ffffff;
  text-shadow: 
    0 0.208vw 0.313vw rgba(0, 115, 143, 0.4), /* 4px ÷ 1920px × 100 = 0.208vw */
    0 0.417vw 0.625vw rgba(0, 115, 143, 0.2); /* 8px ÷ 1920px × 100 = 0.417vw */
  margin-bottom: 3.49vh;  /* 67px ÷ 1080px × 100 = 3.49vh */
}

/* 第二行文字 */
.screen1-font-block .line2 {
  background-image:url("./images/Rectangle48.png");
  background-size: cover;
  background-position: center;
  font-family: 'Source Han Sans', sans-serif;
  font-size: 2.12vw;      /* 56px ÷ 1920px × 100 = 2.92vw */
  letter-spacing: 1.57vw; /* 11px ÷ 1920px × 100 = 0.57vw */
  color: #ffce74;
  text-shadow: 
    0 0.104vw 0.208vw rgba(0, 115, 143, 0.3),
    0 0.208vw 0.417vw rgba(0, 115, 143, 0.15);
  margin-bottom: 6.93vh;  /* 133px ÷ 1080px × 100 = 6.93vh */
  padding:1vw 10vw;
}

/* 第三行文字 */
.screen1-font-block .line3 span{
  font-family: 'Source Han Sans', sans-serif;
  font-size: 1.32vw;      /* 56px ÷ 1920px × 100 = 2.92vw */
  letter-spacing: 0.57vw; /* 11px ÷ 1920px × 100 = 0.57vw */
  color: #ffffff;
  text-shadow: 
    0 0.104vw 0.208vw rgba(0, 115, 143, 0.3),
    0 0.208vw 0.417vw rgba(0, 115, 143, 0.15);
    margin-bottom: 6.93vh;
}

.line3_color{
    color:#ffcc00 !important;
}

.sreen1-group-btns {
	margin: 6.81vh auto 0 auto;
	/* 使用视口高度的百分比，73.6px / 1080px = 6.81% */
	position: relative;
}

.screen1-tips {
	width: 6.5vw;
	/* 使用视口宽度的百分比，124.8px / 1920px = 6.5% */
	height: 4.44vh;
	/* 使用视口高度的百分比，48px / 1080px = 4.44% */
	background: url(./images/screen1-tips.gif) no-repeat center center;
	background-size: cover;
	background-size: 100% 100%;
	position: absolute;
	top: -3.56vh;
	/* 使用视口高度的百分比，38.4px / 1080px = 3.56% */
	left: 42%;
}

.sreen1-group-btns a {
	display: inline-block;
	padding: 1.63vh 1.75vw;
	/* 使用视口高度和宽度的百分比，17.6px / 1080px = 1.63%，33.6px / 1920px = 1.75% */
	border-radius: 0.21vw;
	/* 使用视口宽度的百分比，4px / 1920px = 0.21% */
	font-weight: bold;
	transition: all 0.3s ease;
	border-radius: 2.08vw;
	/* 使用视口宽度的百分比，40px / 1920px = 2.08% */
	text-decoration: none;
	width: 13.75vw;
	/* 使用视口宽度的百分比，264px / 1920px = 13.75% */
	text-align: center;
}

.sreen1-group-btns a:first-of-type {
	background-color: #f7ea51;
	margin-right: 6.5vw;
	/* 使用视口宽度的百分比，124.8px / 1920px = 6.5% */
	font-size: 1.25vw;
	/* 使用视口宽度的百分比，24px / 1920px = 1.25% */
	color: #0a0a62;
}

.sreen1-group-btns a:first-of-type:hover {
	background-color: #f59e0b;
	transform: translateY(-0.19vh);
	/* 使用视口高度的百分比，2px / 1080px = 0.19% */
}

.sreen1-group-btns a:last-of-type {
	background-color: transparent;
	border: 0.1vw solid #0a05e5;
	/* 使用视口宽度的百分比，2px / 1920px = 0.1% */
	background-color: #fff;
	letter-spacing: 0.21vw;
	/* 使用视口宽度的百分比，4px / 1920px = 0.21% */
	font-size: 1.25vw;
	/* 使用视口宽度的百分比，24px / 1920px = 1.25% */
	letter-spacing: 0.25vw;
	/* 使用视口宽度的百分比，4.8px / 1920px = 0.25% */
	color: #0a05e5;
}

.sreen1-group-btns a:last-of-type:hover {
	transform: translateY(-0.19vh);
	/* 使用视口高度的百分比，2px / 1080px = 0.19% */
}

/* 第2屏---------------------------------------------------- */
#screen2 {
	/*background-color: #f8faff;*/
	background: linear-gradient(180deg, #EBEBFF, #F9F9FF); /* 45度角的红色到蓝色渐变 */
	padding: 9.07vh 0;
	/* 使用视口高度的百分比，98px / 1080px = 9.07% */
}

#screen2 .title {
	font-size: 2.6vw;
	/* 使用视口宽度的百分比，50px / 1920px = 2.6% */
	letter-spacing: 0.26vw;
	/* 使用视口宽度的百分比，5px / 1920px = 0.26% */
	color: #0a05e5;
	margin-bottom: 7.78vh;
	/* 使用视口高度的百分比，84px / 1080px = 7.78% */
	text-align: center;
	line-height: 1;
	height: 4.54vh;
	/* 使用视口高度的百分比，49px / 1080px = 4.54% */
}

#screen2 .experience-grid {
	display: grid;
	grid-template-columns: repeat(2, 34.38vw);
	/* 使用视口宽度的百分比，660px / 1920px = 34.38% */
	gap: 9.26vh 8.33vw;
	/* 使用视口高度和宽度的百分比，100px / 1080px = 9.26%，160px / 1920px = 8.33% */
	justify-content: center;
}

#screen2 .experience-item {
	position: relative;
	width: 34.38vw;
	/* 使用视口宽度的百分比，660px / 1920px = 34.38% */
	height: 29.63vh;
	/* 使用视口高度的百分比，320px / 1080px = 29.63% */
	border-radius: 0.48vw;
	/* 使用视口宽度的百分比，9.6px / 1920px = 0.48% */
	overflow: hidden;
	box-shadow: 0 0.37vh 0.56vh -0.09vh rgba(0, 0, 0, 0.1);
	/* 使用视口高度的百分比 */
}

/* 视频海报样式（强制显示） */
.video-poster {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	z-index: 2;
	/* 确保在视频和内容层下方 */
	transition: opacity 0.3s ease;
}

#screen2 .video-element {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0;
	z-index: 1;
	transition: opacity 0.3s ease;
	pointer-events: auto;
}

/* 内容层样式（文字） */
#screen2 .item-content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/*background-color: rgba(0, 0, 0, 0.4);*/
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 10vh 4.2vw 8vh 4.2vw;
	color: white;
	backdrop-filter: blur(1px);
	z-index: 3;
	transition: background-color 0.3s ease;
}

#screen2 .experience-item:hover .video-poster {
	opacity: 0;
}

#screen2 .experience-item:hover .video-element {
	opacity: 1;
	pointer-events: auto;
}

#screen2 .experience-item:hover .item-content {
	background-color: rgba(0, 0, 0, 0.6);
}

#screen2 .item-title {
	font-size: 2.05vw;
	/* 使用视口宽度的百分比，24px / 1920px = 1.25% */
	font-weight: bold;
	margin-bottom: 1.48vh;
	/* 使用视口高度的百分比，16px / 1080px = 1.48% */
	color: #f7ea51;
	letter-spacing: 0.2vw;
	/* 使用视口宽度的百分比，4px / 1920px = 0.21% */
	z-index: 4;
}

#screen2 .item-desc {
	font-size: 1.2vw;
	/* 使用视口宽度的百分比，18px / 1920px = 0.94% */
	line-height: 1.5;
	z-index: 4;
	letter-spacing: 0.15vw;
}

/* 第3屏---------------------------------------------------- */
#screen3 {
	padding-top: 5.56vh;
	/* 使用视口高度的百分比，60px / 1080px = 5.56% */
	/*background-color: #f8faff;*/
	background: linear-gradient(180deg, #EBEBFF, #F9F9FF); /* 45度角的红色到蓝色渐变 */
}

#screen3 .title {
	color: #0a05e5;
	font-weight: bold;
	font-size: 2.6vw;
	/* 使用视口宽度的百分比，50px / 1920px = 2.6% */
	line-height: 2.22vh;
	/* 使用视口高度的百分比，24px / 1080px = 2.22% */
	letter-spacing: 0.26vw;
	/* 使用视口宽度的百分比，5px / 1920px = 0.26% */
	height: 4.54vh;
	/* 使用视口高度的百分比，49px / 1080px = 4.54% */
}

#screen3 .desc {
	width: 60%;
	margin: 3.89vh auto 5.13vh auto;
	/* 使用视口高度的百分比，42px / 1080px = 3.89%，77px / 1080px = 7.13% */
	color: #a7a9ab;
	font-size: 1.15vw;
	/* 使用视口宽度的百分比，24px / 1920px = 1.25% */
	color: #666666;
	line-height: 1.5;
	letter-spacing: 0.1vw;
	/* 使用视口宽度的百分比，2px / 1920px = 0.1% */
	color: #666666;
	/* 使用视口高度的百分比，52px / 1080px = 4.81% */
	overflow: hidden;
}

#screen3 .engine-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1.67vw;
	/* 使用视口宽度的百分比，32px / 1920px = 1.67% */
	max-width: 77.08vw;
	/* 使用视口宽度的百分比，1480px / 1920px = 77.08% */
	margin: 0 auto;
}

#screen3 .engine-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	/* padding: 16px;     */
}

#screen3 .engine-item img {
	margin-bottom: 3.61vh;
	/* 使用视口高度的百分比，39px / 1080px = 3.61% */
	height: 12.22vh;
	/* 使用视口高度的百分比，132px / 1080px = 12.22% */
}

#screen3 .engine-title {
	font-weight: bold;
	color: #0a05e5;
	margin-bottom: 2.22vh;
	/* 使用视口高度的百分比，24px / 1080px = 2.22% */
	font-size: 1.5vw;
	/* 使用视口宽度的百分比，28.8px / 1920px = 1.5% */
}

#screen3 .engine-desc {
	height: 6.3vh;
	/* 使用视口高度的百分比，68px / 1080px = 6.3% */
	color: #666;
	font-size: 1.04vw;
	/* 使用视口宽度的百分比，20px / 1920px = 1.04% */
    line-height: 1.5;
	letter-spacing: 0.06vw;
	/* 使用视口宽度的百分比，2px / 1920px = 0.1% */
}

/* 第4屏样式 ------------------------ */
#screen4 {
	/*background-color: #f8faff;*/
	background: linear-gradient(180deg, #EBEBFF, #F9F9FF); /* 45度角的红色到蓝色渐变 */
}

#screen4 .title {
	font-size: 2.6vw;
	/* 使用视口宽度的百分比，50px / 1920px = 2.6% */
	color: #0a05e5;
	margin-bottom: 5.57vh;
	/* 使用视口高度的百分比，44px / 1080px = 4.07% */
	height: 4.54vh;
	/* 使用视口高度的百分比，49px / 1080px = 4.54% */
	letter-spacing: 0.26vw;
	/* 使用视口宽度的百分比，5px / 1920px = 0.26% */
}
#screen4 .title1 {
	font-size: 1.15vw;
	/* 使用视口宽度的百分比，50px / 1920px = 2.6% */
	color: #666666;
	margin-bottom: 1.57vh;
	/* 使用视口高度的百分比，44px / 1080px = 4.07% */
	height: 4.54vh;
	/* 使用视口高度的百分比，49px / 1080px = 4.54% */
	letter-spacing: 0.1vw;
	/* 使用视口宽度的百分比，5px / 1920px = 0.26% */
}

#screen4 .comparison-container {
	display: grid;
	grid-template-columns: 9.4vw repeat(4, 1fr);
	/* 使用视口宽度的百分比，100px / 1920px = 5.21% */
	column-gap: 0.21vw;
	/* 使用视口宽度的百分比，4px / 1920px = 0.21% */
	width: 77.08vw;
	/* 使用视口宽度的百分比，1480px / 1920px = 77.08% */
	margin: 0 auto;
}

#screen4 .comparison-container .comparison-item {
	padding: 3.63vh 1.56vw 3.56vw 1.56vw;
	/* 使用视口高度和宽度的百分比，50px / 1080px = 4.63%，30px / 1920px = 1.56% */
	border-radius: 1vw;
	transition: all 0.3s ease;
	display: flex;
	flex-direction: column;
	border: 1px solid transparent;
	row-gap: 2vh;
	position: relative;
}
.screen4-tips{
	position: absolute;
	display: inline-block;
	background: url(./images/Group30.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover; 
	width:5.22vw;
	height:1.8vw;
	/* background-color: #ffea02;
	padding: 0.5vh 0.2vw; /* 8px / 1080px * 100vw, 5px / 1920px * 100vw */
	font-size: 0.9vw; /* 18px / 1920px * 100vw */
	letter-spacing: 0.1vw;/*2px / 1920px * 100vw */
	top: -0.5%;
	right: -1%;
	color: #FFFFFF;
	z-index: 10;
}

#screen4 .comparison-container .comparison-item:nth-child(3) {
	background-color: #0a05e5;
	color: white;
	box-shadow: 0 0.37vh 1.11vh #0a05e5;
	/* 使用视口高度的百分比 */
}

#screen4 .comparison-container .comparison-item:not(:nth-child(3)) {
	color: #0a05e5;
}

#screen4 .comparison-container .comparison-item:not(:nth-child(1)):not(:nth-child(3)):hover {
	border: 1px solid #0a05e5;
}

#screen4 .comparison-header {
	font-weight: bold;
	text-align: left;
	border-bottom: 1px solid #d0e3fc;
	font-size: 1.5vw;
	/* 使用视口宽度的百分比，28.8px / 1920px = 1.5% */
	padding-bottom: 2.78vh;
	/* 使用视口高度的百分比，30px / 1080px = 2.78% */
}

#screen4 .comparison-item:nth-child(2) .comparison-header {
	background: url('./images/screen4-num1.gif') no-repeat right center / contain content-box;
}

#screen4 .comparison-item:nth-child(3) .comparison-header {
	background: url('./images/screen4-num2-active.gif') no-repeat right center / contain content-box;
}

#screen4 .comparison-item:nth-child(4) .comparison-header {
	background: url('./images/screen4-num3.gif') no-repeat right center / contain content-box;
}

#screen4 .comparison-item:nth-child(5) .comparison-header {
	background: url('./images/screen4-num4.gif') no-repeat right center / contain content-box;
}

#screen4 .comparison-content {
	/*flex: 1;*/
	display: flex;
	flex-direction: column;
	justify-content: bottom;
	align-items: right;
	row-gap: 5vh;
	/* 使用视口高度的百分比，54px / 1080px = 5% */
	justify-content: flex-end;
}

#screen4 .comparison-content p {
	height: 4.07vh;
	/* 使用视口高度的百分比，44px / 1080px = 4.07% */
	width: 100%;
	color: #a7a9ab;
	text-align: left;
	font-size: 0.88vw;
	/* 使用视口宽度的百分比，20.8px / 1920px = 1.08% */
	line-height: 1.5;
}

#screen4 .comparison-container .comparison-item:nth-child(3) .comparison-content p {
	color: white;
}
#screen4 .comparison-container .comparison-item:nth-child(3) .comparison-content span {
	color: white;
	padding: 0em 0.35em;
	display: inline-block; /* 使元素可以设置宽度和高度 */
	text-align: center;    /* 文字居中 */
	border-radius: 50%;    /* 创建圆形 */
	background-color: #FECD49; /* 设置背景颜色 */
	color: #0a05e5;          /* 设置文字颜色 */
	margin-right:5px;
}

#screen4 .comparison-left {
	/*flex: 1;*/
	display: flex;
	align-items: flex-end;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	row-gap: 5.8vh;
}

#screen4 .comparison-left .comparison-left-tit {
	border: none;
	padding: 0;
	color: #666666;
	font-weight: bold;
	font-size: 1.02vw;
	/* 使用视口宽度的百分比，24px / 1920px = 1.25% */
	width: 5.21vw;
	/* 使用视口宽度的百分比，100px / 1920px = 5.21% */
	line-height: 1.5;
	text-align: left;
}

#screen4 .comparison-left .comparison-left-tit span{
	border: none;
	padding: 0;
	color: #666666;
	font-weight: bold;
	font-size: 0.62vw;
	/* 使用视口宽度的百分比，24px / 1920px = 1.25% */
	width: 5.21vw;
	/* 使用视口宽度的百分比，100px / 1920px = 5.21% */
	line-height: 1.5;
	margin-left:0.5vh;
	top:0.2vh;
	text-align: center;
}


/* 第5屏样式 --------------- */
#screen5 {
	background: url(./images/screen5-bj.jpg) no-repeat center center;
	color: white;
	position: relative;
	background-size: cover;
	background-size: 100% 100%;
	animation: zoomBackground 20s linear infinite;
}

@keyframes zoomBackground {
	0% {
		background-size: 100% 100%;
	}

	50% {
		background-size: 110% 110%;
	}

	100% {
		background-size: 100% 100%;
	}
}

.screen5 {
	padding: 9.44vh 11.46vw 8.52vh 11.46vw;
	/* 使用视口高度和宽度的百分比，102px / 1080px = 9.44%，220px / 1920px = 11.46%，92px / 1080px = 8.52% */
	height: 100vh;
}

#screen5 .container {
	width: 38.33vw;
	/* 使用视口宽度的百分比，736px / 1920px = 38.33% */
	margin-right: 33.54vw;
	/* 使用视口宽度的百分比，644px / 1920px = 33.54% */
	position: absolute;
	top: 9.35vh;
	/* 使用视口高度的百分比，101px / 1080px = 9.35% */
	left: 11.46vw;
	/* 使用视口宽度的百分比，220px / 1920px = 11.46% */
}

#screen5 .title {
	text-align: left;
	font-size: 2.58vw;
	/* 使用视口宽度的百分比，49.6px / 1920px = 2.58% */
	letter-spacing: 0.25vw;
	/* 使用视口宽度的百分比，4.8px / 1920px = 0.25% */
	color: #ffea02;
}

#screen5 .desc {
	font-size: 1.5vw;
	/* 使用视口宽度的百分比，28.8px / 1920px = 1.5% */
	letter-spacing: 0.17vw;
	/* 使用视口宽度的百分比，3.2px / 1920px = 0.17% */
	color: #ffffff;
	margin: 1.11vh 0 2.22vh 0;
}

#screen5 .desc,
#screen5 .sub-desc {
	text-align: left;
}

#screen5 .sub-desc {
	margin-bottom: 2.96vh;
	line-height: 1.5;
}

#screen5 .info-group {
	margin-bottom: 2.96vh;
	/* 使用视口高度的百分比，32px / 1080px = 2.96% */
	text-align: left;
}

#screen5 .info-group:last-child {
	padding-bottom: 9.26vh;
	/* 使用视口高度的百分比，100px / 1080px = 9.26% */
}

#screen5 .group-title {
	margin-bottom: 1.11vh;
	/* 使用视口高度的百分比，12px / 1080px = 1.11% */
	font-size: 1.46vw;
	/* 使用视口宽度的百分比，28px / 1920px = 1.46% */
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0.16vw;
	/* 使用视口宽度的百分比，3px / 1920px = 0.16% */
	padding-bottom: 1.3vh;
	/* 使用视口高度的百分比，14px / 1080px = 1.3% */
	border-bottom: 0.1vw solid #ffea02;
	/* 使用视口宽度的百分比，2px / 1920px = 0.1% */
	display: inline-block;
}

#screen5 .group-title.unline-blue {
	border-bottom-color: #05a1e5;
}

#screen5 .info-items {
	display: flex;
	flex-wrap: wrap;
}

#screen5 .info-item {
	display: inline-block;
	color: #000000;
	background-color: #ffffff;
	box-shadow: 0.16vw 0.37vh 0.83vh 0.09vh rgba(0, 115, 143, 0.59);
	/* 使用视口宽度和高度的百分比 */
	border-radius: 2.08vw;
	/* 使用视口宽度的百分比，40px / 1920px = 2.08% */
	border: solid 0.1vw #ffea02;
	/* 使用视口宽度的百分比，2px / 1920px = 0.1% */
	padding: 0.93vh 0;
	/* 使用视口高度的百分比，10px / 1080px = 0.93% */
	margin: 3.15vh 1.77vw 0 0;
	/* 使用视口高度和宽度的百分比，34px / 1080px = 3.15%，34px / 1920px = 1.77% */
	width: 8.33vw;
	/* 使用视口宽度的百分比，160px / 1920px = 8.33% */
	text-align: center;
	font-size: 1.04vw;
	/* 使用视口宽度的百分比，20px / 1920px = 1.04% */
}

/* 第6屏样式---------------------- */
#screen6 {
	overflow: hidden;
	background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
}

#screen6 .title {
	color: #ffea02;
	font-size: 2.6vw;
	/* 使用视口宽度的百分比，50px / 1920px = 2.6% */
	letter-spacing: 0.26vw;
	/* 使用视口宽度的百分比，5px / 1920px = 0.26% */
}

#screen6 .privilege-group {
	display: flex;
	justify-content: center;
	column-gap: 4.58vw;
	/* 使用视口宽度的百分比，88px / 1920px = 4.58% */
}

#screen6 .privilege-item {
	text-align: center;
	max-width: 11.46vw;
	/* 使用视口宽度的百分比，220px / 1920px = 11.46% */
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-bottom: 0px;
}

#screen6 .privilege-item img {
	margin-top: 6.11vh;
	/* 使用视口高度的百分比，66px / 1080px = 6.11% */
	margin-bottom: 3.06vh;
	/* 使用视口高度的百分比，33px / 1080px = 3.06% */
	height: 9.63vh;
}

#screen6 .privilege-title {
	font-size: 1.46vw;
	/* 使用视口宽度的百分比，28px / 1920px = 1.46% */
	font-weight: semibold;
	color: #fff;
	line-clamp: 2;
	-webkit-line-clamp: 2;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	margin-bottom: 6.3vh;
	/* 使用视口高度的百分比，68px / 1080px = 6.3% */
	letter-spacing: 0.15vw;
	/* 使用视口宽度的百分比，2.8px / 1920px = 0.15% */
	line-height: 1.5;
}

#screen6 .privilege-form {
	margin-bottom: 12.96vh;
	/* 使用视口高度的百分比，140px / 1080px = 12.96% */
	width: 22.6vw;
	/* 使用视口宽度的百分比，434px / 1920px = 22.6% */
	margin: 0 auto;
	font-size: 0;
	/* 消除inline-block元素间的空格间隙 */
	display: flex;
	/* 使用flex布局替代inline-block */
}

#screen6 .privilege-form input {
	padding: 1.39vh 1.51vw;
	/* 使用视口高度和宽度的百分比，15px / 1080px = 1.39%，29px / 1920px = 1.51% */
	border: 1px solid #e2e8f0;
	border-radius: 0.78vw 0 0 0.78vw;
	/* 使用视口宽度的百分比，15px / 1920px = 0.78% */
	letter-spacing: 0.1vw;
	/* 使用视口宽度的百分比，2px / 1920px = 0.1% */
	font-size: 1.04vw;
	/* 使用视口宽度的百分比，20px / 1920px = 1.04% */
	flex: 1;
	box-sizing: border-box;
	height: 4.81vh;
	/* 使用视口高度的百分比，52px / 1080px = 4.81% */
}

#screen6 .privilege-form button {
	padding: 1.39vh 0.89vw;
	/* 使用视口高度和宽度的百分比，15px / 1080px = 1.39%，17px / 1920px = 0.89% */
	background-color: #0a05e5;
	color: white;
	font-weight: semibold;
	border: none;
	cursor: pointer;
	transition: all 0.3s ease;
	letter-spacing: 0.1vw;
	/* 使用视口宽度的百分比，2px / 1920px = 0.1% */
	font-size: 1.04vw;
	border-radius: 0 0.78vw 0.78vw 0; /* 上右 下右 上左 下左 */
	/* 使用视口宽度的百分比，20px / 1920px = 1.04% */
	box-sizing: border-box;
	line-height: 1;
	white-space: nowrap;
}

#screen6 .privilege-form button:hover {
	background-color: #2563EB;
	transform: translateY(-0.19vh);
	/* 使用视口高度的百分比，2px / 1080px = 0.19% */
}

#screen6 .screen6-group-btns {
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 1.78vh;
	/* 使用视口高度的百分比，19.2px / 1080px = 1.78% */
	color: #fff;
	font-size: 1.5vw;
	/* 使用视口宽度的百分比，28.8px / 1920px = 1.5% */
	margin-top: 12.96vh;
	/* 使用视口高度的百分比，140px / 1080px = 12.96% */
}

#screen6 .screen6-group-btns img {
	width: 7.81vw;
	/* 使用视口宽度的百分比，150px / 1920px = 7.81% */
	height: 100%;
	/* 使用视口高度的百分比，150px / 1080px = 13.89% */
	border-radius: 0.42vw;
	/* 使用视口宽度的百分比，8px / 1920px = 0.42% */
	box-shadow: 0 0.37vh 0.56vh -0.09vh rgba(0, 0, 0, 0.1);
	/* 使用视口高度的百分比 */
	background-color: #fff;
}

#screen6 .screen6-group-btns a {
	font-size: 1.46vw;
	/* 使用视口宽度的百分比，28px / 1920px = 1.46% */
	letter-spacing: 0.15vw;
	/* 使用视口宽度的百分比，2.8px / 1920px = 0.15% */
	padding-top: 1.67vh;
	/* 使用视口高度的百分比，18px / 1080px = 1.67% */
	text-decoration: none;
	color: #fff;
}


.icon{
    width: 5px; /* 设置宽度 */
    height: 5px; /* 设置高度 */
    vertical-align: middle; /* 图片与文字垂直居中对齐 */
    float:left;
    
}

.comparison-content span{
    color: white;
    color: #a7a9ab;
    text-align: left;
    font-size: 1.08vw;
    line-height: 1.5;
    float:left;
}