﻿@charset "UTF-8";

/* 公共 */
@font-face {
  font-family: "SourceHanSansSC";
  src: url("/content/fonts/SourceHanSansSC-Regular.woff2");
  font-display: swap;
}
@font-face {
  font-family: "Sofia Pro";
  src: url("/content/fonts/SofiaPro-SemiBold.otf");
  font-display: swap;
}
body{
	background: #000;
	/* font-family: "SourceHanSansSC", "SimHei",-apple-system,"sans-serif"; */
	font-family: -apple-system, "SourceHanSansSC", "sans-serif";
	font-weight: 400;
}
div,span,p,input,select,textarea,label,dl,dt,dd,ul,li,a,sub,sup,i,em,b,strong{
	font-weight: inherit;
	font-family: inherit;
}
.goTop{
	display: none !important;
}
sup{
	font-size: 30%;
	top: -1.5em;
}
.head-place{
	display: none !important;
}
.header-web, .header{
	transition: background-color .4s cubic-bezier(0.33, 1, 0.68, 1);
	-webkit-transition: background-color .4s cubic-bezier(0.33, 1, 0.68, 1);
}
/* body.head-nobg .header-web,
body.head-nobg .header{
	background-color: transparent;
	box-shadow: none;
} */

.main-box{
	overflow: hidden;
}

@media (min-width: 992px) {
	.header-web, .header{
		font-family: "PingFang SC", "Microsoft YaHei", -apple-system, BlinkMacSystemFont, sans-serif;
	}
}

