html,
body {
	padding: 0;
	margin: 0;
	overflow: initial;
}

.wd-browsing-breadcrumbs {
	display: none;
}

.honor-x7c {
	font-family: "HONOR Sans World Regular";
	background: #fff;
}

.honor-x7c .blur-up {
	filter: blur(20px);
	transition: filter 0.2s;
}

.honor-x7c .blur-up.lazyloaded {
	filter: blur(0);
}

.honor-x7c section,
.honor-x7c div,
.honor-x7c h2,
.honor-x7c h3,
.honor-x7c h4,
.honor-x7c ul,
.honor-x7c ol,
.honor-x7c li,
.honor-x7c p,
.honor-x7c form,
.honor-x7c table,
.honor-x7c th,
.honor-x7c td,
.honor-x7c figure,
.honor-x7c button {
	border: none;
	margin: 0px;
	padding: 0px;
	color: inherit;
	font-weight: normal;
	box-sizing: border-box;
}

.honor-x7c h2,
.honor-x7c h3,
.honor-x7c h4 {
	line-height: 1.4;
}

.honor-x7c p,
.honor-x7c span {
	line-height: 1.4;
}

.honor-x7c button {
	background-color: transparent;
	cursor: pointer;
}

.honor-x7c sup {
	position: relative !important;
	font-size: 50% !important;
	line-height: 0 !important;
	vertical-align: super !important;
	top: 0 !important;
}

.honor-x7c sup.static {
	position: static !important;
}

.honor-x7c sup.smaller {
	font-size: 40% !important;
	top: -0.78125vw !important;
}

.honor-x7c picture,
.honor-x7c img,
.honor-x7c video,
.honor-x7c canvas {
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
}

.honor-x7c a {
	color: inherit;
	text-decoration: none;
}

.honor-x7c *,
.honor-x7c *::before,
.honor-x7c *::after {
	-webkit-font-smoothing: antialiased;
	box-sizing: border-box;
	text-rendering: optimizeLegibility;
}

.honor-x7c *:focus,
.honor-x7c *:active {
	outline: none;
}

.honor-x7c .object-fit {
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.honor-x7c .ff-demiBold {
	font-family: "HONOR Sans World DemiBold";
	font-weight: 600;
}

.honor-x7c .ff-medium {
	font-family: "HONOR Sans World Medium";
	font-weight: 500;
}

.honor-x7c .mob-show {
	display: none !important;
}

.honor-x7c .mob-show-inline {
	display: none !important;
}

.honor-x7c .pc-show-inline {
	display: inline-block !important;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-x7c .mob-show {
		display: block !important;
	}

	.honor-x7c .mob-show-inline {
		display: inline-block !important;
	}

	.honor-x7c .pc-show {
		display: none !important;
	}

	.honor-x7c .pc-show-inline {
		display: none !important;
	}
}

#honor-x7c .sec-bottom-nodes {
	width: 75.5208333333vw;
	height: -moz-max-content;
	height: max-content;
	padding: 0vw 0 5.2083333333vw 0;
	margin: 0 auto;
	margin-top: 5.2083333333vw;
}

#honor-x7c .sec-bottom-nodes .line {
	margin-bottom: 2.6041666667vw;
	height: 1px;
	width: 100%;
	background: rgba(0, 0, 0, 0.6);
	margin-bottom: 2.6041666667vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .sec-bottom-nodes .line {
		margin-bottom: 13.3333333333vw;
	}
}

#honor-x7c .sec-bottom-nodes ul.bz-txt {
	padding-left: 14px;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .sec-bottom-nodes ul.bz-txt {
		padding-left: 12px;
	}
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .sec-bottom-nodes {
		width: 77%;
		padding: 13.3333333333vw 0 13.3333333333vw 0;
		margin-top: 5.3333333333vw;
	}
}

#honor-x7c .sec-bottom-nodes li {
	list-style: decimal !important;
	line-height: 1.3;
	margin-bottom: 0.3125vw;
	color: rgb(0, 0, 0);
	font-size: 14px;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .sec-bottom-nodes li {
		font-size: 12px;
	}
}

#honor-x7c .sec-bottom-nodes ul.bz {
	width: 100%;
	margin-top: 3.125vw;
	margin-left: -0.8333333333vw;
	padding-left: 2.5625vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .sec-bottom-nodes ul.bz {
		margin-top: 13.3333333333vw;
	}
}

@media (max-aspect-ratio: 660/758) and (width: 768px) {
	#honor-x7c .sec-bottom-nodes ul.bz {
		margin-top: 4vw;
	}
}

@media (max-aspect-ratio: 660/758) and (width: 1024px) {
	#honor-x7c .sec-bottom-nodes ul.bz {
		margin-top: 4vw;
	}
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .sec-bottom-nodes ul.bz {
		padding-left: 12px;
	}
}

#honor-x7c .sec-bottom-nodes .star {
	padding-left: 1.5625vw;
	margin-top: 1.0416666667vw;
}

#honor-x7c .sec-bottom-nodes .star li {
	list-style: none !important;
}

@media (max-aspect-ratio: 12/10) and (max-width: 1025px) {
	#honor-x7c .sec-bottom-nodes .star {
		padding-left: 4vw;
	}
}

#honor-x7c .sec-bottom-nodes .star li::after {
	content: "*";
	position: absolute;
	top: 0;
	left: 0;
	transform: translateX(calc(-100% - 0.1041666667vw));
}

#honor-x7c .sec-bottom-nodes p {
	padding: 0 0.5208333333vw;
	margin: 3.6458333333vw 0 1.0416666667vw;
}

@media (max-aspect-ratio: 12/10) and (max-width: 1025px) {
	#honor-x7c .sec-bottom-nodes p {
		padding: 0;
		margin: 9.3333333333vw 0 4vw;
	}
}

#honor-x7c .sec-bottom-nodes p,
#honor-x7c .sec-bottom-nodes li {
	position: relative;
	font-size: 14px;
	color: rgba(0, 0, 0, 0.8);
	line-height: 1.6;
}

@media (max-aspect-ratio: 12/10) and (max-width: 1025px) {

	#honor-x7c .sec-bottom-nodes p,
	#honor-x7c .sec-bottom-nodes li {
		font-size: 12px;
	}
}

#honor-x7c .section-kv .kvBuyBtns {
	position: relative;
	display: inline-block;
	text-align: center;
	font-size: 0.9375vw;
	border-radius: 2.6041666667vw;
	border: 1.5px solid #7f7f7f;
	color: #000;
	z-index: 4;
	padding: 0.5208333333vw 1.5625vw;
	line-height: 1;
	transition: border-color 0.1s linear;
	z-index: 99;
}

@media (min-width: 1366px) {
	#honor-x7c .section-kv .kvBuyBtns:hover {
		border-color: #000;
	}
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .section-kv .kvBuyBtns {
		margin-bottom: 6.6666666667vw;
		font-size: 3.7333333333vw;
		transform: none;
		padding: 2.1333333333vw 4.8vw;
		border-radius: 8vw;
	}
}

#honor-x7c .pdp-backToTopBtn {
	position: fixed;
	bottom: 2.5vw;
	right: 2vw;
	z-index: 50;
	width: 1.9998vw;
	height: 1.9998vw;
	border-radius: 50%;
	background-color: #999;
	-webkit-backdrop-filter: blur(3px);
	backdrop-filter: blur(3px);
	mix-blend-mode: difference;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.1s ease;
	will-change: opacity;
	cursor: pointer;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .pdp-backToTopBtn {
		bottom: 5vw;
		right: 4vw;
		width: 6.666vw;
		height: 6.666vw;
	}
}

#honor-x7c .pdp-backToTopBtn.is-active {
	opacity: 1;
	pointer-events: visible;
}

#honor-x7c .pdp-backToTopBtn img {
	width: 0.59375vw;
	height: 0.2909375vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .pdp-backToTopBtn img {
		width: 1.9791666667vw;
		height: 0.9697916667vw;
	}
}

.honor-x7c .section-kv {
	z-index: 10;
}

.honor-x7c .section-kv #trigger-ga {
	position: absolute;
	top: 20vh;
}

.honor-x7c .section-kv .kv-container {
	position: relative;
	overflow: hidden;
}

.honor-x7c .section-kv .bg {
	height: 56.25vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-x7c .section-kv .bg {
		height: 178.4vw;
	}
}

.honor-x7c .section-kv .copy-wrapper {
	position: absolute;
	top: 50%;
	right: 4.4270833333vw;
	width: 34.25vw;
	transform: translateY(-53%);
	text-align: center;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-x7c .section-kv .copy-wrapper {
		width: 89.5vw;
		left: 50%;
		right: auto;
		transform: translateX(-50%) translateY(calc(-50% - 62vw));
	}
}

@media (min-aspect-ratio: 661/758) and (max-width: 1000px) {
	.honor-x7c .section-kv .copy-wrapper {
		width: 39.65625vw;
		right: 0vw;
	}
}

.honor-x7c .section-kv .productname {
	width: 100%;
	height: 3.3691666667vw;
	margin: 0 auto;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-x7c .section-kv .productname {
		width: 100%;
		width: 60.5333333333vw;
		height: auto;
	}
}

.honor-x7c .section-kv .slogan {
	font-size: 2.0833333333vw;
	margin-top: 1.2625vw;
	letter-spacing: 0.078125vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-x7c .section-kv .slogan {
		font-size: 4.8vw;
		margin-top: 2.6666666667vw;
		letter-spacing: 0.218125vw;
	}
}

.honor-x7c .section-kv .spec-wrapper {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 1.2329166667vw;
	transform: scale(1.12);
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-x7c .section-kv .spec-wrapper {
		margin-top: 2.1vw;
		transform: scale(0.78);
		transform-origin: 50% 0;
	}
}

@media (min-aspect-ratio: 661/758) and (max-width: 1000px) {
	.honor-x7c .section-kv .spec-wrapper {
		transform: scale(0.7);
	}
}

.honor-x7c .section-kv .detail {
	margin: 0 0.98125vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-x7c .section-kv .detail {
		margin: 0 2.6666666667vw;
	}
}

.honor-x7c .section-kv .detail .title {
	font-size: 0.625vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-x7c .section-kv .detail .title {
		font-size: 2.4vw;
	}
}

.honor-x7c .section-kv .detail .copy {
	font-size: 0.625vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-x7c .section-kv .detail .copy {
		font-size: 2.1333333333vw;
	}
}

.honor-x7c .section-kv .line {
	width: 1px;
	height: 2vw;
	background: #000;
	transform: translateY(0.1125vw);
}

@media (min-aspect-ratio: 661/758) and (max-width: 1000px) {
	.honor-x7c .section-kv .line {
		height: 2.1875vw;
	}
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-x7c .section-kv .line {
		height: 4.8vw;
		transform: translateY(0.8vw);
	}
}

.honor-x7c .section-kv .magicos-wrapper {
	position: absolute;
	bottom: -1vw;
	right: 2.34375vw;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	transform: translateY(1.8229166667vw);
}

@media (width: 1024px) and (orientation: landscape) {
	.honor-x7c .section-kv .magicos-wrapper {
		transform: translateY(6.8229166667vw);
	}
}

@media (min-aspect-ratio: 661/758) and (max-width: 1000px) {
	.honor-x7c .section-kv .magicos-wrapper {
		transform: translateY(15.4166666667vw);
	}
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-x7c .section-kv .magicos-wrapper {
		right: 4vw;
	}
}

@media (max-aspect-ratio: 660/758) and (max-width: 500px) {
	.honor-x7c .section-kv .magicos-wrapper {
		transform: translateY(44vw);
	}
}

.honor-x7c .section-kv .magicos-wrapper .sgs-logo {
	width: 30vw;
	height: 5vw;
	margin-bottom: 0.2604166667vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-x7c .section-kv .magicos-wrapper .sgs-logo {
		width: 35vw;
		height: 6vw;
	}
}

.honor-x7c .section-kv .magicos-wrapper .magicos-logo {
	width: 7.1875vw;
	height: 1.703062249vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-x7c .section-kv .magicos-wrapper .magicos-logo {
		width: 12vw;
		height: 2.843373494vw;
	}
}

