.header {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 1000;
	background-color: rgba(255, 255, 255, 1);
	transition: transform .35s ease;
}

.header .nav-item:nth-last-child(2){}
.header .nav-item:nth-last-child(2) .ingredient-row{
	padding-right: 1.1vw;
	justify-content: flex-end;
}

/* 滚动到第二屏且向下滚动时隐藏，向上滚动时显示 */
.header.header-hide {
	transform: translateY(-100%);
}

.header .navbar {
	min-height: 74px;
	padding: 0;
}

.navbar-brand {
	display: inline-flex;
	align-items: center;
	padding: 0;
	margin-right: 32px;
}

.logo {
	width: 230px;
	height: auto;
}

.header .navbar-nav {
	gap: 0;
}

.header .nav-link {
	font-size: 28px;
	color: var(--text-dark);
	position: relative;
	transition: color 0.3s ease;
	padding: 0 !important;
}

.navbar-toggler {
	border: 0;
	padding: 8px;
}

.navbar-toggler:focus {
	box-shadow: none;
}

.header .navbar-collapse {
	padding: 16px 0 20px;
}

.dropdown-mega .dropdown-toggle::after {
	transition: transform 0.25s ease;
}

.mega-menu {
	background: rgba(255, 255, 255, 0.1);
	border: 0;
	border-radius: 8px;
	padding: 20px;
	margin: 8px 0 14px;
}

.mega-menu .ingredients-list {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
	color: rgba(255, 255, 255, 0.95);
	font-size: 14px;
}

.mega-menu .ingredient-row {
	width: 100%;
	display: flex;
	column-gap: 75px;
}

.mega-menu .ingredient-row a {
	display: block;
	cursor: pointer;
}

.mega-menu .ingredient-row a:hover {
	font-weight: bold;
}

.section-title {
	font-size: 58px;
	font-weight: normal;
	line-height: 1.3;
	margin-bottom: 16px;
	font-family: SourceHanSansCNBold;
	color: #333;
}

.section-subtitle {
	font-size: 15px;
	color: var(--text-gray);
	line-height: 1.8;
	max-width: 800px;
}