/*******/
.headBth{
	transition: background .5s, color .5s;
	-webkit-transition: background .5s, color .5s;
}
.mst-box{
	width: 100%;
	min-height: calc(100vh - 80px);
	position: relative;
	background: #000;
	margin-bottom: 5rem;
}
.q4-box{
	width: 100%;
	background-color: #000;
	position: relative;
}
.s-heading{
	font-size: 2.8rem;
	line-height: 4.05rem;
	height: 4.05rem;
	/* font-size: 56px;
	line-height: 81px;
	height: 81px; */
	font-weight: 900;
	color: #fff;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	position: relative;
	white-space: nowrap;
	flex-wrap: wrap;
}
.s-heading .en{
	font-family: "Sofia Pro";
	font-weight: 600;
	display: block;
	/* margin: 0 .25em 0 0; */
}
.s-heading img{
	/* height: 2.5rem; */
	height: 54.3%;
	display: block;
	position: relative;
	margin: 0.15em 0.25em 0 0;
}
.s-heading sup{
	top: -2em;
}
.s-heading i{
	font-style: normal;
	color: #fe2c55;
}
.t-heading{
	font-size: 36px;
	line-height: 52px;
	height: 52px;
}
.text-center{
	text-align: center;
}
.zbg-next{
	width: 24.5vw;
	max-width: 470px;
	height: calc(100% + 30px);
	display: block;
	position: absolute;
	right: -1px;
	top: -20px;
	background: linear-gradient(270deg, #000000 42.14%, rgba(0, 0, 0, 0) 100%);
	/* background: url('/img/market/black-right.svg') no-repeat left center;
	background-size: cover; */
	z-index: 20;
	pointer-events: none;
}
.zbg-prev{
	width: 24.5vw;
	max-width: 470px;
	height: calc(100% + 30px);
	display: block;
	position: absolute;
	left: -1px;
	top: -20px;
	/* background: url('/img/market/black-left.svg') no-repeat right center;
	background-size: cover; */
	background: linear-gradient(270deg, #000000 40.85%, rgba(0, 0, 0, 0) 100%);
	transform: matrix(-1, 0, 0, 1, 0, 0);
	-webkit-transform: matrix(-1, 0, 0, 1, 0, 0);
	z-index: 20;
	pointer-events: none;
}
.swip-ctrl{
	width: 3.2rem;
	height: 3.2rem;
	display: block;
	border-radius: 100%;
	background: #fff;
	color: #000;
	border: solid 1px #fff;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	z-index: 25;
	cursor: pointer;
}
.swip-ctrl .bi{
	width: .9rem;
	height: .9rem;
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	background: no-repeat center center;
	background-size: contain;
}
.swip-ctrl.prev{
	left: 4.58vw;
}
.swip-ctrl.prev .bi{
	background-image: url('/img/market/left-black.svg');
}
.swip-ctrl.next{
	right: 4.58vw;
}
.swip-ctrl.next .bi{
	background-image: url('/img/market/right-black.svg');
}
.swiper-button-disabled{
	display: none !important;
}
.swiper-wrapper{
	transition-timing-function: cubic-bezier(0.33,1,0.68,1) !important;
	-webkit-transition-timing-function: cubic-bezier(0.33,1,0.68,1) !important;
}

.gswip-paging{
	width: 100%;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	margin-top: 2.4rem;
	position: static;
	z-index: 20;
}
.gswip-paging .bullet{
	width: 12px;
	height: 12px;
	display: block;
	border-radius: 6px;
	background: #fff;
	opacity: .3;
	transition: all .2s cubic-bezier(0.4, 0, 0.2, 1);
	-webkit-transition: all .2s cubic-bezier(0.4, 0, 0.2, 1);
	margin: 0 8px;
	cursor: pointer;
}
.gswip-paging .bullet.active{
	opacity: 1;
	width: 2rem;
}

.btn-deft{
	background: #FE2C55;
	border: solid 2px #FE2C55;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	color: #fff;
	cursor: pointer;
}
.btn-deft .bi{
	display: block;
	background: no-repeat center center;
	background-size: contain;
}
.btn-deft:focus{
	color: #fff;
}

.icon-play{
	width: 5rem;
	height: 5rem;
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	z-index: 20;
	cursor: pointer;
	background: url('/img/market/video-bigplay.svg') no-repeat center center;
	background-size: contain;
}

@media (max-width: 1600px) {
	.s-heading{
		font-size: 48px;
		line-height: 70px;
		height: 70px;
	}
	.t-heading{
		font-size: 30px;
		line-height: 43px;
		height: 43px;
	}
}
@media (max-width: 1440px) {
	.s-heading{
		font-size: 40px;
		line-height: 58px;
		height: 58px;
	}
	.t-heading{
		font-size: 26px;
		line-height: 38px;
		height: 38px;
	}
}
@media (max-width: 1280px) {
	.s-heading{
		font-size: 36px;
		line-height: 52px;
		height: 52px;
	}
	.t-heading{
		font-size: 24px;
		line-height: 35px;
		height: 35px;
	}
}
@media (min-width: 992px) {
	body.modal-open {
		padding-right: 5px !important;
	}
	.modal-open .header-web{
		padding-right: calc(3em + 5px);
	}
	.swip-ctrl:hover{
		border-color: #FE2C55;
		background: #FE2C55;
		color: #fff;
	}
	.swip-ctrl.prev:hover .bi{
		background-image: url('/img/market/left-white.svg');
	}
	.swip-ctrl.next:hover .bi{
		background-image: url('/img/market/right-white.svg');
	}
	.btn-deft:hover{
		background: #fff;
   	color: #fe2c55;
	}
}
@media (min-height: 1080px) {
	.mst-box{
		min-height: 1000px;
	}
}
@media (max-width: 991.98px) {
	.mst-box{
		min-height: 0;
	}
	.mst-head{
		padding: 0;
	}
	.mst-head .word{
		text-align: center;
	}
	.s-heading{
		font-size: .56rem;
		line-height: 0.82rem;
		height: auto;
		font-weight: 700;
		white-space: normal;
		text-align: center;
	}
	/* .s-heading .en{
		margin: 0 0.1em 0 0;
	} */
	.s-heading img{
		height: .5rem;
		margin: 0.05em .1em 0 0;
	}
	.icon-play{
		width: 1rem !important;
		height: 1rem !important;
	}
	.gswip-paging{
		margin-top: .4rem;
	}
	.gswip-paging .bullet{
		width: 6px;
		height: 6px;
		margin: 4px;
	}
	.gswip-paging .bullet.active{
		width: 20px;
	}
}

/* 动画 */
.is-antd{
	opacity: 0;
	transition: all .4s cubic-bezier(0.33, 1, 0.68, 1);
	-webkit-transition: all .4s cubic-bezier(0.33, 1, 0.68, 1);
}
.is-button{
	opacity: 0;
	visibility: hidden;
	transition: all .2s cubic-bezier(0.4, 0, 0.2, 1);
	-webkit-transition: all .2s cubic-bezier(0.4, 0, 0.2, 1);
}
.is-active .is-antd{
	opacity: 1;
	visibility: visible;
	transform: none;
	-webkit-transform: none;
}
.is-active .is-button{
	opacity: 1;
	visibility: visible;
}
@keyframes fadeInLeftSm {
	0%{
		opacity: 0;
		transform: translateX(-20%);
	}
	100%{
		opacity: 1;
		transform: none;
	}
}
@-webkit-keyframes fadeInLeftSm {
	0%{
		opacity: 0;
		-webkit-transform: translateX(-20%);
	}
	100%{
		opacity: 1;
		-webkit-transform: none;
	}
}
@keyframes fadeInRightSm {
	0%{
		opacity: 0;
		transform: translateX(20%);
	}
	100%{
		opacity: 1;
		transform: none;
	}
}
@-webkit-keyframes fadeInRightSm {
	0%{
		opacity: 0;
		-webkit-transform: translateX(20%);
	}
	100%{
		opacity: 1;
		-webkit-transform: none;
	}
}
.is-antd2{
	animation-duration: 1s;
	-webkit-animation-duration: 1s;
	animation-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
	-webkit-animation-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
}
.fadeInLeftSm{
	opacity: 0;
	transform: translateX(-20%);
	-webkit-transform: translateX(-20%);
}
.fadeInRightSm{
	opacity: 0;
	transform: translateX(20%);
	-webkit-transform: translateX(20%);
}
.fadeInLeftSm.animated{
	animation-name: fadeInLeftSm;
	-webkit-animation-name: fadeInLeftSm;
}
.fadeInRightSm.animated{
	animation-name: fadeInRightSm;
	-webkit-animation-name: fadeInRightSm;
}
@media (max-width: 991.98px) {
	@keyframes fadeInLeftSm {
		0%{
			opacity: 0;
			transform: translateX(-50%);
		}
		100%{
			opacity: 1;
			transform: none;
		}
	}
	@-webkit-keyframes fadeInLeftSm {
		0%{
			opacity: 0;
			-webkit-transform: translateX(-50%);
		}
		100%{
			opacity: 1;
			-webkit-transform: none;
		}
	}
	@keyframes fadeInRightSm {
		0%{
			opacity: 0;
			transform: translateX(50%);
		}
		100%{
			opacity: 1;
			transform: none;
		}
	}
	@-webkit-keyframes fadeInRightSm {
		0%{
			opacity: 0;
			-webkit-transform: translateX(50%);
		}
		100%{
			opacity: 1;
			-webkit-transform: none;
		}
	}
	.fadeInLeftSm{
		opacity: 0;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
	}
	.fadeInRightSm{
		opacity: 0;
		transform: translateX(50%);
		-webkit-transform: translateX(50%);
	}
}

/* 视频 */
.video-box{
	width: 100%;
	padding-top: 56.25%;
	height: auto;
	max-height: 100%;
	position: relative;
	background: #000;
}
.video-js{
	font-size: 1em;
	padding: 0 0 4.4rem;
}
.video-js .vjs-tech,
.video-js video{
	width: 100%;
	height: 100%;
	position: relative;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	object-fit: cover;
	-webkit-object-fit: cover;
	object-position: center center;
	-webkit-object-position: center center;
}
.video-js .vjs-big-play-button{
	width: 5rem;
	height: 5rem;
	border: none;
}
.video-js .vjs-big-play-button .vjs-icon-placeholder{
	background-image: url('/img/market/video-bigplay.svg');
}
.video-js .vjs-control-bar{
	/* position: relative; */
	height: 4.4rem;
}
.vjs-has-started .vjs-control-bar{
	width: 100%;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	background: #000;
	padding: 0 1.1rem;
}
.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{
	opacity: 1;
}
.video-js .vjs-control-bar .vjs-control{
	height: 100%;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
}
.video-js .vjs-mute-control,
.video-js .vjs-picture-in-picture-control,
.video-js .vjs-remaining-time,
.video-js .vjs-volume-panel,
.video-js .vjs-seek-to-live-control{
	display: none !important;
}
.video-js .vjs-current-time, .vjs-no-flex .vjs-current-time,
.video-js .vjs-time-divider,
.video-js .vjs-duration, .vjs-no-flex .vjs-duration{
	display: block;
}
.video-js .vjs-control-bar .vjs-progress-control{
	width: 100%;
	height: 8px;
	position: absolute;
	left: 0;
	top: unset;
	bottom: 100%;
}
.video-js .vjs-progress-control .vjs-progress-holder{
	margin: 0;
	height: 8px;
	background: rgba(78,71,62,.5);
}
.video-js .vjs-load-progress{
	background: #4E473E;
}
.video-js .vjs-play-progress{
	background: #CAC8C4;
}
.video-js .vjs-play-progress:before,
.video-js .vjs-play-control .vjs-icon-placeholder:before, .vjs-icon-play:before,
.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before, .vjs-icon-fullscreen-enter:before{
	display: none !important;
}
.video-js .vjs-play-control{
	width: auto;
	padding: 0;
	margin-right: 1rem;
}
.video-js .vjs-play-control .vjs-icon-placeholder{
	width: 2.4rem;
	height: 2.4rem;
	background: url('/img/market/video-play.svg') no-repeat center center;
	background-size: contain;
}
.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder{
	background-image: url('/img/market/video-play.svg');
}
.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder{
	background-image: url('/img/market/video-pause.svg');
}
.video-js .vjs-fullscreen-control{
	width: 2.4rem;
	height: 100%;
	position: absolute;
	right: 0.85em;
	top: 0;
	margin: 0;
	z-index: 10;
}
.video-js .vjs-fullscreen-control .vjs-icon-placeholder{
	width: 2.4rem;
	height: 2.4rem;
	background: url('/img/market/video-full.svg') no-repeat center center;
	background-size: contain;
}
.video-js .vjs-time-control{
	padding: 0;
	font-size: 1rem;
	line-height: 1.3em;
	text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.video-js .vjs-time-divider{
	min-width: 0;
}

.video-js .vjs-playback-rate{
	position: absolute;
	right: calc(2.6rem + 0.85em);
	top: 0;
	z-index: 10;
	margin: 0;
	z-index: 10;
	font-size: 1rem;
   line-height: 1.3em;
}
.video-js .vjs-playback-rate *{
	font-size: 1em;
	line-height: inherit;
}
.vjs-playback-rate .vjs-playback-rate-value{
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
   text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.vjs-menu-button-popup .vjs-menu{
	margin-bottom: 2em;
}
.js-focus-visible .vjs-menu li.vjs-menu-item:hover, 
.vjs-menu li.vjs-menu-item:focus, 
.vjs-menu li.vjs-menu-item:hover{
	background-color: #fff !important;
   color: #2b333f;
}

.video-js.vjs-ended .vjs-big-play-button,
.video-js.vjs-ended .vjs-poster{
	display: block;
}
.video-js.vjs-ended .vjs-control-bar{
	display: none;
}
@media (max-width: 1600px) {
	.video-js{
		padding-bottom: 4rem;
	}
	.vjs-has-started .vjs-control-bar{
		height: 4rem;
	}
	.video-js .vjs-control-bar .vjs-progress-control,
	.video-js .vjs-progress-control .vjs-progress-holder{
		height: 4px;
	}
	.video-js .vjs-play-control .vjs-icon-placeholder,
	.video-js .vjs-fullscreen-control .vjs-icon-placeholder{
		width: 2rem;
		height: 2rem;
	}
	.video-js .vjs-time-control,
	.video-js .vjs-playback-rate{
		font-size: .9rem;
	}
}
@media (max-width: 991.98px) {
	.video-js{
		padding: 0 0 0.88rem;
	}
	.video-js .vjs-big-play-button{
		width: 1rem;
		height: 1rem;
	}
	.video-js .vjs-control-bar{
		height: .88rem;
		padding: 0 0.3rem;
	}
	.video-js .vjs-control-bar .vjs-progress-control{
		height: 4px;
	}
	.video-js .vjs-progress-control .vjs-progress-holder{
		height: 4px;
	}
	.video-js .vjs-play-control .vjs-icon-placeholder,
	.video-js .vjs-fullscreen-control .vjs-icon-placeholder{
		width: .48rem;
		height: .48rem;
	}
	.video-js .vjs-play-control{
		margin-right: .2rem;
	}
	.video-js .vjs-time-control{
		font-size: .24rem;
	}
	.video-js .vjs-fullscreen-control{
		width: .48rem;
		right: .3rem;
	}
	.video-js .vjs-playback-rate{
		right: 0.88rem;
		font-size: .24rem;
	}
}

/*** 视频弹框 ***/
.modal-video3{
	background: rgba(0,0,0,.5);
	z-index: 9999999;
}
.modal-video3 .modal-dialog{
	width: 70vw;
	max-width: 1280px;
	position: relative;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	margin: 0 auto;
	position: relative;
	top: 50%;
	transform: translateY(-50%) !important;
	-webkit-transform: translateY(-50%) !important;
}
.modal-video3 .modal-content{
	width: 100%;
	max-width: 100%;
	max-height: 90vh;
	display: block;
	background: #000;
	position: relative;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 10px 20px rgba(0,0,0,.4);
}
.modal-video3 .modal-close{
	width: auto;
	height: auto;
	display: block;
	padding: 1em;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1020;
}
.modal-video3 .modal-close img{
	/* width: 2.4em; */
	width: 2.2em;
	display: block;
}
.modal-video3 .video-box{
	padding-top: calc(56.25% + 4.4rem);
}
.modal-video3 .video-js{
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
	background: #000;
}
.modal-video3 .video-js.vjs-ended .vjs-poster{
	display: none;
}
@media (max-width: 1700px) {
	.modal-video3 .modal-dialog{
		width: 60vw;
	}
	.modal-video3 .video-box{
		padding-top: calc(56.25% + 4rem);
	}
	.modal-video3 .modal-close img{
		width: 1.8em;
	}
}
@media (max-width: 1440px){
	.modal-video3 .modal-dialog{
		width: 50vw;
	}
	.modal-video3 .modal-close img{
		width: 1.6em;
	}
}
@media (max-width: 991.98px) {
	.modal-video3 .modal-dialog{
		width: 100%;
		height: 100%;
		max-height: none;
	}
	.modal-video3 .modal-content{
		max-height: none;
		overflow: visible;
		border-radius: 0px;
	}
	.modal-video3 .modal-close{
		transform: translateY(-100%);
	}
	.modal-video3 .video-box{
		width: 100%;
		padding: 0;
	}
	.modal-video3 .video-js{
		position: relative !important;
		border-radius: 0px;
	}
	.modal-video3 .video-js video,
	.modal-video3 .video-js .vjs-poster{
		object-fit: contain;
		-webkit-object-fit: contain;
		border-radius: 0px;
	}
}

/* 内容详情弹框 */
.modal-viewdet{
	background: rgba(0,0,0,.8);
	/* padding: 4.25em 0 4em; */
	z-index: 9999999;
}
.modal-viewdet .modal-dialog{
	width: 80vw;
	max-width: 1450px;
	height: auto;
	position: relative;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	margin: 0 auto;
	position: relative;
	top: 50%;
	transform: translate(0, -50%) !important;
	-webkit-transform: translate(0, -50%) !important;
	pointer-events: none;
}
.modal-viewdet .modal-content{
	width: 100%;
	position: relative;
	pointer-events: none;
}
.modal-viewdet .modal-close{
	display: none;
	width: auto;
	height: 0.48rem;
	padding: 0 0.4rem;
	position: absolute;
	left: 50%;
	bottom: 0;
	top: unset;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	z-index: 2000;
	pointer-events: auto;
	background: none;
}
.modal-viewdet .modal-close img{
	width: 0.48rem;
	height: 0.48rem;
	display: block;
	margin: 0 auto;
}
.modal-viewdet .detbox{
	width: 100%;
	text-align: center;
	pointer-events: none;
}
.modal-viewdet .detbox img{
	max-width: 100%;
	height: auto !important;
	max-height: 90vh;
	object-fit: contain;
	-webkit-object-fit: contain;
	object-position: center center;
	-webkit-object-position: center center;
	display: block;
	margin: 0 auto;
	pointer-events: auto;
}
@media (max-width: 991.98px) {
	.modal-viewdet .modal-dialog{
		width: 100%;
		max-width: 100%;
		padding: 0 0.32rem;
	}
	.modal-viewdet .modal-content{
		padding-bottom: 0.8rem;
	}
	.modal-viewdet .modal-close{
		display: block;
	}
}

/* 第一屏 */
.mst1-box{
	width: 100%;
	height: 100vh;
	position: relative;
	background-color: #000;
	margin: 0;
}
.mst1-bgswip{
	width: 100%;
	height: 100%;
	display: block;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 5;
}
.mst1-bgswip .imgs{
	width: 100%;
	height: 100%;
	display: block;
	overflow: hidden;
	position: relative;
}
.mst1-bgswip .imgs img{
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	-webkit-object-fit: cover;
	object-position: center center;
	-webkit-object-position: center center;
	position: absolute;
	left: 0;
	top: 0;
}
.mst1-docbox{
	width: 445px;
	position: absolute;
	left: 6.25vw;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 20;
	color: #fff;
}
.mst1-docbox .subtit{
	font-size: 1.6rem;
	line-height: 2.3rem;
	font-weight: 700;
	margin-bottom: .6rem;
}
.mst1-docbox .lvtit{
	font-weight: 700;
	/* font-weight: bold; */
	font-size: 5rem;
	line-height: 1.25em;
}
.mst1-docbox .doc{
	font-size: 1rem;
	line-height: 1.45em;
	font-weight: 400;
	color: rgba(255,255,255,.8);
	margin-top: 2.8em;
	text-align: left;
}
.mst1-thbox{
	width: 55.73vw;
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 20;
}
.mst1-thbody{
	width: 100%;
	overflow: hidden;
	position: relative;
}
.mst1-thswip{
	width: 23.4375vw;
	position: relative;
}
.mst1-thswip .swiper-wrapper{
	align-items: center;
	-webkit-align-items: center;
}
.mst1-thswip .box{
	width: 100%;
	display: block;
	overflow: hidden;
	position: relative;
	transition: all .4s cubic-bezier(0.33, 1, 0.68, 1);
	-webkit-transition: all .4s cubic-bezier(0.33, 1, 0.68, 1);
	transform: scale(0.91);
	-webkit-transform: scale(0.91);
	border-radius: 8px;
	transform-origin: right center !important;
	-webkit-transform-origin: right center !important;
}
.mst1-thswip .slide-tap{
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	cursor: pointer;
	z-index: 100;
}
.mst1-thswip .slide-imgs{
	width: 100%;
	padding: 133.33% 0 0;
	overflow: hidden;
	position: relative;
	z-index: 5;
}
.mst1-thswip .slide-imgs img{
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	object-position: center center;
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 8px;
}
.mst1-thswip .slide-zhe{
	height: 7.9rem;
	display: block;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
	position: absolute;
	left: -1px;
	right: -1px;
	bottom: -1px;
	z-index: 1;
	transition: all .4s cubic-bezier(0.33, 1, 0.68, 1);
	-webkit-transition: all .4s cubic-bezier(0.33, 1, 0.68, 1);
	z-index: 10;
}
.mst1-thswip .slide-bd{
	width: 100%;
	height: 10.4rem;
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 20;
	padding: 1rem 1.4rem 0;
	transition: all .4s cubic-bezier(0.33, 1, 0.68, 1);
	-webkit-transition: all .4s cubic-bezier(0.33, 1, 0.68, 1);
	color: #fff;
	transform: translateY(4.3rem);
	-webkit-transform: translateY(4.3rem);
}

.mst1-thswip .slide-tit{
	font-size: 1.6rem;
	line-height: 2.3rem;
	font-weight: 900;
	transition: all .4s cubic-bezier(0.33, 1, 0.68, 1);
	-webkit-transition: all .4s cubic-bezier(0.33, 1, 0.68, 1);
}
.mst1-thswip .slide-info{
	width: 100%;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	font-size: .8rem;
	line-height: 1.5em;
	height: 1.5em;
	margin-top: .6rem;
	white-space: nowrap;
}
.mst1-thswip .slide-info img{
	width: 1.25em;
	display: block;
	margin-right: 4px;
}
.mst1-thswip .slide-info .info{
	margin-right: 1em;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
}
.mst1-thswip .slide-info .info:last-child{
	margin-right: 0;
}

.mst1-thswip .slide-addr span::after{
	content: '|';
	margin: 0 0.25rem;
	font-size: .8em;
	line-height: 1em;
	position: relative;
	top: -2px;
}
.mst1-thswip .slide-addr span:last-child::after{
	display: none;
}
.mst1-thswip .slide-bot{
	width: 100%;
	display: flex;
	display: -webkit-flex;
	margin: 1rem 0 0;
	transform: translateY(100%);
	-webkit-transform: translateY(100%);
	transition: all .4s cubic-bezier(0.33, 1, 0.68, 1);
	-webkit-transition: all .4s cubic-bezier(0.33, 1, 0.68, 1);
	opacity: 0;
}
.mst1-thswip .btn-viewdet{
	width: 7.1rem;
	height: calc(2.2rem + 4px);
	display: flex;
	display: -webkit-flex;
	line-height: 1em;
	font-size: .8rem;
	align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	border-radius: 2em;
}
.mst1-thswip .btn-viewdet .bi{
	width: 1.5em;
	height: 1.5em;
	display: block;
	background: url('/img/market/finger.svg') no-repeat center center;
	background-size: contain;
	margin-left: 6px;
}
.mst1-thswip .slide-word{
	font-size: 1.2rem;
	line-height: 1.75rem;
	font-weight: 900;
}
.mst1-ctrlbox{
	position: absolute;
	right: 9.17vw;
	top: calc(100% + 35px);
	z-index: 50;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
}
.mst1-ctrlbox > *{
	flex: none;
	-webkit-flex: none;
}
.mst1-ctrl{
	width: 48px;
	height: 48px;
	display: block;
	border-radius: 100%;
	background: #fff;
	cursor: pointer;
	position: relative;
	transition: all .2s cubic-bezier(0.4, 0, 0.2, 1);
	-webkit-transition: all .2s cubic-bezier(0.4, 0, 0.2, 1);
}
.mst1-ctrl .bi{
	width: 18px;
	height: 18px;
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	background: no-repeat center center;
	background-size: contain;
}
.mst1-ctrl.prev .bi{
	background-image: url('/img/market/left-black.svg');
}
.mst1-ctrl.next .bi{
	background-image: url('/img/market/right-black.svg');
}
.mst1-paging{
	min-width: 81px;
	width: auto;
	margin: 0 24px;
	font-size: 18px;
	line-height: 20px;
	color: #fff;
	font-weight: 500;
}
.mst1-paging .swiper-pagination-current{
	font-weight: 700;
	font-size: 28px;
	line-height: 32px;
	color: #25F4EE;
	margin-right: 10px;
}
.mst1-paging .swiper-pagination-total{
	margin-left: 5px;
}

.mst1-thswip .swiper-slide-active .box{
	transform: scale(1);
}
.mst1-thswip .swiper-slide-active .slide-tap{
	display: none;
}
.mst1-thswip .swiper-slide-active .slide-zhe{
	height: 10.4rem;
	background: #28282B;
}
.mst1-thswip .swiper-slide-active .slide-bd{
	transform: none;
	-webkit-transform: none;
}
.mst1-thswip .swiper-slide-active .slide-tit{
	font-size: 1.8rem;
	line-height: 2.6rem;
}
.mst1-thswip .swiper-slide-active .slide-info{
	font-size: .8rem;
	line-height: 1.25em;
}
.mst1-thswip .swiper-slide-active .slide-info img{
	width: 1.25em;
}
.mst1-thswip .swiper-slide-active .slide-bot{
	transform: none;
	-webkit-transform: none;
	opacity: 1;
}
@media (min-width: 992px) {
	.mst1-ctrl.swiper-button-disabled{
		display: block !important;
		opacity: .3;
		cursor: default;
	}
	.mst1-ctrl:not(.swiper-button-disabled):hover{
		background: #fe2c55;
	}
	.mst1-ctrl.prev:not(.swiper-button-disabled):hover .bi{
		background-image: url('/img/market/left-white.svg');
	}
	.mst1-ctrl.next:not(.swiper-button-disabled):hover .bi{
		background-image: url('/img/market/right-white.svg');
	}
	.mst1-thswip .btn-viewdet:hover .bi{
		background-image: url('/img/market/finger-red.svg');
	}
}

@media (max-width: 1600px) {
	.mst1-docbox{
		width: 362px;
		left: 7.5vw;
	}
	.mst1-docbox .subtit{
		font-size: 28px;
		line-height: 41px;
		margin-bottom: 12px;
	}
	.mst1-docbox .lvtit{
		font-size: 84px;
		line-height: 1.25em;
	}
	.mst1-docbox .doc{
		font-size: 16px;
		line-height: 23px;
		margin-top: 48px;
	}
	.mst1-thswip .slide-bd{
		height: 192px;
		padding: 20px 28px 0;
	}
	.mst1-thswip .slide-tit{
		font-size: 28px;
		line-height: 41px;
	}
	.mst1-thswip .slide-info{
		font-size: 12px;
		line-height: 17px;
		margin-top: 10px;
		height: 17px;
	}
	.mst1-thswip .slide-info img{
		width: 16px;
	}
	.mst1-thswip .slide-bot{
		margin-top: 16px;
	}
	.mst1-thswip .btn-viewdet{
		width: 134px;
		height: 48px;
		font-size: 14px;
	}
	.mst1-thswip .btn-viewdet .bi{
		width: 24px;
		height: 24px;
		margin-left: 6px;
	}
	.mst1-thswip .swiper-slide-active .slide-zhe{
		height: 192px;
	}
	.mst1-thswip .swiper-slide-active .slide-tit{
		font-size: 30px;
		line-height: 43px;
	}
	.mst1-thswip .swiper-slide-active .slide-info{
		font-size: 14px;
		line-height: 20px;
		margin-top: 12px;
	}
	.mst1-thswip .swiper-slide-active .slide-info img{
		width: 18px;
	}
}
@media (max-width: 1440px) {
	.mst1-docbox{
		width: 314px;
		left: 8.78vw;
	}
	.mst1-docbox .subtit{
		font-size: 24px;
		line-height: 35px;
		margin-bottom: 10px;
	}
	.mst1-docbox .lvtit{
		font-size: 72px;
	}
	.mst1-docbox .doc{
		font-size: 14px;
		line-height: 20px;
		margin-top: 40px;
	}
	.mst1-thswip .slide-bd{
		height: 168px;
		padding: 20px 24px 0;
	}
	.mst1-thswip .slide-tit{
		font-size: 24px;
		line-height: 35px;
	}
	.mst1-thswip .slide-info{
		font-size: 10px;
		line-height: 14px;
		margin-top: 10px;
		height: 14px;
	}
	.mst1-thswip .slide-info img{
		width: 14px;
	}
	.mst1-thswip .slide-bot{
		margin-top: 24px;
	}
	.mst1-thswip .btn-viewdet{
		width: 110px;
		height: 40px;
		font-size: 12px;
	}
	.mst1-thswip .btn-viewdet .bi{
		width: 20px;
		height: 20px;
		margin-left: 6px;
	}
	.mst1-thswip .swiper-slide-active .slide-zhe{
		height: 168px;
	}
	.mst1-thswip .swiper-slide-active .slide-tit{
		font-size: 26px;
		line-height: 38px;
	}
	.mst1-thswip .swiper-slide-active .slide-info{
		font-size: 12px;
		line-height: 17px;
		margin-top: 12px;
	}
	.mst1-thswip .swiper-slide-active .slide-info img{
		width: 16px;
	}
	.mst1-ctrl{
		width: 40px;
		height: 40px;
	}
	.mst1-ctrl .bi{
		width: 16px;
		height: 16px;
	}
}
@media (max-width: 1280px) {
	.mst1-docbox{
		width: 298px;
		left: 9.375vw;
	}
	.mst1-docbox .subtit{
		font-size: 22px;
		line-height: 32px;
		margin-bottom: 8px;
	}
	.mst1-docbox .lvtit{
		font-size: 68px;
	}
	.mst1-docbox .doc{
		font-size: 12px;
		line-height: 17px;
		margin-top: 40px;
	}
	.mst1-thswip .slide-bd{
		height: 168px;
		padding: 20px 24px 0;
	}
	.mst1-thswip .slide-tit{
		font-size: 22px;
		line-height: 32px;
	}
	.mst1-thswip .slide-info{
		font-size: 10px;
		line-height: 14px;
		margin-top: 12px;
		height: 14px;
	}
	.mst1-thswip .slide-info img{
		width: 14px;
	}
	.mst1-thswip .slide-bot{
		margin-top: 24px;
	}
	.mst1-thswip .btn-viewdet{
		width: 110px;
		height: 40px;
		font-size: 12px;
	}
	.mst1-thswip .btn-viewdet .bi{
		width: 20px;
		height: 20px;
		margin-left: 6px;
	}
	.mst1-thswip .swiper-slide-active .slide-zhe{
		height: 168px;
	}
	.mst1-thswip .swiper-slide-active .slide-tit{
		font-size: 24px;
		line-height: 35px;
	}
	.mst1-thswip .swiper-slide-active .slide-info{
		font-size: 12px;
		line-height: 17px;
		margin-top: 12px;
	}
	.mst1-thswip .swiper-slide-active .slide-info img{
		width: 16px;
	}
	.mst1-ctrlbox{
		right: 5.625vw;
	}
}
@media (max-width: 1160px) {
	.mst1-thswip .slide-bd{
		padding: 20px 14px 0;
	}
}

@media (max-width: 991.98px) {
	.mst1-box{
		min-height: 100vh;
		height: auto;
		/* margin-bottom: 0.35rem; */
	}
	.mst1-docbox{
		max-width: none;
		position: relative;
		width: 100%;
		padding: 19.5vw 10.25vw 11.3vw;
		text-align: center;
		left: 0;
		top: 0;
		transform: none;
		-webkit-transform: none;
	}
	.mst1-docbox .subtit{
		font-size: .32rem;
		line-height: 1.4375em;
		margin-bottom: .375em;
		font-weight: 500;
	}
	.mst1-docbox .lvtit{
		font-size: .96rem;
		line-height: 1.25em;
		width: 4.5em;
		margin: 0 auto;
	}
	.mst1-docbox .doc{
		text-align: center;
		font-size: .28rem;
		line-height: 1.43em; 
	}
	.mst1-thbox{
		width: 100%;
		position: relative;
		left: 0;
		top: 0;
		transform: none;
		-webkit-transform: none;
	}
	.mst1-thswip{
		width: 69.23vw;
		margin: 0 auto;
	}
	.mst1-thswip .slide-tap{
		display: none;
	}
	.mst1-thswip .swiper-slide-prev .box{
		transform-origin: left center !important;
		-webkit-transform-origin: left center !important;
	}
	.mst1-thswip .slide-bd{
		/* padding: .3rem .46rem 0; */
		padding: .3rem .3rem 0;
		height: 3.06rem;
	}
	.mst1-thswip .slide-zhe{
		height: 2.08rem;
	}
	.mst1-thswip .slide-tit{
		font-size: .48rem;
		line-height: .7rem;
	}
	.mst1-thswip .slide-info{
		font-size: .26rem;
		line-height: .38rem;
		height: .38rem;
	}
	.mst1-thswip .slide-info img{
		width: .34rem;
	}
	.mst1-thswip .slide-addr span::after{
		margin: 0 0.05rem;
	}
	.mst1-thswip .slide-bot{
		margin-top: .32rem;
	}
	.mst1-thswip .btn-viewdet{
		width: 2.44rem;
		height: .76rem;
		font-size: .28rem;
	}
	.mst1-thswip .btn-viewdet .bi{
		width: .44rem;
		height: .44rem;
		margin-left: 4px;
	}
	.mst1-thswip .slide-word{
		font-size: .24rem;
		line-height: 1.46em;
		margin-top: .1rem;
	}
	.mst1-thswip .swiper-slide-active .slide-zhe{
		height: 3.06rem;
	}
	.mst1-thswip .swiper-slide-active .slide-tit{
		font-size: .46rem;
		line-height: .7rem;
	}
	.mst1-thswip .swiper-slide-active .slide-info{
		font-size: .26rem;
		line-height: .38rem;
	}
	.mst1-thswip .swiper-slide-active .slide-info img{
		width: .34rem;
	}
	.mst1-thswip .swiper-slide-active .slide-word{
		font-size: .28rem;
	}
	.mst1-ctrlbox{
		position: static;
		width: 100%;
		justify-content: center;
		-webkit-justify-content: center;
		margin-top: .4rem;
	}
	.mst1-paging{
		min-width: 0;
		margin: 0;
		font-size: .3rem;
		line-height: 1em;
	}
	.mst1-paging .swiper-pagination-current{
		font-size: .43rem;
		margin-right: 6px;
	}
}


/* 全球重点节点 */
.glnode-box{
	width: 100%;
	background: #000;
	position: relative;
	padding: 2.8em 0 2.4em;
	text-align: center;
}
.glnode-rc{
	width: 10.5vw;
	height: 10.5vw;
	border-radius: 100%;
	background: #25F4EE;
	position: absolute;
	right: 0;
	top: 0;
	transform: translate(14.8%, -50%);
	-webkit-transform: translate(14.8%, -50%);
	z-index: 1;
	display: none;
}
.mstvalue-rc2{
	width: 3.5rem;
	height: 3.5rem;
	display: block;
	border: solid 0.5rem #25f4ee;
	position: absolute;
	right: 3.75vw;
	top: 24%;
	z-index: 1;
	border-radius: 100%;
}
.glnode-box .mst-head{
	margin-bottom: 2.4em;
}
.glnode-tabhd.web{
	width: 80vw;
	max-width: 1178px;
	margin: 0 auto;
	position: relative;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	border-radius: 1.75rem;
	padding: 3px;
}
.glnode-tabhd.web ul{
	margin: 0 -0.5rem;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	background: #252525;
	border-radius: inherit;
}
.glnode-tabhd.web li{
	padding: 0 0.5rem;
	position: relative;
}
.glnode-tabhd.web li::after{
	content: '';
	width: 6.2rem;
	height: 100%;
	display: block;
	border-radius: 1.75rem;
	background: #fff;
	position: absolute;
	left: 50%;
	top: 0;
	z-index: 1;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	opacity: 0;
	transition: all .2s cubic-bezier(0.4, 0, 0.2, 1);
	-webkit-transition: all .2s cubic-bezier(0.4, 0, 0.2, 1);
}
.glnode-tabhd.web a{
	display: block;
	text-align: center;
	width: 5.5rem;
	height: 3rem;
	line-height: 3rem;
	color: rgba(255,255,255,.8);
	position: relative;
	font-size: 1.4rem;
	z-index: 5;
}

.glnode-tabhd.web li.active a{
	color: #FE2C55;
	font-weight: 700;
}
.glnode-tabhd.web li.active::after{
	opacity: 1;
}

.glnode-tabhd.app{
	width: 100%;
	position: relative;
	display: flex;
	display: -webkit-flex;
	z-index: 30;
	justify-content: center;
	-webkit-justify-content: center;
}
.glnode-tabhd.app .box{
	position: relative;
}
.glnode-tabhd.app .hd{
	background: #fff;
	height: .72rem;
	line-height: .72rem;
	font-size: .28rem;
	color: #FE2C55;
	border-radius: .36rem;
	padding: 0 .4rem;
	white-space: nowrap;
	font-weight: 700;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
}
.glnode-tabhd.app .hd img{
	width: 8px;
	display: block;
	margin: 0 0 0 6px;
}
.glnode-tabhd.app .dropbox{
	width: 64vw;
	background: #fcfcfc;
	font-size: .34rem;
	line-height: .88rem;
	color: #000;
	position: absolute;
	left: 50%;
	top: 100%;
	z-index: 20;
	display: none;
	border-radius: 13px;
	text-align: left;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	padding: 5px 0;
}
.glnode-tabhd.app .dropbox li{
	border-bottom: solid 1px #9c9c9c;
}
.glnode-tabhd.app .dropbox li:last-child{
	border-bottom: none;
}
.glnode-tabhd.app .dropbox a{
	width: 100%;
	display: block;
	padding: 0 0.66rem;
	position: relative;
}
.glnode-tabhd.app .dropbox li.active a::before{
	content: '';
	display: block;
	width: 0.28rem;
	height: 0.28rem;
	background: url('/img/market/check.svg') no-repeat center center;
	background-size: contain;
	position: absolute;
	left: .16rem;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

.glnode-tabhd.app .selArea{
	background: url('/img/market/down.svg') no-repeat right .4rem center #fff;
	background-size: 8px auto;
	height: .72rem;
	line-height: .72rem;
	font-size: .28rem;
	color: #FE2C55;
	border-radius: .36rem;
	padding: 0 0.68rem 0 .4rem;
	white-space: nowrap;
	font-weight: 700;
	appearance: none;
	-webkit-appearance: none;
}

.glnode-tips{
	font-size: 1rem;
	line-height: 1.45rem;
	color: rgba(255, 255, 255, 0.5);
	margin-top: 1rem;
}

.glnode-content{
	width: 100%;
	position: relative;
	margin-top: 1rem;
	padding: 3.5rem 0 0.65rem;
}
.glnode-content::before{
	content: '';
	display: block;
	width: 4px;
	height: 100%;
	background: url('/img/market/s2-1.svg') no-repeat center center;
	background-size: 100% 100%;
	border-radius: .5rem;
	position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	z-index: 1;
}
.glnode-content .swiper-slide{
	transform:translate3d(0,0,0);
	-webkit-transform:translate3d(0,0,0);
}
.glnode-detwap{
	width: 100%;
	position: relative;
	z-index: 20;
}
.glnode-pane{
	width: 100%;
	position: relative;
	z-index: 20;
}
.glnode-pane.active{
	display: block;
}

.glnode-detbox{
	width: 100%;
	position: relative;
}
.glnode-detAntd{
	width: 100%;
	position: relative;
	z-index: 20;
}
.glnode-detswip{
	width: 95vw;
	max-width: 1628px;
	height: 306px;
	display: block;
	margin: 0 auto;
	position: relative;
	overflow: visible !important;
	z-index: 10;
}
.glnode-detswip .swiper-slide{
	width: 306px;
}
.glnode-detswip .box{
	width: 306px;
	height: 306px;
	display: block;
	position: relative;
	border-radius: 100%;
	background: #000;
	border: 6px solid rgba(255,255,255,.4);
	text-align: center;
	padding: 40px 48px;
	color: #fff;
	transition: all .4s cubic-bezier(0.33, 1, 0.68, 1);
	-webkit-transition: all .4s cubic-bezier(0.33, 1, 0.68, 1);
	cursor: pointer;
}
.glnode-detswip .title{
	font-size: 36px;
	line-height: 52px;
	height: 70px;
	margin-bottom: 9px;
	font-weight: 900;
	overflow: hidden;
	opacity: .4;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
}
.glnode-detswip .istit-long{
	font-size: 24px;
	line-height: 35px;
	padding: 0 0.5em;
}
.glnode-detswip .doc{
	font-size: 16px;
	line-height: 23px;
	height: 138px;
	overflow: hidden;
	opacity: .4;
	font-weight: 400;
	color: rgba(255,255,255,.8);
}
.glnode-detswip .zbg-prev,
.glnode-detswip .zbg-next{
	width: 224px;
	height: 246px;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
.glnode-detswip .swiper-slide-prev .box,
.glnode-detswip .swiper-slide-next .box{
	border-color: rgba(255,255,255,.6);
}
.glnode-detswip .swiper-slide-prev .title,
.glnode-detswip .swiper-slide-prev .doc,
.glnode-detswip .swiper-slide-next .title,
.glnode-detswip .swiper-slide-next .doc{
	opacity: .6;
}
.glnode-detswip .swiper-slide-active .box,
.glnode-detswip .swiper-slide-active.is-active .box{
	border-color: #FE2C55;
	background: #0C0C0C;
}
.glnode-detswip .swiper-slide-active .title,
.glnode-detswip .swiper-slide-active .doc,
.glnode-detswip .swiper-slide-active.is-active .title,
.glnode-detswip .swiper-slide-active.is-active .doc{
	opacity: 1;
	color: #fff;
}


.glnode-timebox{
	width: 100%;
	position: relative;
	margin-top: 36px;
}
.glnode-timebox .line{
	width: 100%;
	height: 8px;
	left: 0px;
	top: calc((38px - 8px) / 2);
	background: #fff;
	position: absolute;
	z-index: 1;
}
.glnode-tmAntd{
	width: 100%;
	position: relative;
	z-index: 20;
}
.glnode-tswip{
	width: 100%;
	position: relative;
	z-index: 10;
	color: #fff;
	transform:translate3d(0,0,0);
	-webkit-transform:translate3d(0,0,0);
	min-height: 131px;
}
.glnode-tswip .swiper-slide{
	width: 180px;
}
.glnode-tswip .box{
	width: 100%;
	display: block;
	position: relative;
	padding: 45px 0 0;
	text-align: center;
}
.glnode-tswip .icon{
	display: block;
	width: 38px;
	height: 38px;
	position: absolute;
	left: 50%;
	top: 1px;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	background: #FFFFFF;
	border: 9px solid #000000;
	border-radius: 20px;
	transition: all .4s cubic-bezier(0.33, 1, 0.68, 1);
	-webkit-transition: all .4s cubic-bezier(0.33, 1, 0.68, 1);
}
.glnode-tswip .hd{
	opacity: .7;
	transition: all .4s cubic-bezier(0.33, 1, 0.68, 1);
	-webkit-transition: all .4s cubic-bezier(0.33, 1, 0.68, 1);
	font-size: 20px;
	line-height: 28px;
	color: #FFFFFF;
}
.glnode-tswip .title{
	font-weight: 500;
	margin-bottom: 2px;
}
.glnode-tswip .time{
	font-weight: 700;	
	font-family: "Sofia Pro", -apple-system,"sans-serif";
}
.glnode-tswip .is-long .icon{
	width: 100%;
}
.glnode-tswip .swiper-slide-active .icon{
	background: #FE2C55;
}
.glnode-tswip .swiper-slide-active .hd{
	opacity: 1;
}
.glnode-tswip .swiper-slide-active .title,
.glnode-tswip .swiper-slide-active .time{
	font-weight: 700;
}

.glnode-foot{
	width: 100%;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	-webkit-justify-content: center;
	margin-top: 27px;
}
.glnode-foot .btn-download{
	min-width: 19.8rem;
	height: calc(3.4rem + 4px);
	line-height: 3.4rem;
	border-radius: calc(1.7rem + 2px);
	font-weight: 500;
	padding: 0 1.8rem;
}
.glnode-foot .btn-download .bi{
	width: 2rem;
	height: 2rem;
	margin-right: 0.6rem;
}


@media (max-width: 1600px) {
	.glnode-tabhd.web a{
		font-size: 24px;
	}
	.glnode-detswip{
		max-width: 1480px;
		height: 266px;
	}
	.glnode-detswip .swiper-slide{
		width: 266px;
	}
	.glnode-detswip .box{
		width: 266px;
		height: 266px;
		padding: 30px 40px;
	}
	.glnode-detswip .title{
		font-size: 30px;
		line-height: 43px;
		margin-bottom: 9px;
		height: 60px;
	}
	.glnode-detswip .istit-long{
		font-size: 20px;
		line-height: 30px;
	}
	.glnode-detswip .doc{
		font-size: 14px;
		line-height: 20px;
		height: 120px;
		overflow: hidden;
		opacity: .8;
	}
	.glnode-timebox{
		margin-top: 50px;
	}
	.glnode-timebox .line{
		height: 6px;
		top: calc((32px - 6px) / 2);
	}
	.glnode-tswip{
		min-height: 120px;
	}
	.glnode-tswip .icon{
		width: 32px;
		height: 32px;
		border-width: 8px;
	}
	.glnode-tswip .hd{
		font-size: 16px;
		line-height: 22px;
	}
	.glnode-tswip .title{
		margin-bottom: 8px;
	}
	.glnode-foot .btn-download{
		min-width: 340px;
		padding: 0 36px;
		font-size: 20px;
		line-height: 58px;
	   height: 62px;
	   border-radius: 31px;
	}
	.glnode-foot .btn-download .bi{
		width: 1.5em;
	   height: 1.5em;
	   margin-right: 0.6em;
	}
}
@media (max-width: 1440px) {
	.glnode-tabhd.web a{
		font-size: 20px;
	}
	.glnode-detswip{
		max-width: 1230px;
		height: 230px;
	}
	.glnode-detswip .swiper-slide{
		width: 230px;
	}
	.glnode-detswip .box{
		width: 230px;
		height: 230px;
		padding: 25px 30px;
	}
	.glnode-detswip .title{
		font-size: 26px;
		line-height: 38px;
		height: 56px;
		margin-bottom: 5px;
	}
	.glnode-detswip .istit-long{
		font-size: 18px;
		line-height: 28px;
	}
	.glnode-detswip .doc{
		font-size: 12px;
		line-height: 17px;
		height: 102px;
		overflow: hidden;
		opacity: .8;
	}
	.glnode-timebox{
		margin-top: 35px;
	}
	.glnode-timebox .line{
		height: 6px;
		top: calc((32px - 6px) / 2);
	}
	.glnode-tswip{
		min-height: 115px;
	}
	.glnode-tswip .icon{
		width: 32px;
		height: 32px;
		border-width: 8px;
	}
	.glnode-tswip .hd{
		font-size: 14px;
		line-height: 20px;
	}
	.glnode-foot .btn-download{
		min-width: 290px;
		font-size: 16px;
		line-height: 52px;
		height: 56px;
		border-radius: 28px;
	}
}
@media (max-width: 1280px){
	.glnode-tabhd.web a{
		font-size: 18px;
	}
	.glnode-detswip{
		max-width: 1114px;
		height: 210px;
	}
	.glnode-detswip .swiper-slide{
		width: 210px;
	}
	.glnode-detswip .box{
		width: 210px;
		height: 210px;
		padding: 20px 22px;
	}
	.glnode-detswip .title{
		font-size: 24px;
		line-height: 35px;
		height: 56px;
		margin-bottom: 0;
	}
	.glnode-detswip .istit-long{
		font-size: 16px;
		line-height: 24px;
	}
	.glnode-detswip .doc{
		font-size: 12px;
		line-height: 17px;
		height: 102px;
		overflow: hidden;
		opacity: .8;
	}
	.glnode-timebox{
		margin-top: 30px;
	}
	.glnode-timebox .line{
		height: 6px;
		top: calc((26px - 6px) / 2);
	}
	.glnode-tswip .icon{
		width: 26px;
		height: 26px;
		border-width: 6px;
	}
}
@media (max-width: 1171px){
	.glnode-detswip{
		max-width: none;
	}
	.glnode-detswip .swiper-slide{
		width: auto;
	}
}
@media (min-width: 992px) {
	.glnode-tabhd.web li:hover a{
		color: #FE2C55;
	}
	.glnode-content:hover .swip-ctrl{
		opacity: 1;
		visibility: visible;
	}
}
@media (max-width: 991.98px) {
	.glnode-box{
		padding: .96rem 0 1.26rem;
		margin-bottom: 1.2rem;
	}
	.glnode-rc{
		display: none;
	}
	.glnode-box .mst-head{
		margin-bottom: 0.56rem;
	}
	.glnode-tips{
		font-size: .24rem;
		line-height: 1.4em;
		margin-top: .32rem;
	}
	.glnode-content{
		margin: .7rem 0 0;
		padding: 0.8rem 0 0.4rem;
	}
	.glnode-content::before{
		width: 3px;
	}
	.glnode-content .zbg-prev,
	.glnode-content .zbg-next,
	.glnode-content .swip-ctrl{
		display: none;
	}
	.glnode-detbox{
		transform: translate3d(0,0,0);
    	-webkit-transform: translate3d(0,0,0);
    	overflow: hidden;
	}
	.glnode-detswip{
		width: 100%;
		height: 54vw;
		max-height: 250px;
	}
	.glnode-detswip .box{
		width: 54vw;
		height: 54vw;
		max-width: 250px;
		max-height: 250px;
		border-width: 4px;
		/* padding: .5rem 0.4rem 0; */
		padding: .5rem 0 0;
	}
	.glnode-detswip .title{
		font-size: .4rem;
		line-height: 0.6rem;
		height: 0.8rem;
		margin-bottom: .1rem;
		padding: 0 0.5rem;
		/* padding: 0 0.1rem; */
	}
	.glnode-detswip .istit-long{
		font-size: 0.32rem;
		line-height: .4rem;
	}
	.glnode-detswip .doc{
		width: 12.5em;
		max-width: 100%;
		font-size: .24rem;
		line-height: 1.4em;
		height: 8.2em;
		margin: 0 auto;
	}
	.glnode-tswip{
		min-height: 0;
	}
	.glnode-tswip .swiper-slide{
		width: 100px;
	}
	.glnode-tswip .box{
		padding: 40px 0 0;
	}
	.glnode-tswip .hd{
		font-size: .28rem;
		line-height: 1.4em;
		min-height: calc(4.2em + 4px);
	}
	.glnode-tswip .title{
		margin-bottom: 4px;
	} 
	.glnode-tswip .title.istit-long{
		font-size: .26rem;
	}
	.glnode-foot{
		margin-top: 0.6rem;
	}
	.glnode-foot .btn-download{
		min-width: 4.34rem;
		height: .88rem;
		line-height: .88rem;
		border: none;
		font-size: .28rem;
		border-radius: .44rem;
		padding: 0 0.32rem 0 .4rem;
	}
	.glnode-foot .btn-download .bi{
		width: .4rem;
		height: .4rem;
		margin-right: 2px;
	}
	body.is-app.is-ios.is-wx .glnode-detswip .doc{
		width: 13em;
		height: 8.3em;
	}
}

/* 营销价值 */
.mstvalue-wrap{
	width: 100%;
	height: 210vh;
	min-height: 0;
	position: relative;
}
.mstvalue-rc{
	width: 16.8vw;
	height: 16.8vw;
	max-width: 323px;
	max-height: 323px;
	display: block;
	border-radius: 100%;
	background:  #FE2C55;
	position: absolute;
	left: 0;
	top: 0;
	transform: translate(-12.7%, -28.5%);
	-webkit-transform: translate(-12.7%, -28.5%);
	z-index: 1;
	display: none;
}
.mstvalue-wrap .mst-head{
	width: 100%;
	position: absolute;
	left: 0;
	top: 1.8rem;
	z-index: 50;
	/* transition: all .4s cubic-bezier(0.33, 1, 0.68, 1);
	-webkit-transition: all .4s cubic-bezier(0.33, 1, 0.68, 1); */
}
.mstvalue-box {
	width: 100%;
	height: 100vh;
	min-height: 0;
	padding-top: 7.4rem;
	position: relative;
	background: #000;
	/* transition: all .4s cubic-bezier(0.33, 1, 0.68, 1);
	-webkit-transition: all .4s cubic-bezier(0.33, 1, 0.68, 1); */
}

.mstvalue-box .stitem{
	width: 100%;
	position: absolute;
	height: 100%;
	overflow: hidden;	
	transition: transform .4s cubic-bezier(0.33, 1, 0.68, 1), -webkit-transform .4s cubic-bezier(0.33, 1, 0.68, 1), opcity .4s cubic-bezier(0.33, 1, 0.68, 1);
	-webkit-transition: transform .4s cubic-bezier(0.33, 1, 0.68, 1), -webkit-transform .4s cubic-bezier(0.33, 1, 0.68, 1), opcity .4s cubic-bezier(0.33, 1, 0.68, 1);
}
.mstvalue-head{
	width: 100%;
	text-align: center;
	font-size: 2.4rem;
	line-height: 1.45em;
	color: #fff;
	font-weight: 300;
	z-index: 30;
	position: relative;
}
.mstvalue-head b{
	font-weight: 900;
}
.mstvalue-head .cyan{
	color: #25F4EE;
}
.mstvalue-head sup{
	top: -2em;
	font-size: 30%;
}
.mstValue1-imgsbox{
	width: 75vw;
	max-width: 1296px;
	height: calc(100% - 3.5rem);
	/* height: calc(100vh - 80px - 9.8rem); */
	margin: 0 auto;
	position: relative;
	z-index: 10;
	top: -3.5rem;
}
.mstValue1-imgsbox::before{
	content: '';
	display: block;
	width: 100%;
	height: 14rem;
	background: url('/img/market/black-top.svg') no-repeat center bottom;
	background-size: cover;
	position: absolute;
	left: 0;
	top: -2rem;
	z-index: 20;
}
.mstValue1-imgs{
	width: 100%;
	height: 100%;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	z-index: 10;
}
.mstValue1-imgs .row{
	margin: 0 -2rem;
}
.mstValue1-imgs .imgslist{
	width: 25%;
	padding: 0 2rem;
	text-align: center;
	position: relative;
	transition: all .4s cubic-bezier(0.33, 1, 0.68, 1);
	-webkit-transition: all .4s cubic-bezier(0.33, 1, 0.68, 1);
}
.mstValue1-imgs li{
	margin-bottom: 2.5rem;
}
.mstValue1-imgs img{
	width: 100%;
	display: block;
	border-radius: 8px;
}
.mstValue1-imgs .item-tit{
	width: 100%;
	text-align: center;
	overflow: hidden;
	margin-bottom: 2.5rem;
	font-size: 2rem;
	line-height: 1.45em;
	color: #fff;
	font-weight: 700;
}
.mstValue1-imgs .list1{
	/* margin-top: 12.15rem; */
	/* top: 733px; */
	transform: translateY(37.7%);
	-webkit-transform: translateY(37.7%);
}
.mstValue1-imgs .list2{
	/* margin-top: 2.6rem; */
	/* top: 542px; */
	transform: translateY(28%);
	-webkit-transform: translateY(28%);
}
.mstValue1-imgs .list3{
	/* top: 490px; */
	transform: translateY(25.4%);
	-webkit-transform: translateY(25.4%);
}
.mstValue1-imgs .list4{
	/* margin-top: 6.3rem; */
	/* top: 616px; */
	transform: translateY(32%);
	-webkit-transform: translateY(32%);
}
.mstValApp-imgsbox{
	width: 100%;
	height: calc(100% - 3.1rem);
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 10;
}
.mstValApp-imgsbox::before{
	content: '';
	display: block;
	width: 100%;
	height: 20%;
	background: url('/img/market/black-top_m.svg') no-repeat center bottom;
	background-size: cover;
	position: absolute;
	left: 0;
	top: -5%;
	z-index: 20;
}
.mstValApp-imgsbox::after{
	content: '';
	display: block;
	width: 100%;
	height: 20%;
	background: url('/img/market/black-bot_m.svg') no-repeat center top;
	background-size: cover;
	position: absolute;
	left: 0;
	bottom: -5%;
	z-index: 20;
}
.mstValApp-imgs{
	width: 100%;
	height: 100%;
	padding: 1.9rem 0.88rem 0;
	overflow: hidden;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 10;
}

.mstValApp-imgs .row{
	margin: 0 -0.22rem;
	display: flex;
	display: -webkit-flex;
}
.mstValApp-imgs .imgslist{
	width: 50%;
	padding: 0 0.22rem;
	position: relative;
	transition: all .4s cubic-bezier(0.33, 1, 0.68, 1);
   -webkit-transition: all .4s cubic-bezier(0.33, 1, 0.68, 1);
}
.mstValApp-imgs .imgslist li{
	overflow: hidden;
}
.mstValApp-imgs .imgs{
	width: 100%;
	display: block;
	border-radius: 8px;
	overflow: hidden;
	position: relative;
	margin-bottom: .24rem;
}
.mstValApp-imgs .imgs img{
	width: 100%;
	display: block;
	border-radius: 8px;
}
.mstValApp-imgs .tit{
	font-size: .32rem;
	line-height: 1.44em;
	 color: #fff;
	 text-align: center;
	 margin-bottom: .24rem;
}
.mstValApp-imgs .imgslist1{
	/* transform: translateY(50vw);
	-webkit-transform: translateY(50vw); */
	transform: translateY(0vw);
	-webkit-transform: translateY(0vw);
}
.mstValApp-imgs .imgslist2{
	/* transform: translateY(2.7%);
	-webkit-transform: translateY(2.7%); */
	/* transform: translateY(71.8vw);
	-webkit-transform: translateY(71.8vw); */
	transform: translateY(20vw);
	-webkit-transform: translateY(20vw);
}

#mstValue2{
	z-index: -1;
	opacity: 0;
	visibility: hidden;
	transform: scale(3, 3);
	-webkit-transform: scale(3, 3);
	overflow: visible;
}

.mstValue2-body.web{
	width: 50vw;
	max-width: 744px;
	position: relative;
	/* margin: 19.4vh auto 0; */
	margin: 15vh auto 0;
}
.mstValue2-body.web::before{
	content: '';
	width: 20px;
	height: 20px;
	display: block;
	background: #000;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
}
.mstValue2-body.web .bg{
	width: 100%;
	display: block;
}
.mstValue2-icos{
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 30;
}
.mstValue2-icos .item{
	width: calc(47% + 50vw);
	height: 33.33%;
	position: absolute;
	z-index: 20;
	display: block;
	cursor: pointer;
	opacity: 0;
	transition: all .4s cubic-bezier(0.33, 1, 0.68, 1);
	-webkit-transition: all .4s cubic-bezier(0.33, 1, 0.68, 1);
}
.mstValue2-icos .box{
	width: 100%;
	height: 100%;
	position: relative;
	padding: 4px;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	-webkit-justify-content: center;
}
.mstValue2-icos .ico{
	width: 2.6rem;
	height: 2.6rem;
	display: block;
	position: relative;
	margin: 0 auto;
}
.mstValue2-icos .ico img{
	width: 100%;
	height: 100%;
	display: block;
	object-fit: scale-down;
	-webkit-object-fit: scale-down;
	object-position: center center;
	-webkit-object-position: center center;
	position: relative;
}
.mstValue2-icos .txtbox{
	position: absolute;
	z-index: 30;
	text-align: center;
	color: #fff;
	transition: all .4s cubic-bezier(0.33, 1, 0.68, 1);
	-webkit-transition: all .4s cubic-bezier(0.33, 1, 0.68, 1);
}
.mstValue2-icos .tit{
	font-size: 1.2rem;
	line-height: 1.75rem;
	font-weight: 700;
	white-space: nowrap;
}
.mstValue2-icos .doc{
	width: 24em;
	font-size: 1rem;
	line-height: 1.45rem;
	font-weight: 400;
	opacity: 0;
	visibility: hidden;
	height: 0px;
	transition: all .4s cubic-bezier(0.33, 1, 0.68, 1);
	-webkit-transition: all .4s cubic-bezier(0.33, 1, 0.68, 1);
}
.mstValue2-icos .item1{
	height: calc(33% + 6rem);
	right: 53%;
	top: -6rem;
	padding: 6rem 0 0 50vw;
}
.mstValue2-icos .item2{
	right: 53%;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	padding: 0 0 0 50vw;
}
.mstValue2-icos .item2 .box{
	justify-content: flex-start;
	-webkit-justify-content: flex-start;
	align-items: center;
	-webkit-align-items: center;
}
.mstValue2-icos .item2 .ico{
	margin: 0;
}
.mstValue2-icos .item3{
	height: calc(33% + 6rem);
	right: 53%;
	bottom: -6rem;
	padding: 0 0 6rem 50vw;
}
.mstValue2-icos .item3 .box{
	align-items: flex-end;
	-webkit-align-items: flex-end;
}

.mstValue2-icos .item4{
	width: 34.3%;
	height: auto;
	padding-top: 34.3%;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	z-index: 40;
}
.mstValue2-icos .item4 .box{
	position: absolute;
	left: 0;
	top: 0;
}
.mstValue2-icos .item4 .ico{
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
}
.mstValue2-icos .item5{
	height: calc(33% + 6rem);
	left: 53%;
	top:-6rem;
	padding: 6rem 50vw 0 0;
}
.mstValue2-icos .item6{
	left: 53%;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	padding: 0 50vw 0 0;
}
.mstValue2-icos .item6 .box{
	justify-content: flex-end;
	-webkit-justify-content: flex-end;
	align-items: center;
	-webkit-align-items: center;
}
.mstValue2-icos .item6 .ico{
	margin: 0;
}
.mstValue2-icos .item7{
	height: calc(33% + 6rem);
	left: 53%;
	bottom: -6rem;
	padding: 0 50vw 6rem 0;
}
.mstValue2-icos .item7 .box{
	align-items: flex-end;
	-webkit-align-items: flex-end;
}

.mstValue2-icos .item1 .txtbox,
.mstValue2-icos .item5 .txtbox{
	left: 50%;
	bottom: 100%;
	padding-bottom: 0.7rem;
	transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
}
.mstValue2-icos .item3 .txtbox,
.mstValue2-icos .item7 .txtbox{
	left: 50%;
	top: 100%;
	padding-top: 0.7rem;
	transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
}
/* .mstValue2-icos .item3 .doc{
	width: 27em;
} */
.mstValue2-icos .item2 .txtbox{
	right: 100%;
	top: 50%;
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	padding-right: .7rem;
	text-align: right;
}
.mstValue2-icos .item6 .txtbox{
	left: 100%;
	top: 50%;
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	padding-left: .7rem;
	text-align: left;
}
.mstValue2-icos .item2 .doc,
.mstValue2-icos .item6 .doc{
	max-width: 25vw;
}
.mstValue2-body .svgbox{
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 5;
}
#shopVoute{
	width: 100%;
	height: 100%;
	display: block;
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 20;
}
#shopVoute .st0{
	fill:none;
	stroke:#FFFFFF;
	stroke-width:11;
	stroke-miterlimit:10;
	fill-rule:evenodd;
	opacity: 0;
}

.mstValue2-body.app{
	width: 100%;
	margin: 1.2rem auto 0;
}

.valApp-icosBox{
	width: 70.3vw;
	max-width: 5.48rem;
	margin: 1.2rem auto 0;
	position: relative;
}
.valApp-icosBox::before{
	content: '';
	width: 16px;
	height: 16px;
	display: block;
	background: #000;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
}
.valApp-icosBox .bg{
	width: 100%;
	position: relative;
	z-index: 1;
}

.valApp-icosBox .shopAvgApp{
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 5;
}
.valApp-icosBox .shopAvgApp .st0{
	opacity: 0;
	fill:none;
	stroke:#fff;
	stroke-miterlimit:10;
}
.valApp-icos{
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
}
.valApp-icos .item{
	width: 47%;
	height: 33.33%;
	position: absolute;
	z-index: 20;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	-webkit-justify-content: center;
	cursor: pointer;
	opacity: 0;
	transition: all .4s cubic-bezier(0.33, 1, 0.68, 1);
	-webkit-transition: all .4s cubic-bezier(0.33, 1, 0.68, 1);
}
.valApp-icos .ico{
	width: 0.48rem;
	height: 0.48rem;
	display: block;
	position: relative;
	margin: 0 auto;
}
.valApp-icos .ico img{
	width: 100%;
	height: 100%;
	display: block;
	object-fit: scale-down;
	-webkit-object-fit: scale-down;
	object-position: center center;
	-webkit-object-position: center center;
	position: relative;
}
.valApp-icos .txtbox{
	position: absolute;
	z-index: 30;
	text-align: center;
	color: #fff;
	transition: all .4s cubic-bezier(0.33, 1, 0.68, 1);
	-webkit-transition: all .4s cubic-bezier(0.33, 1, 0.68, 1);
}
.valApp-icos .tit{
	font-size: 0.24rem;
	line-height: 1.4em;
	font-weight: 700;
	white-space: nowrap;
}
.valApp-icos .item1{
	left: 0;
	top: 0;
	padding-top: 3px;
}
.valApp-icos .item2{
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	justify-content: flex-start;
	-webkit-justify-content: flex-start;
	align-items: center;
	-webkit-align-items: center;
	padding: 0 0 0 4px;
}
.valApp-icos .item2 .ico{
	margin: 0;
}
.valApp-icos .item3{
	left: 0;
	bottom: 0;
	padding: 0 0 4px;
	align-items: flex-end;
	-webkit-align-items: flex-end;
}

.valApp-icos .item4{
	width: 40%;
	height: auto;
	padding-top: 40%;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	z-index: 40;
}
.valApp-icos .item4 .ico{
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
}
.valApp-icos .item5{
	right: 0;
	top: 0;
	padding: 4px 0 0;
}
.valApp-icos .item6{
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	justify-content: flex-end;
	-webkit-justify-content: flex-end;
	align-items: center;
	-webkit-align-items: center;
	padding: 0 4px 0 0;
}
.valApp-icos .item6 .ico{
	margin: 0;
}
.valApp-icos .item7{
	right: 0;
	bottom: 0;
	padding: 0 0 4px;
	align-items: flex-end;
	-webkit-align-items: flex-end;
}

.valApp-icos .item1 .txtbox,
.valApp-icos .item5 .txtbox{
	left: 50%;
	bottom: 100%;
	padding-bottom: 0.12rem;
	transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
}
.valApp-icos .item3 .txtbox,
.valApp-icos .item7 .txtbox{
	left: 50%;
	top: 100%;
	padding-top: 0.12rem;
	transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
}
.valApp-icos .item2 .txtbox{
	right: 100%;
	top: 50%;
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	padding-right: .16rem;
	text-align: right;
}
.valApp-icos .item6 .txtbox{
	left: 100%;
	top: 50%;
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	padding-left: .16rem;
	text-align: left;
}
.valApp-icos .item2 .tit,
.valApp-icos .item6 .tit{
	width: 2.2em;
	white-space: normal;
}

.valApp-lcDet{
	width: 100%;
	padding: 0 0.48rem;
	margin-top: 1.36rem;
}
.valApp-lcDet li{
	margin-bottom: .32rem;
	font-size: .24rem;
	line-height: 1.4em;
	color: #fff;
}
.valApp-lcDet li:last-child{
	margin-bottom: 0;
}
.valApp-lcDet .tit{
	margin-bottom: 6px;
}
.valApp-lcDet .doc{
	opacity: .5;
}

#mstValue2 .item.is-active{
	opacity: 1;
}
/* .mstvalue-wrap.is-after #mstValue1{
	display: none !important;
	z-index: -999;
} */

@media (max-width: 1600px) {
	.mstvalue-head{
		font-size: 40px;
	}
}
@media (max-width: 1440px) {
	.mstvalue-head{
		font-size: 34px;
	}
	.mstValue1-imgs .item-tit{
		font-size: 1.5rem
	}
	.mstValue2-body.web{
		width: 40vw;
	}
	.mstValue2-icos .ico{
		width: 2.1rem;
		height: 2.1rem;
	}
	.mstValue2-icos .tit{
		font-size: 18px;
	}
	.mstValue2-icos .doc{
		width: 18em;
		font-size: 16px;
	}
	.mstValue2-icos .item1 .doc{
		width: 15em;
	}
	.mstValue2-icos .item3 .doc br{
		display: none;
	}
	.mstValue2-icos .item5 .doc,
	.mstValue2-icos .item7 .doc{
		width: 16em;
	}
}
@media (max-width: 1280px) {
	.mstvalue-head{
		font-size: 30px;
	}
}
@media (min-width: 992px) {
	.mstvalue-wrap{
		height: calc(170vh + 120px);
	}
	.mstvalue-box{
		/* height: calc(100vh - 80px); */
		padding: 0;
	}
	.mstvalue-wrap .stitem{
		padding-top: 7.4rem;
	}
	.mstvalue-wrap.is-fixed{
		padding: calc(70vh + 120px) 0 0;
	}
	.mstvalue-wrap.is-fixed .mst-head{
		margin-top: 80px;
	}
	.mstvalue-wrap.is-fixed .mstvalue-box{
		position: fixed;
		left: 0;
		top: 0;
		z-index: 900;
	}
	.mstvalue-wrap.is-fixed .stitem{
		position: absolute;
		left: 0;
		top: 80px;
		z-index: 20;
		/* padding-top: calc(7.4rem + 80px); */
		height: calc(100% - 7.4rem + 80px);
	}
	.mstvalue-wrap.is-after{
		padding-top: calc(70vh + 120px);
		transition: all .4s linear;
		-webkit-transition: all .4s linear;
	}
	.mstvalue-wrap.is-after .mstvalue-rc{
		top: -80px;
	}
	.mstvalue-wrap.is-after .mstvalue-rc2{
		top: calc(24% - 80px);
	}
	/* .mstvalue-wrap.is-after #mstValueBox{
		position: absolute !important;
		left: 0;
		top: 110vh;
		z-index: 50;
	} */
}
@media (max-width: 991.98px) {
	.mstvalue-wrap{
		height: auto;
		margin-bottom: .4rem;
	}
	.mstvalue-rc, .mstvalue-rc2{
		display: none;
	}
	.mstvalue-wrap .mst-head{
		top: .2rem;
	}
	.mstvalue-box{
		height: auto;
		padding-top: 100vh;
	}
	#mstValue1{
		background: #000;
		padding: 1.6rem 0 0;
		height: calc(100vh - 1.1rem);
		left: 0;
		top: 0;
	}
	#mstValue2{
		height: auto;
		position: relative;
		z-index: 20;
		opacity: 1;
		transform: none;
		-webkit-transform: none;
		visibility: visible;
		padding: 1.6rem 0 .24rem;
		background: none;
	}
	#mstValue2.is-active #valIcosApp .item{
		opacity: 1
	}
	.mstvalue-head{
		font-size: .48rem;
		line-height: 1.45em;
	}
	.mstvalue-wrap.is-fixed .mst-head{
		margin-top: 1.1rem;
		position: fixed;
		z-index: 1000;
	}
	.mstvalue-wrap.is-fixed #mstValue1{
		position: fixed;
		left: 0;
		top: 1.08rem;
		z-index: 20;
		height: 100vh;
		background: transparent;
	}
	.mstvalue-wrap.is-after .mst-head{
		position: absolute;
		top: 150vh;
		z-index: 35;
		transform: translateY(-100%);
		-webkit-transform: translateY(-100%);
	}
	.mstvalue-wrap.is-after #mstValue2{
		z-index: 30;
	}
}