.honor-x7c .section-kv .magicos-wrapper .magicos-copy {
	font-size: 12px;
	transform: scale(0.4);
	transform-origin: 100% 0;
	margin-top: 0.78125vw;
	width: 89.875vw;
	text-align: right;
}

@media (min-aspect-ratio: 661/758) and (max-width: 1000px) {
	.honor-x7c .section-kv .magicos-wrapper .magicos-copy {
		transform: scale(0.22);
		width: 253.375vw;
	}
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-x7c .section-kv .magicos-wrapper .magicos-copy {
		transform: scale(0.33);
		width: 253.6666666667vw;
		margin-top: 1.0666666667vw;
	}
}

@media (max-aspect-ratio: 660/758) and (max-width: 500px) {
	.honor-x7c .section-kv .magicos-wrapper .magicos-copy {
		transform: scale(0.17);
	}
}

#honor-x7c .section-points {
	width: 100%;
	padding-bottom: 5.2083333333vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .section-points {
		padding-bottom: 10.6666666667vw;
	}
}

#honor-x7c .section-points .section-points-title {
	font-size: 2.9166666667vw;
	color: #000;
	text-align: center;
	margin-bottom: 5.2083333333vw;
	margin-top: 5.2083333333vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .section-points .section-points-title {
		font-size: 8.5333333333vw;
		margin-bottom: 0vw;
		margin-top: 13.3333333333vw;
	}
}

#honor-x7c .section-points .points-wrapper {
	width: 74.6354166667vw;
	height: 47.2395833333vw;
	margin: 0 auto;
	position: relative;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .section-points .points-wrapper {
		width: 89.3333333333vw;
		height: auto;
		display: flex;
		flex-wrap: wrap;
		align-content: center;
		justify-content: space-between;
	}
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .section-points .point-item {
		margin-bottom: 2.1333333333vw;
	}
}

#honor-x7c .section-points .item1 {
	width: 26.7361111111vw;
	height: 26.0763888889vw;
	position: absolute;
	bottom: 26.6666666667vw;
	left: 0vw;
	border-radius: 0.5208333333vw;
	overflow: hidden;
	transform: rotate(0);
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .section-points .item1 {
		width: 89.3333333333vw;
		height: 68vw;
		position: relative;
		bottom: auto;
		left: auto;
		border-radius: 2.6666666667vw;
	}
}

#honor-x7c .section-points .item1 .point-text {
	position: absolute;
	left: 1.3020833333vw;
	top: 8.75vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .section-points .item1 .point-text {
		left: 4vw;
		top: 17.8vw;
	}
}

#honor-x7c .section-points .item1 .point-text h3 {
	font-size: 1.6666666667vw;
	color: #000;
	margin-bottom: 0.5208333333vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .section-points .item1 .point-text h3 {
		font-size: 4.8vw;
		margin-bottom: 1.6vw;
	}
}

#honor-x7c .section-points .item1 .point-text p {
	position: relative;
}

#honor-x7c .section-points .item1 .point-text p .point1-icon {
	width: 13.9583333333vw;
	height: 2.7864583333vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .section-points .item1 .point-text p .point1-icon {
		width: 46.4vw;
		height: 9.0666666667vw;
	}
}

#honor-x7c .section-points .item1 .point-text p .point1-des {
	position: absolute;
	width: 9.9479166667vw;
	top: 1.8229166667vw;
	left: 3.2291666667vw;
	font-size: 0.5208333333vw;
	color: #000;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .section-points .item1 .point-text p .point1-des {
		width: 35.4666666667vw;
		top: 11.666667vw;
		left: 0.666667vw;
		font-size: 2.6666666667vw;
	}
}

#honor-x7c .section-points .item2 {
	width: 26.71875vw;
	height: 20.625vw;
	position: absolute;
	top: 0;
	left: 27.7083333333vw;
	border-radius: 0.5208333333vw;
	overflow: hidden;
	transform: rotate(0);
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .section-points .item2 {
		width: 89.3333333333vw;
		height: 51.4666666667vw;
		position: relative;
		top: auto;
		left: auto;
		border-radius: 2.6666666667vw;
	}
}

#honor-x7c .section-points .item2 .point-text {
	position: absolute;
	left: 1.302vw;
	top: 2.041667vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .section-points .item2 .point-text {
		left: 4vw;
		top: 2.6666666667vw;
	}
}

#honor-x7c .section-points .item2 .point-text h3 {
	font-size: 1.4583333333vw;
	color: #000;
	margin-bottom: 0.5208333333vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .section-points .item2 .point-text h3 {
		font-size: 4.2666666667vw;
		margin-bottom: 1.3333333333vw;
	}
}

#honor-x7c .section-points .item2 .point-text p {
	font-size: 0.9375vw;
	color: #000;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .section-points .item2 .point-text p {
		font-size: 2.6666666667vw;
	}
}

#honor-x7c .section-points .item3 {
	width: 19.375vw;
	height: 33.9583333333vw;
	position: absolute;
	top: 0;
	right: 0;
	border-radius: 0.5208333333vw;
	overflow: hidden;
	transform: rotate(0);
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .section-points .item3 {
		width: 43.4666666667vw;
		height: 59.2vw;
		position: relative;
		top: auto;
		right: auto;
		border-radius: 2.6666666667vw;
	}
}

#honor-x7c .section-points .item3 .point-text1 {
	position: absolute;
	left: 1.3020833333vw;
	top: 2.1354166667vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .section-points .item3 .point-text1 {
		left: 4vw;
		top: 2.6666666667vw;
	}
}

#honor-x7c .section-points .item3 .point-text1 h3 {
	font-size: 1.4583333333vw;
	color: #000;
	margin-bottom: 0.5208333333vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .section-points .item3 .point-text1 h3 {
		font-size: 4.2666666667vw;
		margin-bottom: 1.3333333333vw;
	}
}

#honor-x7c .section-points .item3 .point-text1 p {
	font-size: 0.9375vw;
	color: #000;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .section-points .item3 .point-text1 p {
		font-size: 2.6666666667vw;
	}
}

#honor-x7c .section-points .item3 .point-text2 {
	position: absolute;
	width: 8.8125vw;
	left: 0.9375vw;
	top: 7.2916666667vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .section-points .item3 .point-text2 {
		width: 17.0666666667vw;
		left: 0.5333333333vw;
		top: 14.93vw;
	}
}

@media (min-aspect-ratio: 661/758) and (max-width: 1000px) {
	#honor-x7c .section-points .item3 .point-text2 {
		top: 5.3333333333vw;
	}
}

@media (width: 662px) {
	#honor-x7c .section-points .item3 .point-text2 {
		top: 5.3333333333vw;
	}
}

#honor-x7c .section-points .item3 .point-text2 h3 {
	font-size: 2.8125vw;
	margin-bottom: 0.1041666667vw;
	color: #497650;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .section-points .item3 .point-text2 h3 {
		font-size: 5.8666666667vw;
		margin-bottom: 0vw;
	}
}

#honor-x7c .section-points .item3 .point-text2 p {
	font-size: 0.9375vw;
	margin-left: 0.15625vw;
	color: #6C896D;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .section-points .item3 .point-text2 p {
		font-size: 2.1333333333vw;
		color: #6C896D;
	}
}

#honor-x7c .section-points .item3 .point-text3 {
	position: absolute;
	left: 9.2vw;
	bottom: 3.125vw;
	width: 9.6458333333vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .section-points .item3 .point-text3 {
		width: 18.6666666667vw;
		left: 24vw;
		bottom: 5.3333333333vw;
	}
}

#honor-x7c .section-points .item3 .point-text3 h3 {
	font-size: 2.8125vw;
	color: #497650;
	margin-bottom: 0vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .section-points .item3 .point-text3 h3 {
		font-size: 5.8666666667vw;
	}
}

#honor-x7c .section-points .item3 .point-text3 p {
	font-size: 0.9375vw;
	color: #6C896D;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .section-points .item3 .point-text3 p {
		font-size: 2.1333333333vw;
		color: #6C896D;
	}
}

#honor-x7c .section-points .item4 {
	width: 54.53125vw;
	height: 12.5vw;
	position: absolute;
	bottom: 13.2552083333vw;
	left: 0;
	border-radius: 0.5208333333vw;
	overflow: hidden;
	transform: rotate(0);
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .section-points .item4 {
		width: 43.4666666667vw;
		height: 59.2vw;
		position: relative;
		left: auto;
		bottom: auto;
		border-radius: 2.6666666667vw;
	}
}

#honor-x7c .section-points .item4 .point-text {
	position: absolute;
	left: 1.3020833333vw;
	top: 1.0416666667vw;
	width: 20rem;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .section-points .item4 .point-text {
		left: 4vw;
		top: 2.6666666667vw;
	}
}

#honor-x7c .section-points .item4 .point-text h3 {
	font-size: 1.4583333333vw;
	color: #000;
	margin-bottom: 0.5208333333vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .section-points .item4 .point-text h3 {
		font-size: 4.2666666667vw;
		margin-bottom: 1.3333333333vw;
	}
}

#honor-x7c .section-points .item4 .point-text p {
	font-size: 0.9375vw;
	color: #000;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .section-points .item4 .point-text p {
		font-size: 2vw;
	}
}

#honor-x7c .section-points .item5 {
	width: 36.7708333333vw;
	height: 12.5vw;
	position: absolute;
	bottom: 0;
	left: 0;
	border-radius: 0.5208333333vw;
	overflow: hidden;
	transform: rotate(0);
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .section-points .item5 {
		width: 89.3333333333vw;
		height: 31.2vw;
		position: relative;
		left: auto;
		bottom: auto;
		border-radius: 2.6666666667vw;
	}
}

#honor-x7c .section-points .item5 .point-text {
	position: absolute;
	left: 1.3020833333vw;
	top: 1.041vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .section-points .item5 .point-text {
		left: 4vw;
		top: 4vw;
	}
}

#honor-x7c .section-points .item5 .point-text h3 {
	font-size: 1.4583333333vw;
	color: #000;
	margin-bottom: 0.5208333333vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .section-points .item5 .point-text h3 {
		font-size: 4.2666666667vw;
		margin-bottom: 1.3333333333vw;
	}
}

#honor-x7c .section-points .item5 .point-text p {
	font-size: 0.9375vw;
	color: #000;
	width: 13.458333vw;
}

@media (min-aspect-ratio: 661/758) and (max-width: 1000px) {
	#honor-x7c .section-points .item5 .point-text p {
		width: 15vw;
	}
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .section-points .item5 .point-text p {
		font-size: 2.6666666667vw;
		width: 35vw;
	}
}

#honor-x7c .section-points .item6 {
	width: 36.7708333333vw;
	height: 12.5vw;
	position: absolute;
	bottom: 0;
	right: 0;
	border-radius: 0.5208333333vw;
	overflow: hidden;
	transform: rotate(0);
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .section-points .item6 {
		width: 89.3333333333vw;
		height: 31.2vw;
		position: relative;
		right: auto;
		bottom: auto;
		border-radius: 2.6666666667vw;
	}
}

#honor-x7c .section-points .item6 .point-text {
	position: absolute;
	left: 1.3020833333vw;
	top: 1.0416666667vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .section-points .item6 .point-text {
		left: 4vw;
		top: 4vw;
	}
}

#honor-x7c .section-points .item6 .point-text h3 {
	font-size: 1.4583333333vw;
	color: #000;
	margin-bottom: 0.5208333333vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .section-points .item6 .point-text h3 {
		font-size: 4.2666666667vw;
		margin-bottom: 1.3333333333vw;
	}
}

#honor-x7c .section-points .item6 .point-text p {
	font-size: 0.9375vw;
	color: #000;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .section-points .item6 .point-text p {
		font-size: 2.6666666667vw;
	}
}

#honor-x7c .section-points .point-item .bg {
	transform: scale(1);
	transition: all 0.7s ease;
	cursor: pointer;
}