@media screen and (max-width:950px) {
	.platform-line {
		margin: 0 auto;
	}

	.platform-subtitle {
		font-size: 28px;
	}

	.footer-grid {
		display: block;
	}

	.footer-brand {
		flex: 0 0 1;
	}

	.footer-nav {
		flex: 0 0 1;
		display: none;
	}

	.footer-col {
		width: 100%;
	}

	.footer-col-title {
		margin-bottom: 20px;
		margin-top: 20px;
	}

	.news-title h2 {
		font-size: 40px;
	}

	.custom-illustration img {
		width: 90%;
		height: auto;
		margin: 0 auto;
	}

	.header .navbar .container {
		width: 100%;
	}

	.mega-menu {
		padding: 0;
	}

	.mega-menu .ingredients-list {
		gap: 0
	}

	.mega-menu .ingredient-row {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		column-gap: 10px;
	}

	.mega-menu .ingredient-row a {
		padding: 10px 0;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.logo {
		width: 160px;
	}

	.header .navbar-collapse {
		max-height: calc(100vh - 74px);
		overflow-y: auto;
	}

	.header .nav-link {
		border-bottom: 1px solid #f1f1f1;
		padding: 12px 0 !important;
	}

	/* banner 轮播控制按钮隐藏 */
	.banner .carousel-control-prev,
	.banner .carousel-control-next {
		display: none;
	}

	.footer-qr {
		width: 100%;
	}

	.footer-qr img {
		width: 100%;
		height: auto;
	}

	.experience-card {
		flex-basis: min(78vw, 378px);
	}

	.axis {
		min-height: auto;
		height: auto;
		padding: 60px 0;
	}

	.axis-bottom {
		gap: 10px;
	}

	.axis-card-title {
		font-size: 24px;
	}

	.axis-card-desc {
		font-size: 14px;
	}

	main {
		padding-top: 74px;
	}

	.health-grid .healthItem {
		margin-bottom: 35px;
	}
}


@media only screen and (min-width: 1200px) and (max-width: 3840px) {
	.header {
		position: fixed;
	}


	.header .nav-link:hover,
	.header .nav-link.active,
	.dropdown-mega:hover>.nav-link,
	.dropdown-mega.active>.nav-link {
		/* color: #881FFF; */
		font-weight: bold;
	}

	.header .navbar {
		height: 8.229vw;
	}

	main {
		padding-top: 8.229vw;
	}

	.header .navbar-collapse {
		padding: 0;
	}

	.dropdown-mega {
		position: static;
		height: 8.229vw;
		display: flex;
		align-items: center;
	}

	.dropdown-mega .mega-menu {
		position: fixed;
		top: 8.229vw;
		left: 0;
		right: 0;
		width: 100%;
		height: 4.270vw;
		margin: 0;
		border-radius: 0;
		font-size: 1.302vw;
		align-items: center;
		background: rgba(136, 35, 255, 0.75);
		font-family: SourceHanSansCNNormal;
	}

	.dropdown-mega:hover>.mega-menu {
		display: flex;
	}

	.mega-menu .ingredients-list {
		gap: 23px;
		font-size: 1.15vw;
	}

	/* .mega-menu .ingredient-row a:hover {
		font-size: 1.2vw;
	} */

	.section-title {
		font-size: 3.020vw;
	}

	.container {
		width: 76.92vw;
	}

	.custom-illustration img {
		width: 32.29vw;
		height: 15.72vw;
		margin: 0 auto;
		margin-left: 8.437vw;
	}

	.navbar .container {
		width: 76.92vw;
		padding: 0;
	}

	.custom .container {
		max-width: 86.97vw;
	}

	.custom .container .row {
		justify-content: space-between;
	}

	.news .container {
		padding-right: 2.343vw;
		padding-left: 2.343vw;
	}

	.news-illustration img {
		width: 25.05vw;
		height: 24.58vw;
		margin-left: 3.645vw;
	}

	.footer .container {
		width: 86.97vw;
	}

	.navbar-brand {
		padding-right: 1.406vw;
		position: relative;
	}

	.navbar-brand::after {
		content: '';
		display: block;
		width: 1px;
		height: 3.385vw;
		background-color: #000;
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
	}

	.axis-wrap {
		position: absolute;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
		padding-bottom: 0;
	}

	.axis-card {
		height: 6.093vw;
		background: rgba(0, 0, 0, 0.3);
		border-top: 0.260vw solid #8820FF;
		padding: 1.041vw 0.833vw 0 0.833vw;
	}

	.axis-bottom {
		height: 100%;
		grid-template-columns: repeat(6, 1fr);
		column-gap: 1.666vw;
	}

	.axis-card-slot {
		width: 11.14vw;
	}

	.footer-links {
		gap: 1.145vw;
	}

	.footer {
		height: 34.06vw;
		padding-top: 6.354vw;
	}

	.footer-nav {
		padding-left: 6.687vw;
	}

	.footer-contact-item {
		font-size: 0.937vw;
	}

	.footer-contact-item img {
		width: 1.562vw;
		height: 1.562vw;
	}

	.footer-qr img {
		width: 9.27vw;
		height: 9.27vw;
	}

	.footer-logo {
		height: 4.687vw;
		margin-bottom: 1.666vw;
	}

	.more-btn {
		width: 13.43vw;
		height: 3.125vw;
		line-height: 3.125vw !important;
		font-size: 1.562vw;
		border-radius: 2.604vw;
		font-family: SourceHanSansCNMedium;
	}

	.experience-track {
		gap: 2.291vw;
	}

	.experience-card img {
		border-bottom: 0.312vw solid #8728fe;
	}

	.more-btn:hover {
		font-size: 1.770vw;
	}

	.footer-qr-text .small {
		font-size: 0.729vw;
		margin-top: 0.416vw;
	}

	.custom-list span {
		line-height: 1.666vw !important;
	}

	.footer-col {
		padding-left: 1.562vw;
		padding-bottom: 0.729vw;
		position: relative;
	}

	.footer-qr-text .big {
		font-size: 1.041vw;
		margin-top: 1.041vw;
	}

	.footer-col::before {
		content: '';
		display: block;
		width: 1px;
		background: rgba(255, 255, 255, 0.5);
		position: absolute;
		left: 0;
		bottom: 3.062vw;
		top: 3.116vw;
	}

	.footer-col:nth-child(1)::before {
		display: none;
	}

	.footer-col.w_155 {
		width: 9.552vw;
	}

	.footer-col.w_262 {
		width: 13.24vw;
	}

	.footer-col.w_348 {
		width: 15.12vw;
	}

	.axis {
		height: 47.91vw;
		width: 76.92vw;
		margin: 0 auto;
	}

	.custom {
		height: 28.02vw;
		width: 76.92vw;
		margin: 0 auto;
		padding-top: 2.864vw;
		padding-bottom: 0;
	}

	.axis-card:hover,
	.axis-card.active {
		height: auto;
		padding-top: 3.072vw;
		padding-bottom: 1.822vw;
		background-color: rgba(0, 0, 0, 0.4);
		border-top-color: #8820FF;
	}

	.axis-card:hover .axis-card-more,
	.axis-card.active .axis-card-more {
		margin-top: 1.302vw;
		padding-top: 1.197vw;
		opacity: 1;
		visibility: visible;
	}

	.header .nav-link {
		font-size: 1.25vw;
	}

	.logo {
		width: 11.97vw;
		height: auto;
	}

	.platform-feature-title {
		font-size: 1.302vw;
	}

	.platform-feature-title img {
		width: 1.197vw;
		height: 1.145vw;
	}

	.header .navbar-nav {
		display: flex;
		justify-content: space-between;
		width: 62.18vw;
	}

	.footer-col-title {
		font-size: 1.25vw;
		font-weight: normal;
		margin-bottom: 2.291vw;
	}

	.footer-links a {
		font-size: 0.937vw;
	}

	.custom-title {
		font-size: 2.187vw;
		font-family: SourceHanSansCNMedium;
	}

	.custom-list {
		flex-direction: column;
		margin-top: 1.614vw;
		margin-bottom: 1.354vw;
		font-size: 1.197vw;
		font-family: SourceHanSansCNNormal;
	}

	.custom-desc {
		font-size: 1.302vw;
		margin-bottom: 1.354vw;
		font-family: SourceHanSansCNMedium;
	}

	.experience .container {
		width: 76.25vw;
		padding-left: 0;
		padding-right: 0;
		padding-bottom: 5.208vw;
	}

	.experience-detail {
		padding: padding:1.197vw 1.822vw 1.718vw;

	}

	.experience-detail-panel {
		padding: 1.770vw 1.458vw;
		border-radius: 0.729vw;

		transform: translateY(0.625vw);
	}

	.experience-detail-panel .experience-label {
		width: 2.187vw;
		height: 3.125vw;
		right: 1.041vw;
		border-bottom: none;
	}

	.platform {
		padding-top: 3.437vw;
		padding-bottom: 3.854vw;
	}

	.platform .row {
		margin-top: 0;
		margin-left: 0;
		margin-right: 0;
	}

	.platform-title {
		font-size: 3.020vw;
		margin-bottom: 2.083vw;
		font-family: SourceHanSansCNBold;
	}

	.platform-subtitle {
		padding: 0.520vw 1.25vw;
		border-radius: 1.666vw;
		font-size: 2.135vw;
		font-weight: normal;
		margin-bottom: 1.145vw;
	}

	.platform-desc {
		font-size: 1.718vw;
	}

	.platform-features {
		height: 21.09vw;
		width: 28.59vw;
	}

	.platform-features::before {
		margin-top: 0.520vw;
	}

	.axis-card-more-content {
		/* height: 10.31vw; */
		/* overflow-y: scroll; */
		font-size: 0.781vw;
		line-height: 1.302vw;
	}

	.axis-card-title {
		font-size: 1.510vw;
	}

	.axis-card-desc {
		font-size: 1.25vw;
	}

	.health {
		padding-top: 6.25vw;
		padding-bottom: 6.25vw;
	}

	.health-header {
		margin-bottom: 2.291vw;
	}

	.health .container {
		width: 74.37vw;
		padding: 0;
	}

	.health-card-title {
		font-size: 1.562vw;
		margin-bottom: 0.416vw;
	}

	.health-card-desc {
		font-size: 1.041vw;
		line-height: 1.25vw !important;
	}

	.news-title h2 {
		font-size: 3.020vw;
	}

	.health-title {
		font-size: 3.020vw;
		margin-bottom: 2.083vw;
	}

	.experience {
		padding-top: 3.906vw;
		padding-bottom: 5.208vw;
	}

	.experience-summary h3,
	.experience-detail h3 {
		font-size: 1.666vw;
	}

	.experience-age {
		font-size: 1.458vw;
	}

	.experience-role {
		padding: 0.208vw 0.937vw;
		font-size: 1.354vw;
		min-height: 1.875vw;
		margin-top: 0.625vw;
	}

	.news-icon {
		width: 1.145vw;
		height: 1.510vw;
	}

	.platform-feature-icon {
		width: 5.572vw;
		height: 5.572vw;
	}

	.platform-feature-icon img {
		width: 5.572vw;
		height: 5.572vw;
	}

	.experience-detail p {
		margin: 1.041vw 0 0;
		font-size: 0.833vw;
		line-height: 1.093vw !important;
	}

	.news-text,
	.news-tag {
		font-size: 1.302vw;
	}

	.news-more {
		gap: 0.312vw;
		font-size: 0.833vw;
	}

	.experience-detail span {
		margin-top: 0.416vw;
		padding-bottom: 0.937vw;
		font-size: 0.937vw;
	}

	.health-desc {
		font-size: 1.562vw;
	}

	.health-desc p {
		line-height: 2.187vw !important;
	}

	.mega-menu .ingredients-list {
		padding-left: 15.1vw;
		margin: 0 auto;
	}

	.mega-menu .ingredient-row {
		column-gap: 2.604vw;
	}

	.banner .carousel-control-prev {
		left: 7.812vw;
	}

	.banner .carousel-control-next {
		right: 7.812vw;
	}

	.experience-card {
		width: 17.34vw;
		height: 23.17vw;
	}

	.health-grid {
		height: auto;
		overflow: hidden;
	}

	.health-grid .healthItem {
		float: left;
		width: 22.65vw;
		margin-right: 3.177vw;
		margin-top: 1.718vw;
	}

	.health-card-body {
		height: 7.812vw;
		padding: 1.562vw 1.562vw 0 1.562vw;
	}

	.health-grid .healthItem:nth-child(3n) {
		margin-right: 0;
	}

	.news {
		padding-top: 0;
		padding-bottom: 5vw;
	}

	.news .g-5 {
		--bs-gutter-y: auto
	}

	/* .mega-menu .ingredient-row a:nth-child(1) {
    width: 19.06vw
  }

  .mega-menu .ingredient-row a:nth-child(2) {
    width: 6.156vw
  }

  .mega-menu .ingredient-row a:nth-child(3) {
    width: 7.156vw
  }

  .mega-menu .ingredient-row a:nth-child(4) {
    width: 6.156vw
  }

  .mega-menu .ingredient-row a:nth-child(5) {
    width: 6.156vw
  }

  .mega-menu .ingredient-row a:nth-child(6) {
    width: 8.156vw
  } */
	.banner .carousel-control-prev img,
	.banner .carousel-control-next img {
		width: 1.25vw;
		height: 1.406vw;
	}

}