/* 实战中心 */
.mstcase-box{
	margin: 11.9rem 0 13.65rem;
	position: relative;
}
.mstcase-rc{
	width: 16.8vw;
	height: 16.8vw;
	max-width: 323px;
	max-height: 323px;
	display: block;
	border-radius: 100%;
	background: #25F4EE;
	position: absolute;
	right: 0;
	top: 0;
	transform: translate(34%, -75%);
	-webkit-transform: translate(34%, -75%);
	z-index: 1;
}
.mstcase-box .mst-head{
	margin-bottom: 4rem;
	position: relative;
	z-index: 5;
}
.mstcase-box .mst-head .s-heading{
	display: block;
	text-align: center;
	height: auto;
}

.mstcase-swipbox{
	width: 100%;
	position: relative;
	z-index: 5;
}
.mstcase-swip{
	width: 80vw;
	/* max-width: 1530px; */
	position: relative;
	visibility: visible !important;
	margin: 0 auto;
}
.mstcase-swip .swiper-slide{
	width: 31.3%;
}
.mstcase-swip .box{
	width: 100%;
	display: block;
	background: #28282B;
	border-radius: 8px;
	overflow: hidden;
	position: relative;
	padding: 1.6rem;
	transition: all .4s cubic-bezier(0.33, 1, 0.68, 1);
	-webkit-transition: all .4s cubic-bezier(0.33, 1, 0.68, 1);
}
.mstcase-swip .swiper-slide-prev .box,
.mstcase-swip .swiper-slide-next .box{
	cursor: pointer;
}
.mstcase-swip .slide-click{
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 4rem;
	z-index: 20;
	cursor: pointer;
}
.mstcase-swip .slide-imgs{
	width: 100%;
	padding-top: 56.158%;
	display: block;
	overflow: hidden;
	position: relative;
	border-radius: 8px;
}
.mstcase-swip .slide-imgs .imgs{
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 5;
	object-fit: cover;
	-webkit-object-fit: cover;
	object-position: center center;
	-webkit-object-position: center center;
	border-radius: inherit;
}
.mstcase-swip .icon-play{
	width: 4rem;
	height: 4rem;
	display: none;
}
.mstcase-swip .slide-bd{
	padding: 1.2rem 0 0;
}
.mstcase-swip .tit{
	font-size: 1.4rem;
	line-height: 2.05rem;
	height: 2.05rem;
	color: #fff;
	display: block;
	overflow: hidden;
	position: relative;
  margin-bottom: 1rem;
  font-weight: 700;
}
.mstcase-swip .desc{
	font-size: .8rem;
	line-height: 1.15rem;
	height: 3.45rem;
	overflow: hidden;
	display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  color: rgba(255, 255, 255, 0.5);
  font-weight: 400;
}
.mstcase-swip .tool{
	margin-top: 1.2rem;
	font-size: 0.8rem;
	line-height: 3em;
	overflow: hidden;
	min-height: 3em;
}
.mstcase-swip .btn-deft{
	height: 3em;
	font-size: .8rem;
	line-height: 1em;
	border-radius: 1.5em;
	padding: 0 1.5em;
	white-space: nowrap;
}
.mstcase-swip .btn-deft .bi{
	width: 1.25em;
	height: 1.25em;
	display: block;
	margin: 0 6px 0 0;
	background: no-repeat center center;
	background-size: contain;
}
.mstcase-swip .btn-play .bi{
	background-image: url('/img/market/icon-play-white.svg');
}
.mstcase-swip .btn-viewdet .bi{
	background-image: url('/img/market/icon-more-white.svg');
}
.mstcase-swip .btn-download{
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	font-size: 1em;
	line-height: inherit;
	color: #FE2C55;
	font-weight: 400;
	white-space: nowrap;
}
.mstcase-swip .btn-download .bi{
	width: 1.5em;
	height: 1.5em;
	display: block;
	margin: 0 4px 0 0;
	flex: none;
	-webkit-flex: none;
}
.mstcase-swip .swiper-slide-active .icon-play{
	display: block;
}
.mstcase-swipbox .zbg-prev,
.mstcase-swipbox .zbg-next{
	top: -20px;
	height: calc(100% + 20px);
}