#honor-x7c .section-points .point-item:hover .bg {
	transform: scale(1.06);
	transition: all 0.7s ease;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .section-points .point-item:hover .bg {
		transform: scale(1);
	}
}

@media (min-aspect-ratio: 661/758) and (max-width: 1000px) {
	#honor-x7c .section-points .point-item:hover .bg {
		transform: scale(1);
	}
}

#honor-x7c .sec3 {
	width: 100%;
	height: 49.4791666667vw;
	background: #fff;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .sec3 {
		height: 189.3333333333vw;
	}
}

@media (min-aspect-ratio: 661/758) and (max-width: 1000px) {
	#honor-x7c .sec3 #trigger-sec3 {
		transform: translateY(-20vh);
	}
}

#honor-x7c .sec3 .sec3-content {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}

#honor-x7c .sec3 .sec3-bg1 {
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: all 0.5s ease;
}

#honor-x7c .sec3 .sec3-bg1.active {
	opacity: 1;
	transition: all 0.6s ease;
	transition-delay: 0.5s;
}

#honor-x7c .sec3 .sec3-bg2 {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 5;
	opacity: 0;
	transition: all 0.3s ease;
	transform: scale(0.5);
	transform-origin: 55% 90%;
}

#honor-x7c .sec3 .sec3-bg2.active {
	opacity: 1;
	transition: all 0.4s ease;
	transition-delay: 0.35s;
	transform: scale(1);
}

#honor-x7c .sec3 .sec3-phone {
	width: 56.7934782609vw;
	height: 56.7934782609vw;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 3;
	transform: translate(calc(-50% + 0vw), calc(-50% - 120vh));
	transition: all 0.5s ease;
	opacity: 1;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .sec3 .sec3-phone {
		width: 146.6666666667vw;
		height: 146.6666666667vw;
	}
}

#honor-x7c .sec3 .sec3-phone.active {
	opacity: 1;
	transition: all 0.5s ease;
	transform: translate(calc(-50% + 0vw), calc(-50% + 0vw));
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .sec3 .sec3-phone.active {
		transform: translate(calc(-50% + 0vw), calc(-50% + 29.3333333333vw));
	}
}

#honor-x7c .sec3 .left-txt {
	width: 26.0416666667vw;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(calc(-50% + 0vw), calc(-50% - 4.0625vw)) scale(1.5);
	transition: all 0.6s ease;
	opacity: 1;
}

#honor-x7c .sec3 .left-txt.active {
	transform: translate(calc(-50% - 23.4375vw), calc(-50% - 4.0625vw)) scale(1);
	opacity: 1;
	transition: all 0.6s ease;
}

#honor-x7c .sec3 .left-txt.active h2 {
	font-size: 2.0833333333vw;
	text-align: center;
	background: linear-gradient(91deg, #000 1.68%, #000 45.21%, #000 100.6%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	padding: 2px;
	-webkit-clip-path: inset(2px);
	clip-path: inset(2px);
}

#honor-x7c .sec3 .left-txt h2 {
	font-size: 2.0833333333vw;
	text-align: center;
	background: linear-gradient(91deg, #344E39 1.68%, #4C7D53 45.21%, #3E5843 100.6%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	padding: 2px;
	-webkit-clip-path: inset(2px);
	clip-path: inset(2px);
}

#honor-x7c .sec3 .right-txt {
	width: 28.6458333333vw;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(calc(-50% + 0vw), calc(-50% - 1.5625vw));
	transition: all 0.6s ease;
	opacity: 0;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .sec3 .right-txt {
		width: 93.3333333333vw;
		transform: translate(calc(-50% + 0vw), calc(-50% - 34.6666666667vw));
	}

	#honor-x7c .sec3 .right-txt h2 {
		font-size: 6.4vw;
		background: linear-gradient(91deg, #344E39 1.68%, #4C7D53 45.21%, #3E5843 100.6%);
		background-clip: text;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		padding: 2px;
		-webkit-clip-path: inset(2px);
		clip-path: inset(2px);
		margin-bottom: 1.3333333333vw;
		text-align: center;
	}
}

#honor-x7c .sec3 .right-txt.active {
	transform: translate(calc(-50% + 23.4375vw), calc(-50% - 1.5625vw));
	opacity: 1;
	transition: all 0.6s ease;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .sec3 .right-txt.active {
		transform: translate(calc(-50% + 0vw), calc(-50% - 50.6666666667vw));
	}
}

#honor-x7c .sec3 .right-txt p {
	font-size: 1.0416666667vw;
	color: #000;
	padding-left: 1.5625vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .sec3 .right-txt p {
		font-size: 3.7333333333vw;
		padding-left: 0vw;
		text-align: center;
	}
}

#honor-x7c .sec3 .right-txt .icon {
	width: 11.09375vw;
	height: 3.4895833333vw;
	margin-top: 0.5208333333vw;
	margin-left: 1.5625vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .sec3 .right-txt .icon {
		width: 31.92vw;
		height: 9.52vw;
		margin: 0 auto;
		margin-top: 2.6666666667vw;
	}
}

#honor-x7c .sec4 {
	width: 100%;
}

@media (min-aspect-ratio: 661/758) and (max-width: 1000px) {
	#honor-x7c .sec4 #trigger-sec4 {
		transform: translateY(-20vh);
	}
}

#honor-x7c .sec4 .sec4-content {
	width: 100%;
	height: 56.25vw;
	position: relative;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .sec4 .sec4-content {
		height: 211.4666666667vw;
	}
}

#honor-x7c .sec4 .sec4-bg {
	width: 100%;
	height: 100%;
}

#honor-x7c .sec4 .sec4-bg video {
	-o-object-fit: cover;
	object-fit: cover;
}

#honor-x7c .sec4 .sec4-bg img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

#honor-x7c .sec4 .sec4-txt {
	width: 28.947917vw;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(calc(-50% - 25vw), calc(-50% - 0vw));
	transition: all 0.7s ease;
	opacity: 0;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .sec4 .sec4-txt {
		width: 78.9333333333vw;
		transform: translate(calc(-50% + 0vw), calc(-50% + 65vw));
	}
}

#honor-x7c .sec4 .sec4-txt.active {
	transform: translate(calc(-50% - 25vw), calc(-50% - 7vw));
	transition: all 0.7s ease;
	opacity: 1;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .sec4 .sec4-txt.active {
		transform: translate(calc(-50% + 0vw), calc(-50% + 59vw));
	}
}

#honor-x7c .sec4 .sec4-txt h3 {
	font-size: 1.0416666667vw;
	color: #000;
	margin-bottom: 0.2604166667vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .sec4 .sec4-txt h3 {
		font-size: 3.7333333333vw;
		margin-bottom: 1.3333333333vw;
		text-align: center;
	}
}

#honor-x7c .sec4 .sec4-txt h3 span {
	font-size: 2.5vw;
	color: #4C7D53;
	padding-right: 0.5208333333vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .sec4 .sec4-txt h3 span {
		font-size: 6.4vw;
	}
}

#honor-x7c .sec4 .sec4-txt .line {
	width: 55%;
	height: 1px;
	background: #000;
	margin: 1.8229166667vw 0 1.0416666667vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .sec4 .sec4-txt .line {
		margin: 5.0666666667vw 0 4vw;
		width: 100%;
	}
}

#honor-x7c .sec4 .sec4-txt h2 {
	font-size: 2.5vw;
	margin-top: 1.0416666667vw;
	color: #000;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .sec4 .sec4-txt h2 {
		font-size: 6.4vw;
		margin-top: 2.6666666667vw;
		text-align: center;
	}
}

#honor-x7c .sec4 .sec4-txt .des {
	font-size: 1.0416666667vw;
	color: #000;
	margin-top: 1.0416666667vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .sec4 .sec4-txt .des {
		font-size: 3.7333333333vw;
		margin: 0 auto;
		margin-top: 2.6666666667vw;
		width: 74.6666666667vw;
		text-align: center;
	}
}

#honor-x7c .sec5 {
	width: 100%;
	height: 110vh;
	background: #fff;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .sec5 {
		height: 188.2666666667vw;
	}
}

#honor-x7c .sec5 .sec5-content {
	width: 100%;
	height: calc(100vh - 52px);
	position: sticky;
	top: 52px;
	overflow: hidden;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .sec5 .sec5-content {
		height: 188.2666666667vw;
		position: relative;
		top: 0;
	}
}

#honor-x7c .sec5 .sec5-bg {
	width: 100%;
	height: 100%;
}

#honor-x7c .sec5 .sec5-dc {
	width: 80.3819444444vw;
	height: 43.2291666667vw;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(calc(-50% + 1.095833vw), calc(-50% - 1.125vw));
}

#honor-x7c .sec5 .left-txt {
	width: 33.8541666667vw;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(calc(-50% - 41.6666666667vw), calc(-50% - 11.4583333333vw));
	transition: all 0.7s ease;
	opacity: 0;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .sec5 .left-txt {
		width: 66.6666666667vw;
		position: absolute;
		top: 50vw;
		left: 12vw;
		transform: none;
		opacity: 1;
	}
}

#honor-x7c .sec5 .left-txt.active {
	transform: translate(calc(-50% - 22.229167vw), calc(-50% - 11.4583333333vw));
	transition: all 0.7s ease;
	opacity: 1;
}

#honor-x7c .sec5 .left-txt h2 {
	font-size: 7.8125vw;
	background: linear-gradient(181deg, #89C994 1.7%, #22746F 98.82%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	padding: 2px;
	-webkit-clip-path: inset(2px);
	clip-path: inset(2px);
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .sec5 .left-txt h2 {
		font-size: 17.6vw;
	}
}

#honor-x7c .sec5 .left-txt h2 sup {
	background: linear-gradient(181deg, #89C994 1.7%, #22746F 98.82%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size: 40% !important;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .sec5 .left-txt h2 sup {
		font-size: 40% !important;
	}
}

#honor-x7c .sec5 .left-txt p {
	font-size: 2.0833333333vw;
	background: linear-gradient(91deg, #344E39 1.68%, #4C7D53 45.21%, #3E5843 100.6%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	padding: 2px;
	-webkit-clip-path: inset(2px);
	clip-path: inset(2px);
	margin-top: -1.0416666667vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .sec5 .left-txt p {
		font-size: 3.7333333333vw;
	}
}

#honor-x7c .sec5 .right-txt {
	width: 33.3333333333vw;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(calc(-50% + 52.0833333333vw), calc(-50% + 11.4583333333vw));
	transition: all 0.7s ease;
	opacity: 0;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .sec5 .right-txt {
		width: 85.3333333333vw;
		transform: translate(calc(-50% + 0vw), calc(-50% - 48vw));
	}
}

#honor-x7c .sec5 .right-txt.active {
	transition: all 0.7s ease;
	opacity: 1;
	transform: translate(calc(-50% + 27.6041666667vw), calc(-50% + 11.4583333333vw));
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .sec5 .right-txt.active {
		transform: translate(calc(-50% + 0vw), calc(-50% - 65.666667vw));
	}
}

#honor-x7c .sec5 .right-txt h3 {
	font-size: 2.0833333333vw;
	color: #000;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .sec5 .right-txt h3 {
		font-size: 6.4vw;
		text-align: center;
	}
}

#honor-x7c .sec5 .right-txt .des {
	font-size: 1.0416666667vw;
	color: #000;
	margin: 1.0416666667vw 0 0.2vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .sec5 .right-txt .des {
		font-size: 3.7333333333vw;
		text-align: center;
		margin: 2.6666666667vw 0;
	}
}

#honor-x7c .sec5 .right-txt .dots {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .sec5 .right-txt .dots {
		flex-wrap: wrap;
		justify-content: space-between;
		width: 71.7333333333vw;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, calc(-50% + 128vw));
	}

	#honor-x7c .sec5 .right-txt .dots .item {
		width: 50%;
		margin-bottom: 5.3333333333vw;
	}
}

#honor-x7c .sec5 .right-txt .dots .dots-top {
	font-size: 0.8333333333vw;
	color: #000;
	text-align: center;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .sec5 .right-txt .dots .dots-top {
		font-size: 3.2vw;
	}
}

