.product-fadebox-text {
	z-index: 2;
	position: absolute;
	left: 50%;
	width: 11.714285714285714rem;
	text-align: center;
	color: black;
	-webkit-transform: translate3d(-50%,0,0);
	transform: translate3d(-50%,0,0);
	height: 100%;
	/*display: flex;  使用Flexbox布局 */
	/*align-items: center;  垂直居中 */
  
}

.product-fadebox-text1 {
	z-index: 2;
	position: relative;
	left: 50%;
	width: 11.714285714285714rem;
	text-align: center;
	color: black;
	-webkit-transform: translate3d(-50%,0,0);
	transform: translate3d(-50%,0,0);
	height: 100%;
	/*display: flex;  使用Flexbox布局 */
	/*align-items: center;  垂直居中 */
  
}

.product-fadebox-text.top-default {
	top: 1.25rem
}

.product-fadebox {
	z-index: 2;
	position: absolute;
	left: 50%;
	width: 11.714285714285714rem;
	text-align: center;
	color: #fff;
	-webkit-transform: translate3d(-50%,0,0);
	transform: translate3d(-50%,0,0)
}

.product-fadebox.top-default {
	top: 1.25rem
}

.product-fadebox.top-main {
	top: 1.0714285714285714rem
}

.product-fadebox.bottom-loopvideo {
	bottom: .5357142857142857rem
}

.product-fadebox.bottom-normal {
	bottom: .6696428571428572rem
}

.product-fadebox.bottom-safetest {
	bottom: 1.4285714285714284rem
}

.product-fadebox.flex {
	display: flex;
	align-items: center;
	justify-content: center
}

.product-fadebox.active .product-fadebox-item {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	opacity: 1
}

.product-fadebox.active .product-fadebox-item:first-child {
	transition-delay: .3s
}

.product-fadebox.active .product-fadebox-item:nth-child(2) {
	transition-delay: .4s
}

.product-fadebox.active .product-fadebox-item:nth-child(3) {
	transition-delay: .5s
}

.product-fadebox.active .product-fadebox-item:nth-child(4) {
	transition-delay: .6s
}

.product-fadebox.active .product-fadebox-item:nth-child(5) {
	transition-delay: .7s
}

.product-fadebox.active .product-fadebox-item:nth-child(6) {
	transition-delay: .8s
}

.product-fadebox.active .product-fadebox-item:nth-child(7) {
	transition-delay: .9s
}

.product-fadebox.active .product-fadebox-item:nth-child(8) {
	transition-delay: 1s
}

.product-fadebox.active .product-fadebox-item:nth-child(9) {
	transition-delay: 1.1s
}

@media (max-width:1024px) {
	.product-fadebox {
		width: 100%
	}

	.product-fadebox.top-default {
		top: 7.8125vw
	}

	.product-fadebox.top-main {
		top: 9.765625vw
	}

	.product-fadebox.bottom-loopvideo {
		bottom: 2.9296875vw
	}

	.product-fadebox.bottom-normal {
		bottom: 9.375vw
	}

	.product-fadebox.bottom-safetest {
		bottom: 11.71875vw
	}
}

@media (max-width:720px) {
	.product-fadebox.top-default {
		top: 32vw
	}

	.product-fadebox.top-main {
		top: 26.666666666666668vw
	}

	.product-fadebox.bottom-loopvideo {
		bottom: 13.333333333333334vw
	}

	.product-fadebox.bottom-normal {
		bottom: 8.533333333333333vw
	}

	.product-fadebox.bottom-safetest {
		bottom: 28.000000000000004vw
	}
}

.product-fadebox-item {
	-webkit-transform: translate3d(0,25px,0);
	transform: translate3d(0,25px,0);
	transition: opacity .3s ease-in,-webkit-transform .5s cubic-bezier(.39,.575,.565,1);
	transition: transform .5s cubic-bezier(.39,.575,.565,1),opacity .3s ease-in;
	transition: transform .5s cubic-bezier(.39,.575,.565,1),opacity .3s ease-in,-webkit-transform .5s cubic-bezier(.39,.575,.565,1);
	opacity: 0;
	will-change: transform,opacity
}

.product-buttonlist,.product-videoplayer {
	display: flex;
	/*justify-content: center*/
}