.mstcase-swipbox.not-swip .zbg-prev,
.mstcase-swipbox.not-swip .zbg-next,
.mstcase-swipbox.not-swip .swip-ctrl{
	display: none !important;
}
.mstcase-swipbox.not-swip .icon-play{
	display: block;
}
@media (max-width: 1600px) {
	.mstcase-swipbox{
		padding: 0 35px;
	}
	.mstcase-swip{
		width: 100%;
	}
	.mstcase-swip .tit{
		font-size: 28px;
		line-height: 41px;
		height: 41px;
		margin-bottom: 20px;
	}
	.mstcase-swip .desc{
		font-size: 16px;
		line-height: 23px;
		height: 69px;
	}
	.mstcase-swip .btn-download{
		font-size: 12px;
	}
	.mstcase-swipbox .swip-ctrl.prev{
		left: 3em;
	}
	.mstcase-swipbox .swip-ctrl.next{
		right: 3em;
	}
	.mstcase-swipbox .zbg-prev, .mstcase-swipbox .zbg-next{
		max-width: 300px;
	}
}
@media (max-width: 1440px) {
	.mstcase-swipbox{
		padding: 0 50px;
	}
	.mstcase-swip .tit{
		font-size: 22px;
		line-height: 32px;
		height: 32px;
		margin-bottom: 16px;
	}
	.mstcase-swip .desc{
		font-size: 12px;
		line-height: 18px;
		height: 54px;
	}
	.mstcase-swip .btn-deft{
		padding: 0 20px;
		font-size: 12px;
	}
	.mstcase-swip .btn-download{
		font-size: 11px;
	}
}
@media (max-width: 1280px) {
	.mstcase-swipbox{
		padding: 0 7px;
	}
	.mstcase-swipbox.not-swip{
		padding: 0 2rem;
	}
	.mstcase-swip .btn-download{
		font-size: 10px;
	}
	.mstcase-swip .btn-download .bi{
		display: none;
	} 
}
@media (min-width: 992px) {
	.mstcase-swip .tool{
		display: flex;
		display: -webkit-flex;
		justify-content: space-between;
		align-items: center;
		overflow: visible;
	}
	.mstcase-swipbox.is-num2 .mstcase-swip{
		width: 61.7vw;
	}
	.mstcase-swipbox.is-num2 .swiper-wrapper{
		width: auto;
		margin: 0 -2rem;
	}
	.mstcase-swipbox.is-num2 .swiper-slide{
		width: 50%;
		padding: 0 2rem;
	}
	.mstcase-swipbox.is-num3 .swiper-wrapper{
		width: auto;
		margin: 0 -1.5rem;
	}
	.mstcase-swipbox.is-num3 .swiper-slide{
		width: 33.33%;
		padding: 0 1.5rem;
	}

	.mstcase-swipbox.is-num2 .tit{
		font-size: 1.8rem;
		line-height: 2.6rem;
		height: 2.6rem;
		margin-bottom: 1rem;
	}
	.mstcase-swipbox.is-num2 .desc{
		font-size: 1rem;
		line-height: 1.45em;
		height: 4.35em;
	}
	.mstcase-swipbox.is-num2 .btn-download{
		font-size: 1rem;
	}
	.mstcase-swipbox.is-num2 .btn-download .bi{
		width: 1.2rem;
		height: 1.2rem;
	}

	.mstcase-swipbox:hover .swip-ctrl{
		opacity: 1;
		visibility: visible;
	}
	.mstcase-swip .swiper-slide:hover .box{
		transform: translateY(-20px);
		-webkit-transform: translateY(-20px);
	}
	.mstcase-swipbox.is-hover_prev .zbg-prev{
		top: -20px;
	}
	.mstcase-swipbox.is-hover_next .zbg-next{
		top: -20px;
	}
	.mstcase-swip .btn-play:hover .bi{
		background-image: url('/img/market/icon-play-red.svg');
	}
	.mstcase-swip .btn-viewdet:hover .bi{
		background-image: url('/img/market/icon-more-red.svg');
	}
}
@media (max-width: 991.98px) {
	.mstcase-box{
		margin: 2.24rem 0 1.8rem;
	}
	.mstcase-box .mst-head{
		margin-bottom: 0.68rem;
		padding: 0 0.6rem 0 1.16rem;
	}
	.mstcase-box .s-heading{
		display: block;
	}
	.mstcase-box .s-heading img{
		display: inline;
		transform: translateY(-15%);
		-webkit-transform: translateY(-15%);
	}
	.mstcase-swipbox{
		padding: 0 11.5vw;
	}
	.mstcase-swip .swiper-slide{
		width: 100%;
	}
	.mstcase-swip .box{
		padding: 0.4rem;
	}
	.mstcase-swip .slide-click{
		bottom: 2rem;
		display: none;
	}
	.mstcase-swip .slide-bd{
		padding: 0.28rem 0 0;
	}
	.mstcase-swip .tit{
		font-size: .36rem;
		line-height: .52rem;
		height: .52rem;
		margin-bottom: 0.16rem;
	}
	.mstcase-swip .desc{
		font-size: .24rem;
		line-height: .34rem;
		height: 1.02rem;
	}
	.mstcase-swip .tool{
		margin-top: .24rem;
		min-height: 0;
	}
	.mstcase-swip .fl, .mstcase-swip .fr{
		float: none;
		width: 100%;
		display: flex;
		display: -webkit-flex;
	}
	.mstcase-swip .fl{
		height: .34rem;
		margin-bottom: .5rem;
	}
	.mstcase-swip .fr{
		height: 00.76rem;
	}
	.mstcase-swip .btn-download{
		font-size: .24rem;
		line-height: .34rem;
	}
	.mstcase-swip .btn-download .bi{
		width: .32rem;
		height: .32rem;
		flex: 0 0 0.32rem;
		-webkit-flex: 0 0 0.32rem;
	}
	.mstcase-swip .btn-deft{
		height: .76rem;
		font-size: .28rem;
		padding: 0 0.4rem;
	}
	.mstcase-swip .btn-deft .bi{
		width: .4rem;
		height: .4rem;
	}
}
@media (max-width: 767.98px) {
	.mstcase-swipbox{
		padding: 0 0.9rem;
	}
}