#honor-x7c .sec5 .right-txt .dots .dots-top span {
	font-size: 2.0833333333vw;
	color: #000;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .sec5 .right-txt .dots .dots-top span {
		font-size: 6.4vw;
	}
}

#honor-x7c .sec5 .right-txt .dots .dots-bottom {
	font-size: 0.8333333333vw;
	color: #000;
	text-align: center;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .sec5 .right-txt .dots .dots-bottom {
		font-size: 3.7333333333vw;
	}
}

#honor-x7c .sec6 {
	width: 100%;
}

#honor-x7c .sec6 .sec6-content {
	width: 100%;
	position: relative;
	overflow: hidden;
	background: #fff;
}

#honor-x7c .sec6 .sec6-bg {
	width: 100%;
	height: 56.25vw;
	opacity: 1;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .sec6 .sec6-bg {
		height: 188.2666666667vw;
	}
}

#honor-x7c .sec6 .sec6-txt {
	width: 31.25vw;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(calc(-50% + 23.041667vw), calc(-50% + 1.0416666667vw));
	transition: all 0.7s ease;
	opacity: 0;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .sec6 .sec6-txt {
		width: 84.8vw;
		transform: translate(calc(-50% + 0vw), calc(-50% - 53.3333333333vw));
	}
}

#honor-x7c .sec6 .sec6-txt.active {
	transform: translate(calc(-50% + 23.041667vw), calc(-50% - 0.5208333333vw));
	transition: all 0.7s ease;
	opacity: 1;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .sec6 .sec6-txt.active {
		transform: translate(calc(-50% + 0vw), calc(-50% - 61.3333333333vw));
	}
}

#honor-x7c .sec6 .sec6-txt h2 {
	font-size: 2.5vw;
	color: #000;
	margin-bottom: 0.2604166667vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .sec6 .sec6-txt h2 {
		font-size: 6.4vw;
		padding: 2px;
		-webkit-clip-path: inset(2px);
		clip-path: inset(2px);
		background: linear-gradient(91deg, #344E39 1.68%, #4C7D53 45.21%, #3E5843 100.6%);
		background-clip: text;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		margin-bottom: 1.3333333333vw;
		text-align: center;
	}
}

#honor-x7c .sec6 .sec6-txt .line {
	width: 80%;
	height: 1px;
	background: #000;
	margin: 1.5625vw 0;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .sec6 .sec6-txt .line {
		margin: 4vw auto;
	}
}

#honor-x7c .sec6 .sec6-txt .des {
	font-size: 1.0416666667vw;
	color: #000;
	margin-top: 1.0416666667vw;
}

#honor-x7c .sec6 .sec6-txt .des span {
	font-size: 1.4583333333vw;
	padding: 1px;
	-webkit-clip-path: inset(1px);
	clip-path: inset(1px);
	background: linear-gradient(91deg, #344E39 1.68%, #4C7D53 45.21%, #3E5843 100.6%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .sec6 .sec6-txt .des span {
		font-size: 4.8vw;
	}
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .sec6 .sec6-txt .des {
		font-size: 3.7333333333vw;
		color: #000;
		margin-top: 4vw;
		text-align: center;
		width: 100%;
	}
}

#honor-x7c .sec6 .sec6-txt .dots {
	width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .sec6 .sec6-txt .dots {
		justify-content: center;
		transform: translateX(1.6vw);
	}

	#honor-x7c .sec6 .sec6-txt .dots .item2 {
		margin-left: 8vw;
	}
}

#honor-x7c .sec6 .sec6-txt .dots .dots-top {
	font-size: 2.5vw;
	color: #000;
	background: linear-gradient(91deg, #344E39 1.68%, #4C7D53 45.21%, #3E5843 100.6%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	padding: 2px;
	-webkit-clip-path: inset(2px);
	clip-path: inset(2px);
	text-align: center;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .sec6 .sec6-txt .dots .dots-top {
		font-size: 6.9333333333vw;
	}
}

#honor-x7c .sec6 .sec6-txt .dots .dots-bottom {
	font-size: 0.9375vw;
	color: #000;
	text-align: center;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .sec6 .sec6-txt .dots .dots-bottom {
		font-size: 3.2vw;
	}
}

#honor-x7c .sec6 .sec6-txt .dots .item {
	margin-right: 5.2083333333vw;
}

#honor-x7c .sec7 {
	width: 100%;
	height: 110vh;
	background: #fff;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .sec7 {
		height: 188.2666666667vw;
	}
}

#honor-x7c .sec7 .sec7-content {
	width: 100%;
	height: calc(100vh - 52px);
	position: sticky;
	top: 52px;
	overflow: hidden;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .sec7 .sec7-content {
		position: relative;
		width: 100%;
		height: 188.2666666667vw;
		top: 0;
	}
}

#honor-x7c .sec7 .sec7-warper {
	width: 77.65625vw;
	height: 33.2291666667vw;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(calc(-50% + 0vw), calc(-50% - 6.25vw));
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .sec7 .sec7-warper {
		position: relative;
		width: 100%;
		height: 188.2666666667vw;
		top: auto;
		left: auto;
		transform: none;
	}
}

#honor-x7c .sec7 .sec7-warper .sound-pic {
	width: 100%;
	height: 100%;
	transform: scaleX(0.5) scaleY(0);
	transform-origin: 40% 60%;
	transition: all 0.7s ease;
	opacity: 0.5;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .sec7 .sec7-warper .sound-pic {
		width: 100%;
		height: 100%;
		transform: none;
		transition: all 0.7s ease;
		opacity: 1;
	}
}

#honor-x7c .sec7 .sec7-warper .sound-pic.active {
	transform: scaleX(1) scaleY(1);
	transition: all 1s ease;
	opacity: 1;
}

#honor-x7c .sec7 .sec7-warper .tit-pic {
	width: 43.6458333333vw;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(calc(-50% - 1.3020833333vw), calc(-50% + 3.125vw));
}

#honor-x7c .sec7 .sec7-txt {
	width: 54.0104166667vw;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(calc(-50% + 0vw), calc(-50% + 13.0208333333vw));
	transition: all 0.7s ease;
	opacity: 0;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .sec7 .sec7-txt {
		width: 77.8666666667vw;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(calc(-50% + 0vw), calc(-50% + 48vw));
	}
}

#honor-x7c .sec7 .sec7-txt.active {
	transform: translate(calc(-50% + 0vw), calc(-50% + 10.4166666667vw));
	transition: all 0.7s ease;
	opacity: 1;
	transition-delay: 0.3s;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .sec7 .sec7-txt.active {
		transform: translate(calc(-50% + 0vw), calc(-50% + 40vw));
		transition-delay: 0s;
	}
}

#honor-x7c .sec7 .sec7-txt h3 {
	font-size: 2.5vw;
	color: #000;
	text-align: center;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .sec7 .sec7-txt h3 {
		font-size: 6.4vw;
		background: linear-gradient(91deg, #344E39 1.68%, #4C7D53 45.21%, #3E5843 100.6%);
		background-clip: text;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		padding: 2px;
		-webkit-clip-path: inset(2px);
		clip-path: inset(2px);
	}
}

#honor-x7c .sec7 .sec7-txt p {
	font-size: 1.0416666667vw;
	color: #000;
	margin: 0 auto;
	margin-top: 0.5208333333vw;
	text-align: center;
	width: 82%;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .sec7 .sec7-txt p {
		font-size: 3.7333333333vw;
		width: 100%;
		margin-top: 2.6666666667vw;
	}
}

#honor-x7c .sec8 {
	width: 100%;
	height: 120vh;
	background: #fff;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .sec8 {
		height: 189.3333333333vw;
	}
}

@keyframes id-float {
	0% {
		transform: translateY(0);
	}

	50% {
		transform: translateY(1vw);
	}

	100% {
		transform: translateY(0);
	}
}

@keyframes id-float-revers {
	0% {
		transform: translateY(0);
	}

	50% {
		transform: translateY(-1vw);
	}

	100% {
		transform: translateY(0);
	}
}

#honor-x7c .sec8 .sec8-content {
	width: 100%;
	height: calc(100vh - 52px);
	position: sticky;
	top: 52px;
	overflow: hidden;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .sec8 .sec8-content {
		height: 189.3333333333vw;
		position: relative;
		top: 0;
	}
}

#honor-x7c .sec8 .sec8-bg {
	width: 100%;
	height: 100%;
}

#honor-x7c .sec8 .sec8-phone {
	width: 32.8125vw;
	height: 37.96875vw;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(calc(-50% + 2vw), calc(-50% - 100vh));
	transition: all 0.7s ease;
	opacity: 0;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .sec8 .sec8-phone {
		width: 66.24vw;
		height: 95.04vw;
	}
}

@media (max-aspect-ratio: 660/758) and (min-width: 767px) and (max-width: 1025px) {
	#honor-x7c .sec8 .sec8-phone {
		transform: translate(calc(-50% + 1vw), calc(-50% - 100vh)) scale(0.8);
	}
}

#honor-x7c .sec8 .sec8-phone.active {
	opacity: 1;
	transition: all 0.7s ease;
	transform: translate(calc(-50% + 0vw), calc(-50% + 0vw));
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .sec8 .sec8-phone.active {
		transform: translate(calc(-50% + 0vw), calc(-50% - 26.6666666667vw));
	}
}

@media (max-aspect-ratio: 660/758) and (min-width: 767px) and (max-width: 1025px) {
	#honor-x7c .sec8 .sec8-phone.active {
		transform: translate(calc(-50% + 0vw), calc(-50% - 21.3333333333vw)) scale(0.8);
	}
}

#honor-x7c .sec8 .sec8-phone img {
	animation: id-float 2.5s ease-in-out infinite;
}

#honor-x7c .sec8 .sec8-phone-y {
	width: 20.078125vw;
	height: 7.9427083333vw;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(calc(-50% - 3.59375vw), calc(-50% + 100vh));
	transition: all 0.7s ease;
	opacity: 0;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .sec8 .sec8-phone-y {
		width: 51.4vw;
		height: 20.3333333333vw;
	}
}

@media (max-aspect-ratio: 660/758) and (min-width: 767px) and (max-width: 1025px) {
	#honor-x7c .sec8 .sec8-phone-y {
		transform: translate(calc(-50% - 3.395833vw), calc(-50% + 100vh)) scale(0.8);
	}
}

#honor-x7c .sec8 .sec8-phone-y.active {
	opacity: 1;
	transition: all 0.7s ease;
	transform: translate(calc(-50% - 3.59375vw), calc(-50% + 21.954167vw));
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .sec8 .sec8-phone-y.active {
		transform: translate(calc(-50% - 3.395833vw), calc(-50% + 26.6666666667vw));
	}
}

@media (max-aspect-ratio: 660/758) and (min-width: 767px) and (max-width: 1025px) {
	#honor-x7c .sec8 .sec8-phone-y.active {
		transform: translate(calc(-50% - 3.1vw), calc(-50% + 21.3333333333vw)) scale(0.8);
	}
}

#honor-x7c .sec8 .sec8-phone-y img {
	animation: id-float-revers 2.5s ease-in-out infinite;
}

#honor-x7c .sec8 .left-txt {
	width: 34vw;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(calc(-50% - 5.2083333333vw), calc(-50% - 6.25vw)) scale(0.5);
	transition: all 0.7s ease;
	opacity: 0;
}

#honor-x7c .sec8 .left-txt.active {
	transform: translate(calc(-50% - 18.2291666667vw), calc(-50% - 6.25vw)) scale(1);
	opacity: 1;
	transition: all 0.7s ease;
	transition-delay: 0.3s;
}

#honor-x7c .sec8 .left-txt h3 {
	font-size: 4.1666666667vw;
	color: rgb(76, 125, 83);
}

#honor-x7c .sec8 .left-txt h2 {
	font-size: 4.1666666667vw;
	color: rgb(76, 125, 83);
	line-height: 1;
}