.product-videoplayer span {
	display: flex;
	align-items: center;
	transition: opacity .15s ease-in;
	opacity: 1;
	cursor: pointer;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.product-videoplayer span:hover {
	opacity: .6
}

.product-videoplayer .iconfont {
	margin-left: 4px;
	font-size: 14px;
	line-height: 1
}

@media (max-width:1024px) {
	.product-videoplayer {
		font-size: 12px
	}
}


@media (max-width:720px) {
	.isapp .chj-message {
		top: 50%;
		max-width: 75%
	}
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.video-js .vjs-modal-dialog,.vjs-button>.vjs-icon-placeholder:before,.vjs-modal-dialog .vjs-modal-dialog-content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.vjs-button>.vjs-icon-placeholder:before {
	text-align: center
}





.product-tablelist {
	z-index: 2;
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 11.714285714285714rem;
	-webkit-transform: translate3d(-50%,0,0);
	transform: translate3d(-50%,0,0)
}

.product-tablelist.short {
	width: 9.714285714285715rem
}

.product-tablelist.active .product-tablelist-bar {
	width: 100%
}

.product-tablelist.active .product-tablelist-tip,.product-tablelist.active p {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	opacity: 1
}

.product-tablelist.ready .product-tablelist-bar {
	transition: opacity .3s ease-in;
	transition-delay: 0s!important
}

.product-tablelist.ready p {
	transition: color .3s ease-in;
	transition-delay: 0s!important
}

@media (max-width:1024px) {
	.product-tablelist {
		width: 73.53515625vw
	}
}

.product-tablelist-inner {
	display: flex;
	padding-bottom: .8928571428571428rem;
	justify-content: center
}

@media (max-width:1024px) {
	.product-tablelist-inner {
		bottom: 8.203125vw
	}
}

.product-tablelist-item {
	position: relative;
	padding-top: .21428571428571427rem;
	margin-right: .2857142857142857rem;
	flex: 1;
	cursor: pointer;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.product-tablelist-item:last-child {
	margin-right: 0
}

.product-tablelist-item p {
	color: #999;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
	transition: color .3s ease-in,opacity .3s ease-in,-webkit-transform .5s cubic-bezier(.39,.575,.565,1);
	transition: color .3s ease-in,transform .5s cubic-bezier(.39,.575,.565,1),opacity .3s ease-in;
	transition: color .3s ease-in,transform .5s cubic-bezier(.39,.575,.565,1),opacity .3s ease-in,-webkit-transform .5s cubic-bezier(.39,.575,.565,1);
	opacity: 0;
	will-change: transform,opacity
}

.product-tablelist-item p:first-child {
	font-size: .21428571428571427rem;
	font-family: li-medium,Microsoft YaHei,SF Pro SC,SF Pro Display,PingFang SC,Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif;
	line-height: .3571428571428571rem
}

.product-tablelist-item p:nth-child(2) {
	min-height: .42857142857142855rem;
	margin-top: .07142857142857142rem;
	font-size: .14285714285714285rem;
	line-height: .21428571428571427rem
}

.product-tablelist-item p:nth-child(3) {
	margin-top: .07142857142857142rem;
	font-size: .10714285714285714rem;
	line-height: .17857142857142855rem
}

.product-tablelist-item.current .product-tablelist-bar.blue {
	opacity: 1
}

.product-tablelist-item.current p {
	color: #fff
}

.product-tablelist-item:first-child .product-tablelist-bar {
	transition-delay: 0s
}

.product-tablelist-item:first-child p:first-child {
	transition-delay: .1s
}

.product-tablelist-item:first-child p:nth-child(2),.product-tablelist-item:first-child p:nth-child(3) {
	transition-delay: .2s
}

.product-tablelist-item:nth-child(2) .product-tablelist-bar {
	transition-delay: .1s
}

.product-tablelist-item:nth-child(2) p:first-child {
	transition-delay: .2s
}

.product-tablelist-item:nth-child(2) p:nth-child(2),.product-tablelist-item:nth-child(2) p:nth-child(3) {
	transition-delay: .3s
}

.product-tablelist-item:nth-child(3) .product-tablelist-bar {
	transition-delay: .2s
}

.product-tablelist-item:nth-child(3) p:first-child {
	transition-delay: .3s
}

.product-tablelist-item:nth-child(3) p:nth-child(2),.product-tablelist-item:nth-child(3) p:nth-child(3) {
	transition-delay: .4s
}

.product-tablelist-item:nth-child(4) .product-tablelist-bar {
	transition-delay: .3s
}

.product-tablelist-item:nth-child(4) p:first-child {
	transition-delay: .4s
}

.product-tablelist-item:nth-child(4) p:nth-child(2),.product-tablelist-item:nth-child(4) p:nth-child(3) {
	transition-delay: .5s
}

.product-tablelist-item:nth-child(5) .product-tablelist-bar {
	transition-delay: .4s
}

.product-tablelist-item:nth-child(5) p:first-child {
	transition-delay: .5s
}

.product-tablelist-item:nth-child(5) p:nth-child(2),.product-tablelist-item:nth-child(5) p:nth-child(3) {
	transition-delay: .6s
}

@media (max-width:1024px) {
	.product-tablelist-item {
		padding-top: 1.171875vw;
		margin-right: 2.34375vw
	}

	.product-tablelist-item p:first-child {
		font-size: 1.5625vw;
		line-height: 2.734375vw
	}

	.product-tablelist-item p:nth-child(2) {
		min-height: 3.90625vw
	}

	.product-tablelist-item p:nth-child(2),.product-tablelist-item p:nth-child(3) {
		margin-top: .390625vw;
		font-size: 12px;
		line-height: 1.953125vw
	}
}

.product-tablelist-bar {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 2px;
	transition: width .5s cubic-bezier(.39,.575,.565,1),opacity .3s ease-in;
	will-change: width
}

.product-tablelist-bar.gray {
	background-color: #999
}

.product-tablelist-bar.blue {
	background-color: #dbad76;
	opacity: 0
}

.product-tablelist-mute {
	position: relative;
	width: .21428571428571427rem;
	height: .21428571428571427rem;
	margin-left: .14285714285714285rem
}

.product-tablelist-mute .lxiconfont {
	position: absolute;
	left: -.03571428571428571rem;
	top: -.03571428571428571rem;
	display: flex;
	width: .2857142857142857rem;
	height: .2857142857142857rem;
	border-radius: 50%;
	align-items: center;
	justify-content: center;
	font-size: .21428571428571427rem;
	color: #fff;
	line-height: 1;
	background-color: hsla(0,0%,100%,.3)
}

@media (max-width:720px) {
	.product-tablelist-mute {
		z-index: 1;
		position: absolute;
		left: 4.444444444444445vw;
		top: -22.22222222222222vw;
		width: 7.777777777777778vw;
		height: 7.777777777777778vw;
		margin-left: 0
	}

	.product-tablelist-mute .lxiconfont {
		position: static;
		width: 100%;
		height: 100%;
		font-size: 7.777777777777778vw;
		background-color: transparent
	}
}

.product-tablelist-tip {
	padding-bottom: .3571428571428571rem;
	margin-top: -.4642857142857143rem;
	font-size: .14285714285714285rem;
	color: hsla(0,0%,100%,.6);
	line-height: .25rem;
	text-align: center;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
	transition: opacity .3s ease-in,-webkit-transform .5s cubic-bezier(.39,.575,.565,1);
	transition: transform .5s cubic-bezier(.39,.575,.565,1),opacity .3s ease-in;
	transition: transform .5s cubic-bezier(.39,.575,.565,1),opacity .3s ease-in,-webkit-transform .5s cubic-bezier(.39,.575,.565,1);
	transition-delay: .7s;
	opacity: 0
}[scene-animate-group="1"] {
	transition: opacity .8s linear,-webkit-transform .8s cubic-bezier(.26,.67,.48,.91);
	transition: opacity .8s linear,transform .8s cubic-bezier(.26,.67,.48,.91);
	transition: opacity .8s linear,transform .8s cubic-bezier(.26,.67,.48,.91),-webkit-transform .8s cubic-bezier(.26,.67,.48,.91);
	transition-delay: .3s
}[scene-animate-group="1"],[scene-animate-group="2"] {
	-webkit-transform: translate3d(0,90px,0);
	transform: translate3d(0,90px,0);
	opacity: 0;
	will-change: transform,opacity
}[scene-animate-group="2"] {
	transition: opacity .8s linear,-webkit-transform .8s cubic-bezier(.26,.67,.48,.91);
	transition: opacity .8s linear,transform .8s cubic-bezier(.26,.67,.48,.91);
	transition: opacity .8s linear,transform .8s cubic-bezier(.26,.67,.48,.91),-webkit-transform .8s cubic-bezier(.26,.67,.48,.91);
	transition-delay: .4s
}[scene-animate-group="3"] {
	transition: opacity .8s linear,-webkit-transform .8s cubic-bezier(.26,.67,.48,.91);
	transition: opacity .8s linear,transform .8s cubic-bezier(.26,.67,.48,.91);
	transition: opacity .8s linear,transform .8s cubic-bezier(.26,.67,.48,.91),-webkit-transform .8s cubic-bezier(.26,.67,.48,.91);
	transition-delay: .5s
}[scene-animate-group="3"],[scene-animate-group="4"] {
	-webkit-transform: translate3d(0,90px,0);
	transform: translate3d(0,90px,0);
	opacity: 0;
	will-change: transform,opacity
}[scene-animate-group="4"] {
	transition: opacity .8s linear,-webkit-transform .8s cubic-bezier(.26,.67,.48,.91);
	transition: opacity .8s linear,transform .8s cubic-bezier(.26,.67,.48,.91);
	transition: opacity .8s linear,transform .8s cubic-bezier(.26,.67,.48,.91),-webkit-transform .8s cubic-bezier(.26,.67,.48,.91);
	transition-delay: .6s
}[scene-animate-group="5"] {
	transition: opacity .8s linear,-webkit-transform .8s cubic-bezier(.26,.67,.48,.91);
	transition: opacity .8s linear,transform .8s cubic-bezier(.26,.67,.48,.91);
	transition: opacity .8s linear,transform .8s cubic-bezier(.26,.67,.48,.91),-webkit-transform .8s cubic-bezier(.26,.67,.48,.91);
	transition-delay: .7s
}[scene-animate-group="5"],[scene-animate-group="6"] {
	-webkit-transform: translate3d(0,90px,0);
	transform: translate3d(0,90px,0);
	opacity: 0;
	will-change: transform,opacity
}[scene-animate-group="6"] {
	transition: opacity .8s linear,-webkit-transform .8s cubic-bezier(.26,.67,.48,.91);
	transition: opacity .8s linear,transform .8s cubic-bezier(.26,.67,.48,.91);
	transition: opacity .8s linear,transform .8s cubic-bezier(.26,.67,.48,.91),-webkit-transform .8s cubic-bezier(.26,.67,.48,.91);
	transition-delay: .8s
}[scene-animate-group="7"] {
	transition: opacity .8s linear,-webkit-transform .8s cubic-bezier(.26,.67,.48,.91);
	transition: opacity .8s linear,transform .8s cubic-bezier(.26,.67,.48,.91);
	transition: opacity .8s linear,transform .8s cubic-bezier(.26,.67,.48,.91),-webkit-transform .8s cubic-bezier(.26,.67,.48,.91);
	transition-delay: .9s
}[scene-animate-group="7"],[scene-animate-group="8"] {
	-webkit-transform: translate3d(0,90px,0);
	transform: translate3d(0,90px,0);
	opacity: 0;
	will-change: transform,opacity
}[scene-animate-group="8"] {
	transition: opacity .8s linear,-webkit-transform .8s cubic-bezier(.26,.67,.48,.91);
	transition: opacity .8s linear,transform .8s cubic-bezier(.26,.67,.48,.91);
	transition: opacity .8s linear,transform .8s cubic-bezier(.26,.67,.48,.91),-webkit-transform .8s cubic-bezier(.26,.67,.48,.91);
	transition-delay: 1s
}[scene-animate-group="9"] {
	transition: opacity .8s linear,-webkit-transform .8s cubic-bezier(.26,.67,.48,.91);
	transition: opacity .8s linear,transform .8s cubic-bezier(.26,.67,.48,.91);
	transition: opacity .8s linear,transform .8s cubic-bezier(.26,.67,.48,.91),-webkit-transform .8s cubic-bezier(.26,.67,.48,.91);
	transition-delay: 1.1s
}[scene-animate-group="9"],[scene-animate-group="10"] {
	-webkit-transform: translate3d(0,90px,0);
	transform: translate3d(0,90px,0);
	opacity: 0;
	will-change: transform,opacity
}[scene-animate-group="10"] {
	transition: opacity .8s linear,-webkit-transform .8s cubic-bezier(.26,.67,.48,.91);
	transition: opacity .8s linear,transform .8s cubic-bezier(.26,.67,.48,.91);
	transition: opacity .8s linear,transform .8s cubic-bezier(.26,.67,.48,.91),-webkit-transform .8s cubic-bezier(.26,.67,.48,.91);
	transition-delay: 1.2s
}

.scene-animate-active[scene-animate-group],.scene-animate-active [scene-animate-group] {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	opacity: 1
}

.scene-techscrollarrow[data-position=left] .scene-techscrollarrow-btn.left {
	-webkit-transform: rotate(180deg) scale(.8)!important;
	transform: rotate(180deg) scale(.8)!important;
	opacity: 0;
	pointer-events: none
}

.scene-techscrollarrow[data-position=right] .scene-techscrollarrow-btn.right {
	-webkit-transform: scale(.8)!important;
	transform: scale(.8)!important;
	opacity: 0;
	pointer-events: none
}

.scene-techscrollarrow.hover .scene-techscrollarrow-btn {
	opacity: 1
}

.scene-techscrollarrow.hover .scene-techscrollarrow-btn.left {
	-webkit-transform: rotate(180deg) scale(1);
	transform: rotate(180deg) scale(1)
}

.scene-techscrollarrow.hover .scene-techscrollarrow-btn.right {
	-webkit-transform: scale(1);
	transform: scale(1)
}

.scene-techscrollarrow-btn {
	position: absolute;
	top: 49%;
	z-index: 1;
	display: flex;
	width: .375rem;
	height: .375rem;
	padding-left: .03571428571428571rem;
	border-radius: 50%;
	margin-top: -.1875rem;
	align-items: center;
	justify-content: center;
	background-color: rgba(0,0,0,.2);
	transition: opacity .7s cubic-bezier(.15,0,.2,1) .1s,background-color .15s ease-in,-webkit-transform .5s ease-in;
	transition: transform .5s ease-in,opacity .7s cubic-bezier(.15,0,.2,1) .1s,background-color .15s ease-in;
	transition: transform .5s ease-in,opacity .7s cubic-bezier(.15,0,.2,1) .1s,background-color .15s ease-in,-webkit-transform .5s ease-in;
	opacity: 0;
	cursor: pointer;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.scene-techscrollarrow-btn:hover {
	background-color: rgba(0,0,0,.3)
}

.scene-techscrollarrow-btn.left {
	left: 18px;
	-webkit-transform: rotate(180deg) scale(.8);
	transform: rotate(180deg) scale(.8)
}

.scene-techscrollarrow-btn.right {
	right: 18px;
	-webkit-transform: scale(.8);
	transform: scale(.8)
}

.scene-techscrollarrow-btn .lxiconfont {
	font-size: .25rem;
	color: #fff
}

.scene.scene-tablevideoandimage video {
	opacity: 0
}

.scene.scene-tablevideoandimage.shadow .scene-tablevideoandimage-item:after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2.3214285714285716rem;
	background-image: linear-gradient(0deg,rgba(0,0,0,.7),transparent);
	content: ""
}

@media (max-width:720px) {
	.scene.scene-tablevideoandimage {
		height: auto;
		color: #000;
		background-color: #fff
	}

	.scene.scene-tablevideoandimage .scene-inner {
		padding: 17.77777777777778vw 0
	}

	.scene.scene-tablevideoandimage .scene-tablevideoandimage-item:after {
		display: none
	}

	.scene.scene-tablevideoandimage .product-fadebox {
		pointer-events: none
	}

	.scene.scene-tablevideoandimage.demotion video {
		display: none
	}

	.scene.scene-tablevideoandimage.demotion .scene-tablevideoandimage-button {
		display: block
	}
}

.scene-tablevideoandimage-list {
	position: relative;
	width: 100%;
	height: 100%
}

@media (max-width:720px) {
	.scene-tablevideoandimage-list {
		display: flex;
		margin: 0
	}
}

.scene-tablevideoandimage-item {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: cover;
	transition: opacity .3s ease-in;
	opacity: 0;
	will-change: opacity
}

.scene-tablevideoandimage-item.current {
	z-index: 1;
	opacity: 1
}

@media (max-width:720px) {
	.scene-tablevideoandimage-item {
		position: relative;
		display: flex;
		padding: 0 6.4vw;
		flex-direction: column;
		justify-content: center;
		flex-shrink: 0;
		background-color: #fff;
		background-image: none!important;
		transition: none;
		opacity: 1;
		will-change: unset
	}
}

.scene-tablevideoandimage-image {
	display: none
}

@media (max-width:720px) {
	.scene-tablevideoandimage-image {
		display: block;
		width: 87.2vw;
		height: 65.4vw;
		margin-bottom: 11.11111111111111vw;
		background-repeat: no-repeat;
		background-position: 50%;
		background-size: cover
	}
}

.scene-tablevideoandimage-content {
	position: relative;
	display: none
}

@media (max-width:720px) {
	.scene-tablevideoandimage-content {
		display: block;
		width: 100%;
		text-align: center
	}
}

.scene-tablevideoandimage-title {
	display: none
}

@media (max-width:720px) {
	.scene-tablevideoandimage-title {
		display: block;
		margin-bottom: 2.1333333333333333vw;
		font-size: 5.333333333333334vw;
		font-family: li-medium,Microsoft YaHei,SF Pro SC,SF Pro Display,PingFang SC,Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif;
		line-height: 7.466666666666668vw
	}
}

.scene-tablevideoandimage-description {
	display: none
}

@media (max-width:720px) {
	.scene-tablevideoandimage-description {
		display: block;
		padding-bottom: 5.866666666666666vw;
		font-size: 3.733333333333334vw;
		color: #666;
		line-height: 5.866666666666666vw
	}
}

.scene-tablevideoandimage-tip {
	display: none
}

@media (max-width:720px) {
	.scene-tablevideoandimage-tip {
		display: block;
		padding-bottom: 5.866666666666666vw;
		font-size: 3.2vw;
		color: #999;
		line-height: 5.333333333333334vw
	}
}

.scene-tablevideoandimage-dotlist {
	display: none
}

@media (max-width:720px) {
	.scene-tablevideoandimage-dotlist {
		display: flex;
		width: 100%;
		justify-content: center;
		pointer-events: none
	}
}

.scene-tablevideoandimage-dot {
	display: none
}

@media (max-width:720px) {
	.scene-tablevideoandimage-dot {
		display: block;
		width: 2.1333333333333333vw;
		height: 2.1333333333333333vw;
		border-radius: 2.1333333333333333vw;
		margin: 0 1.3333333333333335vw;
		background-color: #ccc
	}

	.scene-tablevideoandimage-dot.current {
		background-color: #dbad76
	}
}

.scene-tablevideoandimage-button {
	display: none;
	height: 42.66666666666667vw;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: 18.666666666666668vw
}

@media (max-width:720px) {
	.scene-tablevideoandimage-button {
		position: absolute;
		left: 6.4vw;
		top: 0;
		width: 87.2vw;
		height: 65.4vw
	}

	.scene-tablevideoandimage-button:after {
		position: absolute;
		left: 50%;
		top: 50%;
		display: flex;
		width: 48px;
		height: 48px;
		padding-left: 4px;
		border: 1px solid hsla(0,0%,100%,.5);
		border-radius: 50%;
		align-items: center;
		justify-content: center;
		font-size: 30px;
		color: #fff;
		line-height: 1;
		background-color: rgba(0,0,0,.5);
		-webkit-transform: translate3d(-50%,-50%,0);
		transform: translate3d(-50%,-50%,0);
		transition: color .3s cubic-bezier(.39,.575,.565,1);
		content: "\e97d";
		font-family: lxiconfont!important;
		font-style: normal;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale
	}
}

@media (max-width:720px) {
	.scene-tablevideoandimage-bottomtip {
		padding: 24px 6.4vw 0;
		font-size: 3.733333333333334vw;
		color: #666;
		line-height: 5.866666666666666vw;
		text-align: center
	}
}

.scene.scene-techdetailoperating {
	height: auto;
	min-height: unset;
	color: #fff
}

.scene.scene-techdetailoperating .scene-wrap {
	position: relative;
	height: auto
}

.scene.scene-techdetailoperating .scene-inner {
	overflow: unset;
	margin: 0 auto;
	-webkit-transform: translate3d(0,90px,0);
	transform: translate3d(0,90px,0);
	transition: opacity .8s linear,-webkit-transform .8s cubic-bezier(.26,.67,.48,.91);
	transition: opacity .8s linear,transform .8s cubic-bezier(.26,.67,.48,.91);
	transition: opacity .8s linear,transform .8s cubic-bezier(.26,.67,.48,.91),-webkit-transform .8s cubic-bezier(.26,.67,.48,.91);
	opacity: 0;
	will-change: transform,opacity;
	transition-delay: .3s
}

.scene.scene-techdetailoperating[data-theme=light] {
	color: #191919
}

.scene.scene-techdetailoperating[data-theme=light] .scene-techdetailoperating-caption {
	color: #666
}

.scene.scene-techdetailoperating[data-theme=light] .scene-techdetailoperating-tip {
	color: #999
}

.scene.scene-techdetailoperating[data-bottom=big] .scene-techdetailoperating-list {
	padding-bottom: .5714285714285714rem
}

.scene.scene-techdetailoperating[data-language=en] .scene-techdetailoperating-more p {
	width: 35px
}

.scene.scene-techdetailoperating.active .scene-inner {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	opacity: 1
}

.scene.scene-techdetailoperating.loaded .scene-techdetailoperating-iconlist-icon {
	background-image: var(--icon)
}

.scene.scene-techdetailoperating.loaded .scene-techdetailoperating-item {
	background-image: var(--backgroundImage1920)
}

@media (max-width:720px) {
	.scene.scene-techdetailoperating.loaded .scene-techdetailoperating-item {
		background-image: var(--backgroundImage720)
	}

	.scene.scene-techdetailoperating.loaded .scene-techdetailoperating-item[data-textbgcolor=open] {
		background-image: none
	}

	.scene.scene-techdetailoperating.loaded .scene-techdetailoperating-item[data-textbgcolor=open] .scene-techdetailoperating-bottom {
		background-image: var(--backgroundImage720)
	}
}

@media (max-width:720px) {
	.scene.scene-techdetailoperating {
		padding: 16px 0 0
	}

	.scene.scene-techdetailoperating .scene-inner {
		max-width: unset;
		width: 100%;
		max-height: unset;
		height: auto;
		padding: 0 20px;
		margin: 0
	}

	.scene.scene-techdetailoperating[data-bottom=big] .scene-techdetailoperating-list {
		padding-bottom: 40px
	}
}

.scene-techdetailoperating-list {
	display: flex;
	max-width: 14.285714285714285rem;
	padding: 0 1.4285714285714284rem .17857142857142855rem;
	box-sizing: content-box;
	margin: 0 auto
}

.scene-techdetailoperating-list::-webkit-scrollbar {
	width: 0;
	height: 0;
	background-color: transparent;
	scrollbar-width: none;
	display: none;
	-ms-overflow-style: none
}

@media (min-width:721px) {
	.scene-techdetailoperating-list[data-mode=one] .scene-techdetailoperating-openwrap {
		padding: 0
	}

	.scene-techdetailoperating-list[data-mode=one] .scene-techdetailoperating-textlist {
		display: flex;
		height: 100%;
		padding: 1.0714285714285714rem 0 .6428571428571428rem;
		flex-wrap: wrap;
		flex-direction: column
	}

	.scene-techdetailoperating-list[data-mode=one] .scene-techdetailoperating-textlist .scene-techdetailoperating-textlist-item {
		width: 50%;
		padding-top: 0;
		padding-left: 1.0714285714285714rem;
		padding-right: 1.0714285714285714rem;
		padding-bottom: .5714285714285714rem
	}
}

.scene-techdetailoperating-list[data-mode=two] .scene-techdetailoperating-item {
	height: calc(50vw - 1.51786rem);
	max-height: 7.053571428571429rem;
	margin-right: .17857142857142855rem
}

.scene-techdetailoperating-list[data-mode=two] .scene-techdetailoperating-item:last-child {
	margin-right: 0
}

.scene-techdetailoperating-list[data-mode=two] .scene-techdetailoperating-bottom,.scene-techdetailoperating-list[data-mode=two] .scene-techdetailoperating-info {
	padding-left: .7142857142857142rem;
	padding-right: .7142857142857142rem
}

.scene-techdetailoperating-list[data-mode=mulp] {
	max-width: unset;
	overflow: scroll
}

.scene-techdetailoperating-list[data-mode=mulp] .scene-techdetailoperating-item {
	width: 4.642857142857143rem;
	height: 4.642857142857143rem;
	margin-right: .17857142857142855rem;
	flex: unset;
	flex-shrink: 0
}

.scene-techdetailoperating-list[data-mode=mulp] .scene-techdetailoperating-item:last-child {
	margin-right: 0
}

.scene-techdetailoperating-list[data-mode=mulp] .scene-techdetailoperating-info {
	padding-top: .5714285714285714rem;
	padding-left: .7142857142857142rem;
	padding-right: .7142857142857142rem
}

.scene-techdetailoperating-list[data-mode=mulp] .scene-techdetailoperating-bottom {
	padding-left: .7142857142857142rem;
	padding-right: .7142857142857142rem
}

.scene-techdetailoperating-list[data-mode=mulp] .scene-techdetailoperating-link,.scene-techdetailoperating-list[data-mode=mulp] .scene-techdetailoperating-subtitle,.scene-techdetailoperating-list[data-mode=mulp] .scene-techdetailoperating-tip {
	display: none
}

.scene-techdetailoperating-list[data-mode=mulp] .scene-techdetailoperating-title {
	padding-bottom: .21428571428571427rem;
	font-size: .21428571428571427rem;
	line-height: 1.3333
}

.scene-techdetailoperating-list[data-mode=mulp] .scene-techdetailoperating-caption {
	font-size: .14285714285714285rem;
	line-height: 1.75
}

@media (min-width:721px) {
	.scene-techdetailoperating-list[data-mode=mulp] .scene-techdetailoperating-openwrap {
		display: block;
		padding-left: .7142857142857142rem;
		padding-right: .7142857142857142rem
	}

	.scene-techdetailoperating-list[data-mode=mulp] .scene-techdetailoperating-textlist {
		display: flex;
		min-height: 100%;
		padding: .7142857142857142rem 0;
		flex-direction: column;
		justify-content: center
	}
}

@media (max-width:1024px) {
	.scene-techdetailoperating-list {
		padding-left: .8928571428571428rem;
		padding-right: .8928571428571428rem
	}

	.scene-techdetailoperating-list[data-mode=two] .scene-techdetailoperating-info {
		padding: 24px
	}

	.scene-techdetailoperating-list[data-mode=two] .scene-techdetailoperating-bottom {
		padding-left: 24px;
		padding-right: 24px
	}
}

@media (max-width:720px) {
	.scene-techdetailoperating-list {
		display: block;
		max-width: unset;
		padding: 0
	}

	.scene-techdetailoperating-list[data-mode=two] .scene-techdetailoperating-item {
		height: calc(100vw - 40px);
		max-height: unset;
		margin-right: 0
	}

	.scene-techdetailoperating-list[data-mode=mulp] {
		overflow: unset
	}

	.scene-techdetailoperating-list[data-mode=mulp] .scene-techdetailoperating-item {
		width: auto;
		height: calc(100vw - 40px);
		margin-right: 0
	}

	.scene-techdetailoperating-list[data-mode=mulp] .scene-techdetailoperating-title {
		padding-bottom: 4px;
		font-size: 20px;
		line-height: 1.4
	}

	.scene-techdetailoperating-list[data-mode=mulp] .scene-techdetailoperating-caption {
		font-size: 12px;
		line-height: 20px
	}
}

.scene-techdetailoperating-item {
	position: relative;
	display: flex;
	height: calc(48.75vw - 1.39286rem);
	max-height: 6.964285714285715rem;
	border-radius: 4px;
	flex: 1;
	flex-direction: column;
	text-align: center;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: cover
}

.scene-techdetailoperating-item[data-disabled="0"] {
	cursor: pointer;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.scene-techdetailoperating-item[data-textbgcolor=open] .scene-techdetailoperating-info {
	background-color: #fff
}

.scene-techdetailoperating-item.active .scene-techdetailoperating-more {
	border-width: 4px
}

.scene-techdetailoperating-item.active .scene-techdetailoperating-more p {
	width: 0!important;
	padding: 0
}

.scene-techdetailoperating-item.active .scene-techdetailoperating-more span {
	width: 32px;
	height: 32px;
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg)
}

.scene-techdetailoperating-item.active .scene-techdetailoperating-more span:after,.scene-techdetailoperating-item.active .scene-techdetailoperating-more span:before {
	height: 16px
}

.scene-techdetailoperating-item.active .scene-techdetailoperating-openwrap {
	overflow: auto;
	opacity: 1;
	pointer-events: unset
}

@media (max-width:720px) {
	.scene-techdetailoperating-item {
		height: calc(100vw - 40px);
		max-height: unset;
		border-radius: 8px;
		overflow: hidden;
		margin-bottom: 16px
	}

	.scene-techdetailoperating-item[data-textbgcolor=open] {
		min-height: calc(100vw - 40px);
		height: auto!important
	}

	.scene-techdetailoperating-item[data-textbgcolor=open] .scene-techdetailoperating-bottom {
		min-height: calc(64.18vw - 25.672px);
		background-repeat: no-repeat;
		background-position: 50%;
		background-size: cover
	}

	.scene-techdetailoperating-item:last-child {
		margin-bottom: 0
	}

	.scene-techdetailoperating-item.active .scene-techdetailoperating-more {
		border-width: 2px
	}

	.scene-techdetailoperating-item.active .scene-techdetailoperating-more span {
		width: 100%;
		height: 100%
	}

	.scene-techdetailoperating-item.active .scene-techdetailoperating-more span:after,.scene-techdetailoperating-item.active .scene-techdetailoperating-more span:before {
		height: 10px
	}
}

.scene-techdetailoperating-info {
	padding: .7142857142857142rem 2rem .5357142857142857rem
}

@media (max-width:720px) {
	.scene-techdetailoperating-info {
		padding: 32px 20px 16px!important
	}
}

.scene-techdetailoperating-subtitle {
	padding-bottom: .07142857142857142rem;
	font-size: .1607142857142857rem;
	font-family: li-medium,Microsoft YaHei,SF Pro SC,SF Pro Display,PingFang SC,Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif;
	line-height: 1.4444
}

@media (max-width:720px) {
	.scene-techdetailoperating-subtitle {
		padding-bottom: 4px;
		font-size: 14px;
		line-height: 1.5
	}
}

.scene-techdetailoperating-title {
	padding-bottom: .14285714285714285rem;
	font-size: .3214285714285714rem;
	font-family: li-medium,Microsoft YaHei,SF Pro SC,SF Pro Display,PingFang SC,Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif;
	line-height: 1.3333
}

@media (max-width:720px) {
	.scene-techdetailoperating-title {
		padding-bottom: 4px;
		font-size: 20px;
		line-height: 1.4
	}
}

.scene-techdetailoperating-caption {
	font-size: .14285714285714285rem;
	font-family: li-medium,Microsoft YaHei,SF Pro SC,SF Pro Display,PingFang SC,Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif;
	line-height: 1.75;
	color: hsla(0,0%,100%,.7)
}

@media (max-width:720px) {
	.scene-techdetailoperating-caption {
		font-size: 12px;
		font-family: li-regular,Microsoft YaHei,SF Pro SC,SF Pro Display,PingFang SC,Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif;
		line-height: 20px
	}
}

.scene-techdetailoperating-link {
	display: flex;
	width: 100%;
	padding-top: .17857142857142855rem;
	align-items: center;
	justify-content: center;
	font-size: .125rem;
	line-height: 1.5
}

.scene-techdetailoperating-link span {
	display: flex;
	align-items: center;
	cursor: pointer
}

.scene-techdetailoperating-link .lxiconfont {
	margin-left: .017857142857142856rem;
	font-size: .14285714285714285rem;
	line-height: 1
}

@media (max-width:720px) {
	.scene-techdetailoperating-link {
		padding-top: 8px;
		font-size: 14px;
		line-height: 22px
	}

	.scene-techdetailoperating-link .lxiconfont {
		margin-left: 2px;
		font-size: 16px
	}
}

.scene-techdetailoperating-bottom {
	display: flex;
	width: 100%;
	padding: 0 2rem .3571428571428571rem;
	flex-direction: column;
	flex-grow: 1;
	align-items: center;
	justify-content: flex-end
}

@media (max-width:720px) {
	.scene-techdetailoperating-bottom {
		padding: 0 20px 18px!important
	}
}

.scene-techdetailoperating-tip {
	font-size: .14285714285714285rem;
	font-family: li-medium,Microsoft YaHei,SF Pro SC,SF Pro Display,PingFang SC,Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif;
	line-height: 1.75;
	color: hsla(0,0%,100%,.5)
}

@media (max-width:720px) {
	.scene-techdetailoperating-tip {
		font-size: 12px;
		font-family: li-regular,Microsoft YaHei,SF Pro SC,SF Pro Display,PingFang SC,Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif;
		line-height: 20px
	}
}

.scene-techdetailoperating-more {
	position: relative;
	z-index: 1;
	display: flex;
	height: 40px;
	border: 8px solid #fff;
	border-radius: 100px;
	margin-top: .21428571428571427rem;
	align-items: center;
	justify-content: center;
	background-color: #fff;
	transition: border-width .15s ease-in .1s
}

.scene-techdetailoperating-more p {
	width: 28px;
	height: 24px;
	padding: 0 8px;
	box-sizing: content-box;
	overflow: hidden;
	font-size: 14px;
	color: #191919;
	line-height: 24px;
	white-space: nowrap;
	transition: width .15s ease-in,padding .15s ease-in
}

.scene-techdetailoperating-more span {
	position: relative;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background-color: #191919;
	transition: width .15s ease-in .1s,height .15s ease-in .1s,-webkit-transform .3s ease-in .15s;
	transition: width .15s ease-in .1s,height .15s ease-in .1s,transform .3s ease-in .15s;
	transition: width .15s ease-in .1s,height .15s ease-in .1s,transform .3s ease-in .15s,-webkit-transform .3s ease-in .15s
}

.scene-techdetailoperating-more span:after,.scene-techdetailoperating-more span:before {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 2px;
	height: 12px;
	background-color: #fff;
	-webkit-transform: translate3d(-50%,-50%,0);
	transform: translate3d(-50%,-50%,0);
	transition: height .15s ease-in .1s;
	content: ""
}

.scene-techdetailoperating-more span:after {
	-webkit-transform: translate3d(-50%,-50%,0) rotate(-90deg);
	transform: translate3d(-50%,-50%,0) rotate(-90deg)
}

@media (max-width:720px) {
	.scene-techdetailoperating-more {
		width: 24px;
		height: 24px;
		border-width: 2px;
		margin-top: 10px;
		background-color: transparent;
		transition: none
	}

	.scene-techdetailoperating-more p {
		display: none;
		transition: none
	}

	.scene-techdetailoperating-more span {
		width: 100%;
		height: 100%;
		background-color: transparent;
		transition: -webkit-transform .15s ease-in;
		transition: transform .15s ease-in;
		transition: transform .15s ease-in,-webkit-transform .15s ease-in
	}

	.scene-techdetailoperating-more span:after,.scene-techdetailoperating-more span:before {
		height: 10px;
		transition: none
	}
}

.scene-techdetailoperating-openwrap {
	position: absolute;
	left: 0;
	top: 0;
	display: flex;
	width: 100%;
	height: 100%;
	padding: 0 1.0714285714285714rem;
	border-radius: 4px;
	overflow: hidden;
	flex-direction: column;
	justify-content: center;
	color: #fff;
	background: linear-gradient(180deg,rgba(0,0,0,.5),rgba(29,46,83,.5));
	transition: opacity .15s ease-in .1s;
	opacity: 0;
	pointer-events: none;
	-webkit-backdrop-filter: blur(25px);
	backdrop-filter: blur(25px)
}

.scene-techdetailoperating-openwrap::-webkit-scrollbar {
	width: 0;
	height: 0;
	background-color: transparent;
	scrollbar-width: none;
	display: none;
	-ms-overflow-style: none
}

.scene-techdetailoperating-openwrap[data-type=text] .scene-techdetailoperating-iconlist,.scene-techdetailoperating-openwrap[data-type=text] .scene-techdetailoperating-iconlist-desc,.scene-techdetailoperating-openwrap[data-type=text] .scene-techdetailoperating-iconlist-title {
	display: none
}

.scene-techdetailoperating-openwrap[data-type=icon] {
	padding: .7142857142857142rem .5rem 0;
	justify-content: unset
}

.scene-techdetailoperating-openwrap[data-type=icon] .scene-techdetailoperating-textlist {
	display: none
}

@media (max-width:720px) {
	.scene-techdetailoperating-openwrap {
		display: block;
		padding: 24px 20px 0;
		border-radius: 8px;
		transition: opacity .15s ease-in
	}

	.scene-techdetailoperating-openwrap[data-type=icon] {
		padding: 32px 24px 0
	}
}

.scene-techdetailoperating-textlist-item {
	text-align: left
}

.scene-techdetailoperating-textlist-item+.scene-techdetailoperating-textlist-item {
	padding-top: .5714285714285714rem
}

@media (max-width:720px) {
	.scene-techdetailoperating-textlist-item+.scene-techdetailoperating-textlist-item {
		padding-top: 16px
	}
}

.scene-techdetailoperating-textlist-title {
	padding-bottom: .14285714285714285rem;
	font-size: .2857142857142857rem;
	font-family: li-medium,Microsoft YaHei,SF Pro SC,SF Pro Display,PingFang SC,Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif;
	line-height: 1.25
}

@media (max-width:720px) {
	.scene-techdetailoperating-textlist-title {
		padding-bottom: 4px;
		font-size: 14px;
		line-height: 1.5
	}
}

.scene-techdetailoperating-textlist-content {
	font-size: .14285714285714285rem;
	font-family: li-medium,Microsoft YaHei,SF Pro SC,SF Pro Display,PingFang SC,Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif;
	line-height: 1.75;
	color: hsla(0,0%,100%,.7)
}

@media (max-width:720px) {
	.scene-techdetailoperating-textlist-content {
		font-size: 12px;
		font-family: li-regular,Microsoft YaHei,SF Pro SC,SF Pro Display,PingFang SC,Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif;
		line-height: 20px
	}
}

.scene-techdetailoperating-iconlist {
	display: flex;
	width: 2.678571428571429rem;
	padding-top: .21428571428571427rem;
	margin: 0 auto;
	flex-wrap: wrap;
	justify-content: center
}

.scene-techdetailoperating-iconlist[data-length="4"] {
	padding-left: .26785714285714285rem;
	padding-right: .26785714285714285rem
}

.scene-techdetailoperating-iconlist[data-length="4"] .scene-techdetailoperating-iconlist-item {
	margin-right: .17857142857142855rem
}

.scene-techdetailoperating-iconlist[data-length="4"] .scene-techdetailoperating-iconlist-item:nth-child(2n) {
	margin-right: 0
}

@media (max-width:720px) {
	.scene-techdetailoperating-iconlist {
		width: 240px;
		padding-top: 20px
	}

	.scene-techdetailoperating-iconlist[data-length="4"] {
		width: 160px;
		padding-left: 0;
		padding-right: 0
	}

	.scene-techdetailoperating-iconlist[data-length="4"] .scene-techdetailoperating-iconlist-item {
		margin-right: 0
	}
}

.scene-techdetailoperating-iconlist-item {
	width: .7142857142857142rem;
	padding-bottom: .14285714285714285rem;
	margin-right: .21428571428571427rem
}

.scene-techdetailoperating-iconlist-item:last-child,.scene-techdetailoperating-iconlist-item:nth-child(3n) {
	margin-right: 0
}

@media (max-width:720px) {
	.scene-techdetailoperating-iconlist-item {
		width: 80px;
		margin-right: 0;
		padding-bottom: 8px
	}
}

.scene-techdetailoperating-iconlist-title {
	padding-bottom: .14285714285714285rem;
	font-size: .21428571428571427rem;
	font-family: li-medium,Microsoft YaHei,SF Pro SC,SF Pro Display,PingFang SC,Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif;
	line-height: 1.3333
}

@media (max-width:720px) {
	.scene-techdetailoperating-iconlist-title {
		padding-bottom: 4px;
		font-size: 20px;
		line-height: 1.4
	}
}

.scene-techdetailoperating-iconlist-desc {
	font-size: 12px;
	line-height: 20px
}

.scene-techdetailoperating-iconlist-icon {
	width: .7142857142857142rem;
	height: .7142857142857142rem;
	border-radius: .125rem;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: cover
}

@media (max-width:720px) {
	.scene-techdetailoperating-iconlist-icon {
		width: 56px;
		height: 56px;
		border-radius: 10px
	}
}

.scene-techdetailoperating-iconlist-name {
	padding-top: .07142857142857142rem;
	font-size: 12px;
	line-height: 20px;
	text-align: center
}

@media (max-width:720px) {
	.scene-techdetailoperating-iconlist-name {
		padding-top: 4px
	}
}

.scene.scene-techdetail-title {
	height: auto;
	min-height: unset
}

.scene.scene-techdetail-title .scene-inner {
	padding: 1.0714285714285714rem 0 .5rem;
	overflow: visible
}

.scene.scene-techdetail-title .product-fadebox {
	position: static;
	width: 10.285714285714285rem;
	margin: 0 auto;
	color: #191919;
	-webkit-transform: none;
	transform: none
}

.scene.scene-techdetail-title .product-fadebox-item {
	transition-delay: .3s!important
}

.scene.scene-techdetail-title .product-title {
	margin-bottom: .10714285714285714rem;
	font-size: .21428571428571427rem;
	line-height: 1.3333;
	text-indent: unset
}

.scene.scene-techdetail-title .product-slogan,.scene.scene-techdetail-title .product-title {
	font-family: li-medium,Microsoft YaHei,SF Pro SC,SF Pro Display,PingFang SC,Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif
}

.product-slogan-text{
	font-family: li-medium,Microsoft YaHei,SF Pro SC,SF Pro Display,PingFang SC,Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif
}

.scene.scene-techdetail-title .product-slogan {
	margin-bottom: 0;
	font-size: .625rem;
	line-height: 1.2;
	white-space: unset
}

.scene.scene-techdetail-title .product-slogan span {
	display: block;
	color: transparent;
	background: linear-gradient(90deg,var(--color1),var(--color2));
	-webkit-background-clip: text;
	background-clip: text
}

.scene.scene-techdetail-title .product-caption {
	padding-top: .17857142857142855rem;
	font-size: .14285714285714285rem;
	line-height: 1.75;
	text-align: left
}

.scene.scene-techdetail-title[data-type=sub] .scene-inner {
	padding: .5714285714285714rem 0 .3571428571428571rem
}

.scene.scene-techdetail-title[data-type=sub] .product-title {
	margin-bottom: 0;
	text-align: left
}

.scene.scene-techdetail-title[data-type=sub] .product-slogan {
	font-size: .41071428571428575rem;
	line-height: 1.5652;
	text-align: left
}

.scene.scene-techdetail-title[data-type=sub] .product-slogan span {
	color: #191919;
	background: none;
	background-clip: unset
}

.scene.scene-techdetail-title[data-type=link] {
	text-align: center
}

.scene.scene-techdetail-title[data-type=link] .scene-inner {
	padding: .7142857142857142rem 0 .5rem
}

.scene.scene-techdetail-title[data-type=link] .product-title {
	display: none
}

.scene.scene-techdetail-title[data-type=link] .product-slogan {
	font-size: .41071428571428575rem;
	line-height: 1.5652
}

.scene.scene-techdetail-title[data-type=link] .product-slogan span {
	color: #191919;
	background: none;
	background-clip: unset
}

.scene.scene-techdetail-title[data-type=link] .product-caption {
	padding-top: .07142857142857142rem;
	font-size: .17857142857142855rem;
	text-align: center;
	line-height: 1.4;
	color: #666
}

@media (max-width:720px) {
	.scene.scene-techdetail-title .scene-inner {
		padding: 40px 0 24px
	}

	.scene.scene-techdetail-title .product-fadebox {
		width: 100%;
		padding: 0 20px
	}

	.scene.scene-techdetail-title .product-title {
		margin-bottom: 8px;
		font-size: 14px;
		line-height: 24px
	}

	.scene.scene-techdetail-title .product-slogan {
		padding: 0;
		font-size: 32px;
		line-height: 40px
	}

	.scene.scene-techdetail-title .product-caption {
		padding-top: 8px;
		font-size: 14px;
		color: #666;
		line-height: 22px;
		text-align: center
	}

	.scene.scene-techdetail-title[data-type=sub] .scene-inner {
		padding: 24px 0
	}

	.scene.scene-techdetail-title[data-type=sub] .product-title {
		font-size: 16px;
		line-height: 28px;
		text-align: center
	}

	.scene.scene-techdetail-title[data-type=sub] .product-slogan {
		font-size: 24px;
		line-height: 32px;
		text-align: center
	}

	.scene.scene-techdetail-title[data-type=link] .scene-inner {
		padding: 24px 0
	}

	.scene.scene-techdetail-title[data-type=link] .product-slogan {
		font-size: 20px;
		line-height: 28px
	}

	.scene.scene-techdetail-title[data-type=link] .product-caption {
		padding-top: 4px;
		font-size: 14px;
		line-height: 22px
	}
}

.scene-techdetail-title-link {
	display: flex;
	width: 100%;
	margin-top: .14285714285714285rem;
	justify-content: center;
	align-items: center;
	font-size: .14285714285714285rem;
	font-family: li-medium,Microsoft YaHei,SF Pro SC,SF Pro Display,PingFang SC,Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif;
	color: #5a7cab;
	line-height: 1.5
}

.scene-techdetail-title-link span {
	display: flex;
	align-items: center;
	cursor: pointer
}

.scene-techdetail-title-link .lxiconfont {
	margin-left: .017857142857142856rem;
	font-size: .1607142857142857rem
}

@media (max-width:720px) {
	.scene-techdetail-title-link {
		margin-top: 8px;
		font-size: 14px;
		font-family: li-regular,Microsoft YaHei,SF Pro SC,SF Pro Display,PingFang SC,Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif;
		line-height: 22px
	}

	.scene-techdetail-title-link .lxiconfont {
		margin-left: 2px;
		font-size: 16px
	}
}

.scene.scene-techotacardlist {
	height: unset;
	min-height: unset
}

.scene.scene-techotacardlist .scene-inner {
	padding: 1.4285714285714284rem 0 .3571428571428571rem
}

@media (max-width:720px) {
	.scene.scene-techotacardlist .scene-inner {
		padding: 40px 0
	}
}

.scene.scene-techotacardlist.active .scene-techotacardlist-content,.scene.scene-techotacardlist.active .scene-techotacardlist-share,.scene.scene-techotacardlist.active .scene-techotacardlist-title {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	opacity: 1
}

.scene-techotacardlist-title {
	font-size: .5rem;
	line-height: .6964285714285714rem;
	font-family: li-medium,Microsoft YaHei,SF Pro SC,SF Pro Display,PingFang SC,Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif;
	text-align: center;
	color: #191919;
	-webkit-transform: translate3d(0,90px,0);
	transform: translate3d(0,90px,0);
	transition: opacity .8s linear,-webkit-transform .8s cubic-bezier(.26,.67,.48,.91);
	transition: opacity .8s linear,transform .8s cubic-bezier(.26,.67,.48,.91);
	transition: opacity .8s linear,transform .8s cubic-bezier(.26,.67,.48,.91),-webkit-transform .8s cubic-bezier(.26,.67,.48,.91);
	opacity: 0;
	will-change: transform,opacity;
	transition-delay: .3s
}

@media (max-width:720px) {
	.scene-techotacardlist-title {
		font-size: 32px;
		line-height: 40px
	}
}

.scene-techotacardlist-content {
	margin-top: .5535714285714286rem;
	-webkit-transform: translate3d(0,90px,0);
	transform: translate3d(0,90px,0);
	transition: opacity .8s linear,-webkit-transform .8s cubic-bezier(.26,.67,.48,.91);
	transition: opacity .8s linear,transform .8s cubic-bezier(.26,.67,.48,.91);
	transition: opacity .8s linear,transform .8s cubic-bezier(.26,.67,.48,.91),-webkit-transform .8s cubic-bezier(.26,.67,.48,.91);
	opacity: 0;
	will-change: transform,opacity;
	transition-delay: .4s
}

@media (max-width:720px) {
	.scene-techotacardlist-content {
		margin-top: 40px
	}
}

.scene-techotacardlist-list {
	display: flex;
	padding: 0 1.4285714285714284rem;
	overflow-x: scroll;
	-webkit-scroll-snap-type: x mandatory;
	-ms-scroll-snap-type: x mandatory;
	scroll-snap-type: x mandatory
}

.scene-techotacardlist-list::-webkit-scrollbar {
	display: none
}

@media (max-width:720px) {
	.scene-techotacardlist-list {
		padding: 0 20px
	}
}

.scene-techotacardlist-list-item {
	position: relative;
	box-sizing: content-box;
	border-radius: 4px;
	scroll-snap-align: center;
	flex: 1;
	background-color: #fff;
	cursor: pointer
}

.scene-techotacardlist-list-item+.scene-techotacardlist-list-item {
	margin-left: .17857142857142855rem
}

@media (max-width:720px) {
	.scene-techotacardlist-list-item {
		border-radius: 8px
	}

	.scene-techotacardlist-list-item+.scene-techotacardlist-list-item {
		margin-left: 8px
	}
}

.scene-techotacardlist-item-image {
	min-width: 27.08333vw;
	padding-top: 56.25%;
	border-radius: 4px 4px 0 0;
	background-position: 50%;
	background-size: cover
}

.scene-techotacardlist-item-image.istwo {
	height: 3.9642857142857144rem
}

@media (max-width:720px) {
	.scene-techotacardlist-item-image {
		width: calc(100vw - 40px);
		border-radius: 8px 8px 0 0
	}
}

.scene-techotacardlist-item-container {
	padding: .2857142857142857rem
}

@media (max-width:720px) {
	.scene-techotacardlist-item-container {
		padding: 24px 20px
	}
}

.scene-techotacardlist-item-label {
	font-size: .125rem;
	line-height: .19642857142857145rem;
	font-family: li-medium,Microsoft YaHei,SF Pro SC,SF Pro Display,PingFang SC,Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif
}

@media (max-width:720px) {
	.scene-techotacardlist-item-label {
		font-size: 12px;
		line-height: 20px
	}
}

.scene-techotacardlist-item-title {
	margin-top: 4px;
	font-size: .17857142857142855rem;
	line-height: .25rem;
	font-family: li-medium,Microsoft YaHei,SF Pro SC,SF Pro Display,PingFang SC,Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif;
	color: #000
}

@media (max-width:720px) {
	.scene-techotacardlist-item-title {
		font-size: 16px;
		line-height: 28px;
		margin-top: 4px
	}
}

.scene-techotacardlist-item-desc {
	margin-top: 4px;
	font-size: 14px;
	line-height: 22px;
	color: #999
}

@media (max-width:720px) {
	.scene-techotacardlist-item-desc {
		margin-top: 4px;
		font-size: 12px;
		line-height: 20px
	}
}

.scene-techotacardlist-item-link {
	position: absolute;
	bottom: .2857142857142857rem;
	display: flex;
	align-items: center;
	font-size: .125rem;
	line-height: .19642857142857145rem;
	color: #5a7cab
}

@media (max-width:720px) {
	.scene-techotacardlist-item-link {
		bottom: 24px;
		font-size: 14px;
		line-height: 22px
	}
}

.scene-techotacardlist-item-link-placeholder {
	margin-top: .21428571428571427rem;
	font-size: .125rem;
	line-height: .19642857142857145rem;
	color: #5a7cab;
	opacity: 0;
	visibility: hidden
}

@media (max-width:720px) {
	.scene-techotacardlist-item-link-placeholder {
		margin-top: 8px;
		font-size: 14px;
		line-height: 22px
	}
}

.scene-techotacardlist-share {
	margin-top: .3571428571428571rem;
	height: 1.642857142857143rem;
	text-align: center;
	-webkit-transform: translate3d(0,90px,0);
	transform: translate3d(0,90px,0);
	transition: opacity .8s linear,-webkit-transform .8s cubic-bezier(.26,.67,.48,.91);
	transition: opacity .8s linear,transform .8s cubic-bezier(.26,.67,.48,.91);
	transition: opacity .8s linear,transform .8s cubic-bezier(.26,.67,.48,.91),-webkit-transform .8s cubic-bezier(.26,.67,.48,.91);
	opacity: 0;
	will-change: transform,opacity;
	transition-delay: .5s
}

@media (max-width:720px) {
	.scene-techotacardlist-share {
		height: unset;
		margin-top: unset
	}
}

.scene-techotacardlist-share-info {
	padding-top: .21428571428571427rem;
	font-size: 16px;
	line-height: 24px;
	color: #999
}

@media (max-width:720px) {
	.scene-techotacardlist-share-info {
		padding-top: 40px;
		font-size: 12px;
		line-height: 20px
	}
}

.scene-techotacardlist-share-container {
	margin-top: .05357142857142857rem;
	display: flex;
	justify-content: center
}

@media (max-width:720px) {
	.scene-techotacardlist-share-container {
		padding-bottom: 40px
	}
}

.scene-techotacardlist-share-item {
	margin: 16px 10px 0;
	width: 40px;
	height: 40px;
	background-position: 50%;
	background-size: cover;
	cursor: pointer
}

/*
.scene-techotacardlist-share-weixin {
	position: relative;
	background-image: url(https://p.ampmake.com/fed/image/png/0225a21521eca2f2ccb346e054d1d210.png)
}

.scene-techotacardlist-share-weibo {
	background-image: url(https://p.ampmake.com/fed/image/png/e4df67c60936967657614f11eb122044.png)
}
*/
.scene-techotacardlist-share-popover {
	position: absolute;
	bottom: .4464285714285714rem;
	left: 50%;
	display: flex;
	padding: .14285714285714285rem 0 .10714285714285714rem;
	border-radius: 4px;
	box-shadow: 0 10px 40px rgba(0,0,0,.2);
	flex-wrap: wrap;
	justify-content: center;
	-webkit-transform: translate(-50%);
	transform: translate(-50%);
	background-color: #fff
}

@media (max-width:720px) {
	.scene-techotacardlist-share-popover {
		width: 172px;
		padding: 16px 0 12px
	}
}
/*
.scene-techotacardlist-share-weixin-qrcode {
	width: 1.25rem;
	height: 1.25rem;
	background-image: url(https://s.ampmake.com/fed/m01/asset-1907/image/qrcode/wechat-qrcode.e8c2e015.jpg);
	background-size: cover;
	background-position: 50%
}
*/
@media (max-width:720px) {
	.scene-techotacardlist-share-weixin-qrcode {
		width: 140px;
		height: 140px
	}
}

.scene-techotacardlist-share-weixin-text {
	padding: 0 .07142857142857142rem;
	margin-top: .10714285714285714rem;
	font-size: .125rem;
	font-family: li-medium,Microsoft YaHei,SF Pro SC,SF Pro Display,PingFang SC,Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif;
	color: #999;
	line-height: 22px;
	text-align: center;
	white-space: nowrap;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none
}

@media (max-width:720px) {
	.scene-techotacardlist-share-weixin-text {
		font-size: 12px;
		line-height: 20px
	}
}

.scene.scene-productlist .scene-inner {
	padding-top: 1.0714285714285714rem
}

.scene.scene-productlist .product-fadebox {
	position: static;
	width: 10.285714285714285rem;
	margin: 0 auto;
	-webkit-transform: none;
	transform: none
}

.scene.scene-productlist .product-slogan {
	text-indent: 1em
}

.scene.scene-productlist.active .scene-productlist-list {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	opacity: 1
}

.scene.scene-productlist[data-color=black],.scene.scene-productlist[data-color=black] .product-fadebox {
	color: #191919
}

.scene.scene-productlist[data-color=black] .scene-productlist-item:after {
	background-color: #191919
}

@media (max-width:720px) {
	.scene.scene-productlist {
		height: 216.53333333333333vw
	}

	.scene.scene-productlist .scene-inner {
		padding-top: 42.66666666666667vw;
		background-position: bottom
	}

	.scene.scene-productlist .product-fadebox {
		width: 100%
	}

	.scene.scene-productlist .product-slogan {
		line-height: 32px
	}

	.scene.scene-productlist .product-title {
		padding: 0 40px;
		margin-bottom: 40px
	}

	.scene.scene-productlist .product-title br {
		display: none
	}

	.scene.scene-productlist[data-color=black] .product-title {
		color: #666
	}
}

.scene-productlist-list {
	display: flex;
	width: 11.732142857142858rem;
	padding-top: .03571428571428571rem;
	margin: 0 auto;
	flex-wrap: wrap;
	justify-content: center;
	-webkit-transform: translate3d(0,90px,0);
	transform: translate3d(0,90px,0);
	transition: opacity .8s linear,-webkit-transform .8s cubic-bezier(.26,.67,.48,.91);
	transition: opacity .8s linear,transform .8s cubic-bezier(.26,.67,.48,.91);
	transition: opacity .8s linear,transform .8s cubic-bezier(.26,.67,.48,.91),-webkit-transform .8s cubic-bezier(.26,.67,.48,.91);
	transition-delay: .5s;
	opacity: 0;
	will-change: transform,opacity
}

@media (max-width:720px) {
	.scene-productlist-list {
		display: block;
		width: 100%;
		padding-top: 0
	}
}

.scene-productlist-item {
	position: relative;
	padding: 0 .42857142857142855rem;
	text-align: center
}

.scene-productlist-item:after {
	position: absolute;
	right: 0;
	top: 50%;
	width: 1px;
	height: .375rem;
	background-color: hsla(0,0%,100%,.5);
	-webkit-transform: translate3d(0,-50%,0);
	transform: translate3d(0,-50%,0);
	content: ""
}

.scene-productlist-item:last-child:after {
	display: none
}

@media (max-width:720px) {
	.scene-productlist-item {
		padding: 0;
		padding-bottom: 24px
	}

	.scene-productlist-item:after {
		display: none
	}
}

.scene-productlist-title {
	margin-bottom: .03571428571428571rem;
	font-size: .19642857142857145rem;
	font-family: li-medium,Microsoft YaHei,SF Pro SC,SF Pro Display,PingFang SC,Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif;
	line-height: 1.3636
}

@media (max-width:720px) {
	.scene-productlist-title {
		position: relative;
		margin-bottom: 0;
		font-size: 16px;
		line-height: 28px
	}
}

.scene-productlist-desc {
	font-size: .14285714285714285rem;
	line-height: 1.5
}

@media (max-width:720px) {
	.scene-productlist-desc {
		font-size: 12px;
		line-height: 20px
	}
}

.scene.scene-technology {
	height: auto;
	background-color: #fff
}

.scene.scene-technology.active .product-slogan,.scene.scene-technology.active .scene-technology-item {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	opacity: 1
}

.scene.scene-technology.loaded .scene-technology-item {
	background-image: var(--backgroundImage)
}

@media (max-width:720px) {
	.scene.scene-technology.loaded .scene-technology-item {
		background-image: none
	}
}

@media (max-width:720px) {
	.scene.scene-technology.loaded .scene-technology-spot-item-image {
		background-image: var(--backgroundImage)
	}
}

.scene.scene-technology .scene-inner {
	padding: .7142857142857142rem 0
}

.scene.scene-technology .product-slogan {
	margin-bottom: 0;
	color: #191919;
	-webkit-transform: translate3d(0,25px,0);
	transform: translate3d(0,25px,0);
	transition: opacity .3s ease-in,-webkit-transform .5s cubic-bezier(.39,.575,.565,1);
	transition: transform .5s cubic-bezier(.39,.575,.565,1),opacity .3s ease-in;
	transition: transform .5s cubic-bezier(.39,.575,.565,1),opacity .3s ease-in,-webkit-transform .5s cubic-bezier(.39,.575,.565,1);
	transition-delay: .3s;
	opacity: 0;
	will-change: transform,opacity
}

@media (max-width:720px) {
	.scene.scene-technology .scene-inner {
		padding: 0;
		margin: 17.066666666666666vw 0 0
	}

	.scene.scene-technology .product-slogan {
		font-size: 8.533333333333333vw;
		line-height: 10.666666666666668vw
	}
}

.scene-technology-list {
	display: flex;
	width: 11.714285714285714rem;
	padding-top: .5714285714285714rem;
	margin: 0 auto;
	flex-wrap: wrap
}

@media (max-width:720px) {
	.scene-technology-list {
		display: block;
		width: 100%;
		padding-top: 12.8vw
	}
}

.scene-technology-item {
	position: relative;
	display: flex;
	height: 5rem;
	padding: .3571428571428571rem;
	border-radius: .2857142857142857rem;
	overflow: hidden;
	margin-bottom: .2857142857142857rem;
	flex-direction: column;
	justify-content: flex-end;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: contain;
	-webkit-transform: translate3d(0,25px,0);
	transform: translate3d(0,25px,0);
	transition: opacity .3s ease-in,-webkit-transform .5s cubic-bezier(.39,.575,.565,1);
	transition: transform .5s cubic-bezier(.39,.575,.565,1),opacity .3s ease-in;
	transition: transform .5s cubic-bezier(.39,.575,.565,1),opacity .3s ease-in,-webkit-transform .5s cubic-bezier(.39,.575,.565,1);
	opacity: 0;
	will-change: transform,opacity
}

.scene-technology-item.style-1 {
	width: 100%
}

.scene-technology-item.style-1 .scene-technology-spot-item-desc {
	width: 6.267857142857143rem
}

.scene-technology-item.style-2 {
	width: 6.696428571428571rem
}

.scene-technology-item.style-2 .scene-technology-spot-item-desc {
	width: 5.196428571428571rem
}

.scene-technology-item.style-3 {
	width: 4.732142857142857rem;
	margin-left: .2857142857142857rem
}

.scene-technology-item:first-child {
	transition-delay: .4s
}

.scene-technology-item:nth-child(2) {
	transition-delay: .5s
}

.scene-technology-item:nth-child(3) {
	transition-delay: .6s
}

.scene-technology-item:nth-child(4) {
	transition-delay: .7s
}

.scene-technology-item:nth-child(5) {
	transition-delay: .8s
}

.scene-technology-item:nth-child(6) {
	transition-delay: .9s
}

.scene-technology-item:nth-child(7) {
	transition-delay: 1s
}

.scene-technology-item:nth-child(8) {
	transition-delay: 1.1s
}

.scene-technology-item:last-child {
	margin-bottom: 0
}

.scene-technology-item.active .scene-technology-more .lxiconfont {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.scene-technology-item.active .scene-technology-spot {
	transition-delay: 0s;
	opacity: 1;
	visibility: visible
}

.scene-technology-item.active .scene-technology-spot-item-desc {
	-webkit-transform: translateY(0);
	transform: translateY(0);
	transition-delay: .66s;
	opacity: 1
}

@media (max-width:720px) {
	.scene-technology-item {
		display: block;
		width: calc(100% - 12.8vw)!important;
		height: auto;
		padding: 0;
		border-radius: 0;
		margin: 0 6.4vw 17.066666666666666vw!important
	}

	.scene-technology-item:last-child {
		margin-bottom: 0!important
	}
}

.scene-technology-content {
	padding-right: .9642857142857144rem
}

@media (max-width:720px) {
	.scene-technology-content {
		padding: 0;
		padding-bottom: 6.4vw;
		text-align: center
	}
}

.scene-technology-title {
	margin-bottom: .14285714285714285rem;
	font-size: .2857142857142857rem;
	font-family: li-medium,Microsoft YaHei,SF Pro SC,SF Pro Display,PingFang SC,Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif;
	color: #dbad76;
	line-height: .3571428571428571rem
}

@media (max-width:720px) {
	.scene-technology-title {
		margin-bottom: 2.1333333333333333vw;
		font-size: 5.333333333333334vw;
		color: #dbad76;
		line-height: 7.466666666666668vw
	}
}

.scene-technology-subtitle {
	font-size: .1607142857142857rem;
	color: #ccc;
	line-height: .23214285714285715rem
}

@media (max-width:720px) {
	.scene-technology-subtitle {
		font-size: 4.266666666666667vw;
		color: #666;
		line-height: 6.4vw
	}
}

.scene-technology-more {
	position: absolute;
	right: .3571428571428571rem;
	bottom: .3571428571428571rem;
	display: flex;
	width: .5357142857142857rem;
	height: .5357142857142857rem;
	align-items: center;
	justify-content: center
}

.scene-technology-more .lxiconfont {
	position: relative;
	z-index: 1;
	display: flex;
	font-size: .3928571428571429rem;
	line-height: 1;
	transition: -webkit-transform .66s cubic-bezier(.66,0,.2,1);
	transition: transform .66s cubic-bezier(.66,0,.2,1);
	transition: transform .66s cubic-bezier(.66,0,.2,1),-webkit-transform .66s cubic-bezier(.66,0,.2,1);
	cursor: pointer
}

@media (max-width:720px) {
	.scene-technology-more {
		display: none
	}
}

.scene-technology-spot {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: .7142857142857142rem .5rem;
	overflow: auto;
	background-color: #000;
	transition: all .66s cubic-bezier(.66,0,.01,1);
	transition-delay: .66s;
	opacity: 0;
	visibility: hidden;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none
}

@media (max-width:720px) {
	.scene-technology-spot {
		position: static;
		display: flex;
		padding: 0;
		background-color: #fafafa;
		transition-delay: 0s;
		opacity: 1;
		visibility: visible
	}
}

.scene-technology-spot-item {
	margin-bottom: .42857142857142855rem
}

.scene-technology-spot-item:last-child {
	margin-bottom: 0
}

@media (max-width:720px) {
	.scene-technology-spot-item {
		width: 100%;
		margin-bottom: 0;
		flex-shrink: 0
	}
}

.scene-technology-spot-item-image {
	display: none
}

@media (max-width:720px) {
	.scene-technology-spot-item-image {
		display: block;
		height: 65.33333333333333vw;
		border-radius: 4.266666666666667vw 4.266666666666667vw 0 0;
		overflow: hidden;
		margin-bottom: 6.4vw;
		background-repeat: no-repeat;
		background-position: 50%;
		background-size: cover
	}
}

.scene-technology-spot-item-title {
	margin-bottom: .14285714285714285rem;
	font-size: .21428571428571427rem;
	font-family: li-medium,Microsoft YaHei,SF Pro SC,SF Pro Display,PingFang SC,Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif;
	color: #fff;
	line-height: .2857142857142857rem
}

@media (max-width:720px) {
	.scene-technology-spot-item-title {
		padding: 0 4.266666666666667vw;
		margin-bottom: 2.1333333333333333vw;
		font-size: 4.266666666666667vw;
		color: #191919;
		line-height: 7.466666666666668vw;
		text-align: center
	}
}

.scene-technology-spot-item-desc {
	font-size: .1607142857142857rem;
	color: #ccc;
	line-height: .23214285714285715rem;
	-webkit-transform: translateY(-20px);
	transform: translateY(-20px);
	transition: all .66s cubic-bezier(.66,0,.2,1);
	opacity: 0
}

@media (max-width:720px) {
	.scene-technology-spot-item-desc {
		width: 100%!important;
		padding: 0 4.266666666666667vw;
		font-size: 3.733333333333334vw;
		color: #666;
		line-height: 5.866666666666666vw;
		text-align: center;
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1
	}
}

.scene-technology-dotlist {
	display: none
}

@media (max-width:720px) {
	.scene-technology-dotlist {
		display: flex;
		width: 100%;
		padding: 6.4vw 0 8.533333333333333vw;
		border-radius: 0 0 4.266666666666667vw 4.266666666666667vw;
		justify-content: center;
		background-color: #fafafa;
		pointer-events: none
	}
}

.scene-technology-dot {
	display: none
}

@media (max-width:720px) {
	.scene-technology-dot {
		display: block;
		width: 2.1333333333333333vw;
		height: 2.1333333333333333vw;
		border-radius: 2.1333333333333333vw;
		margin: 0 1.3333333333333335vw;
		background-color: #ccc
	}

	.scene-technology-dot.current {
		background-color: #dbad76
	}
}

.scene-cardcontent.active {
	height: unset;
	min-height: unset
}

.scene-cardcontent.active .scene-cardcontent-big,.scene-cardcontent.active .scene-cardcontent-big-desc,.scene-cardcontent.active .scene-cardcontent-big-title,.scene-cardcontent.active .scene-cardcontent-smallcard-item {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	opacity: 1
}

.scene-cardcontent .scene-inner {
	margin: 0 auto;
	max-width: 1600px;
	width: 83.33333vw
}

@media (max-width:850px) {
	.scene-cardcontent .scene-inner {
		width: 100%;
		padding: 0 60px
	}
}

@media (max-width:720px) {
	.scene-cardcontent .scene-inner {
		width: unset;
		max-width: unset;
		padding: 0
	}
}

.scene-cardcontent-big {
	width: 100%;
	height: 40.625vw;
	max-height: 6.964285714285715rem;
	margin-bottom: .17857142857142855rem;
	background-position: 50%;
	background-size: cover;
	border-radius: .03571428571428571rem;
	-webkit-transform: translate3d(0,90px,0);
	transform: translate3d(0,90px,0);
	transition: opacity .8s linear,-webkit-transform .8s cubic-bezier(.26,.67,.48,.91);
	transition: opacity .8s linear,transform .8s cubic-bezier(.26,.67,.48,.91);
	transition: opacity .8s linear,transform .8s cubic-bezier(.26,.67,.48,.91),-webkit-transform .8s cubic-bezier(.26,.67,.48,.91);
	opacity: 0;
	will-change: transform,opacity;
	transition-delay: .3s
}

@media (max-width:720px) {
	.scene-cardcontent-big {
		width: unset;
		max-height: unset;
		height: calc(100vw - 40px);
		margin: 16px 20px;
		border-radius: 8px
	}
}

.scene-cardcontent-big-title {
	padding-top: .7142857142857142rem;
	margin: 0 2rem;
	font-size: .3214285714285714rem;
	line-height: .42857142857142855rem;
	color: #fff;
	text-align: center;
	font-family: li-medium,Microsoft YaHei,SF Pro SC,SF Pro Display,PingFang SC,Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif;
	-webkit-transform: translate3d(0,90px,0);
	transform: translate3d(0,90px,0);
	transition: opacity .8s linear,-webkit-transform .8s cubic-bezier(.26,.67,.48,.91);
	transition: opacity .8s linear,transform .8s cubic-bezier(.26,.67,.48,.91);
	transition: opacity .8s linear,transform .8s cubic-bezier(.26,.67,.48,.91),-webkit-transform .8s cubic-bezier(.26,.67,.48,.91);
	opacity: 0;
	will-change: transform,opacity;
	transition-delay: .4s
}

@media (max-width:720px) {
	.scene-cardcontent-big-title {
		padding-top: 32px;
		margin: 0 20px;
		font-size: 20px;
		line-height: 28px
	}
}

.scene-cardcontent-big-desc {
	padding-top: .03571428571428571rem;
	margin: 0 2rem;
	font-size: .14285714285714285rem;
	line-height: .25rem;
	font-family: li-medium,Microsoft YaHei,SF Pro SC,SF Pro Display,PingFang SC,Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif;
	color: #fff;
	text-align: center;
	-webkit-transform: translate3d(0,90px,0);
	transform: translate3d(0,90px,0);
	transition: opacity .8s linear,-webkit-transform .8s cubic-bezier(.26,.67,.48,.91);
	transition: opacity .8s linear,transform .8s cubic-bezier(.26,.67,.48,.91);
	transition: opacity .8s linear,transform .8s cubic-bezier(.26,.67,.48,.91),-webkit-transform .8s cubic-bezier(.26,.67,.48,.91);
	opacity: 0;
	will-change: transform,opacity;
	transition-delay: .4s
}

@media (max-width:720px) {
	.scene-cardcontent-big-desc {
		padding-top: 4px;
		margin: 0 20px;
		font-size: 12px;
		line-height: 20px;
		color: hsla(0,0%,100%,.7)
	}
}

@media (max-width:720px) {
	.scene-cardcontent-small {
		margin: 0 auto 40px;
		padding: 0 14px
	}
}

.scene-cardcontent-small-content {
	display: flex
}

.scene-cardcontent-small-content::-webkit-scrollbar {
	display: none
}

@media (max-width:720px) {
	.scene-cardcontent-small-content {
		overflow-x: scroll;
		overflow-y: hidden
	}
}

.scene-cardcontent-smallcard-item {
	position: relative;
	margin-left: .08928571428571427rem;
	margin-right: .08928571428571427rem;
	flex: 1;
	background-color: #fff;
	-webkit-transform: translate3d(0,90px,0);
	transform: translate3d(0,90px,0);
	transition: opacity .8s linear,-webkit-transform .8s cubic-bezier(.26,.67,.48,.91);
	transition: opacity .8s linear,transform .8s cubic-bezier(.26,.67,.48,.91);
	transition: opacity .8s linear,transform .8s cubic-bezier(.26,.67,.48,.91),-webkit-transform .8s cubic-bezier(.26,.67,.48,.91);
	opacity: 0;
	will-change: transform,opacity;
	transition-delay: .3s
}

.scene-cardcontent-smallcard-item:first-child {
	margin-left: 0
}

.scene-cardcontent-smallcard-item:last-child {
	margin-right: 0
}

@media (max-width:720px) {
	.scene-cardcontent-smallcard-item {
		display: flex;
		width: calc(100vw - 40px);
		padding-bottom: 0;
		border-radius: 8px;
		margin-left: 6px;
		margin-right: 6px;
		flex-wrap: wrap
	}

	.scene-cardcontent-smallcard-item:first-child {
		margin-left: 6px
	}

	.scene-cardcontent-smallcard-item:last-child {
		margin-right: 6px
	}
}

.scene-cardcontent-smallcard-bg {
	position: relative;
	width: 100%;
	height: 26.97917vw;
	max-height: 518px;
	background-position: 50%;
	background-size: cover;
	border-radius: .03571428571428571rem
}

.scene-cardcontent-smallcard-bg.placeholder {
	display: none
}

@media (max-width:720px) {
	.scene-cardcontent-smallcard-bg {
		position: absolute;
		bottom: 0;
		margin-bottom: 0;
		width: calc(100vw - 40px);
		height: 188px;
		max-height: unset;
		border-radius: 0 0 8px 8px
	}

	.scene-cardcontent-smallcard-bg.placeholder {
		position: unset;
		display: block;
		width: calc(100vw - 40px);
		height: 188px;
		max-height: unset
	}
}

.scene-cardcontent-text-content {
	position: absolute;
	top: .5rem;
	z-index: 2;
	width: 100%;
	padding: 0 .2857142857142857rem;
	text-align: center
}

@media (max-width:720px) {
	.scene-cardcontent-text-content {
		position: unset;
		padding: 24px 20px;
		text-align: left
	}
}

.scene-cardcontent-smallcard-title {
	margin-bottom: .14285714285714285rem;
	font-size: .17857142857142855rem;
	line-height: .25rem;
	font-family: li-medium,Microsoft YaHei,SF Pro SC,SF Pro Display,PingFang SC,Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif
}

.scene-cardcontent-smallcard-title.dark {
	color: #000
}

.scene-cardcontent-smallcard-title.light {
	color: #fff
}

@media (max-width:720px) {
	.scene-cardcontent-smallcard-title {
		width: 100%;
		margin-bottom: 4px;
		font-size: 16px;
		line-height: 28px;
		color: rgba(0,0,0,.9)!important
	}
}

.scene-cardcontent-smallcard-desc {
	font-size: .14285714285714285rem;
	line-height: .25rem
}

.scene-cardcontent-smallcard-desc.dark {
	color: rgba(0,0,0,.6)
}

.scene-cardcontent-smallcard-desc.light {
	color: hsla(0,0%,100%,.7)
}

@media (max-width:720px) {
	.scene-cardcontent-smallcard-desc {
		width: 100%;
		font-size: 14px;
		line-height: 22px;
		color: rgba(0,0,0,.9)!important
	}
}

.scene-cardcontent-smallcard-bottomdesc {
	position: absolute;
	bottom: .3571428571428571rem;
	width: 100%;
	padding: 0 .2857142857142857rem;
	font-size: .125rem;
	line-height: .19642857142857145rem;
	text-align: center
}

.scene-cardcontent-smallcard-bottomdesc.dark {
	color: #666
}

.scene-cardcontent-smallcard-bottomdesc.light {
	color: #fff
}

@media (max-width:720px) {
	.scene-cardcontent-smallcard-bottomdesc {
		bottom: 0;
		padding: 24px 20px;
		font-size: 12px;
		line-height: 20px;
		text-align: left
	}
}

.scene-brandbook.scene {
	height: 5.25rem;
	min-height: unset;
	background-color: #000
}

.scene-brandbook.active .scene-brandbook-content-desc,.scene-brandbook.active .scene-brandbook-content-title,.scene-brandbook.active .scene-brandbook-item {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	opacity: 1
}

@media (min-width:1921px) {
	.scene-brandbook.loaded .scene-inner {
		background-image: var(--backgroundImage2560)
	}
}

.scene-brandbook.loaded .scene-brandbook-item-bg {
	background-image: var(--backgroundImage1920)
}

@media (max-width:720px) {
	.scene-brandbook.loaded .scene-brandbook-item-bg {
		background-image: var(--backgroundImage720)
	}
}

.scene-brandbook .scene-inner {
	background-position: -3.571428571428571rem top
}

@media (min-width:1921px) {
	.scene-brandbook .scene-inner {
		max-width: 2560px;
		margin: 0 auto;
		background-position: top
	}
}

@media (max-width:720px) {
	.scene-brandbook.scene {
		height: 620px
	}

	.scene-brandbook .scene-inner {
		width: unset;
		max-width: unset;
		background-position: top
	}
}

.scene-brandbook-content {
	position: absolute;
	top: 0;
	left: 50%;
	padding-top: .6071428571428572rem;
	margin-left: .5535714285714286rem
}

@media (max-width:720px) {
	.scene-brandbook-content {
		position: unset;
		width: 100%;
		height: 100%;
		margin-left: 0;
		padding-top: 80px
	}
}

.scene-brandbook-content-title {
	padding-bottom: .03571428571428571rem;
	font-size: .41071428571428575rem;
	line-height: .6428571428571428rem;
	font-family: li-medium,Microsoft YaHei,SF Pro SC,SF Pro Display,PingFang SC,Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif;
	color: #fff;
	-webkit-transform: translate3d(0,90px,0);
	transform: translate3d(0,90px,0);
	transition: opacity .8s linear,-webkit-transform .8s cubic-bezier(.26,.67,.48,.91);
	transition: opacity .8s linear,transform .8s cubic-bezier(.26,.67,.48,.91);
	transition: opacity .8s linear,transform .8s cubic-bezier(.26,.67,.48,.91),-webkit-transform .8s cubic-bezier(.26,.67,.48,.91);
	opacity: 0;
	will-change: transform,opacity;
	transition-delay: .3s
}

@media (max-width:720px) {
	.scene-brandbook-content-title {
		padding: 0 60px 8px 20px;
		font-size: 24px;
		line-height: 32px
	}
}

.scene-brandbook-content-desc {
	padding-bottom: .21428571428571427rem;
	font-size: .14285714285714285rem;
	line-height: .21428571428571427rem;
	color: #bababa;
	-webkit-transform: translate3d(0,90px,0);
	transform: translate3d(0,90px,0);
	transition: opacity .8s linear,-webkit-transform .8s cubic-bezier(.26,.67,.48,.91);
	transition: opacity .8s linear,transform .8s cubic-bezier(.26,.67,.48,.91);
	transition: opacity .8s linear,transform .8s cubic-bezier(.26,.67,.48,.91),-webkit-transform .8s cubic-bezier(.26,.67,.48,.91);
	opacity: 0;
	will-change: transform,opacity;
	transition-delay: .3s
}

@media (max-width:720px) {
	.scene-brandbook-content-desc {
		padding: 0 60px 80px 20px;
		font-size: 14px;
		line-height: 22px
	}
}

.scene-brandbook-list {
	display: flex
}

@media (max-width:720px) {
	.scene-brandbook-list {
		width: 100%;
		overflow-x: scroll;
		overflow-y: hidden
	}

	.scene-brandbook-list::-webkit-scrollbar {
		display: none
	}
}

.scene-brandbook-item {
	position: relative;
	width: 1.5178571428571428rem;
	margin-left: .17857142857142855rem;
	margin-right: .17857142857142855rem;
	-webkit-transform: translate3d(0,90px,0);
	transform: translate3d(0,90px,0);
	transition: opacity .8s linear,-webkit-transform .8s cubic-bezier(.26,.67,.48,.91);
	transition: opacity .8s linear,transform .8s cubic-bezier(.26,.67,.48,.91);
	transition: opacity .8s linear,transform .8s cubic-bezier(.26,.67,.48,.91),-webkit-transform .8s cubic-bezier(.26,.67,.48,.91);
	opacity: 0;
	will-change: transform,opacity;
	transition-delay: .3s
}

.scene-brandbook-item:first-child {
	margin-left: 0
}

.scene-brandbook-item:last-child {
	margin-right: 0
}

@media (max-width:720px) {
	.scene-brandbook-item {
		width: 160px;
		margin-left: 8px;
		margin-right: 8px
	}

	.scene-brandbook-item:first-child {
		margin-left: 20px
	}

	.scene-brandbook-item:last-child {
		margin-right: 20px
	}
}

.scene-brandbook-item-bg {
	position: relative;
	height: 2.142857142857143rem;
	margin-bottom: .21428571428571427rem;
	border-radius: .07142857142857142rem;
	background-position: 50%;
	background-size: cover;
	cursor: pointer
}

@media (max-width:720px) {
	.scene-brandbook-item-bg {
		width: 160px;
		height: 210px;
		margin-bottom: 16px;
		border-radius: 8px
	}
}

.scene-brandbook-item-icon {
	position: absolute;
	right: .07142857142857142rem;
	bottom: .07142857142857142rem;
	display: flex;
	width: .3571428571428571rem;
	height: .3571428571428571rem;
	border-radius: 50%;
	justify-content: center;
	align-items: center;
	background-color: rgba(0,0,0,.4);
	transition: background-color .1s ease-in
}

.scene-brandbook-item-icon .lxiconfont {
	font-size: .25rem
}

.scene-brandbook-item-icon:hover {
	background-color: #3c3c3c
}

@media (max-width:720px) {
	.scene-brandbook-item-icon {
		right: 8px;
		bottom: 8px;
		width: 24px;
		height: 24px
	}

	.scene-brandbook-item-icon .lxiconfont {
		font-size: 18px
	}
}

.scene-brandbook-item-name {
	padding-bottom: .14285714285714285rem;
	font-size: .17857142857142855rem;
	line-height: .25rem;
	font-family: li-medium,Microsoft YaHei,SF Pro SC,SF Pro Display,PingFang SC,Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif;
	color: #fff;
	text-align: center
}

@media (max-width:720px) {
	.scene-brandbook-item-name {
		padding-bottom: 8px;
		font-size: 16px;
		line-height: 28px
	}
}

.scene-brandbook-item-button {
	position: absolute;
	bottom: 0;
	left: 50%;
	padding: .0625rem .14285714285714285rem;
	border: 1px solid #fff;
	border-radius: .8928571428571428rem;
	text-align: center;
	white-space: nowrap;
	-webkit-transform: translate(-50%);
	transform: translate(-50%);
	cursor: pointer;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none
}

@media (max-width:720px) {
	.scene-brandbook-item-button {
		padding: 4px 12px;
		font-size: 14px;
		line-height: 22px
	}
}

.scene-brandbook-item-button-placeholder {
	padding: .0625rem .14285714285714285rem;
	border: 1px solid #fff;
	border-radius: .8928571428571428rem;
	text-align: center;
	opacity: 0;
	visibility: hidden
}

@media (max-width:720px) {
	.scene-brandbook-item-button-placeholder {
		padding: 4px 12px;
		font-size: 14px;
		line-height: 22px
	}
}

.scene.scene-aboutgrid {
	height: auto;
	min-height: unset
}

.scene.scene-aboutgrid.active .scene-aboutgrid-swiper,.scene.scene-aboutgrid.active .scene-aboutgrid-wrap {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	opacity: 1
}

.scene.scene-aboutgrid.loaded .scene-aboutgrid-cell {
	background-image: var(--backgroundImage1920)
}

.scene.scene-aboutgrid.loaded .scene-aboutgrid-swiper-image {
	background-image: var(--backgroundImage720)
}

@media (max-width:720px) {
	.scene.scene-aboutgrid {
		padding-bottom: 40px
	}
}

.scene-aboutgrid-wrap {
	display: flex;
	height: calc(65.25vw - 1.86429rem);
	max-width: 14.285714285714285rem;
	max-height: 9.321428571428571rem;
	padding: 0 1.4285714285714284rem .7142857142857142rem;
	box-sizing: content-box;
	margin: 0 auto;
	-webkit-transform: translate3d(0,90px,0);
	transform: translate3d(0,90px,0);
	transition: opacity .8s linear,-webkit-transform .8s cubic-bezier(.26,.67,.48,.91);
	transition: opacity .8s linear,transform .8s cubic-bezier(.26,.67,.48,.91);
	transition: opacity .8s linear,transform .8s cubic-bezier(.26,.67,.48,.91),-webkit-transform .8s cubic-bezier(.26,.67,.48,.91);
	transition-delay: .3s;
	opacity: 0;
	will-change: transform,opacity
}

@media (max-width:1024px) {
	.scene-aboutgrid-wrap {
		height: 1250px;
		max-height: unset
	}
}

.scene-aboutgrid-item {
	display: grid;
	grid-template-columns: repeat(2,1fr);
	grid-template-rows: repeat(8,1fr);
	grid-column-gap: .17857142857142855rem;
	grid-row-gap: .17857142857142855rem;
	flex: 1
}

.scene-aboutgrid-item+.scene-aboutgrid-item {
	margin-left: .17857142857142855rem
}

.scene-aboutgrid-item:first-child .scene-aboutgrid-cell:first-child,.scene-aboutgrid-item:first-child .scene-aboutgrid-cell:nth-child(2) {
	grid-row-start: 1;
	grid-row-end: 3
}

.scene-aboutgrid-item:first-child .scene-aboutgrid-cell:nth-child(3) {
	grid-column-start: 1;
	grid-column-end: 3;
	grid-row-start: 3;
	grid-row-end: 7
}

.scene-aboutgrid-item:first-child .scene-aboutgrid-cell:nth-child(4),.scene-aboutgrid-item:first-child .scene-aboutgrid-cell:nth-child(5) {
	grid-row-start: 7;
	grid-row-end: 9
}

.scene-aboutgrid-item:first-child .scene-aboutgrid-cell:nth-child(6) {
	display: none;
	grid-column-start: 1;
	grid-column-end: 3;
	grid-row-start: 9;
	grid-row-end: 13
}

.scene-aboutgrid-item:nth-child(2) .scene-aboutgrid-cell:first-child {
	grid-column-start: 1;
	grid-column-end: 3;
	grid-row-start: 1;
	grid-row-end: 4
}

.scene-aboutgrid-item:nth-child(2) .scene-aboutgrid-cell:nth-child(2) {
	grid-column-start: 1;
	grid-column-end: 3;
	grid-row-start: 4;
	grid-row-end: 6
}

.scene-aboutgrid-item:nth-child(2) .scene-aboutgrid-cell:nth-child(3) {
	grid-column-start: 1;
	grid-column-end: 3;
	grid-row-start: 6;
	grid-row-end: 9
}

.scene-aboutgrid-item:nth-child(2) .scene-aboutgrid-cell:nth-child(4),.scene-aboutgrid-item:nth-child(2) .scene-aboutgrid-cell:nth-child(5) {
	grid-row-start: 9;
	grid-row-end: 11
}

.scene-aboutgrid-item:nth-child(2) .scene-aboutgrid-cell:nth-child(6) {
	grid-column-start: 1;
	grid-column-end: 3;
	grid-row-start: 11;
	grid-row-end: 13
}

.scene-aboutgrid-item:nth-child(2) .scene-aboutgrid-cell:nth-child(n+4) {
	display: none
}

.scene-aboutgrid-item:nth-child(3) .scene-aboutgrid-cell:first-child {
	grid-column-start: 1;
	grid-column-end: 3;
	grid-row-start: 1;
	grid-row-end: 5
}

.scene-aboutgrid-item:nth-child(3) .scene-aboutgrid-cell:nth-child(2),.scene-aboutgrid-item:nth-child(3) .scene-aboutgrid-cell:nth-child(3) {
	grid-row-start: 5;
	grid-row-end: 7
}

.scene-aboutgrid-item:nth-child(3) .scene-aboutgrid-cell:nth-child(4) {
	grid-column-start: 1;
	grid-column-end: 3;
	grid-row-start: 7;
	grid-row-end: 9
}

@media (max-width:1024px) {
	.scene-aboutgrid-item {
		grid-template-rows: repeat(12,1fr);
		grid-column-gap: 15px;
		grid-row-gap: 15px
	}

	.scene-aboutgrid-item:first-child .scene-aboutgrid-cell:nth-child(6),.scene-aboutgrid-item:nth-child(2) .scene-aboutgrid-cell:nth-child(n+4) {
		display: flex
	}

	.scene-aboutgrid-item:nth-child(3) {
		display: none
	}
}

.scene-aboutgrid-cell {
	display: flex;
	padding: .2857142857142857rem;
	border-radius: 4px;
	flex-direction: column;
	justify-content: center;
	background-color: #e6f1f0;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: cover
}

@media (max-width:1680px) {
	.scene-aboutgrid-cell {
		padding: .21428571428571427rem
	}
}

@media (max-width:1580px) {
	.scene-aboutgrid-cell {
		padding: .14285714285714285rem
	}
}

.scene-aboutgrid-title {
	font-size: .14285714285714285rem;
	font-family: li-medium,Microsoft YaHei,SF Pro SC,SF Pro Display,PingFang SC,Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif;
	line-height: 1.75;
	color: #666;
	text-align: center
}

@media (max-width:1680px) {
	.scene-aboutgrid-title {
		font-size: .125rem;
		line-height: 1.5
	}
}

@media (max-width:720px) {
	.scene-aboutgrid-title {
		font-size: 12px;
		line-height: 20px;
		color: #191919
	}
}

.scene-aboutgrid-desc {
	padding-top: .21428571428571427rem;
	font-size: .125rem;
	font-family: li-medium,Microsoft YaHei,SF Pro SC,SF Pro Display,PingFang SC,Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif;
	line-height: 1.5;
	color: #999;
	text-align: center
}

@media (max-width:1580px) {
	.scene-aboutgrid-desc {
		font-size: 12px
	}
}

@media (max-width:720px) {
	.scene-aboutgrid-desc {
		padding-top: 16px;
		line-height: 20px;
		color: #999
	}
}

.scene-aboutgrid-swiper {
	padding: 0 15px;
	-webkit-transform: translate3d(0,90px,0);
	transform: translate3d(0,90px,0);
	transition: opacity .8s linear,-webkit-transform .8s cubic-bezier(.26,.67,.48,.91);
	transition: opacity .8s linear,transform .8s cubic-bezier(.26,.67,.48,.91);
	transition: opacity .8s linear,transform .8s cubic-bezier(.26,.67,.48,.91),-webkit-transform .8s cubic-bezier(.26,.67,.48,.91);
	opacity: 0;
	will-change: transform,opacity;
	transition-delay: .3s
}

.scene-aboutgrid-swiper-inner {
	display: flex
}

.scene-aboutgrid-swiper-item {
	width: calc(100vw - 40px);
	border-radius: 8px;
	overflow: hidden;
	margin: 0 5px
}

.scene-aboutgrid-swiper-image {
	height: calc(56.25vw - 22.5px);
	border-radius: 8px 8px 0 0;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: cover
}

.scene-aboutgrid-swiper-info {
	padding: 24px 20px;
	border-radius: 0 0 8px 8px;
	text-align: center;
	background-color: #fafafa
}

@media (max-width:720px) {
	.scene-aboutgrid-swiper-info {
		background-color: #fff
	}
}

.product-elevator {
	z-index: 201;
	position: fixed;
	right: 40px;
	bottom: 24px
}

.product-elevator.active .product-elevator-item:last-child {
	height: 48px;
	margin: 16px 0
}

.product-elevator.stay {
	position: absolute
}

.product-elevator.en .product-elevator-item {
	display: none
}

.product-elevator.en .product-elevator-item:last-child {
	display: block
}

.product-elevator.isli .product-elevator-item.active .product-elevator-item-inner {
	color: #fff;
	background-color: #191919
}

.product-elevator.isli .product-elevator-item-inner:hover {
	color: #222;
	background-color: hsla(0,0%,92.5%,.6)
}

@media (max-width:720px) {
	.product-elevator {
		right: 16px;
		bottom: calc(16px + constant(safe-area-inset-bottom));
		bottom: calc(16px + env(safe-area-inset-bottom));
		transition: bottom .3s cubic-bezier(.39,.575,.565,1)
	}

	.product-elevator.active .product-elevator-item:last-child {
		height: 40px;
		margin: 12px 0
	}
}

.product-elevator-item {
	position: relative;
	width: 48px;
	height: 48px;
	margin: 16px 0
}

.product-elevator-item:last-child {
	height: 0;
	overflow: hidden;
	margin: 0;
	transition: height .3s cubic-bezier(.39,.575,.565,1),margin .3s cubic-bezier(.39,.575,.565,1)
}

.product-elevator-item.active .product-elevator-item-inner {
	color: #fff;
	background-color: #191919
}

@media (max-width:720px) {
	.product-elevator-item {
		width: 40px;
		height: 40px;
		margin: 12px 0
	}
}

.product-elevator-item-inner {
	display: flex;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	color: #222;
	background-color: hsla(0,0%,92.5%,.6);
	transition: color .3s cubic-bezier(.39,.575,.565,1),background .3s cubic-bezier(.39,.575,.565,1);
	cursor: pointer
}

.product-elevator-item-inner:hover {
	color: #fff;
	background-color: #191919
}

.product-elevator-item-inner .lxiconfont {
	display: flex;
	width: 100%;
	height: 100%;
	align-items: center;
	justify-content: center;
	font-size: 26px
}

@media (max-width:1024px) {
	.product-elevator-item-inner:hover {
		color: #222;
		background-color: hsla(0,0%,92.5%,.6)
	}
}

@media (max-width:720px) {
	.product-elevator-item-inner {
		width: 40px;
		height: 40px
	}
}

.main-telElevatorLayer-layer {
	position: absolute;
	right: 66px;
	bottom: 0;
	width: 220px;
	padding: 14px 34px;
	text-align: center;
	background-color: #fff;
	transition: opacity .3s cubic-bezier(.39,.575,.565,1);
	opacity: 0;
	visibility: hidden;
	cursor: default
}

.main-telElevatorLayer-layer.show {
	opacity: 1;
	visibility: visible
}

.main-telElevatorLayer-layer-item {
	font-size: 12px;
	line-height: 20px;
	color: #000
}

.main-telElevatorLayer-layer-item .layer-triangle {
	position: absolute;
	right: -7px;
	bottom: 17px;
	width: 15px;
	height: 15px;
	background-color: #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.isbaiduminapp .chj-footer-icon-app {
	display: none
}

.chj-footer {
	position: relative;
	bottom: 0;
	font-size: 12px;
	line-height: 20px;
	background-color: #000
}

.chj-footer.islibrowser .chj-footer-text {
	pointer-events: none
}

.chj-footer.islibrowser .footer-alink {
	text-decoration: unset
}

@media (max-width:850px) {
	.chj-footer {
		border-top: 1px solid #222
	}

	.chj-footer.noMobileFooter {
		display: none
	}
}

.chj-footer-inner {
	position: relative;
	padding: 0 48px;
	margin: 0 auto
}

@media (max-width:1024px) {
	.chj-footer-inner {
		width: 100%;
		padding: 0 3.90625vw;
		box-sizing: border-box
	}
}

@media (max-width:850px) {
	.chj-footer-inner {
		width: 100%;
		padding: 0 5.555555555555555vw 23px
	}

	.chj-footer-inner .mobile-hide {
		display: none
	}
}

.chj-footer-link {
	display: flex;
	flex-wrap: wrap
}

.chj-footer-link a {
	display: flex;
	width: auto;
	height: 40px;
	align-items: center;
	color: hsla(0,0%,100%,.8);
	text-align: left
}

.chj-footer-link a:hover {
	color: #fff
}

.chj-footer-link a:not(:last-of-type):after {
	margin: 0 20px;
	color: #222;
	content: "|"
}

@media (max-width:850px) {
	.chj-footer-link a {
		height: 40px;
		padding-bottom: 20px
	}

	.chj-footer-link a:not(:last-of-type):after {
		margin: 0 4.533333333333333vw
	}
}

@media (max-width:750px) {
	.chj-footer-link a:not(:last-of-type):after {
		margin: 0 2.933333333333333vw
	}
}

.chj-footer-inner-cell {
	display: flex;
	justify-content: space-between
}

.chj-footer-inner-cell.cell-top {
	height: auto;
	padding: 10px 0 0 0;
	border-bottom: 1px solid #222;
	align-items: start
}

.chj-footer-inner-cell.cell-bottom {
	padding-top: 0;
	flex-direction: column;
	justify-content: center
}

@media (max-width:850px) {
	.chj-footer-inner-cell {
		width: 100%;
		padding: 0;
		flex-direction: column;
		justify-content: flex-start
	}

	.chj-footer-inner-cell.cell-top {
		height: auto;
		padding-top: 20px;
		border-bottom: none;
		align-items: flex-start
	}
}

.chj-footer-icon {
	display: flex;
	height: 40px;
	padding-left: 120px;
	flex-shrink: 0
}

.chj-footer-icon a {
	position: relative;
	display: flex;
	width: 40px;
	height: 40px;
	align-items: center;
	justify-content: center;
	text-align: center
}

.chj-footer-icon a:not(:last-child) {
	margin-right: 16px
}

.chj-footer-icon a .chj-footer-popover {
	position: absolute;
	z-index: 202;
	left: 50%;
	bottom: 30px;
	display: none;
	width: 172px;
	padding-top: 16px;
	padding-bottom: 12px;
	border-radius: 4px;
	box-shadow: 0 10px 40px rgba(0,0,0,.2);
	margin-left: -86px;
	background-color: #fff
}

.chj-footer-icon a .chj-footer-popover.popshow {
	display: block
}

.chj-footer-icon a .chj-footer-popover .popover-qrcode {
	width: 140px;
	height: 140px;
	overflow: hidden;
	margin: 0 auto
}

.chj-footer-icon a .chj-footer-popover .popover-qrcode img {
	width: 100%;
	height: 100%
}

.chj-footer-icon a .chj-footer-popover .popover-close {
	position: absolute;
	right: 10px;
	top: 10px;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	opacity: .7
}

.chj-footer-icon a .chj-footer-popover .popover-close .iconfont {
	font-size: 14px;
	color: #8c8985
}

.chj-footer-icon a .chj-footer-popover .popover-text {
	margin-top: 12px;
	font-size: 14px;
	font-family: li-regular,Microsoft YaHei,SF Pro SC,SF Pro Display,PingFang SC,Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif;
	color: #222;
	line-height: 22px;
	text-align: center
}

.chj-footer-icon a .chj-footer-popover:after {
	position: absolute;
	left: 50%;
	bottom: -16px;
	border: 10px solid transparent;
	margin-left: -10px;
	border-top-color: #f7f8f9;
	content: ""
}

@media (max-width:720px) {
	.chj-footer-icon a .chj-footer-popover {
		left: 100%
	}

	.chj-footer-icon a .chj-footer-popover:after {
		left: 40%
	}
}

.chj-footer-icon .iconfont {
	font-size: 16px;
	color: #8c8985;
	line-height: 20px
}

@media (max-width:850px) {
	.chj-footer-icon {
		padding-left: 0
	}
}

.chj-footer-text {
	display: flex;
	justify-content: center;
	line-height: 20px
}

.chj-footer-text p>span {
	position: relative;
	display: inline-block;
	margin-top: 10px;
	color: #fff;
	cursor: pointer;
	color: hsla(0,0%,100%,.8)
}

.chj-footer-text p>span:hover {
	color: #fff
}

.chj-footer-text p>span:not(:first-of-type):before {
	display: inline-block;
	margin: 0 16px;
	color: hsla(0,0%,100%,.8);
	content: "|"
}

.chj-footer-text p>span.last {
	margin-left: 18px
}

@media (max-width:850px) {
	.chj-footer-text {
		padding-bottom: 9px;
		flex-direction: column
	}

	.chj-footer-text p>span:not(:first-of-type):before {
		margin: 0;
		content: ""
	}

	.chj-footer-text p>span:nth-child(2):before {
		margin: 0 16px;
		content: "|"
	}

	.chj-footer-text p>span.last {
		margin-left: 0
	}
}

.chj-footer-copyright {
	display: flex;
	padding-bottom: 25px;
	justify-content: center;
	color: #8c8985;
	letter-spacing: 1;
	font-family: li-medium,Microsoft YaHei,SF Pro SC,SF Pro Display,PingFang SC,Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif
}

/*
.chj-footer-copyright i {
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-right: 4px;
	vertical-align: sub;
	background: url(https://s.ampmake.com/fed/m01/asset-1907/image/other/emblem.8f49442a.png) no-repeat;
	background-size: 100% 100%
}
*/
.chj-footer-copyright a,.chj-footer-copyright a:hover,.chj-footer-copyright a:visited {
	color: #8c8985
}

.chj-footer-copyright span {
	display: inline-block;
	margin-top: 10px;
	margin-right: 16px;
	line-height: 20px
}

.chj-footer-copyright span a {
	color: #8c8985
}

@media (max-width:1024px) {
	.chj-footer-copyright {
		flex-direction: column
	}
}

@media (max-width:850px) {
	.chj-footer-copyright span {
		margin-right: 0
	}
}

.chj-footer-copyright-top {
	text-align: center
}

@media (max-width:850px) {
	.chj-footer-copyright-top {
		text-align: left
	}
}

@media (max-width:850px) {
	.chj-footer-copyright-bottom span {
		margin-right: 0
	}
}

.chj-footer-inner.en {
	display: flex;
	padding-top: 14px;
	padding-bottom: 14px;
	justify-content: space-between
}

.chj-footer-inner.en .chj-footer-copyright {
	padding-bottom: 0
}

.chj-footer-inner.en ul {
	display: flex
}

.chj-footer-inner.en ul li {
	padding: 0 12px;
	margin: 0 12px;
	white-space: nowrap
}

.chj-footer-inner.en ul li:hover {
	color: #8c8985
}

.chj-footer-inner.en .chj-footer-icon a {
	width: 20px
}

.chj-footer-inner.en .chj-footer-icon a:not(:last-child) {
	margin-right: 16px
}

@media (max-width:1024px) {
	.chj-footer-inner.en ul {
		padding: 16px 0
	}

	.chj-footer-inner.en ul li {
		padding: 0 4px;
		margin: 0 4px;
		white-space: nowrap
	}

	.chj-footer-inner.en ul li:hover {
		color: #8c8985
	}
}

@media (max-width:720px) {
	.chj-footer-inner.en .chj-footer-popover {
		margin-left: -132px
	}

	.chj-footer-inner.en .chj-footer-popover:after {
		left: 70%
	}
}

.footer-alink {
	text-decoration: underline
}

@media (max-width:850px) {
	.footer-mAlink {
		text-decoration: underline
	}
}
/*影响 menu start */
/*
header {
	position: fixed;
	width: 100%;
	top: 0;
	box-shadow: 0 4px 4px rgba(0,0,0,.05);
	z-index: 100;
	opacity: 0
}

header.show {
	opacity: 1
}
*/
/*影响 menu end*/
.page-padding .chj-content {
	padding-top: 50px
}

@media (min-width:751px) and (max-width:1290px) {
	.page-padding .chj-content {
		padding-top: 44px
	}
}

.isapp .page-padding .chj-content,.isthirdapp .page-padding .chj-content {
	padding-top: 0
}


@media (min-width:721px) {
	.header-relative-pc header {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
		position: relative
	}
}

@media (max-width:720px) {
	.header-relative-pc {
		padding-top: 50px
	}
}


@-webkit-keyframes lineTopReverse {
	0% {
		-webkit-transform: translate3d(0,6px,0) rotate(135deg);
		transform: translate3d(0,6px,0) rotate(135deg)
	}

	50% {
		-webkit-transform: translate3d(0,6px,0) rotate(0);
		transform: translate3d(0,6px,0) rotate(0)
	}

	to {
		-webkit-transform: translateZ(0) rotate(0);
		transform: translateZ(0) rotate(0)
	}
}

@keyframes lineTopReverse {
	0% {
		-webkit-transform: translate3d(0,6px,0) rotate(135deg);
		transform: translate3d(0,6px,0) rotate(135deg)
	}

	50% {
		-webkit-transform: translate3d(0,6px,0) rotate(0);
		transform: translate3d(0,6px,0) rotate(0)
	}

	to {
		-webkit-transform: translateZ(0) rotate(0);
		transform: translateZ(0) rotate(0)
	}
}

@-webkit-keyframes lineBottomReverse {
	0% {
		-webkit-transform: translate3d(0,-6px,0) rotate(45deg);
		transform: translate3d(0,-6px,0) rotate(45deg)
	}

	50% {
		-webkit-transform: translate3d(0,-6px,0) rotate(0);
		transform: translate3d(0,-6px,0) rotate(0)
	}

	to {
		-webkit-transform: translateZ(0) rotate(0);
		transform: translateZ(0) rotate(0)
	}
}

@keyframes lineBottomReverse {
	0% {
		-webkit-transform: translate3d(0,-6px,0) rotate(45deg);
		transform: translate3d(0,-6px,0) rotate(45deg)
	}

	50% {
		-webkit-transform: translate3d(0,-6px,0) rotate(0);
		transform: translate3d(0,-6px,0) rotate(0)
	}

	to {
		-webkit-transform: translateZ(0) rotate(0);
		transform: translateZ(0) rotate(0)
	}
}

.chj-dialog {
	position: fixed;
	background-color: rgba(0,0,0,.15);
	left: 0;
	top: 0;
	width: 100vw;
	height: 100%;
	z-index: 1001
}

.chj-dialog-inner {
	position: relative;
	background-color: #fff;
	top: 50%;
	margin: 0 auto;
	width: 580px;
	border-radius: 4px;
	box-shadow: 0 10px 40px 0 rgba(0,0,0,.2);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.chj-dialog-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 24px 32px 0 32px;
	width: 100%
}

.chj-dialog-headerDesc {
	padding: 0 32px;
	font-size: 12px;
	color: #222
}

.chj-dialog-header-title {
	font-size: 20px;
	line-height: 30px;
	color: #222;
	font-family: li-regular,Microsoft YaHei,SF Pro SC,SF Pro Display,PingFang SC,Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif
}

.chj-dialog-header-cancel:hover {
	cursor: pointer
}

.chj-dialog-header-cancel .iconfont {
	display: inline-block;
	padding: 5px;
	font-size: 14px;
	line-height: 14px;
	color: #8c8985
}

.chj-dialog-body {
	position: relative;
	box-sizing: border-box;
	padding: 24px 32px;
	min-height: 56px
}

.chj-dialog-body.bodyscroll {
	overflow-y: auto
}

.chj-dialog-body.plain {
	padding: 0;
	min-height: 112px;
	max-height: 434px
}

.chj-dialog-footer {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	width: 100%;
	padding: 0 32px 24px 32px
}

.chj-dialog-footer .chj-button {
	min-width: 88px;
	margin-left: 12px;
	border-radius: 50px;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.chj-dialog-fade-enter,.chj-dialog-fade-leave-to {
	opacity: 0
}

.chj-dialog-fade-enter-active,.chj-dialog-fade-leave-active {
	transition: opacity .3s ease
}

@media (max-width:1024px) {
	.chj-dialog-inner {
		width: 480px
	}
}

@media (max-width:720px) {
	.chj-dialog-inner {
		border-radius: 15px;
		width: 75vw
	}

	.chj-dialog-header {
		padding: 20px 20px 0 20px;
		height: auto
	}

	.chj-dialog-header-title {
		font-size: 16px;
		font-family: PingFangSC-Medium,PingFang SC;
		color: #2f2f2f;
		line-height: 24px;
		font-weight: 500
	}

	.chj-dialog-header-title,.chj-dialog-header-title.header-title-center {
		width: 100%;
		text-align: center
	}

	.chj-dialog-header-cancel {
		display: none
	}

	.chj-dialog-body {
		padding: 10px 20px;
		min-height: 44px;
		font-size: 14px;
		font-family: PingFangSC-Regular,PingFang SC;
		color: #2f2f2f;
		line-height: 20px;
		font-weight: 400;
		text-align: center
	}

	.chj-dialog-footer {
		padding: 0;
		height: 43px;
		border-top: 1px solid #e4e4e4
	}

	.chj-dialog-footer .chj-button {
		background-color: #fff;
		flex: 1;
		margin-left: 0;
		border: none;
		border-radius: 0;
		font-size: 16px;
		color: #191919;
		line-height: 42px;
		font-family: PingFangSC-Regular,PingFang SC;
		font-weight: 400
	}

	.chj-dialog-footer .chj-button:first-of-type {
		border-bottom-left-radius: 15px
	}

	.chj-dialog-footer .chj-button:last-of-type {
		border-bottom-right-radius: 15px
	}

	.chj-dialog-footer .chj-button:not(:last-of-type) {
		border-right: 1px solid #e4e4e4
	}

	.chj-dialog-footer .chj-button:hover {
		background-color: #fff
	}
}

.chj-button {
	display: inline-block;
	min-width: 144px;
	padding: 0 16px;
	border-radius: 4px;
	font-size: 14px;
	line-height: 42px;
	white-space: nowrap;
	text-align: center;
	vertical-align: middle;
	cursor: pointer
}

.chj-button.chj-button-disabled {
	cursor: default;
	pointer-events: none
}

.chj-button.chj-button-round {
	height: 42px;
	border-radius: 21px
}

.chj-button-small {
	line-height: 36px
}

.chj-button-primary {
	background-color: #191919;
	color: #fff
}

.chj-button-primary:active,.chj-button-primary:hover {
	background-color: #3c3c3c
}

.chj-button-primary.chj-button-disabled {
	background-color: #d4d4d2
}

.chj-button-secondary {
	border: 1px solid #d4d4d2;
	line-height: 38px
}

.chj-button-secondary:active,.chj-button-secondary:hover {
	border-color: #3c3c3c
}

.chj-button-secondary.chj-button-disabled {
	color: #8c8985
}

.chj-button-secondary.chj-button-small {
	line-height: 32px
}



.fn-left {
	float: left
}

.fn-right {
	float: right
}

.has-lx-track [lxtrack-event] {
	position: relative
}

.has-lx-track [lxtrack-event]:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	border: 1px solid green;
	opacity: .25
}

.has-lx-track [lxtrack-page] {
	position: relative
}

.has-lx-track [lxtrack-page]:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	border: 1px solid green;
	opacity: .25
}

.has-lx-track [lxtrack-event]:before {
	background-color: red
}

.has-lx-track [lxtrack-event=""]:before {
	display: none
}

.has-lx-track [lxtrack-page]:after {
	background-color: #ff0
}

.has-lx-track [lxtrack-page=""]:after {
	display: none
}

.has-lx-track .track-tool {
	position: fixed;
	top: 0;
	right: 0;
	z-index: 100;
	width: 320px;
	height: 300px;
	padding: 16px;
	border-radius: 6px;
	border: none;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	background-color: rgba(255,0,0,.4)
}

html {
	font-size: 112px
}

@media (max-width:1440px) {
	html {
		font-size: 84px
	}
}

@media (max-width:1024px) and (orientation:landscape),(max-width:1024px) and (orientation:portrait) {
	html {
		font-size: 8.33333vw
	}
}

@media (max-width:720px) and (orientation:landscape),(max-width:720px) and (orientation:portrait) {
	html {
		font-size: 8.33333vw
	}
}

input::-webkit-inner-spin-button,input::-webkit-outer-spin-button {
	-webkit-appearance: none
}

input[type=number] {
	-moz-appearance: textfield
}

a {
	text-decoration: none
}

dd,dl,dt,em,i {
	font-style: normal;
	font-weight: 400
}

.iconfont {
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.chj-one,.Helvetica-Bold {
	font-family: li-medium,Microsoft YaHei,SF Pro SC,SF Pro Display,PingFang SC,Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif!important
}

.chj-logo-one {
	font-family: li-medium,Microsoft YaHei,SF Pro SC,SF Pro Display,PingFang SC,Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif
}

.special {
	font-family: SF Pro SC!important
}


.app,.chj-content {
	flex-grow: 1
}

.app {
	display: flex;
	flex-direction: column
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
	body {
		min-height: 100vh
	}
}

h1,h2,h3,h4,h5,h6 {
	margin-bottom: 0;
	font-weight: 400
}

.fn-h1,h1 {
	font-size: 58px;
	line-height: 70px
}

@media (max-width:1680px) {
	.fn-h1,h1 {
		font-size: 50.75px;
		line-height: 61.25px
	}
}

@media (max-width:1440px) {
	.fn-h1,h1 {
		font-size: 43.5px;
		line-height: 52.5px
	}
}

@media (max-width:1280px) {
	.fn-h1,h1 {
		font-size: 38.66667px;
		line-height: 46.66667px
	}
}

.fn-h2,h2 {
	font-size: 46px;
	line-height: 60px
}

@media (max-width:1680px) {
	.fn-h2,h2 {
		font-size: 40.25px;
		line-height: 52.5px
	}
}

@media (max-width:1440px) {
	.fn-h2,h2 {
		font-size: 34.5px;
		line-height: 45px
	}
}

@media (max-width:1280px) {
	.fn-h2,h2 {
		font-size: 30.66667px;
		line-height: 40px
	}
}

.fn-h3,h3 {
	font-size: 28px;
	line-height: 40px
}

@media (max-width:1680px) {
	.fn-h3,h3 {
		font-size: 24.5px;
		line-height: 35px
	}
}

@media (max-width:1440px) {
	.fn-h3,h3 {
		font-size: 21px;
		line-height: 30px
	}
}

@media (max-width:1280px) {
	.fn-h3,h3 {
		font-size: 18.66667px;
		line-height: 26.66667px
	}
}

.fn-h4,h4 {
	font-size: 24px;
	line-height: 30px;
	font-family: li-medium,Microsoft YaHei,SF Pro SC,SF Pro Display,PingFang SC,Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif
}

@media (max-width:1680px) {
	.fn-h4,h4 {
		font-size: 21px;
		line-height: 26.25px
	}
}

@media (max-width:1440px) {
	.fn-h4,h4 {
		font-size: 18px;
		line-height: 22.5px
	}
}

@media (max-width:1280px) {
	.fn-h4,h4 {
		font-size: 16px;
		line-height: 20px
	}
}

.fn-h5,h5 {
	font-size: 24px;
	line-height: 30px
}

@media (max-width:1680px) {
	.fn-h5,h5 {
		font-size: 21px;
		line-height: 26.25px
	}
}

@media (max-width:1440px) {
	.fn-h5,h5 {
		font-size: 18px;
		line-height: 22.5px
	}
}

@media (max-width:1280px) {
	.fn-h5,h5 {
		font-size: 16px;
		line-height: 20px
	}
}

.fn-h6,h6 {
	font-size: 20px;
	line-height: 30px
}

@media (max-width:1680px) {
	.fn-h6,h6 {
		font-size: 17.5px;
		line-height: 26.25px
	}
}

@media (max-width:1440px) {
	.fn-h6,h6 {
		font-size: 15px;
		line-height: 22.5px
	}
}

@media (max-width:1280px) {
	.fn-h6,h6 {
		font-size: 13.33333px;
		line-height: 20px
	}
}

@media (max-width:1024px) {
	.fn-h1,h1 {
		font-size: 44px;
		line-height: 50px
	}

	.fn-h2,h2 {
		font-size: 34px;
		line-height: 45px
	}

	.fn-h4,.fn-h5,h4,h5 {
		font-size: 18px;
		line-height: 20px
	}

	.fn-h6,h6 {
		font-size: 18px;
		line-height: 24px
	}
}

@media (max-width:800px) {
	.fn-h1,h1 {
		font-size: 48px;
		line-height: 60px
	}

	.fn-h2,h2 {
		font-size: 34px;
		line-height: 45px
	}

	.fn-h4,.fn-h5,h4,h5 {
		font-size: 18px;
		line-height: 20px
	}

	.fn-h6,h6 {
		font-size: 18px;
		line-height: 24px
	}
}

@media (max-width:720px) {
	.fn-h1,h1 {
		font-size: 36px;
		line-height: 44px
	}

	.fn-h2,h2 {
		font-size: 32px;
		line-height: 40px
	}

	.fn-h4,h4 {
		font-size: 18px;
		line-height: 20px
	}

	.fn-h5,h5 {
		font-size: 16px;
		line-height: 20px
	}

	.fn-h6,h6 {
		font-size: 14px;
		line-height: 24px
	}
}

.fn-mshow {
	display: none!important
}

@media (max-width:720px) {
	.fn-mblock span {
		display: block
	}

	.fn-mshow {
		display: block!important
	}

	.fn-mhide,.fn-pcshow {
		display: none!important
	}
}

.flex-display {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap
}

@media (max-width:720px) {
	.flex-mdisplay {
		display: flex;
		flex-direction: column
	}
}

@-webkit-keyframes lineTop {
	0% {
		-webkit-transform: translateZ(0) rotate(0);
		transform: translateZ(0) rotate(0)
	}

	50% {
		-webkit-transform: translate3d(0,6px,0) rotate(0);
		transform: translate3d(0,6px,0) rotate(0)
	}

	to {
		-webkit-transform: translate3d(0,6px,0) rotate(135deg);
		transform: translate3d(0,6px,0) rotate(135deg)
	}
}

@keyframes lineTop {
	0% {
		-webkit-transform: translateZ(0) rotate(0);
		transform: translateZ(0) rotate(0)
	}

	50% {
		-webkit-transform: translate3d(0,6px,0) rotate(0);
		transform: translate3d(0,6px,0) rotate(0)
	}

	to {
		-webkit-transform: translate3d(0,6px,0) rotate(135deg);
		transform: translate3d(0,6px,0) rotate(135deg)
	}
}

@-webkit-keyframes lineBottom {
	0% {
		-webkit-transform: translateZ(0) rotate(0);
		transform: translateZ(0) rotate(0)
	}

	50% {
		-webkit-transform: translate3d(0,-6px,0) rotate(0);
		transform: translate3d(0,-6px,0) rotate(0)
	}

	to {
		-webkit-transform: translate3d(0,-6px,0) rotate(45deg);
		transform: translate3d(0,-6px,0) rotate(45deg)
	}
}

@keyframes lineBottom {
	0% {
		-webkit-transform: translateZ(0) rotate(0);
		transform: translateZ(0) rotate(0)
	}

	50% {
		-webkit-transform: translate3d(0,-6px,0) rotate(0);
		transform: translate3d(0,-6px,0) rotate(0)
	}

	to {
		-webkit-transform: translate3d(0,-6px,0) rotate(45deg);
		transform: translate3d(0,-6px,0) rotate(45deg)
	}
}


@-webkit-keyframes skeleton {
	0% {
		background-position: 100% 50%
	}

	to {
		background-position: 0 50%
	}
}

@keyframes skeleton {
	0% {
		background-position: 100% 50%
	}

	to {
		background-position: 0 50%
	}
}

.motion-drawer-enter,.motion-leave-to {
	bottom: 0
}

.motion-drawer-enter-active,.motion-drawer-leave-active {
	transition: all 1s ease-in-out
}


.scene.loaded .scene-cardcontent-big,.scene.loaded .scene-cardcontent-smallcard-bg,.scene.loaded .scene-inner,.scene.loaded .scene-techotacardlist-item-image {
	background-image: var(--backgroundImage1920)
}

@media (max-width:720px) {
	.scene.loaded .scene-cardcontent-big,.scene.loaded .scene-cardcontent-smallcard-bg,.scene.loaded .scene-inner,.scene.loaded .scene-techotacardlist-item-image {
		background-image: var(--backgroundImage720)
	}
}

.scene.loaded .scene-tablevideoandimage-item {
	background-image: var(--backgroundImage1920)
}

@media (max-width:720px) {
	.scene.loaded .scene-tablevideoandimage-item .scene-tablevideoandimage-image {
		background-image: var(--backgroundImage720)
	}
}

.scene-first.loaded .scene-inner,.scene-productlist.loaded .scene-inner {
	background-image: var(--backgroundImage1920)
}

@media (max-width:850px) {
	.scene-first.loaded .scene-inner,.scene-productlist.loaded .scene-inner {
		background-image: var(--backgroundImage768)
	}
}

@media (max-width:720px) {
	.scene-first.loaded .scene-inner,.scene-productlist.loaded .scene-inner {
		background-image: var(--backgroundImage720)
	}
}

html {
	background-color: #000
}

body {
	width: 100%;
	font-family: li-regular,Microsoft YaHei,SF Pro SC,SF Pro Display,PingFang SC,Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif;
	color: #fff;
	background-color: #fafafa;
	transition: opacity .5s ease-in-out
}

body.product-hide {
	opacity: 0
}

@media (max-width:850px) {
	body {
		padding-top: 50px
	}
}

@media (max-width:720px) {
	body {
		padding-top: 0
	}
}


video {
	width: 100%;
	height: 100%;
	background-color: #000;
	-o-object-fit: cover;
	object-fit: cover
}

b {
	font-weight: 400
}

.wrap {
	width: 100%
}

.wrap.en .scene-first .product-fadebox {
	top: 1.9642857142857144rem
}

.wrap.en .scene-first .product-slogan,.wrap.en .scene-first .product-title {
	padding-left: 0
}

.wrap.en .scene.scene-productlist .product-slogan {
	text-indent: 0
}

.wrap.en .scene-brandbook,.wrap.en .scene-sharetitle,.wrap.en .scene-techotacardlist {
	display: none
}

@media (max-width:720px) {
	.wrap.en .scene-first .product-fadebox {
		top: 160px
	}

	.wrap.en .scene-first .product-slogan {
		font-size: 24px;
		line-height: 1.5
	}

	.wrap.en .scene-first .product-title {
		padding: 0 40px
	}
}

.scene {
	position: relative;
	width: 100%;
	height: 100vh;
	min-height: 56.25vw
}

.scene_text {
	position: relative;
	width: 100%;
	/*height: 100vh;*/
	min-height: 28vw;
}


.scene_text .product-fadebox-text .product-card {
	height: 100%;
	display: flex;
	align-items: center;
}

.scene_text1 {
	position: relative;
	width: 100%;
	min-height: 28vw;
	display: flex;
	align-items: center;
}

.scene_text1 .product-fadebox-text1 .product-card1 {
	/*height: 100%;
	display: flex;*/
	align-items: center;
}


@media (max-width:720px) {
	.scene {
		height: 216.53333333333333vw
	}
	.scene_text {
		height: 115.53333333333333vw
	}
	.scene_text1 {
		height: 115.53333333333333vw
	}

}


.scene-wrap {
	height: 100%
}

.scene-inner {
	position: relative;
	height: 100%;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: top;
	background-size: cover
}

.scene-sticky {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	height: 100vh
}

.product-fadebox {
	width: 7.714285714285715rem
}

@media (max-width:720px) {
	.product-fadebox {
		width: 100%
	}
}

.product-slogan {
	margin-bottom: .07142857142857142rem;
	font-size: .41071428571428575rem;
	font-family: li-medium,Microsoft YaHei,SF Pro SC,SF Pro Display,PingFang SC,Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif;
	line-height: .6428571428571428rem;
	text-align: center

}

.product-slogan-text {
	margin-bottom: .07142857142857142rem;
	font-size: .41071428571428575rem;
	font-family: li-medium,Microsoft YaHei,SF Pro SC,SF Pro Display,PingFang SC,Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif;
	line-height: .6428571428571428rem;
	text-align: center
}

@media (max-width:1024px) {
	.product-slogan {
		margin-bottom: .78125vw;
		font-size: 3.125vw;
		line-height: 4.6875vw
	}
	.product-slogan-text {
		margin-bottom: .78125vw;
		font-size: 3.125vw;
		line-height: 4.6875vw
	}
}

@media (max-width:720px) {
	.product-slogan {
		margin-bottom: 2.1333333333333333vw;
		font-size: 6.4vw;
		line-height: 10.666666666666668vw;
		white-space: unset
	}
	.product-slogan-text {
		margin-bottom: 2.1333333333333333vw;
		font-size: 6.4vw;
		line-height: 10.666666666666668vw;
		white-space: unset
	}
}

.product-title {
	margin-bottom: .3214285714285714rem;
	font-size: .14285714285714285rem;
	line-height: .25rem;
	text-align: center
}

.product-title span {
	color: #057568
}

@media (max-width:1024px) {
	.product-title {
		margin-bottom: 3.515625vw;
		font-size: 1.5625vw;
		line-height: 2.734375vw
	}
}

@media (max-width:720px) {
	.product-title {
		padding: 0 8.533333333333333vw;
		margin-bottom: 4.266666666666667vw;
		font-size: 3.733333333333334vw;
		line-height: 5.866666666666666vw
	}
}

.product-videoplayer {
	line-height: .5rem
}

.product-videoplayer,.product-videoplayer .iconfont {
	font-size: .35rem
}

@media (max-width:720px) {
	.product-videoplayer {
		line-height: 8vw
	}

	.product-videoplayer,.product-videoplayer .iconfont {
		font-size: 6.0vw
	}
}

.scene-delivery {
	background-color: #fff
}

.scene-delivery .scene-inner {
	background-position: bottom;
	background-size: 17.142857142857142rem
}

.scene-delivery .product-slogan,.scene-delivery .product-title {
	color: #191919
}

@media (max-width:720px) {
	.scene-delivery .scene-inner {
		background-size: contain
	}
}

.scene-loopvideo .product-fadebox {
	/*top: 2.357142857142857rem; 关于我们 首张图*/
	top: 1rem;
	width: 10.285714285714285rem
}

.scene-loopvideo .product-slogan {
	margin-bottom: .17857142857142855rem;
	font-size: .6428571428571428rem;
	line-height: 1.3888;
	letter-spacing: 5px;
	color: black;
}

.scene-loopvideo .product-title {
	font-size: 0.3rem;
	line-height: 1.3333;
	letter-spacing: 15px;
	color: #999;
}

.scene-loopvideo.scene-loopvideo-about {
	padding: 0 .8928571428571428rem;
	height: auto;
	min-height: unset
}

.scene-loopvideo.scene-loopvideo-about.loaded .scene-inner {
	background-image: none!important
}

.scene-loopvideo.scene-loopvideo-about.loaded .scene-inner:after {
	background-image: var(--backgroundImage1920)
}

@media (max-width:720px) {
	.scene-loopvideo.scene-loopvideo-about.loaded .scene-inner:after {
		background-image: var(--backgroundImage720)
	}
}

.scene-loopvideo.scene-loopvideo-about .scene-inner {
	display: flex;
	padding-top: 1.4285714285714284rem;
	flex-direction: column
}

.scene-loopvideo.scene-loopvideo-about .scene-inner video {
	position: absolute;
	bottom: 0;
	left: 50%;
	-webkit-transform: translate3d(-50%,0,0);
	transform: translate3d(-50%,0,0)
}

.scene-loopvideo.scene-loopvideo-about .scene-inner:after {
	margin: 0 auto;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: cover;
	content: ""
}

.scene-loopvideo.scene-loopvideo-about .scene-inner:after,.scene-loopvideo.scene-loopvideo-about .scene-inner video {
	display: block;
	width: 100%;
	max-width: 15.357142857142856rem;
	height: calc(56.25vw - 1.00446rem);
	max-height: 8.633928571428573rem;
	border-radius: 4px
}

.scene-loopvideo.scene-loopvideo-about .product-fadebox {
	position: static;
	width: 100%;
	padding-bottom: .3571428571428571rem;
	color: #191919;
	-webkit-transform: none;
	transform: none
}

.scene-loopvideo.scene-loopvideo-about .product-slogan {
	margin-bottom: .21428571428571427rem;
	font-size: .5714285714285714rem;
	line-height: 1.40625
}

.scene-loopvideo.scene-loopvideo-about .product-title {
	display: none
}

@media (max-width:850px) {
	.scene-loopvideo.scene-loopvideo-about {
		padding: 0 60px
	}
}

@media (max-width:720px) {
	.scene-loopvideo .product-fadebox {
		top: 160px;
		width: calc(100% - 80px)
	}

	.scene-loopvideo .product-slogan {
		margin-bottom: 16px;
		font-size: 36px;
		line-height: 48px
	}

	.scene-loopvideo .product-title {
		padding: 0;
		font-size: 12px;
		line-height: 20px
	}

	.scene-loopvideo.scene-loopvideo-about {
		padding: 0 20px 30px
	}

	.scene-loopvideo.scene-loopvideo-about .scene-inner {
		padding-top: 80px
	}

	.scene-loopvideo.scene-loopvideo-about .scene-inner:after,.scene-loopvideo.scene-loopvideo-about .scene-inner video {
		height: calc(56.25vw - 22.5px);
		border-radius: 8px
	}

	.scene-loopvideo.scene-loopvideo-about .product-fadebox {
		padding-bottom: 24px
	}

	.scene-loopvideo.scene-loopvideo-about .product-slogan {
		margin-bottom: 16px;
		font-size: 32px;
		line-height: 40px
	}

	.scene-loopvideo.scene-loopvideo-about .scene-loopvideo-button {
		bottom: calc(28.125vw - 11.25px)
	}
}

@media (max-width:850px) {
	.scene-techdetailoperating .scene-techdetailoperating-list {
		padding-left: 60px;
		padding-right: 60px
	}
}

@media (max-width:720px) {
	.scene-techdetailoperating .scene-techdetailoperating-list {
		padding-left: 0;
		padding-right: 0
	}
}

@media (max-width:720px) {
	.scene.scene-tablevideoandimage {
		margin: 17.066666666666666vw 0
	}

	.scene.scene-tablevideoandimage .scene-inner {
		display: flex;
		padding: 0;
		margin: 0 6.4vw;
		flex-direction: column
	}

	.scene.scene-tablevideoandimage .scene-tablevideoandimage-list {
		order: 1;
		background-color: #fafafa
	}

	.scene.scene-tablevideoandimage .scene-tablevideoandimage-item {
		padding: 0
	}

	.scene.scene-tablevideoandimage .scene-tablevideoandimage-image {
		border-radius: 4.266666666666667vw 4.266666666666667vw 0 0;
		margin-bottom: 0
	}

	.scene.scene-tablevideoandimage .scene-tablevideoandimage-content {
		padding: 6.4vw 2.1333333333333333vw 0;
		background-color: #fafafa
	}

	.scene.scene-tablevideoandimage .scene-tablevideoandimage-title {
		font-size: 4.266666666666667vw;
		line-height: 7.466666666666668vw
	}

	.scene.scene-tablevideoandimage .scene-tablevideoandimage-dotlist {
		padding-bottom: 8.533333333333333vw;
		border-radius: 0 0 4.266666666666667vw 4.266666666666667vw;
		order: 2;
		background-color: #fafafa
	}

	.scene.scene-tablevideoandimage .product-fadebox {
		position: static;
		color: #191919;
		-webkit-transform: none;
		transform: none;
		pointer-events: unset
	}

	.scene.scene-tablevideoandimage .product-fadebox-item {
		-webkit-transform: none;
		transform: none;
		transition: unset;
		opacity: 1
	}

	.scene.scene-tablevideoandimage .product-slogan {
		margin-bottom: 12.8vw;
		font-size: 8.533333333333333vw
	}
}

.scene.scene-techotacardlist .scene-inner {
	padding-top: 0
}

.scene.scene-techotacardlist .scene-techotacardlist-content {
	margin-top: 0
}

.scene.scene-techotacardlist .scene-techotacardlist-list {
	max-width: 1920px;
	margin: 0 auto
}

.scene.scene-techotacardlist .scene-techotacardlist-list-item {
	flex: 1
}

.scene.scene-techotacardlist .scene-techotacardlist-item-image {
	min-width: unset
}

.scene.scene-techotacardlist .scene-techscrollarrow {
	display: none
}

.scene-first {
	background-color: #000
}

.scene-first .product-slogan,.scene-first .product-title {
	padding-left: 0em
}

.scene-first .product-slogan br,.scene-first .product-title br {
	display: none
}

@media (max-width:720px) {
	.scene-first .product-slogan br,.scene-first .product-title br {
		display: block
	}
}

@media (max-width:720px) {
	.scene-first .product-fadebox {
		width: 100%
	}

	.scene-first .product-title {
		padding-left: 0;
		font-size: 14px
	}
}

.scene-adss .scene-techdetailoperating-item:first-child br,.scene-power .scene-techdetailoperating-item:first-child br {
	display: none
}

@media (max-width:720px) {
	.scene-adss .scene-techdetailoperating-item:first-child br,.scene-power .scene-techdetailoperating-item:first-child br {
		display: block
	}
}

.scene-power .scene-techdetailoperating-item:nth-child(2) .scene-techdetailoperating-link {
	pointer-events: none
}

.scene-power .scene-techdetailoperating-item:nth-child(2) .scene-techdetailoperating-link .lxiconfont {
	display: none
}

@media (max-width:720px) {
	.scene-value .scene-techdetailoperating-caption br {
		display: none
	}
}

@media (max-width:850px) {
	.scene-value .scene-techdetailoperating-item {
		height: 420px
	}
}

.product-tablelist-item p {
	color: #ccc
}

.product-tablelist-item p:first-child {
	font-size: .14285714285714285rem;
	line-height: .25rem
}

.product-tablelist-item p:nth-child(2) {
	font-size: .125rem;
	line-height: .19642857142857145rem
}

.product-fadebox-item {
	-webkit-transform: translate3d(0,90px,0);
	transform: translate3d(0,90px,0);
	transition: opacity .8s linear,-webkit-transform .8s cubic-bezier(.26,.67,.48,.91);
	transition: opacity .8s linear,transform .8s cubic-bezier(.26,.67,.48,.91);
	transition: opacity .8s linear,transform .8s cubic-bezier(.26,.67,.48,.91),-webkit-transform .8s cubic-bezier(.26,.67,.48,.91)
}