/* 营销资源 */
.mstZy-box{
	width: 100%;
	position: relative;
	padding: 5.4rem 0 7rem;
}
.mstZy-box .mst-head {
	width: 80vw;
	max-width: 1560px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	z-index: 20;
	margin-bottom: 4rem;
	text-align: center;
	/* display: flex;
	display: -webkit-flex;
	justify-content: center;
	-webkit-justify-content: center; */
}
/* .mstZy-box .mst-head .s-heading{
	justify-content: flex-start;
	-webkit-justify-content: flex-start;
} */
.mstZy-box .mst-head .word{
	/* max-width: 1032px; */
	max-width: none;
	font-size: 1.2rem;
	line-height: 1.46em;
	color: #fff;
	margin: 1.6rem auto 0;
	font-weight: 400;
}
.mstZy-bigimgs{
	width: 100%;
	height: 100%;
	display: block;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 5;
}
.mstZy-bigimgs .swiper-slide{
	transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
	-webkit-transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
}
.mstZy-bigimgs img{
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	object-fit: cover;
	-webkit-object-fit: cover;
	object-position: center center;
	-webkit-object-position: center center;
}
.mstZy-swipbox{
	width: 100%;
	position: relative;
	z-index: 10;
}
.mstZy-swip{
	width: 60%;
	max-width: 898px;
	position: relative;
	z-index: 20;
	margin: 0 auto;
}
.mstZy-swip .box{
	width: 100%;
	height: 23.2rem;
	overflow: hidden;
	position: relative;
	padding: 1.6rem 2.4rem 1.6rem 1.6rem;
	background: #fff;
	border-radius: 8px;
	display: flex;
	display: -webkit-flex;
	align-items: stretch;
	-webkit-align-items: stretch;
}
.mstZy-swip .swiper-slide-prev .box,
.mstZy-swip .swiper-slide-next .box{
	cursor: pointer;
}
.mstZy-swip .slide-imgs{
	max-width: 240px;
	flex: 0 0 26%;
	-webkit-flex: 0 0 26%;
	height: 100%;
	overflow: hidden;
	position: relative;
	margin-right: 4%;
	border-radius: 8px;
}
.mstZy-swip .slide-imgs img{
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	object-fit: cover;
	-webkit-object-fit: cover;
	object-position: center center;
	-webkit-object-position: center center;
	border-radius: inherit;
}
.mstZy-swip .slide-bd{
	width: 100%;
	height: 100%;
	flex: 1;
	-webkit-flex: 1;
	position: relative;
}
.mstZy-swip .slide-tit{
	font-size: 1.4rem;
	line-height: 2.05rem;
	color: #1A1A1A;
	overflow: hidden;
	height: 2.05rem;
	font-weight: 700;
	margin-bottom: 1.2rem;
}
.mstZy-swip .slide-nation{
	margin: 0 -0.5rem 0.5rem;
	font-size: 1rem;
	line-height: 1.45em;
	color: #1A1A1A;
	font-weight: 700;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}