#honor-x7c .sec8 .right-txt {
	width: 26.0416666667vw;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(calc(-50% + 5.2083333333vw), calc(-50% + 6.25vw)) scale(0.5);
	transition: all 0.7s ease;
	opacity: 0;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .sec8 .right-txt {
		width: 79.4666666667vw;
		transform: translate(calc(-50% + 0vw), calc(-50% + 74.6666666667vw)) scale(1);
	}
}

@media (max-aspect-ratio: 660/758) and (min-width: 767px) and (max-width: 1025px) {
	#honor-x7c .sec8 .right-txt {
		transform: translate(calc(-50% + 0vw), calc(-50% + 74.6666666667vw)) scale(0.8);
	}
}

#honor-x7c .sec8 .right-txt.active {
	transform: translate(calc(-50% + 23.9583333333vw), calc(-50% + 6.25vw)) scale(1);
	opacity: 1;
	transition: all 0.7s ease;
	transition-delay: 0.3s;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .sec8 .right-txt.active {
		transform: translate(calc(-50% + 0vw), calc(-50% + 58.6666666667vw)) scale(1);
	}
}

@media (max-aspect-ratio: 660/758) and (min-width: 767px) and (max-width: 1025px) {
	#honor-x7c .sec8 .right-txt.active {
		transform: translate(calc(-50% + 0vw), calc(-50% + 45.3333333333vw)) scale(0.8);
	}
}

#honor-x7c .sec8 .right-txt p {
	font-size: 1.0416666667vw;
	color: #000;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .sec8 .right-txt p {
		font-size: 3.7333333333vw;
		margin-top: 4vw;
	}
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .sec8 .right-txt h2 {
		font-size: 6.4vw;
		color: rgb(76, 125, 83);
	}
}

#honor-x7c .sec8 .right-txt .txt-long {
	font-size: 2.5vw;
	color: #000;
	margin-bottom: 0.5208333333vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .sec8 .right-txt .txt-long {
		font-size: 6.4vw;
		margin-bottom: 0;
		margin-top: 0;
		color: rgb(76, 125, 83);
	}
}

#honor-x7c .sec9 {
	width: 100%;
	height: 170vh;
	background: #FAFAFA;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .sec9 {
		height: 200vw;
	}
}

#honor-x7c .sec9 .sec9-content {
	width: 100%;
	height: calc(100vh - 52px);
	position: sticky;
	top: 52px;
	overflow: hidden;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .sec9 .sec9-content {
		height: 100%;
	}
}

@keyframes sec9-id-float {
	0% {
		transform: translateY(0);
	}

	50% {
		transform: translateY(1.2vw);
	}

	100% {
		transform: translateY(0);
	}
}

@keyframes sec9-id-float-revers {
	0% {
		transform: translateY(0);
	}

	50% {
		transform: translateY(-1.2vw);
	}

	100% {
		transform: translateY(0);
	}
}

#honor-x7c .sec9 .sec9-phone {
	width: 84.9739583333vw;
	height: 84.9739583333vw;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(calc(-50% + 0vw), calc(-50% + 100vh)) scale(1.3);
	transition: all 0.7s ease;
	opacity: 0;
}

#honor-x7c .sec9 .sec9-phone.active {
	transform: translate(calc(-50% + 0vw), calc(-50% + 4vw)) scale(1);
	transition: all 1s ease;
	opacity: 1;
}

#honor-x7c .sec9 .sec9-phone .dots-pic-warper {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

#honor-x7c .sec9 .sec9-phone .dots-pic-warper .pic1 {
	position: absolute;
	width: 12.3958333333vw;
	height: 16.40625vw;
	top: 50%;
	left: 50%;
	transform: translate(calc(-50% - 98.9583333333vw), calc(-50% - 66.1458333333vw)) scale(1.5);
	transition: all 0.7s ease;
}

#honor-x7c .sec9 .sec9-phone .dots-pic-warper .pic1 img {
	animation: sec9-id-float 2.5s ease-in-out infinite;
}

#honor-x7c .sec9 .sec9-phone .dots-pic-warper .pic2 {
	position: absolute;
	width: 7.7083333333vw;
	height: 10.9895833333vw;
	top: 50%;
	left: 50%;
	transform: translate(calc(-50% - 83.3333333333vw), calc(-50% - 61.9791666667vw)) scale(1.5);
	transition: all 0.7s ease;
}

#honor-x7c .sec9 .sec9-phone .dots-pic-warper .pic2 img {
	animation: sec9-id-float-revers 2.9s ease-in-out infinite;
}

#honor-x7c .sec9 .sec9-phone .dots-pic-warper .pic3 {
	position: absolute;
	width: 15.4166666667vw;
	height: 15.9895833333vw;
	top: 50%;
	left: 50%;
	transform: translate(calc(-50% - 96.3541666667vw), calc(-50% + 61.4583333333vw)) scale(1.5);
	transition: all 0.7s ease;
}

#honor-x7c .sec9 .sec9-phone .dots-pic-warper .pic3 img {
	animation: sec9-id-float 3.5s ease-in-out infinite;
}

#honor-x7c .sec9 .sec9-phone .dots-pic-warper .pic4 {
	position: absolute;
	width: 8.125vw;
	height: 11.25vw;
	top: 50%;
	left: 50%;
	transform: translate(calc(-50% - 78.125vw), calc(-50% + 57.2916666667vw)) scale(1.5);
	transition: all 0.7s ease;
}

#honor-x7c .sec9 .sec9-phone .dots-pic-warper .pic4 img {
	animation: sec9-id-float-revers 4s ease-in-out infinite;
}

#honor-x7c .sec9 .sec9-phone .dots-pic-warper .pic5 {
	position: absolute;
	width: 12.9166666667vw;
	height: 17.0833333333vw;
	top: 50%;
	left: 50%;
	transform: translate(calc(-50% + 83.3333333333vw), calc(-50% - 62.5vw)) scale(1.5);
	transition: all 0.7s ease;
}

#honor-x7c .sec9 .sec9-phone .dots-pic-warper .pic5 img {
	animation: sec9-id-float 3.2s ease-in-out infinite;
}

#honor-x7c .sec9 .sec9-phone .dots-pic-warper .pic6 {
	position: absolute;
	width: 7.5vw;
	height: 10.3125vw;
	top: 50%;
	left: 50%;
	transform: translate(calc(-50% + 98.9583333333vw), calc(-50% - 72.3958333333vw)) scale(1.5);
	transition: all 0.7s ease;
}

#honor-x7c .sec9 .sec9-phone .dots-pic-warper .pic6 img {
	animation: sec9-id-float-revers 2.9s ease-in-out infinite;
}

#honor-x7c .sec9 .sec9-phone .dots-pic-warper .pic7 {
	position: absolute;
	width: 8.59375vw;
	height: 12.1354166667vw;
	top: 50%;
	left: 50%;
	transform: translate(calc(-50% + 78.125vw), calc(-50% + 59.8958333333vw)) scale(1.5);
	transition: all 0.7s ease;
}

#honor-x7c .sec9 .sec9-phone .dots-pic-warper .pic7 img {
	animation: sec9-id-float 4.5s ease-in-out infinite;
}

#honor-x7c .sec9 .sec9-phone .dots-pic-warper .pic8 {
	position: absolute;
	width: 11.4583333333vw;
	height: 15.8854166667vw;
	top: 50%;
	left: 50%;
	transform: translate(calc(-50% + 96.3541666667vw), calc(-50% + 65.1041666667vw)) scale(1.5);
	transition: all 0.7s ease;
}

#honor-x7c .sec9 .sec9-phone .dots-pic-warper .pic8 img {
	animation: sec9-id-float-revers 4s ease-in-out infinite;
}

#honor-x7c .sec9 .sec9-phone .dots-pic-warper .pic10 {
	position: absolute;
	width: 11.4583333333vw;
	height: 15.8854166667vw;
	top: 50%;
	left: 50%;
	transform: translate(calc(-50% - 78.729167vw), calc(-50% + 6.1041666667vw)) scale(2);
	transition: all 0.7s ease;
	opacity: 0;
}

#honor-x7c .sec9 .sec9-phone .dots-pic-warper .pic11 {
	position: absolute;
	width: 11.4583333333vw;
	height: 15.8854166667vw;
	top: 50%;
	left: 50%;
	transform: translate(calc(-50% - 65.729167vw), calc(-50% - 25.895833vw)) scale(2);
	transition: all 0.7s ease;
	opacity: 0;
}

#honor-x7c .sec9 .sec9-phone .dots-pic-warper .pic12 {
	position: absolute;
	width: 7.7083333333vw;
	height: 10.9895833333vw;
	top: 50%;
	left: 50%;
	transform: translate(calc(-50% - 12.291667vw), calc(-50% - 71.979167vw)) scale(2);
	opacity: 0;
	transition: all 0.7s ease;
}

#honor-x7c .sec9 .sec9-phone .dots-pic-warper .pic13 {
	position: absolute;
	width: 11.4583333333vw;
	height: 15.8854166667vw;
	top: 50%;
	left: 50%;
	opacity: 0;
	transition: all 0.7s ease;
	transform: translate(calc(-50% - 19.729167vw), calc(-50% + 70.104167vw)) scale(2);
	transition: all 0.7s ease;
}

#honor-x7c .sec9 .sec9-phone .dots-pic-warper .pic20 {
	position: absolute;
	width: 11.4583333333vw;
	height: 15.8854166667vw;
	top: 50%;
	left: 50%;
	opacity: 0;
	transition: all 0.7s ease;
	transform: translate(calc(-50% + 75.270833vw), calc(-50% - 25.895833vw)) scale(2);
	transition: all 0.7s ease;
}

#honor-x7c .sec9 .sec9-phone .dots-pic-warper .pic21 {
	position: absolute;
	width: 7.7083333333vw;
	height: 10.9895833333vw;
	top: 50%;
	left: 50%;
	transform: translate(calc(-50% + 71.708333vw), calc(-50% - 0.020833vw)) scale(2);
	opacity: 0;
	opacity: 0;
	transition: all 0.7s ease;
}

#honor-x7c .sec9 .sec9-phone .dots-pic-warper .pic22 {
	position: absolute;
	width: 11.4583333333vw;
	height: 15.8854166667vw;
	top: 50%;
	left: 50%;
	transform: translate(calc(-50% + 25.270833vw), calc(-50% + 65.104167vw)) scale(2);
	opacity: 0;
	transition: all 0.7s ease;
}

#honor-x7c .sec9 .sec9-phone .dots-pic-warper.active .pic1 {
	position: absolute;
	width: 12.3958333333vw;
	height: 16.40625vw;
	top: 50%;
	left: 50%;
	transform: translate(calc(-50% - 46.875vw), calc(-50% - 14.0625vw)) scale(0.95);
	transition: all 0.9s ease;
	transition-delay: 0.3s;
}

#honor-x7c .sec9 .sec9-phone .dots-pic-warper.active .pic1 img {
	animation: sec9-id-float 2.5s ease-in-out infinite;
}

#honor-x7c .sec9 .sec9-phone .dots-pic-warper.active .pic2 {
	position: absolute;
	width: 7.7083333333vw;
	height: 10.9895833333vw;
	top: 50%;
	left: 50%;
	transform: translate(calc(-50% - 31.25vw), calc(-50% - 9.8958333333vw)) scale(0.95);
	transition: all 0.8s ease;
	transition-delay: 0.4s;
}

#honor-x7c .sec9 .sec9-phone .dots-pic-warper.active .pic2 img {
	animation: sec9-id-float-revers 2.9s ease-in-out infinite;
}

#honor-x7c .sec9 .sec9-phone .dots-pic-warper.active .pic3 {
	position: absolute;
	width: 15.4166666667vw;
	height: 15.9895833333vw;
	top: 50%;
	left: 50%;
	transform: translate(calc(-50% - 44.2708333333vw), calc(-50% + 9.375vw)) scale(0.95);
	transition: all 0.8s ease;
	transition-delay: 0.5s;
}

#honor-x7c .sec9 .sec9-phone .dots-pic-warper.active .pic3 img {
	animation: sec9-id-float 3.5s ease-in-out infinite;
}