.mstZy-swip .slide-nation li{
	padding: 0 0.5rem;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	margin-bottom: .6rem;
}
.mstZy-swip .slide-nation img{
	width: 1.2em;
	display: block;
	margin-right: 6px;
	flex: none;
	-webkit-flex: none;
}
.mstZy-swip .slide-desc{
	font-size: 0.8rem;
	line-height: 1.5em;
	color: rgba(0, 0, 0, 0.5);
	display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:4;
  height: 6em;
  overflow: hidden;
  font-weight: 400;
}
.mstZy-swip .slide-bot{
	/* margin-top: 4.65rem; */
	width: 100%;
	display: flex;
	display: -webkit-flex;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 20;
}
.mstZy-swip .btn-deft{
	height: 3em;
	border-radius: 1.5em;
	font-size: 0.8rem;
	line-height: 1em;
	font-weight: 500;
	padding: 0 1.2rem;
}
.mstZy-swip .btn-deft .bi{
	width: 1.25em;
	height: 1.25em;
	display: block;
	margin-right: 6px;
}
.mstZy-swip .btn-viewdet .bi{
	background-image: url('/img/market/view-white.svg');
}
.mstZy-swip .btn-download2 .bi{
	background-image: url('/img/static/download-white.svg');
}
.mstZy-swip .btn-deft[data-linkurl] .bi{
	display: none;
}
.mstvideo-box .word{
	max-width: 43em;
  font-size: 1.2rem;
  line-height: 1.46em;
  color: #fff;
  margin: 1.6rem auto 0;
  font-weight: 400;
  text-align: center;
}
.mstZy-swipbox .zbg-prev,
.mstZy-swipbox .zbg-next{
	width: 16vw;
	height: 23.2rem;
	top: 0;
}
.mstZy-swipbox .zbg-prev{
	background: url('/img/market/black-left.svg') no-repeat right center;
	background-size: cover;
	transform: none;
	-webkit-transform: none;
}
.mstZy-swipbox .zbg-next{
	background: url('/img/market/black-right.svg') no-repeat left center;
	background-size: cover;
}

@media (max-width: 1600px) {
	.mstZy-box .mst-head .word, .mstvideo-box .mst-head .word{
		font-size: 20px;
		margin-top: 32px
	}
	.mstZy-swip .slide-desc{
		font-size: 16px;
	}
}

@media (max-width: 1440px) {
	.mstZy-box .mst-head .word, .mstvideo-box .mst-head .word{
		font-size: 16px;
		margin-top: 28px;
	}
	.mstZy-swip .slide-nation,
	.mstZy-swip .slide-datas .word{
		font-size: 16px;
	}
	.mstZy-swip .slide-desc,
	.mstZy-swip .btn-deft{
		font-size: 12px;
	}
}
@media (min-width: 992px) {
	.mstZy-box .s-heading br,
	.mstZy-box .mst-head .word br{
		display: none;
	}
	.mstZy-swipbox:hover .swip-ctrl{
		opacity: 1;
		visibility: visible;
	}
	.mstZy-swip .btn-viewdet:hover .bi{
		background-image: url('/img/market/view-red.svg');
	}
	.mstZy-swip .btn-download2:hover .bi{
		background-image: url('/img/static/download-red.svg');
	}
	body.is-pc.is-safari .mstZy-swip .slide-datas .datas .num{
		line-height: .9em;
	}
}
@media (max-width: 991.98px) {
	.mstZy-box{
		padding: 1.16rem 0 0.72rem;
	}
	.mstZy-box .mst-head{
		/* width: 70vw; */
		width: 100%;
		padding: 0 0.6rem 0 1.16rem;
		margin-bottom: 0.66rem;
		text-align: left;
	}
	.mstZy-box .s-heading{
		display: block;
	}
	.mstZy-box .s-heading img{
		display: inline;
		transform: translateY(-15%);
		-webkit-transform: translateY(-15%);
	}
	.mstZy-box .mst-head .word,.mstvideo-box .mst-head .word{
		font-size: .24rem;
		line-height: .34rem;
		margin-top: .26rem;
		transform: none;
		-webkit-transform: none;
	}
	.mstZy-swipbox{
		padding: 0 11.5vw;
	}
	.mstZy-swip{
		width: 100%;
		max-width: 100%;
	}
	.mstZy-swip .box{
		padding: .4rem;
		display: block;
		height: auto;
	}
	.mstZy-swip .slide-imgs{
		width: 100%;
		padding-top: 56.15%;
		max-width: none;
		flex: none;
		-webkit-flex: none;
		margin: 0 0 .32rem;
	}
	.mstZy-swip .slide-bd{
		height: 5.08rem;
	}
	.mstZy-swip .slide-tit{
		font-size: .36rem;
		line-height: .52rem;
		height: .52rem;
		margin-bottom: 0.16rem;
	}
	.mstZy-swip .slide-nation{
		margin: 0 0 .16rem;
		font-size: .24rem;
		line-height: .34rem;
	}
	.mstZy-swip .slide-nation li{
		width: 100%;
		padding: 0;
		margin-bottom: .16rem;
		align-items: flex-start;
		-webkit-align-items: flex-start;
	}
	.mstZy-swip .slide-nation img{
		width: .32rem;
		margin-right: 4px
	}
	.mstZy-swip .slide-desc{
		font-size: .24rem;
		line-height: .34rem;
		height: 2.04rem;
		color: rgba(0,0,0,.5);
		-webkit-line-clamp: 6;
	}
	.mstZy-swip .slide-datas{
		margin: .32rem -5px 0;
		flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
	}
	.mstZy-swip .slide-datas li{
		width: auto;
		max-width: 42%;
		min-width: 34.8%;
		padding: 0 5px;
	}
	.mstZy-swip .slide-datas .datas{
		font-size: .56rem;
		height: .68rem;
	}
	.mstZy-swip .slide-datas .word{
		font-size: .2rem;
		line-height: 1.4em;
		color: rgba(0,0,0,.5);
		height: 2.8em;
	}
	.mstZy-swip .slide-bot{
		/* margin-top: .48rem; */
	}
	.mstZy-swip .btn-deft{
		min-width: 2.16rem;
		height: .72rem;
		border: none;
		line-height: .72rem;
		font-size: .24rem;
		padding: 0 0.4rem;
	}
	.mstZy-swip .btn-deft .bi{
		width: .32rem;
		height: .32rem;
	}

	body.is-app.is-ios.is-wx .mstZy-swip .slide-desc{
		height: 2rem;
	}
	body.is-app.is-ios.is-wx .mstZy-swip .slide-datas .word{
		height: 2.5em;
	}
}
@media (max-width: 767.98px) {
	.mstZy-swipbox{
		padding: 0 0.9rem;
	}
}