#honor-x7c .sec9 .sec9-phone .dots-pic-warper.active .pic4 {
	position: absolute;
	width: 8.125vw;
	height: 11.25vw;
	top: 50%;
	left: 50%;
	transform: translate(calc(-50% - 26.0416666667vw), calc(-50% + 5.2083333333vw)) scale(0.95);
	transition: all 0.9s ease;
	transition-delay: 0.3s;
}

#honor-x7c .sec9 .sec9-phone .dots-pic-warper.active .pic4 img {
	animation: sec9-id-float-revers 4s ease-in-out infinite;
}

#honor-x7c .sec9 .sec9-phone .dots-pic-warper.active .pic5 {
	position: absolute;
	width: 12.9166666667vw;
	height: 17.0833333333vw;
	top: 50%;
	left: 50%;
	transform: translate(calc(-50% + 31.25vw), calc(-50% - 10.4166666667vw)) scale(0.95);
	transition: all 0.8s ease;
	transition-delay: 0.3s;
}

#honor-x7c .sec9 .sec9-phone .dots-pic-warper.active .pic5 img {
	animation: sec9-id-float 3.2s ease-in-out infinite;
}

#honor-x7c .sec9 .sec9-phone .dots-pic-warper.active .pic6 {
	position: absolute;
	width: 7.5vw;
	height: 10.3125vw;
	top: 50%;
	left: 50%;
	transform: translate(calc(-50% + 46.875vw), calc(-50% - 20.3125vw)) scale(0.95);
	transition: all 0.9s ease;
	transition-delay: 0.4s;
}

#honor-x7c .sec9 .sec9-phone .dots-pic-warper.active .pic6 img {
	animation: sec9-id-float-revers 2.9s ease-in-out infinite;
}

#honor-x7c .sec9 .sec9-phone .dots-pic-warper.active .pic7 {
	position: absolute;
	width: 8.59375vw;
	height: 12.1354166667vw;
	top: 50%;
	left: 50%;
	transform: translate(calc(-50% + 26.0416666667vw), calc(-50% + 7.8125vw)) scale(0.95);
	transition: all 0.8s ease;
	transition-delay: 0.4s;
}

#honor-x7c .sec9 .sec9-phone .dots-pic-warper.active .pic7 img {
	animation: sec9-id-float 4.5s ease-in-out infinite;
}

#honor-x7c .sec9 .sec9-phone .dots-pic-warper.active .pic8 {
	position: absolute;
	width: 11.4583333333vw;
	height: 15.8854166667vw;
	top: 50%;
	left: 50%;
	transform: translate(calc(-50% + 44.2708333333vw), calc(-50% + 13.0208333333vw)) scale(0.95);
	transition: all 0.9s ease;
	transition-delay: 0.5s;
}

#honor-x7c .sec9 .sec9-phone .dots-pic-warper.active .pic8 img {
	animation: sec9-id-float-revers 4s ease-in-out infinite;
}

#honor-x7c .sec9 .sec9-phone .dots-pic-warper.active .pic10 {
	position: absolute;
	width: 11.4583333333vw;
	height: 15.8854166667vw;
	top: 50%;
	left: 50%;
	transform: translate(calc(-50% - 2.6041666667vw), calc(-50% + 0vw)) scale(0);
	transition: all 0.8s ease;
	opacity: 1;
}

#honor-x7c .sec9 .sec9-phone .dots-pic-warper.active .pic11 {
	position: absolute;
	width: 11.4583333333vw;
	height: 15.8854166667vw;
	top: 50%;
	left: 50%;
	transform: translate(calc(-50% - 5.2083333333vw), calc(-50% + 0vw)) scale(0);
	transition: all 0.8s ease;
	transition-delay: 0.1s;
	opacity: 1;
}

#honor-x7c .sec9 .sec9-phone .dots-pic-warper.active .pic12 {
	position: absolute;
	width: 7.7083333333vw;
	height: 10.9895833333vw;
	top: 50%;
	left: 50%;
	transform: translate(calc(-50% - 4.1666666667vw), calc(-50% + 0vw)) scale(0);
	transition: all 0.8s ease;
	transition-delay: 0.2s;
	opacity: 1;
}

#honor-x7c .sec9 .sec9-phone .dots-pic-warper.active .pic13 {
	position: absolute;
	width: 11.4583333333vw;
	height: 15.8854166667vw;
	top: 50%;
	left: 50%;
	transform: translate(calc(-50% - 4.6875vw), calc(-50% + 0vw)) scale(0);
	transition: all 0.8s ease;
	transition-delay: 0.3s;
	opacity: 1;
}

#honor-x7c .sec9 .sec9-phone .dots-pic-warper.active .pic20 {
	position: absolute;
	width: 11.4583333333vw;
	height: 15.8854166667vw;
	top: 50%;
	left: 50%;
	transform: translate(calc(-50% + 1.0416666667vw), calc(-50% + 0vw)) scale(0);
	transition: all 0.8s ease;
	transition-delay: 0.1s;
	opacity: 1;
}

#honor-x7c .sec9 .sec9-phone .dots-pic-warper.active .pic21 {
	position: absolute;
	width: 7.7083333333vw;
	height: 10.9895833333vw;
	top: 50%;
	left: 50%;
	transform: translate(calc(-50% + 4.1666666667vw), calc(-50% + 0vw)) scale(0);
	transition: all 0.8s ease;
	transition-delay: 0.2s;
	opacity: 1;
}

#honor-x7c .sec9 .sec9-phone .dots-pic-warper.active .pic22 {
	position: absolute;
	width: 11.4583333333vw;
	height: 15.8854166667vw;
	top: 50%;
	left: 50%;
	transform: translate(calc(-50% + 5.2083333333vw), calc(-50% + 0vw)) scale(0);
	transition: all 0.8s ease;
	transition-delay: 0.3s;
	opacity: 1;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .sec9 .sec9-bg-mob {
		width: 100vw;
		height: 129.0666666667vw;
		position: absolute;
		left: 0;
		bottom: 0;
	}
}

#honor-x7c .sec9 .sec9-txt1 {
	width: 91vw;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(calc(-50% + 0vw), calc(-50% + 0vw)) scale(1);
	transition: all 0.7s ease;
	opacity: 1;
	z-index: 2;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .sec9 .sec9-txt1 {
		width: 86.1333333333vw;
		top: 19.33vw;
		left: 11.2vw;
		transform: translateY(10vw);
		opacity: 0;
	}

	#honor-x7c .sec9 .sec9-txt1.active11 {
		transform: translateY(0);
		opacity: 1;
	}
}

#honor-x7c .sec9 .sec9-txt1.active {
	transform: translate(calc(-50% + 0vw), calc(-50% - 13.0208333333vw)) scale(0.5);
	transition: all 0.7s ease;
	opacity: 1;
	transition-delay: 0.3s;
}

#honor-x7c .sec9 .sec9-txt1.active h2 {
	text-align: center;
	background: linear-gradient(91deg, #000 1.68%, #000 45.21%, #000 100.6%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	padding: 2px;
	-webkit-clip-path: inset(2px);
	clip-path: inset(2px);
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .sec9 .sec9-txt1.active h2 {
		text-align: left;
		background: linear-gradient(91deg, #344E39 1.68%, #4C7D53 45.21%, #3E5843 100.6%);
		background-clip: text;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		padding: 2px;
		-webkit-clip-path: inset(2px);
		clip-path: inset(2px);
	}
}

#honor-x7c .sec9 .sec9-txt1 h2 {
	font-size: 4.1666666667vw;
	text-align: center;
	padding: 2px;
	clip-path: inset(2px);
	background: linear-gradient(91deg, #344E39 1.68%, #4C7D53 45.21%, #3E5843 100.6%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	padding: 2px;
	-webkit-clip-path: inset(2px);
	clip-path: inset(2px);
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .sec9 .sec9-txt1 h2 {
		text-align: left;
		font-size: 6.4vw;
		background: linear-gradient(91deg, #344E39 1.68%, #4C7D53 45.21%, #3E5843 100.6%);
		background-clip: text;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		padding: 2px;
		-webkit-clip-path: inset(2px);
		clip-path: inset(2px);
	}
}

#honor-x7c .sec9 .sec9-txt1 p {
	font-size: 2.5vw;
	color: #000;
	margin-top: 1.0416666667vw;
	text-align: center;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .sec9 .sec9-txt1 p {
		text-align: left;
		font-size: 3.7333333333vw;
		margin-top: 2.6666666667vw;
	}
}

#honor-x7c .sec9 .sec9-txt2 {
	width: 44.2708333333vw;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(calc(-50% + 0vw), calc(-50% + 20.8333333333vw));
	transition: all 0.7s ease;
	opacity: 0;
	z-index: 2;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .sec9 .sec9-txt2 {
		width: 82vw;
		top: 63.4666666667vw;
		left: 11.2vw;
		transform: translate(0, 13.3333333333vw);
	}
}

#honor-x7c .sec9 .sec9-txt2.active {
	transform: translate(calc(-50% + 0vw), calc(-50% + 18.2291666667vw));
	transition: all 0.7s ease 0.5s;
	opacity: 1;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .sec9 .sec9-txt2.active {
		transform: translate(0, 0vw);
		transition: all 0.7s ease;
	}
}

#honor-x7c .sec9 .sec9-txt2 .dots {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .sec9 .sec9-txt2 .dots {
		flex-wrap: wrap;
		align-content: center;
		text-align: left;
	}

	#honor-x7c .sec9 .sec9-txt2 .dots .item {
		margin-bottom: 2.6666666667vw;
		width: 24vw;
	}
}

#honor-x7c .sec9 .sec9-txt2 .dots .dots-top {
	font-size: 2.0833333333vw;
	color: #000;
	background: linear-gradient(to right, #6F8F74, #94BDBC, #4E7F56);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	padding: 2px;
	-webkit-clip-path: inset(2px);
	clip-path: inset(2px);
	text-align: center;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .sec9 .sec9-txt2 .dots .dots-top {
		font-size: 5.3333333333vw;
	}
}

#honor-x7c .sec9 .sec9-txt2 .dots .dots-top sup {
	background: linear-gradient(to right, #6F8F74, #94BDBC, #4E7F56);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

#honor-x7c .sec9 .sec9-txt2 .dots .dots-bottom {
	font-size: 0.9375vw;
	color: #000;
	text-align: center;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .sec9 .sec9-txt2 .dots .dots-bottom {
		font-size: 2.6666666667vw;
	}
}

#honor-x7c .sec10 {
	width: 100%;
	height: 200vh;
	background: #FAFBFA;
	position: relative;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .sec10 {
		height: 188vw;
	}
}

@keyframes blur-pic {
	0% {
		filter: blur(30px);
	}

	100% {
		filter: blur(0px);
	}
}

@keyframes opcity-pic {
	0% {
		opacity: 1;
	}

	25% {
		opacity: 0;
	}

	75% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

#honor-x7c .sec10 .sec10-content {
	width: 100%;
	height: calc(100vh - 52px);
	position: sticky;
	top: 52px;
	overflow: hidden;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .sec10 .sec10-content {
		height: 188vw;
		position: relative;
		top: 0;
	}
}

#honor-x7c .sec10 .phones-pic-warper {
	width: 30.1041666667vw;
	height: 41.9791666667vw;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(calc(-50% + 0vw), calc(-50% + 2.6041666667vw)) scale(1);
	transition: all 0.7s ease;
}

#honor-x7c .sec10 .phones-pic-warper.active {
	transform: translate(calc(-50% + 0vw), calc(-50% + 0vw)) scale(0.8);
	transition: all 0.7s ease 0.7s;
}

#honor-x7c .sec10 .phones-pic-warper.active2 {
	transform: translate(calc(-50% + 2.6041666667vw), calc(-50% - 7.8125vw)) scale(0.5) rotate(-10deg);
	transition: all 0.7s ease;
}

#honor-x7c .sec10 .phones-pic-warper .pic1 {
	width: 30.1041666667vw;
	height: 41.9791666667vw;
	position: relative;
	z-index: 10;
}