/* 出海大咖说 */
.mstvideo-box{
	width: 100%;
	min-height: 0;
	position: relative;
	margin: 12.65rem 0 9.1rem;
	z-index: 20;
}
.mstvideo-rc{
	width: 16.8vw;
	height: 16.8vw;
	max-width: 323px;
	max-height: 323px;
	border-radius: 100%;
	background: #FE2C55;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	transform: translate(-36%, -50%);
	-webkit-transform: translate(-36%, -50%);
}
.mstvideo-box .mst-head{
	margin-bottom: 3.85rem;
}
.mstvideo-cont{
	width: 100%;
	padding: 0 5vw 0 9.375vw;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	-webkit-justify-content: center;
}
.mstvideo-body{
	width: 67vw;
	max-width: 1280px;
	position: relative;
}
.mstvideo-body .video-box{
	width: 100%;
	height: 37.5vw;
	max-height: 720px;
	display: block;
	overflow: hidden;
	position: relative;
	border: solid 10px #28282B;
	border-radius: 8px;
	padding: 0;
}
.mstvideo-body .video-js{
	padding: 0;
	border-radius: 0px;
}
.mstvideo-body .video-box video{
	object-fit: cover;
	-webkit-object-fit: cover;
	object-position: center center;
	-webkit-object-position: center center;
	border-radius: 0px;
}
.mstvideo-body .video-js .vjs-control-bar{
	position: absolute;
	bottom: 0;
	background: transparent;
	opacity: 0 !important;
	visibility: hidden !important;
}
.mstvideo-body .video-pause{
	display: none;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 100;
	pointer-events: none;
}
/* .mstvideo-body .video-js .vjs-big-play-button{
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.5);
} */
.mstvideo-body .video-js .vjs-big-play-button .vjs-icon-placeholder{
	width: 5rem;
	height: 5rem;
}
.mstvideo-body .vjs-paused .vjs-big-play-button{
	display: block;
	pointer-events: auto;
	
}


.is-app.is-wx .mstvideo-body .video-box.is-playing .video-pause{
	display: block;
}

.mstvideo-body .video-imgs{
	width: 100%;
	position: relative;
	overflow: hidden;
	padding-top: 56.4%;
	display: block;
	border-top: solid 4px #fff;
	border-bottom: solid 4px #fff;
}
.mstvideo-body .video-imgs img{
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	object-fit: cover;
	-webkit-object-fit: cover;
	object-position: center center;
	-webkit-object-position: center center;
	border-radius: inherit;
}
.mstvideo-aside{
	max-width: 300px;
	flex: 0 0 16vw;
	-webkit-flex: 0 0 16vw;
	margin-left: 2vw;
	position: relative;
}
.mstvideo-swip{
	width: 100%;
	height: 37.5vw;
	max-height: 720px;
	display: block;
	position: relative;
	overflow: hidden;
}

.mstvideo-swip .swiper-slide{
	height: 30%;
}
.mstvideo-swip .box{
	width: 100%;
	height: 100%;
	position: relative;
	opacity: .5;
	transition: all .4s cubic-bezier(0.33, 1, 0.68, 1);
	-webkit-transition: all .4s cubic-bezier(0.33, 1, 0.68, 1);
	cursor: pointer;
}
.mstvideo-swip .slide-imgs{
	width: 100%;
	height: calc(100% - 2.75rem);
	display: block;
	position: relative;
	overflow: hidden;
	border-radius: 8px;
}
.mstvideo-swip .slide-imgs img{
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	object-fit: cover;
	-webkit-object-fit: cover;
	object-position: center center;
	-webkit-object-position: center center;
	border-radius: inherit;
	z-index: 1;
}
.mstvideo-swip .slide-imgs::after{
	content: '';
	width: 100%;
	height: 100%;
	display: block;
	border: 3px solid #28282B;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 5;
	opacity: 0;
	visibility: hidden;
	transition: all .4s cubic-bezier(0.33, 1, 0.68, 1);
	-webkit-transition: all .4s cubic-bezier(0.33, 1, 0.68, 1);
	border-radius: inherit;
}
.mstvideo-swip .slide-tit{
	width: 100%;
	font-size: 1.2rem;
	line-height: 1.46em;
	color: #fff;
	height: 1.46em;
	overflow: hidden;
	position: relative;
	margin-top: 1rem;
	font-weight: 500;
}

.mstvideo-swip .is-active .box{
	opacity: 1;
}
.mstvideo-swip .is-active .slide-imgs::after{
	opacity: 1;
	visibility: visible;
}

.mstvideo-scrollbar{
	width: 0.6rem;
	height: 100%;
	display: block;
	position: absolute;
	left: calc(100% + 0.6rem);
	top: 0;
	z-index: 20;
	border-radius: .6rem;
	overflow: hidden;
	opacity: 0;
	transition: all .2s cubic-bezier(0.4, 0, 0.2, 1);
	-webkit-transition: all .2s cubic-bezier(0.4, 0, 0.2, 1);
}
.mstvideo-scrollbar .swiper-scrollbar-drag{
	border-radius: inherit;
	background: #fff;
	cursor: pointer;
}

.mstvideo-cont.is-one{
	padding: 0;
	justify-content: center;
	-webkit-justify-content: center;
}
.mstvideo-cont.is-one .mstvideo-aside{
	display: none;
}

@media (max-width: 1600px) {
	.mstvideo-swip .slide-tit{
		font-size: 20px;
	}
}
@media (max-width: 1440px) {
	.mstvideo-swip .slide-tit{
		font-size: 16px;
	}
}
@media (min-width: 992px) {
	.mstvideo-aside:hover .mstvideo-scrollbar{
		opacity: 1
	}
	.mstvideo-swip.not-swip .swiper-wrapper{
		flex-direction: column;
		-webkit-flex-direction: column;
	}
	.mstvideo-swip.not-swip .swiper-slide{
		margin-bottom: 1.35rem;
	}
	.mstvideo-swip.not-swip .swiper-slide:last-child{
		margin-bottom: 0;
	}
	.mstvideo-body .video-js:hover .vjs-control-bar{
		opacity: 1 !important;
		visibility: visible !important;
	}
}
@media (max-width: 991.98px) {
	.mstvideo-box{
		margin: 1.86rem 0 2rem;
	}
	.mstvideo-box .mst-head{
		margin-bottom: .68rem;
	}
	/* .mstvideo-box .s-heading{
		font-size: .48rem;
		line-height: .7rem;
	} */
	.mstvideo-cont{
		display: block;
		padding: 0;
	}
	.mstvideo-body{
		width: 100%;
	}
	.mstvideo-body .video-box{
		height: 56.4vw;
		border-width: 4px;
		border-left: none;
		border-right: none;
		border-radius: 0px;
	}
	.mstvideo-body .video-box video{
		border-radius: 0px;
		position: absolute;
	}
	.mstvideo-body .video-js .vjs-control-bar{
		opacity: 1 !important;
		visibility: visible !important;
	}
	.mstvideo-body .video-js.vjs-paused .vjs-control-bar{
		opacity: 0 !important;
		visibility: hidden !important;
	}
	/* .mstvideo-body .video-js .vjs-big-play-button{
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,.5);
	} */
	.mstvideo-body .video-js .vjs-big-play-button .vjs-icon-placeholder{
		width: 1rem;
		height: 1rem;
	}
	.mstvideo-aside{
		max-width: 100%;
		width: 100%;
		padding: 0 0.48rem;
		flex: none;
		-webkit-flex: none;
		margin: .8rem 0 0;
	}
	.mstvideo-swip{
		max-height: none;
		height: auto;
		overflow: visible;
	}
	.mstvideo-swip .slide-imgs{
		height: auto;
		padding-top: 56.25%;
	}
	.mstvideo-swip .slide-tit{
		font-size: .28rem;
		line-height: .4rem;
		height: .4rem;
		margin-top: .24rem;
	}
	.mstvideo-swip .slide-imgs::after{
		border-width: 3px;
	}
	.mstvideo-swip.not-swip .swiper-slide{
		width: 47%;
		margin-right: 3%;
	}
}

/* 底部数据来源  */
.mst-foot{
	width: 100%;
	min-height: 0;
	position: relative;
	margin: 8.1rem 0 4.65rem;
}
.mst-foot .doc{
	width: 80vw;
	max-width: 1560px;
	margin: 0 auto;
	font-size: .8rem;
	line-height: 1.15rem;
	color: #808080;
}
@media (max-width: 991.98px) {
	.mst-foot{
		margin: 2rem 0 .4rem;
		padding: 0 0.48rem;
	}
	.mst-foot .doc{
		width: 100%;
		max-width: 100%;
		font-size: .2rem;
		line-height: 1.4em;
	}
}

@media (max-width: 991.98px) and (min-width: 768px) {
	.mst1-box, .mst-head, 
	.glnode-tabhd.app, .glnode-tips, 
	.mstvalue-head, .valApp-lcDet,
	.mstcase-swipbox,
	.mstZy-swipbox{
		zoom: 1.2;
	}
	.mstValApp-imgs{
		padding-left: 2rem;
		padding-right: 2rem;
	}
	.valApp-icosBox{
		zoom: 1.5;
	}
	.mstZy-box .mst-head{
		padding: 0 1.5rem;
	}
}

/******* q4 *******/

/* q4-第一屏 */
.q4-one{
	width: 100%;
	height: 126vh;
	display: block;
	position: relative;
	background: #000;
}
.q4-one .bgimg{
	width: 100%;
	height: 100%;
	display: block;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}
.q4-one .bgimg img{
	width: 100%;
	height: 100%;
	display: block;
	overflow: hidden;
	object-fit: cover;
	object-position: center top;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}