#honor-x7c .sec10 .phones-pic-warper .pic1 .pic-k {
	width: 30.1041666667vw;
	height: 41.9791666667vw;
	background-color: #fff;
	box-shadow: 0.1041666667vw 0.1041666667vw 0.6770833333vw rgba(0, 0, 0, 0.1);
	opacity: 0;
	transition: all 0.3s ease;
}

#honor-x7c .sec10 .phones-pic-warper .pic1 .pic-k.active {
	opacity: 1;
	transition: all 0.3s ease 0.6s;
}

#honor-x7c .sec10 .phones-pic-warper .pic1 .phone-pic {
	width: 28.4895833333vw;
	height: 35.78125vw;
	overflow: hidden;
	position: absolute;
	top: 0.78125vw;
	left: 50%;
	transform: translate(calc(-50% + 0vw), 0);
	z-index: 2;
}

#honor-x7c .sec10 .phones-pic-warper .pic1 .phone-pic .bg {
	animation: none;
	filter: blur(2px);
}

#honor-x7c .sec10 .phones-pic-warper .pic1 .phone-pic .bg.active {
	animation: blur-pic 0.4s cubic-bezier(0, 0, 0.58, 1) forwards 0.5s;
}

#honor-x7c .sec10 .phones-pic-warper .pic1 .phone-pic .km {
	width: 6.6666666667vw;
	height: 6.5625vw;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(calc(-50% + 0vw), calc(-50% + 0vw));
	animation: none;
}

#honor-x7c .sec10 .phones-pic-warper .pic1 .phone-pic .km.active {
	animation: opcity-pic 0.5s linear forwards;
}

#honor-x7c .sec10 .phones-pic-warper .pic2 {
	width: 30.1041666667vw;
	height: 41.9791666667vw;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(calc(-50% + 0vw), calc(-50% + 0vw)) scale(0.9);
	opacity: 0;
	transition: all 0.7s ease;
}

#honor-x7c .sec10 .phones-pic-warper .pic2.active {
	transition: all 0.7s ease 0.4s;
	transform: translate(calc(-50% - 54.6875vw), calc(-50% + 0vw)) scale(1.3) rotate(-12deg);
	opacity: 1;
}

#honor-x7c .sec10 .phones-pic-warper .pic2 .pic-k {
	width: 30.1041666667vw;
	height: 41.9791666667vw;
	background-color: #fff;
	box-shadow: 0.1041666667vw 0.1041666667vw 0.6770833333vw rgba(0, 0, 0, 0.1);
	opacity: 1;
	transition: all 0.3s ease;
}

#honor-x7c .sec10 .phones-pic-warper .pic2 .phone-pic {
	width: 28.4895833333vw;
	height: 35.78125vw;
	overflow: hidden;
	position: absolute;
	top: 0.78125vw;
	left: 50%;
	transform: translate(calc(-50% + 0vw), 0);
	z-index: 2;
}

#honor-x7c .sec10 .phones-pic-warper .pic3 {
	width: 30.1041666667vw;
	height: 41.9791666667vw;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(calc(-50% + 0vw), calc(-50% + 0vw)) scale(0.9);
	opacity: 0;
	transition: all 0.7s ease;
}

#honor-x7c .sec10 .phones-pic-warper .pic3.active {
	transition: all 0.7s ease 0.4s;
	transform: translate(calc(-50% + 44.2708333333vw), calc(-50% + 6.25vw)) scale(0.8) rotate(18deg);
	opacity: 1;
}

#honor-x7c .sec10 .phones-pic-warper .pic3 .pic-k {
	width: 30.1041666667vw;
	height: 41.9791666667vw;
	background-color: #fff;
	box-shadow: 0.1041666667vw 0.1041666667vw 0.6770833333vw rgba(0, 0, 0, 0.1);
}

#honor-x7c .sec10 .phones-pic-warper .pic3 .phone-pic {
	width: 28.4895833333vw;
	height: 35.78125vw;
	overflow: hidden;
	position: absolute;
	top: 0.78125vw;
	left: 50%;
	transform: translate(calc(-50% + 0vw), 0);
	z-index: 2;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .sec10 .phones-pic-warper-mob {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}
}

@media (max-aspect-ratio: 660/758) and (min-width: 767px) and (max-width: 1025px) {
	#honor-x7c .sec10 .phones-pic-warper-mob {
		width: 100%;
		height: 100%;
	}
}

#honor-x7c .sec10 .sec10-txt {
	width: 31.25vw;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(calc(-50% + 15.625vw), calc(-50% + 15.625vw));
	transition: all 0.7s ease;
	opacity: 0;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .sec10 .sec10-txt {
		width: 88vw;
		transform: translate(calc(-50% + 0vw), calc(-50% + 66.6666666667vw));
	}
}

@media (max-aspect-ratio: 660/758) and (min-width: 767px) and (max-width: 1025px) {
	#honor-x7c .sec10 .sec10-txt {
		transform: translate(calc(-50% + 0vw), calc(-50% + 60vw));
	}
}

#honor-x7c .sec10 .sec10-txt.active {
	transform: translate(calc(-50% + 15.625vw), calc(-50% + 13.0208333333vw));
	transition: all 0.7s ease 0.4s;
	opacity: 1;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .sec10 .sec10-txt.active {
		transition: all 0.7s ease;
		transform: translate(calc(-50% + 0vw), calc(-50% + 53.3333333333vw));
	}
}

@media (max-aspect-ratio: 660/758) and (min-width: 767px) and (max-width: 1025px) {
	#honor-x7c .sec10 .sec10-txt.active {
		transform: translate(calc(-50% + 0vw), calc(-50% + 50vw));
	}
}

#honor-x7c .sec10 .sec10-txt h2 {
	font-size: 2.0833333333vw;
	color: #000;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .sec10 .sec10-txt h2 {
		font-size: 6.4vw;
		background: linear-gradient(91deg, #344E39 1.68%, #4C7D53 45.21%, #3E5843 100.6%);
		background-clip: text;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		padding: 2px;
		-webkit-clip-path: inset(2px);
		clip-path: inset(2px);
	}
}

#honor-x7c .sec10 .sec10-txt p {
	font-size: 0.9375vw;
	margin-top: 1.0416666667vw;
	color: #000;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .sec10 .sec10-txt p {
		font-size: 3.7333333333vw;
		margin-top: 2.6666666667vw;
	}
}

#honor-x7c .add-last4 {
	width: 100%;
	margin: 0 0 3vw;
	position: relative;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .add-last4 {
		margin: 0 0 13vw;
	}
}

#honor-x7c .add-last4 .sticky-content {
	width: 100%;
	margin: 7.2vw 0 0;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .add-last4 .sticky-content {
		margin: 0 auto;
	}
}

#honor-x7c .add-last4 .last4-title {
	font-size: 2.5vw;
	width: 31.25vw;
	margin-left: 25vw;
	margin-bottom: 0.9375vw;
	color: #000;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .add-last4 .last4-title {
		font-size: 6.4vw;
		width: 72vw;
		margin-left: 5.3333333333vw;
		margin-bottom: 8vw;
		margin-top: 5.3333333333vw;
		background: linear-gradient(91deg, #344E39 1.68%, #4C7D53 45.21%, #3E5843 100.6%);
		background-clip: text;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		padding: 2px;
		-webkit-clip-path: inset(2px);
		clip-path: inset(2px);
	}

	#honor-x7c .add-last4 .last4-title sup {
		color: #4E7F56 !important;
		-webkit-text-fill-color: #4E7F56;
	}
}

#honor-x7c .add-last4 .last4-swiper {
	width: 100%;
	position: relative;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .add-last4 .last4-swiper {
		padding-bottom: 23vw;
	}
}

#honor-x7c .add-last4 .last4-swiper .swiper-slide {
	width: 50.2083333333vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .add-last4 .last4-swiper .swiper-slide {
		width: 89.3333333333vw;
	}
}

#honor-x7c .add-last4 .last4-swiper .swiper-slide .slide-img {
	width: 50.2083333333vw;
	height: 26.4583333333vw;
	margin-bottom: 1.0416666667vw;
	opacity: 0.4;
	transition: all 0.5s ease;
	border-radius: 0.625vw;
	overflow: hidden;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .add-last4 .last4-swiper .swiper-slide .slide-img {
		width: 89.3333333333vw;
		height: 88.2666666667vw;
		margin: 0 auto;
		margin-bottom: 6.4vw;
		opacity: 1;
		border-radius: 2.1333333333vw;
		overflow: hidden;
	}
}

#honor-x7c .add-last4 .last4-swiper .swiper-slide .text-wrapper {
	opacity: 0.4;
	transition: all 0.5s ease;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .add-last4 .last4-swiper .swiper-slide .text-wrapper {
		opacity: 1;
		margin: 0 auto;
		width: 89.3333333333vw;
	}
}

#honor-x7c .add-last4 .last4-swiper .swiper-slide .text-wrapper .txt1 {
	font-size: 1.0416666667vw;
	margin-bottom: 0.78125vw;
	width: 35.9375vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .add-last4 .last4-swiper .swiper-slide .text-wrapper .txt1 {
		width: 80vw;
		font-size: 2.6666666667vw;
		margin-bottom: 2.4vw;
	}
}

#honor-x7c .add-last4 .last4-swiper .swiper-slide.swiper-slide-active .slide-img {
	opacity: 1;
}

#honor-x7c .add-last4 .last4-swiper .swiper-slide.swiper-slide-active .text-wrapper {
	opacity: 1;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .add-last4 .last4-swiper .interactive-wrapper {
		width: 85vw;
		position: absolute;
		bottom: 1vw;
		left: 50%;
		transform: translate(-50%, 0);
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	#honor-x7c .add-last4 .last4-swiper .interactive-wrapper .pagination-line {
		width: 66.6666666667vw;
		height: 1px;
		background-color: #ccc;
		position: relative;
	}

	#honor-x7c .add-last4 .last4-swiper .interactive-wrapper .pagination-line.is-active-0 .line {
		width: 33%;
		transition: all 0.5s ease;
	}

	#honor-x7c .add-last4 .last4-swiper .interactive-wrapper .pagination-line.is-active-1 .line {
		width: 66%;
		transition: all 0.5s ease;
	}

	#honor-x7c .add-last4 .last4-swiper .interactive-wrapper .pagination-line.is-active-2 .line {
		width: 100%;
		transition: all 0.5s ease;
	}

	#honor-x7c .add-last4 .last4-swiper .interactive-wrapper .pagination-line .line {
		width: 33%;
		transition: all 0.5s ease;
		height: 1px;
		background-color: #000;
		position: absolute;
		left: 0;
		top: 0;
	}

	#honor-x7c .add-last4 .last4-swiper .interactive-wrapper .swiper-pagination-magicos {
		position: static;
		width: 11.2vw;
		display: block;
		font-size: 3.2vw;
	}

	#honor-x7c .add-last4 .last4-swiper .interactive-wrapper .swiper-pagination-magicos .swiper-pagination-current {
		color: #000;
	}

	#honor-x7c .add-last4 .last4-swiper .interactive-wrapper .swiper-pagination-magicos .swiper-pagination-total {
		color: #cecece;
	}
}

#honor-x7c .add-last4 .last4-button-disabled {
	opacity: 0.6;
}

#honor-x7c .add-last4 .last4-swiper-button-prev {
	width: 2.6041666667vw;
	height: 2.6041666667vw;
	position: absolute;
	top: 4vw;
	left: 50%;
	transform: translate(calc(-50% + 18vw), 0);
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .add-last4 .last4-swiper-button-prev {
		display: none;
	}
}

#honor-x7c .add-last4 .last4-swiper-button-next {
	width: 2.6041666667vw;
	height: 2.6041666667vw;
	position: absolute;
	top: 4vw;
	left: 50%;
	transform: translate(calc(-50% + 23vw), 0);
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .add-last4 .last4-swiper-button-next {
		display: none;
	}
}

#honor-x7c .sec-last3 {
	width: 100%;
	height: 51.0416666667vw;
	position: relative;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .sec-last3 {
		height: 200vw;
	}
}