.q4-one .bgimg::before{
	content: '';
	width: 100%;
	height: 52%;
	display: block;
	background: linear-gradient(0deg, #000000 5.18%, rgba(0, 0, 0, 0.8) 27.55%, rgba(0, 0, 0, 0.5) 52.32%, rgba(0, 0, 0, 0) 74.66%);
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 2;
}
.q4one-lvbox{
	width: 100%;
	text-align: center;
	position: fixed;
	left: 0;
	top: 32vh;
	z-index: 50;
	color: #fff;
	transition: transform .05s linear;
	-webkit-transition: transform .05s linear;
	transform-origin: center bottom !important;
	-webkit-transform-origin: center bottom !important;
}
.q4one-lvbox .subtit{
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	font-size: 26px;
	line-height: 38px;
	font-weight: 900;
	margin-bottom: 4px;
}
.q4one-lvbox .subtit img{
	height: 1.5rem;
	display: block;
	margin: 0 0.25em 0 0;
}
.q4one-lvbox .lvtit{
	font-size: 5.4rem;
	line-height: 7.8rem;
	font-weight: 900;
}
.q4one-lvbox .btnbox{
	width: 100%;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin-top: 4.1rem;
}
.q4one-lvbox .btn-deft{
	font-size: 1.15rem;
  margin: 0 3.15rem;
  width: 17em;
  height: calc(2.625em + 4px);
  line-height: 2.625em;
  border-radius: 1.438em;
  /* padding: 0 1.5em; */
}

.q4one-body{
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 5%;
	z-index: 20;
	color: #fff;
	transition: all .2s cubic-bezier(0.4, 0, 0.2, 1);
	-webkit-transition: all .2s cubic-bezier(0.4, 0, 0.2, 1);
}
.q4one-swip{
	margin: 0 auto;
	position: relative;
	overflow: visible;
}
.q4one-swip .slide-tit{
	padding: 0 0 30px;
	position: relative;
	margin-bottom: 24px;
}
.q4one-swip .slide-tit::after{
	content: '';
	display: block;
	width: 5.5rem;
	height: 6px;
	background: #FE2C55;
	border-radius: 3px;
	position: absolute;
	left: 0;
	bottom: 0;
}
.q4one-swip .tit{
	font-size: 2.2rem;
	line-height: 1.4em;
	height: 2.8em;
	overflow: hidden;
	position: relative;
	font-weight: 900;
}
.q4one-swip .slide-desc{
	font-size: 16px;
	line-height: 23px;
	/* max-height: 3.45rem; */
	color: rgba(255, 255, 255, 0.7);
}
.q4one-swip .slide-desc sup{
  font-size: 1em;
  top: -1em;
  zoom: .5;
  line-height: 1em;
}
.q4one-num{
	width: 100%;
	position: relative;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
}
.q4one-num .swiper-wrapper{
	width: auto;
}
.q4one-num .swiper-slide{
	width: auto;
}
.q4one-num .box{
	width: 14.7rem;
	max-width: 100%;
	color: #fff;
	text-align: center;
	margin: 0 auto;
}
.q4one-num .slide-num{
	width: 100%;
	display: flex;
	display: -webkit-flex;
	align-items: flex-end;
	justify-content: center;
	font-size: 88px;
	line-height: 1.4em;
	height: 1.4em;
	font-family: 'Sofia Pro';
	font-weight: 600;
}
.q4one-num .slide-num .unit{
	font-size: 40%;
	line-height: 1em;
	bottom: 16%;
	margin-left: 0;
}
.q4one-num .slide-desc{
	font-size: 16px;
	line-height: 1.75em;
	max-width: 15em;
	margin: 0 auto;
}
.q4one-num .slide-desc sup{
  font-size: 1em;
  top: -1em;
  zoom: .5;
  line-height: 1em;
}
@media (max-width: 1600px) {
	.q4one-lvbox .lvtit{
		font-size: 88px;
		line-height: 127px;
	}
	.q4one-swip .tit{
		font-size: 36px;
	}
	.q4one-num .slide-num{
		font-size: 80px;
	}
	.q4one-num .slide-desc{
		font-size: 14px;
		line-height: 1.6em;
	}
}
@media (max-width: 1440px) {
	.q4one-lvbox .subtit{
		font-size: 22px;
		line-height: 32px;
	}
	.q4one-lvbox .subtit img{
		height: 24px;
	}
	.q4one-lvbox .lvtit{
		font-size: 76px;
		line-height: 110px;
	}
	.q4one-swip .tit{
		font-size: 32px;
	}
	.q4one-swip .slide-desc{
		font-size: 12px;
		line-height: 17px;
	}
	.q4one-num .slide-num{
		font-size: 72px;
	}
}
@media (max-width: 1280px) {
	.q4one-lvbox .lvtit{
		font-size: 72px;
		line-height: 104px;
	}
	.q4one-swip .tit{
		font-size: 28px;
	}
	.q4one-num .slide-num{
		font-size: 64px;
	}
}
@media (min-width: 992px) {
	.q4-one.is-active .q4one-lvbox{
		position: absolute;
	}
	.q4-one.type-num .q4one-body{
		bottom: 8%;
	}

	.q4one-swip .swiper-wrapper{
		width: auto;
		flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
	}
	.q4one-swip .swiper-slide{
		display: flex;
		display: -webkit-flex;
		justify-content: center;
	}
	.q4one-swip.title-single .tit{
		height: 1.4em;
	}
	
	.q4-one.is-num2 .q4one-swip{
		padding: 0 17vw;
	}
	.q4-one.is-num2 .q4one-swip .swiper-wrapper{
		margin: 0 -6.875vw;
	}
	.q4-one.is-num2 .q4one-swip .swiper-slide{
		width: 50%;
		padding: 0 6.875vw;
	}
	.q4-one.is-num2 .q4one-swip .swiper-slide .box{
		width: 25rem;
		max-width: 100%;
	}
	.q4-one.is-num2 .q4one-num .swiper-wrapper{
		margin: 0 -11.7vw;
	}
	.q4-one.is-num2 .q4one-num .swiper-slide{
		padding: 0 11.7vw;
	}

	.q4-one.is-num3 .q4one-swip{
		padding: 0 8.3vw;
	}
	.q4-one.is-num3 .q4one-swip .swiper-wrapper{
		margin: 0 -5vw;
	}
	.q4-one.is-num3 .q4one-swip .swiper-slide{
		width: 33.33%;
		padding: 0 5vw;
	}
	.q4-one.is-num3 .q4one-swip .swiper-slide .box{
		width: 20.2rem;
		max-width: 100%;
	}
	.q4-one.is-num3 .q4one-num .swiper-wrapper{
		margin: 0 -5.2vw;
	}
	.q4-one.is-num3 .q4one-num .swiper-slide{
		padding: 0 5.2vw;
	}

	.q4-one.is-num4{
		height: 130vh;
	}
	.q4-one.is-num4 .q4one-swip{
		padding: 0 17vw;
		margin-bottom: -1.85rem;
	}
	.q4-one.is-num4 .q4one-swip .swiper-wrapper{
		margin: 0 -6.875vw -3.2rem;
	}
	.q4-one.is-num4 .q4one-swip .swiper-slide{
		width: 50%;
		padding: 0 6.875vw;
		margin-bottom: 3.2rem;
	}
	.q4-one.is-num4 .q4one-swip .swiper-slide .box{
		width: 25rem;
		max-width: 100%;
	}
	.q4-one.is-num4 .q4one-num .swiper-wrapper{
		margin: 0 -4.375vw;
	}
	.q4-one.is-num4 .q4one-num .swiper-slide{
		padding: 0 4.375vw;
	}

	.q4-one.long-radio{
		height: 140vh;
	}
	.q4-one.long-radio.is-num4{
		height: 180vh;
	}
}
@media (min-width: 992px) and (max-height: 950px) {
	.q4-one.type-doc.is-num4{
		height: 160vh;
	}
	.q4-one.type-doc.long-radio.is-num4{
		height: 200vh;
	}
}
@media (min-width: 992px) and (max-width: 1600px) {
	.q4-one.type-doc.is-num3 .q4one-swip{
		padding: 0 8.75vw;
	}
	.q4-one.type-doc.is-num3 .q4one-swip .swiper-wrapper{
		margin: 0 -3vw;
	}
	.q4-one.type-doc.is-num3 .q4one-swip .swiper-slide{
		padding: 0 3vw;
	}
	.q4-one.type-doc.is-num3 .q4one-swip .swiper-slide .box{
		width: 326px;
	}
}
@media (min-width: 992px) and (max-width: 1440px) {
	.q4-one.type-doc.is-num3 .q4one-swip{
		padding: 0 8.125vw;
	}
	.q4-one.type-doc.is-num3 .q4one-swip .swiper-wrapper{
		margin: 0 -3vw;
	}
	.q4-one.type-doc.is-num3 .q4one-swip .swiper-slide{
		padding: 0 3vw;
	}
	.q4-one.type-doc.is-num3 .q4one-swip .swiper-slide .box{
		width: 302px;
	}
}
@media (min-width: 992px) and (max-width: 1280px) {
	.q4-one.type-doc.is-num3 .q4one-swip .swiper-slide .box{
		width: 268px;
	}
}
@media (max-width: 991.98px) {
	.q4-one{
		height: auto;
		min-height: 189.23vw;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}

	.q4one-lvbox{
		/* top: 50.25vw; */
		position: relative;
		top: 0;
		padding: 50.25vw 0 52vw;
	}
	.q4one-lvbox .subtit{
		font-size: .28rem;
		line-height: .4rem;
		margin-bottom: 6px;
	}
	.q4one-lvbox .subtit img{
		height: .32rem;
	}
	.q4one-lvbox .lvtit{
		font-size: 0.96rem;
		line-height: 1.2rem;
	}
	.q4one-lvbox .btnbox{
		margin-top: 0.6rem;
		display: block;
	}
	.q4one-lvbox .btn-deft{
		width: 17em;
		height: 0.76rem;
    font-size: .28rem;
    padding: 0;
    margin: 0 auto 0.3rem;
	}
	.q4one-lvbox .btn-deft:last-child{
		margin-bottom: 0;
	}

	.q4one-body{
		bottom: 0;
		position: relative;
	}
	.q4one-swip{
		width: 71vw;
		max-width: 5.3rem;
	}
	.q4one-swip .slide-tit{
		padding: 0 0 calc(0.3rem + 3px);
		margin-bottom: .32rem;
	}
	.q4one-swip .slide-tit::after{
		width: 1.12rem;
		height: 3px;
	}
	.q4one-swip .tit{
		font-size: .56rem;
		line-height: .78rem;
		height: auto;
		min-height: 1.65rem;
	}
	.q4one-swip .slide-desc{
		font-size: .26rem;
		line-height: .38rem;
		/* max-height: 1.52rem; */
	}

	.q4one-swip.title-single .tit{
		min-height: 0;
	}

	.q4-one.type-num{
		height: auto;
		min-height: 215vw;
	}
	.q4-one.type-num .q4one-lvbox{
		min-height: 117.7vw;
	}
	.q4-one.type-num .q4one-body{
		position: relative;
		bottom: unset;
		/* padding-top: 107.7vw; */
		/* padding-top: 117.7vw; */
	}
	.q4-one.type-num.is-num2  .q4one-lvbox{
		min-height: 130.77vw;
	}
	/* .q4-one.type-num.is-num2 .q4one-body{
		padding-top: 130.77vw;
	} */
	.q4one-num .swiper-wrapper{
		display: block;
		flex-wrap: wrap;
	}
	.q4one-num .swiper-slide{
		width: 100%;
		margin-bottom: 1rem;
	}
	.q4one-num .box{
		width: 58vw;
	}
	.q4one-num .slide-num{
		font-size: 1rem;
		line-height: 1.38rem;
		height: 1.38rem;
	}
	.q4one-num .slide-num .unit{
		font-size: 46%;
		bottom: 20%;
	}
	.q4one-num .slide-desc{
		font-size: .24rem;
		line-height: .34rem;
	}

	body.is-ios .q4one-num .slide-desc sup{
		top: -0.5em;
	}
	body.is-ios .q4one-swip .slide-desc sup{
		top: -0.5em;
	}
}

/* 成功案例 */
.q4case-box{
	margin: 9.4rem 0 12.65rem;
}
.q4case-box .mst-head{
	margin-bottom: 4rem;
}
.q4case-swipbox{
	width: 100%;
	position: relative;
}
.q4case-swip{
	width: 80vw;
	position: relative;
	margin: 0 auto;
}
.q4case-swip .swiper-slide{
	width: 31.3%;
}
.q4case-swip .box{
	width: 100%;
  display: block;
  background: #28282B;
  border-radius: 8px;
  overflow: hidden;
  position: relative;
  padding: 1.6rem;
  transition: all .4s cubic-bezier(0.33, 1, 0.68, 1);
  -webkit-transition: all .4s cubic-bezier(0.33, 1, 0.68, 1);
}
.q4case-swip .slide-imgs{
	width: 100%;
	overflow: hidden;
	position: relative;
	border-radius: 8px;
}
.q4case-swip .slide-imgs .imgs{
	width: 100%;
	padding: 50% 0 0;
	overflow: hidden;
	position: relative;
	border-radius: inherit;
}
.q4case-swip .slide-imgs img{
	width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
  object-fit: cover;
  -webkit-object-fit: cover;
  object-position: center center;
  -webkit-object-position: center center;
  border-radius: inherit;
}
.q4case-swip .slide-bd{
	padding: 1.2rem 0 0;
	position: relative;
}
.q4case-swip .slide-tit{
	font-size: 1.4rem;
	line-height: 2.05rem;
	height: 2.05rem;
	overflow: hidden;
	color: #fff;
	margin-bottom: 1rem;
	font-weight: 700;
}
.q4case-swip .slide-info{
	font-size: .8rem;
	line-height: 1.875em;
	color: #fff;
	display: flex;
	display: -webkit-flex;
	font-weight: 700;
}
.q4case-swip .slide-info img{
	width: 1.25em;
	margin: -0.3em 6px 0 0;
}
.q4case-swip .slide-addr{
	margin-right: 1rem;
}
.q4case-swip .slide-desc{
	font-size: .8rem;
	line-height: 1.15rem;
	height: 2.3rem;
	overflow: hidden;
	color: rgba(255, 255, 255, 0.5);
	margin-top: 1.5em;
}
.q4case-swip .slide-tool{
	display: none;
	position: absolute;
	left: 0;
	bottom: 0;
}
.q4case-swip .btn-viewdet{
	font-size: .8rem;
	line-height: 1em;
	padding: 0 1.5em;
	height: 3em;
	border-radius: 1.5em;
	transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
}
.q4case-swip .btn-viewdet .bi{
	width: 1.5em;
	height: 1.5em;
	display: block;
	background: url('/img/market/arrow-right-white.svg') no-repeat center center;
	background-size: contain;
	margin-left: 6px;
}

.q4case-swipbox.not-swip .zbg-prev,
.q4case-swipbox.not-swip .zbg-next,
.q4case-swipbox.not-swip .swip-ctrl{
	display: none !important;
}
.q4case-swipbox.not-swip .icon-play{
	display: block;
}

@media (max-width: 1600px) {
	.q4case-swipbox{
		padding: 0 35px;
	}
	.q4case-swip{
		width: 100%;
	}
	.q4case-swip .slide-tit{
		font-size: 28px;
		line-height: 41px;
		height: 41px;
		margin-bottom: 20px;
	}
	.q4case-swip .slide-info{
		font-size: 16px;
		line-height: 30px;
	}
	.q4case-swip .slide-desc{
		font-size: 16px;
		line-height: 23px;
		height: 46px;
		margin-top: 24px;
	}
	.q4case-swipbox .swip-ctrl.prev{
		left: 3em;
	}
	.q4case-swipbox .swip-ctrl.next{
		right: 3em;
	}
	.q4case-swipbox .zbg-prev, .q4case-swipbox .zbg-next{
		max-width: 300px;
	}
}
@media (max-width: 1440px) {
	.q4case-swipbox{
		padding: 0 50px;
	}
	.q4case-swip .slide-tit{
		font-size: 22px;
		line-height: 32px;
		height: 32px;
		margin-bottom: 16px;
	}
	.q4case-swip .slide-info{
		font-size: 12px;
		line-height: 17px;
	}
	.q4case-swip .slide-desc{
		font-size: 12px;
		line-height: 17px;
		height: 34px;
		margin-top: 24px;
	}
}
@media (max-width: 1280px) {
	.q4case-swipbox{
		padding: 0 7px;
	}
}

@media (min-width: 992px) {
	.q4case-swipbox.is-num1 .q4case-swip{
		width: 72.4vw;
	}
	.q4case-swipbox.is-num1 .q4case-swip .swiper-slide{
		width: 100%;
	}
	.q4case-swipbox.is-num1 .q4case-swip .box{
		padding: 1.6rem 2rem 1.6rem 1.6rem;	
		display: flex;
		display: -webkit-flex;
	}
	.q4case-swipbox.is-num1 .slide-imgs{
		max-width: 800px;
		flex: 0 0 58%;
		-webkit-flex: 0 0 58%;
		margin-right: 2rem;
	}
	.q4case-swipbox.is-num1 .slide-bd{
		padding: 0;
		flex: 1;
		-webkit-flex: 1;
	}
	/* .q4case-swipbox.is-num1 .slide-tit{
		font-size: 1.8rem;
		line-height: 2.6rem;
		height: 2.6rem;
		margin-bottom: 1.2rem;
	} */
	.q4case-swipbox.is-num1 .slide-tool{
		display: flex;
		display: -webkit-flex;
	}
	/* .q4case-swipbox.is-num2 .slide-info{
		font-size: 1rem;
		line-height: 1.5em;
	}
	.q4case-swipbox.is-num2 .slide-info img{
		width: 1.2em;
	}
	.q4case-swipbox.is-num2 .slide-desc{
		font-size: 1rem;
		line-height: 1.45em;
		height: 2.9em;
		margin-top: 1.3em;
	} */

	.q4case-swipbox.is-num2 .q4case-swip{
		width: 61.7vw;
	}
	.q4case-swipbox.is-num2 .swiper-wrapper{
		width: auto;
		margin: 0 -2rem;
	}
	.q4case-swipbox.is-num2 .swiper-slide{
		width: 50%;
		padding: 0 2rem;
	}
	.q4case-swipbox.is-num3 .swiper-wrapper{
		width: auto;
		margin: 0 -1.5rem;
	}
	.q4case-swipbox.is-num3 .swiper-slide{
		width: 33.33%;
		padding: 0 1.5rem;
	}

	/* .q4case-swipbox.is-num2 .slide-tit{
		font-size: 1.8rem;
		line-height: 2.6rem;
		height: 2.6rem;
		margin-bottom: 1rem;
	}
	.q4case-swipbox.is-num2 .slide-info{
		font-size: 1rem;
		line-height: 1.45em;
	}
	.q4case-swipbox.is-num2 .slide-info img{
		width: 1.2em;
	}
	.q4case-swipbox.is-num2 .slide-desc{
		font-size: 1rem;
		line-height: 1.45em;
		height: 2.9em;
		margin-top: 1.25em;
	} */

	.q4case-swipbox:hover .swip-ctrl{
		opacity: 1;
		visibility: visible;
	}
	.q4case-swip .swiper-slide:hover .box{
		transform: translateY(-20px);
		-webkit-transform: translateY(-20px);
	}
	.q4case-swipbox.is-hover_prev .zbg-prev{
		top: -20px;
	}
	.q4case-swipbox.is-hover_next .zbg-next{
		top: -20px;
	}
	.q4case-swip .btn-viewdet:hover .bi{
		background-image: url('/img/market/arrow-right-red.svg');
	}
}
@media (max-width: 991.98px) {
	.q4case-box{
		margin: 1.96rem 0 1.86rem;
	}
	.q4case-box .mst-head{
		margin-bottom: 0.64rem;
	}
	.q4case-swipbox{
		padding: 0 11.5vw;
	}
	.q4case-swip .swiper-slide{
		width: 100%;
	}
	.q4case-swip .box{
		padding: 0.4rem;
	}
	.q4case-swip .slide-bd{
		padding: 0.32rem 0 0;
	}
	.q4case-swip .slide-tit{
		font-size: .36rem;
		line-height: .52rem;
		height: .52rem;
		margin-bottom: 0.24rem;
	}
	.q4case-swip .slide-info{
		font-size: .24rem;
		line-height: .36rem;
	}
	.q4case-swip .slide-info img{
		width: .32rem;
	}
	.q4case-swip .slide-addr{
		margin-right: .32rem;
	}
	.q4case-swip .slide-desc{
		font-size: .24rem;
		line-height: .34rem;
		height: 0.68rem;
		margin-top: .24rem;
	}
}
@media (max-width: 767.98px) {
	.q4case-swipbox{
		padding: 0 0.9rem;
	}
}

/* modify 8.10 */
.mstvalue-rc2, .mstvideo-rc, .mstcase-rc{
	display: none !important;
}
@media (min-width: 992px) {
	.p-q4 .global-crumb .global-inner{
		width: 80vw;
    max-width: 1560px;
    padding: 0;
	}
}