#honor-x7c .sec-last3 .sticky-content {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .sec-last3 .sticky-content {
		flex-direction: column-reverse;
	}
}

#honor-x7c .sec-last3.is-active .text-wrapper .last3-title {
	opacity: 1;
	transform: translateY(0);
	transition: all 0.7s ease;
}

#honor-x7c .sec-last3.is-active .text-wrapper .last3-txt {
	opacity: 1;
	transform: translateY(0);
	transition: all 0.7s ease;
}

#honor-x7c .sec-last3 .img-wrapper {
	width: 55.5208333333vw;
	height: 38.2291666667vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .sec-last3 .img-wrapper {
		width: 76vw;
		height: 113.8666666667vw;
	}
}

#honor-x7c .sec-last3 .text-wrapper {
	width: 26.1979166667vw;
	margin-left: 5.5208333333vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .sec-last3 .text-wrapper {
		margin-left: 0vw;
		width: 69.3333333333vw;
		margin-bottom: 8vw;
	}
}

#honor-x7c .sec-last3 .text-wrapper .last3-title {
	font-size: 2.5vw;
	margin-bottom: 1.25vw;
	opacity: 0;
	transform: translateY(3vw);
	transition: all 0.7s ease;
	color: #000;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .sec-last3 .text-wrapper .last3-title {
		font-size: 6.4vw;
		margin-bottom: 4vw;
		text-align: center;
		transform: translateY(0);
		opacity: 1;
		background: linear-gradient(91deg, #344E39 1.68%, #4C7D53 45.21%, #3E5843 100.6%);
		background-clip: text;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		padding: 2px;
		-webkit-clip-path: inset(2px);
		clip-path: inset(2px);
	}
}

#honor-x7c .sec-last3 .text-wrapper .last3-txt {
	font-size: 1.0416666667vw;
	width: 100%;
	opacity: 0;
	transform: translateY(3vw);
	transition: all 0.7s ease;
	color: #000;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .sec-last3 .text-wrapper .last3-txt {
		font-size: 3.7333333333vw;
		width: 90%;
		margin: 0 auto;
		text-align: center;
		opacity: 1;
		transform: translateY(0);
	}
}

#honor-x7c .sec-last2 {
	width: 100%;
	height: 100vh;
	position: relative;
	height: 49.4791666667vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .sec-last2 {
		height: auto;
	}
}

#honor-x7c .sec-last2 .sticky-content {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

#honor-x7c .sec-last2.is-active .last2-title {
	transform: translateY(0);
	opacity: 1;
	transition: all 0.7s ease;
}

#honor-x7c .sec-last2.is-active .mid-content .last2-every {
	transform: translateY(0);
	opacity: 1;
}

#honor-x7c .sec-last2.is-active .mid-content .last2-every.last2-every1 {
	transition: all 0.7s ease;
}

#honor-x7c .sec-last2.is-active .mid-content .last2-every.last2-every2 {
	transition: all 0.7s ease 0.1s;
}

#honor-x7c .sec-last2.is-active .mid-content .last2-every.last2-every3 {
	transition: all 0.7s ease 0.2s;
}

#honor-x7c .sec-last2 .last2-title {
	font-size: 2.5vw;
	margin: 0 auto;
	margin-bottom: 4.1666666667vw;
	transform: translateY(5vw);
	opacity: 0;
	transition: all 0.7s ease;
	color: #000;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .sec-last2 .last2-title {
		width: 60%;
		font-size: 6.4vw;
		margin: 0 auto;
		margin-bottom: 8vw;
		transform: translateY(0);
		opacity: 1;
		text-align: center;
		padding: 0 17.3333333333vw;
		background: linear-gradient(91deg, #344E39 1.68%, #4C7D53 45.21%, #3E5843 100.6%);
		background-clip: text;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		padding: 2px;
		-webkit-clip-path: inset(2px);
		clip-path: inset(2px);
	}
}

#honor-x7c .sec-last2 .mid-content {
	width: 75vw;
	position: relative;
	display: flex;
	justify-content: space-between;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .sec-last2 .mid-content {
		width: 76vw;
		flex-wrap: wrap;
		padding-bottom: 21.3333333333vw;
	}
}

#honor-x7c .sec-last2 .mid-content .last2-every {
	width: 23.75vw;
	height: 31.6666666667vw;
	position: relative;
	transform: translateY(50%);
	opacity: 0;
	transition: all 0.7s ease;
	border-radius: 0.7291666667vw;
	overflow: hidden;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .sec-last2 .mid-content .last2-every {
		width: 82.9333333333vw;
		height: 97.3333333333vw;
		opacity: 1;
		margin-bottom: 5.3333333333vw;
		transform: translateY(0%);
		border-radius: 2.6666666667vw;
		overflow: hidden;
		border-radius: 2.1333333333vw;
	}
}

#honor-x7c .sec-last2 .mid-content .last2-every .text {
	width: 18.2291666667vw;
	position: absolute;
	top: 1.6666666667vw;
	left: 2.6041666667vw;
}

@media (min-aspect-ratio: 661/758) and (max-width: 1000px) {
	#honor-x7c .sec-last2 .mid-content .last2-every .text {
		top: 0.8vw;
	}
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .sec-last2 .mid-content .last2-every .text {
		top: 5.3333333333vw;
		left: 50%;
		transform: translate(-50%, 0);
		text-align: center;
	}
}

#honor-x7c .sec-last2 .mid-content .last2-every .text .txt1 {
	font-size: 1.25vw;
	margin-bottom: 0.6770833333vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .sec-last2 .mid-content .last2-every .text .txt1 {
		font-size: 3.7333333333vw;
		margin-bottom: 1.6vw;
	}
}

#honor-x7c .sec-last2 .mid-content .last2-every .text .txt2 {
	font-size: 0.8333333333vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .sec-last2 .mid-content .last2-every .text .txt2 {
		font-size: 2.6666666667vw;
	}
}

#honor-x7c .sec-last2 .mid-content .last2-every.last2-every1 .text {
	width: 17.3958333333vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .sec-last2 .mid-content .last2-every.last2-every1 .text {
		width: 53.3333333333vw;
	}
}

#honor-x7c .sec-last2 .mid-content .last2-every.last2-every2 .text {
	width: 17.5vw;
}

@media (min-aspect-ratio: 661/758) and (max-width: 1000px) {
	#honor-x7c .sec-last2 .mid-content .last2-every.last2-every2 .text {
		width: 19.5vw;
	}
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .sec-last2 .mid-content .last2-every.last2-every2 .text {
		width: 50.6666666667vw;
	}
}

#honor-x7c .sec-last2 .mid-content .last2-every.last2-every3 .text {
	width: 21.1979166667vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .sec-last2 .mid-content .last2-every.last2-every3 .text {
		width: 61.8vw;
	}
}

#honor-x7c .sec-last1 {
	width: 100%;
	height: 56.25vw;
	position: relative;
	overflow: hidden;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .sec-last1 {
		height: 188.2666666667vw;
	}
}

#honor-x7c .sec-last1 .sticky-content {
	width: 100%;
	height: 100%;
}

#honor-x7c .sec-last1 .bgd {
	width: 100%;
	height: 100%;
}

#honor-x7c .sec-last1 .last1-title {
	font-size: 2.9166666667vw;
	position: absolute;
	width: 37.25vw;
	color: #000;
	text-align: center;
	left: 50%;
	top: 9%;
	transform: translate(-50%, 0);
	color: #000;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .sec-last1 .last1-title {
		top: 50%;
		transform: translate(calc(-50% + 0vw), calc(-50% - 66vw));
		font-size: 7.4666666667vw;
		width: 93.3333333333vw;
		background: linear-gradient(91deg, #344E39 1.68%, #4C7D53 45.21%, #3E5843 100.6%);
		background-clip: text;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		padding: 2px;
		-webkit-clip-path: inset(2px);
		clip-path: inset(2px);
	}
}

#honor-x7c .sec-last1 .cmf-self .text {
	width: 16.25vw;
	position: absolute;
	left: 5vw;
	bottom: 2vw;
	display: flex;
	align-items: center;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .sec-last1 .cmf-self .text {
		width: 33.3vw;
	}
}

#honor-x7c .sec-last1 .cmf-self .text img {
	width: 1.4583333333vw;
	height: 1.4583333333vw;
	margin-right: 1.0416666667vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .sec-last1 .cmf-self .text img {
		width: 3.7333333333vw;
		height: 3.7333333333vw;
		margin-right: 2.6666666667vw;
	}
}

#honor-x7c .sec-last1 .cmf-self .text p {
	font-size: 1.25vw;
	color: #000;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .sec-last1 .cmf-self .text p {
		font-size: 3.2vw;
	}
}

#honor-x7c .sec-last1 .cmf-black {
	width: 40.8015625vw;
	height: 34.5364583333vw;
	position: absolute;
	top: 58%;
	left: 8.416667vw;
	transform: translate(0, -50%);
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .sec-last1 .cmf-black {
		width: 94.9563636364vw;
		height: 80.3757575758vw;
		left: -37vw;
	}
}

#honor-x7c .sec-last1 .cmf-black .text {
	left: 20vw;
	bottom: -1vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .sec-last1 .cmf-black .text {
		left: 41vw;
		bottom: -7vw;
	}
}

#honor-x7c .sec-last1 .cmf-green {
	width: 36.8786458333vw;
	height: 36.8786458333vw;
	position: absolute;
	top: 58%;
	left: 50%;
	transform: translate(-55%, -50%);
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .sec-last1 .cmf-green {
		width: 85.8266666667vw;
		height: 85.8266666667vw;
		transform: translate(-52%, -50%);
	}
}

#honor-x7c .sec-last1 .cmf-green .text {
	left: 15vw;
	bottom: 0vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .sec-last1 .cmf-green .text {
		left: 33vw;
		bottom: -4vw;
	}
}

#honor-x7c .sec-last1 .cmf-white {
	width: 36.4901041667vw;
	height: 36.4901041667vw;
	position: absolute;
	top: 58%;
	left: 45.833333vw;
	transform: translate(0, -50%);
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .sec-last1 .cmf-white {
		width: 84.9224242424vw;
		height: 84.9224242424vw;
		left: 38vw;
	}
}

#honor-x7c .sec-last1 .cmf-white .text {
	left: 15vw;
	bottom: -0.2vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x7c .sec-last1 .cmf-white .text {
		left: 29vw;
		bottom: -4.5vw;
	}
}


.product-subnav .subnav-box.sub_nav-v1 .middle-box {
	width: 100%;
	max-width: 1440px;
	padding: 0 20px;
	height: 52px;
	overflow: unset;
	overflow: hidden;
	position: relative;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.product-subnav .subnav-box.sub_nav-v1 .product-name {
	line-height: 52px;
	display: flex;
	align-items: center;
	height: 52px;
	float: left;
	margin: 0;
	font-size: 14px;
	color: #000;
	line-height: 80px;
	font-weight: bold;
	white-space: nowrap;
}

.product-subnav .subnav-box.sub_nav-v1 {
	height: 52px;
	line-height: 52px;
	backdrop-filter: saturate(180%) blur(20px);
	background-color: rgba(255,255,255,0.7);
	box-shadow: none;
	border-bottom: 1px solid #ececee;
	position: fixed;
	top: 65px;
	z-index: 11;
	background: white;
	width: 100%;
}

.product-subnav .subnav-box.sub_nav-v1 .btn-buy,.product-subnav .subnav-box.sub_nav-v1 .subnav-box-pay-deposit {
	height: 30px;
	display: flex;
	padding: 0 20px;
	align-items: center;
	background: #000;
	color: #fff;
	border-radius: 15px;
	font-weight: bold;
	font-size: 12px;
	width: 150px;
	justify-content: center;
}


.product-subnav .subnav-box.sub_nav-v1 .btn-buy a {
	color: white;
}

@media(max-width: 768px){
	.product-detail-container {
		margin-top: 115px!important;
	}
	.product-subnav .subnav-box.sub_nav-v1{
		top: 50px;
	}
}