.pangum {
	letter-spacing: calc(-0.037em + 0.526px);
	color: #211D1E;
}

.pangum .blur-up {
	-webkit-filter: blur(5px);
	filter: blur(5px);
	-webkit-transition: -webkit-filter 400ms;
	transition: -webkit-filter 400ms;
	transition: filter 400ms;
	transition: filter 400ms, -webkit-filter 400ms;
}

.pangum .blur-up.lazyloaded {
	-webkit-filter: blur(0);
	filter: blur(0);
}

.pangum .pangum-nowrap {
	white-space: nowrap;
}

.pangum img,
.pangum video {
	display: block;
	width: 100%;
}

.pangum a {
	color: inherit;
}

.pangum p {
	line-height: 1.6;
}

.pangum h2,
.pangum h3,
.pangum h4 {
	line-height: 1.25;
}

.pangum sup {
	position: relative;
	font-size: 55%;
	cursor: pointer;
	z-index: 4;
	-webkit-transform: translateY(15%);
	transform: translateY(15%);
}

.pangum .pangum-section {
	position: relative;
}

.pangum .section-subTitle {
	font-size: 3.33333vw;
	font-weight: 700;
}

@media (max-width: 1200px) and (max-aspect-ratio: 1 / 1) {
	.pangum .section-subTitle {
		font-size: 6.4vw;
	}
}

.pangum .section-desc {
	font-size: 1.14583vw;
	margin-top: 1.5625vw;
}

@media (max-width: 1200px) and (max-aspect-ratio: 1 / 1) {
	.pangum .section-desc {
		font-size: 4.26667vw;
		margin-top: 5.33333vw;
	}
}

@media (max-width: 1200px) and (max-aspect-ratio: 1 / 1) {
	.pangum .pangum-section-kv {
		padding-bottom: 16vw;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
}

.pangum .pangum-section-kv .section-kv-slogan {
	position: absolute;
	width: 34.375vw;
	width: 31.77083vw;
	top: 20.83333vw;
	left: 57.8125vw;
}

@media (max-width: 1200px) and (max-aspect-ratio: 1 / 1) {
	.pangum .pangum-section-kv .section-kv-slogan {
		position: relative;
		top: auto;
		left: auto;
		width: 59.33333vw;
		width: 58.26667vw;
		margin: 12vw auto 0;
	}
}

.pangum .pangum-section-kv .section-kv-textWrap {
	text-align: center;
	width: 23.54167vw;
	width: 21.875vw;
	margin: 0.52083vw auto 0;
}

@media (max-width: 1200px) and (max-aspect-ratio: 1 / 1) {
	.pangum .pangum-section-kv .section-kv-textWrap {
		width: 40.26667vw;
		margin-top: 1.33333vw;
	}
}

.pangum .pangum-section-kv .section-kv-textWrap p {
	font-size: 0.9375vw;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

@media (max-width: 1200px) and (max-aspect-ratio: 1 / 1) {
	.pangum .pangum-section-kv .section-kv-textWrap p {
		font-size: 1.6vw;
	}
}

.pangum .pangum-section-reason {
	padding: 5.72917vw 0 10.41667vw;
}

@media (max-width: 1200px) and (max-aspect-ratio: 1 / 1) {
	.pangum .pangum-section-reason {
		padding: 13.33333vw 0;
	}
}

.pangum .pangum-section-reason .section-subTitle {
	text-align: center;
}

.pangum .pangum-section-reason h4 {
	font-size: 1.66667vw;
	font-weight: 700;
	color: #fff;
	position: absolute;
	top: 1.71875vw;
	left: 3.02083vw;
	text-align: left;
}

@media (max-width: 1200px) and (max-aspect-ratio: 1 / 1) {
	.pangum .pangum-section-reason h4 {
		font-size: 4.26667vw;
		top: 2.93333vw;
		left: 4.8vw;
	}
}

.pangum .pangum-section-reason .section-reason-wrap {
	margin-top: 4.16667vw;
	text-align: center;
	font-size: 0;
}

@media (max-width: 1200px) and (max-aspect-ratio: 1 / 1) {
	.pangum .pangum-section-reason .section-reason-wrap {
		margin-top: 8vw;
	}
}

.pangum .pangum-section-reason .section-reason-wrap>div {
	display: inline-block;
}

@media (max-width: 1200px) and (max-aspect-ratio: 1 / 1) {
	.pangum .pangum-section-reason .section-reason-wrap>div {
		display: block;
	}
}

.pangum .pangum-section-reason .section-reason-wrap div {
	position: relative;
	overflow: hidden;
}

.pangum .pangum-section-reason .section-reason-wrap img {
	-webkit-transition: -webkit-transform 0.6s ease;
	transition: -webkit-transform 0.6s ease;
	transition: transform 0.6s ease;
	transition: transform 0.6s ease, -webkit-transform 0.6s ease;
}

.pangum .pangum-section-reason .section-reason-leftWrap {
	width: 21.61458vw;
}

@media (max-width: 1200px) and (max-aspect-ratio: 1 / 1) {
	.pangum .pangum-section-reason .section-reason-leftWrap {
		width: 86.66667vw;
		margin: 0 auto;
	}
}

@media (min-width: 1200px) and (min-aspect-ratio: 1 / 1) {
	.pangum .pangum-section-reason .section-reason-leftWrap:hover img {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}
}

.pangum .pangum-section-reason .section-reason-middleWrap {
	width: 44.27083vw;
	margin-left: 1.04167vw;
}

@media (min-width: 1200px) and (min-aspect-ratio: 1 / 1) {
	.pangum .pangum-section-reason .section-reason-middleWrap>div:first-of-type:hover img {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}
}

@media (max-width: 1200px) and (max-aspect-ratio: 1 / 1) {
	.pangum .pangum-section-reason .section-reason-middleWrap {
		width: 86.66667vw;
		margin: 2.66667vw auto 0;
		display: -webkit-box !important;
		display: -ms-flexbox !important;
		display: flex !important;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}

	.pangum .pangum-section-reason .section-reason-middleWrap>div:first-of-type {
		width: 42vw;
	}
}

.pangum .pangum-section-reason .section-reason-middleWrap>div:last-of-type {
	margin-top: 1.04167vw;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

@media (max-width: 1200px) and (max-aspect-ratio: 1 / 1) {
	.pangum .pangum-section-reason .section-reason-middleWrap>div:last-of-type {
		margin-top: 0;
		width: 42vw;
		display: inline-block;
	}
}

.pangum .pangum-section-reason .section-reason-middleWrap>div:last-of-type>div {
	width: 21.61458vw;
}

@media (max-width: 1200px) and (max-aspect-ratio: 1 / 1) {
	.pangum .pangum-section-reason .section-reason-middleWrap>div:last-of-type>div {
		width: 100%;
	}

	.pangum .pangum-section-reason .section-reason-middleWrap>div:last-of-type>div:last-of-type {
		margin-top: 2.66667vw;
	}
}

@media (min-width: 1200px) and (min-aspect-ratio: 1 / 1) {
	.pangum .pangum-section-reason .section-reason-middleWrap>div:last-of-type>div:hover img {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}
}

.pangum .pangum-section-reason .section-reason-rightWrap {
	width: 21.61458vw;
	margin-left: 1.04167vw;
}

@media (min-width: 1200px) and (min-aspect-ratio: 1 / 1) {
	.pangum .pangum-section-reason .section-reason-rightWrap>div:hover img {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}
}

@media (max-width: 1200px) and (max-aspect-ratio: 1 / 1) {
	.pangum .pangum-section-reason .section-reason-rightWrap {
		width: 86.66667vw;
		margin: 2.66667vw auto 0;
	}

	.pangum .pangum-section-reason .section-reason-rightWrap>div {
		width: 42vw;
		display: inline-block;
	}
}

.pangum .pangum-section-reason .section-reason-rightWrap>div:last-of-type {
	margin-top: 1.04167vw;
}

@media (max-width: 1200px) and (max-aspect-ratio: 1 / 1) {
	.pangum .pangum-section-reason .section-reason-rightWrap>div:last-of-type {
		margin-top: 0;
		margin-left: 2.66667vw;
	}
}

.pangum .pangum-section-screen {
	height: 1000vh;
	height: 500vh;
	color: #fff;
}

.pangum .pangum-section-screen .section-screen-wrap {
	position: -webkit-sticky;
	position: sticky;
	top: 60px;
	height: calc(calc(100vh - 60px) + 5px);
	overflow: hidden;
}

@media (max-width: 1200px) and (max-aspect-ratio: 1 / 1) {
	.pangum .pangum-section-screen .section-screen-wrap {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: end;
		-ms-flex-align: end;
		align-items: flex-end;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
}

.pangum .pangum-section-screen .section-screen-mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.85);
	-webkit-transition: opacity 1s ease;
	transition: opacity 1s ease;
	opacity: 0;
}

.pangum .pangum-section-screen .section-screen-bgWrap {
	-webkit-transition: opacity 1s ease;
	transition: opacity 1s ease;
}

.pangum .pangum-section-screen .section-screen-textWrap {
	position: absolute;
	top: 50%;
	opacity: 0;
}

.pangum .pangum-section-screen .section-screen-textWrap.textWrap1 {
	width: 31.25vw;
	left: 8.85417vw;
	-webkit-transform: translateY(-10%);
	transform: translateY(-10%);
	-webkit-transition: all 1s ease;
	transition: all 1s ease;
}

@media (max-width: 1200px) and (max-aspect-ratio: 1 / 1) {
	.pangum .pangum-section-screen .section-screen-textWrap.textWrap1 {
		width: 85.33333vw;
		top: 20vw;
		left: 50%;
		-webkit-transform: translate(-50%, 40%);
		transform: translate(-50%, 40%);
		text-align: center;
	}
}

.pangum .pangum-section-screen .section-screen-textWrap.textWrap2 {
	width: 57.08333vw;
	left: 50%;
	text-align: center;
	-webkit-transform: translate(-50%, -10%);
	transform: translate(-50%, -10%);
	-webkit-transition: all 1s ease;
	transition: all 1s ease;
}

@media (max-width: 1200px) and (max-aspect-ratio: 1 / 1) {
	.pangum .pangum-section-screen .section-screen-textWrap.textWrap2 {
		width: 85.33333vw;
	}
}

.pangum .pangum-section-screen .section-screen-btn {
	display: inline-block;
	font-size: 1.14583vw;
	line-height: 1.6;
	padding: 0.52083vw 2.08333vw;
	border: 1px solid #fff;
	border-radius: 2.60417vw;
	margin-top: 3.125vw;
}

@media (max-width: 1200px) and (max-aspect-ratio: 1 / 1) {
	.pangum .pangum-section-screen .section-screen-btn {
		margin-top: 8vw;
		border-radius: 6.66667vw;
		padding: 2vw 5.33333vw;
		font-size: 2.93333vw;
	}
}

.pangum .pangum-section-screen .section-screen-picWrap {
	position: absolute;
	width: 54.16667vw;
	top: 2.60417vw;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	-webkit-transition: all 1s ease;
	transition: all 1s ease;
}

.pangum .pangum-section-screen .section-screen-picWrap img {
	-webkit-transform: translateX(80%);
	transform: translateX(80%);
	-webkit-transition: all 1s ease;
	transition: all 1s ease;
}

@media (max-width: 1200px) and (max-aspect-ratio: 1 / 1) {
	.pangum .pangum-section-screen .section-screen-picWrap img {
		-webkit-transform: translateX(69%);
		transform: translateX(69%);
	}
}

@media (max-width: 1200px) and (max-aspect-ratio: 1 / 1) {
	.pangum .pangum-section-screen .section-screen-picWrap {
		width: 93.33333vw;
		top: auto;
		bottom: 19.33333vw;
	}
}

@media (width: 734px) {
	.pangum .pangum-section-screen .section-screen-picWrap {
		/* width: 80vw; */

		width: 95vw;
		left: 49%;
		top: -0.39583vw;
	}
}

@media (width: 1366px) {
	.pangum .pangum-section-screen .section-screen-picWrap {
		width: 47.91667vw;
	}
}

@media (min-width: 600px) and (max-width: 1200px) and (max-aspect-ratio: 1 / 1) {
	.pangum .pangum-section-screen.animated1 .section-screen-mask {
		opacity: 0.85;
	}
}

.pangum .pangum-section-screen.animated1 .section-screen-textWrap.textWrap1 {
	opacity: 1;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

@media (max-width: 1200px) and (max-aspect-ratio: 1 / 1) {
	.pangum .pangum-section-screen.animated1 .section-screen-textWrap.textWrap1 {
		-webkit-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
	}
}

@media (min-width: 600px) and (max-width: 1200px) and (max-aspect-ratio: 1 / 1) {
	.pangum .pangum-section-screen.animated1 .section-screen-textWrap.textWrap1 {
		-webkit-transition-delay: 1s;
		transition-delay: 1s;
	}
}

@media (min-width: 600px) and (max-width: 1200px) and (max-aspect-ratio: 1 / 1) {
	.pangum .pangum-section-screen.animated2 .section-screen-mask {
		opacity: 0;
	}
}

.pangum .pangum-section-screen.animated2 .section-screen-bgWrap {
	opacity: 0;
}

.pangum .pangum-section-screen.animated2 .section-screen-textWrap.textWrap1 {
	opacity: 0;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}

.pangum .pangum-section-screen.animated2 .section-screen-picWrap img {
	-webkit-transform: translateX(0);
	transform: translateX(0);
	-webkit-transition-delay: 1s;
	transition-delay: 1s;
}

.pangum .pangum-section-screen.animated3 .section-screen-picWrap img {
	-webkit-transform: translateX(0) scale(3.5);
	transform: translateX(0) scale(3.5);
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}

@media (max-width: 1200px) and (min-aspect-ratio: 1 / 1),
(min-width: 2000px) and (min-aspect-ratio: 1 / 1) {
	.pangum .pangum-section-screen.animated3 .section-screen-picWrap img {
		-webkit-transform: translateX(0) scale(4.7);
		transform: translateX(0) scale(4.7);
	}
}

@media (max-width: 1200px) and (max-aspect-ratio: 1 / 1) {
	.pangum .pangum-section-screen.animated3 .section-screen-picWrap img {
		-webkit-transform: translateX(0) scale(6.5);
		transform: translateX(0) scale(6.5);
	}
}

.pangum .pangum-section-screen.animated3 .section-screen-mask {
	opacity: 0.85;
	-webkit-transition-delay: 1s;
	transition-delay: 1s;
}

.pangum .pangum-section-screen.animated3 .section-screen-textWrap.textWrap2 {
	opacity: 1;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition-delay: 2s;
	transition-delay: 2s;
}

.pangum .pangum-section-cpu {
	padding-top: 10.41667vw;
}

@media (max-width: 1200px) and (max-aspect-ratio: 1 / 1) {
	.pangum .pangum-section-cpu {
		padding-top: 13.33333vw;
	}
}

.pangum .pangum-section-cpu .section-cpu-textWrap {
	width: 53.38542vw;
	margin: 0 auto;
	text-align: center;
}

@media (max-width: 1200px) and (max-aspect-ratio: 1 / 1) {
	.pangum .pangum-section-cpu .section-cpu-textWrap {
		width: 85.33333vw;
	}
}

.pangum .pangum-section-cpu .section-cpu-picWrap {
	margin-top: 3.125vw;
	position: relative;
}

@media (max-width: 1200px) and (max-aspect-ratio: 1 / 1) {
	.pangum .pangum-section-cpu .section-cpu-picWrap {
		margin-top: 8vw;
	}
}

.pangum .pangum-section-cpu .section-cpu-pic-mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}

.pangum .pangum-section-cpu .section-cpu-pic-mask.active {
	-webkit-animation: cpuMask 3s ease infinite;
	animation: cpuMask 3s ease infinite;
}

.pangum .pangum-section-storage {
	padding-top: 10.41667vw;
}

@media (max-width: 1200px) and (max-aspect-ratio: 1 / 1) {
	.pangum .pangum-section-storage {
		padding-top: 13.33333vw;
	}
}

.pangum .pangum-section-storage .section-storage-textWrap {
	width: 53.38542vw;
	margin: 0 auto;
	text-align: center;
}

@media (max-width: 1200px) and (max-aspect-ratio: 1 / 1) {
	.pangum .pangum-section-storage .section-storage-textWrap {
		width: 85.33333vw;
	}
}

.pangum .pangum-section-storage .section-storage-picWrap {
	margin-top: 3.125vw;
	position: relative;
}

@media (max-width: 1200px) and (max-aspect-ratio: 1 / 1) {
	.pangum .pangum-section-storage .section-storage-picWrap {
		margin-top: 8vw;
	}
}

.pangum .pangum-section-noise {
	padding-top: 10.41667vw;
	padding: 10.41667vw 0;
}

@media (max-width: 1200px) and (max-aspect-ratio: 1 / 1) {
	.pangum .pangum-section-noise {
		padding-top: 13.33333vw;
		padding: 13.33333vw 0;
	}
}

.pangum .pangum-section-noise .section-noise-textWrap {
	width: 53.38542vw;
	margin: 0 auto;
	text-align: center;
}

@media (max-width: 1200px) and (max-aspect-ratio: 1 / 1) {
	.pangum .pangum-section-noise .section-noise-textWrap {
		width: 85.33333vw;
	}
}

.pangum .pangum-section-noise .section-noise-picWrap {
	margin-top: 3.125vw;
	position: relative;
}

@media (max-width: 1200px) and (max-aspect-ratio: 1 / 1) {
	.pangum .pangum-section-noise .section-noise-picWrap {
		margin-top: 8vw;
	}
}

.pangum .pangum-section-touch {
	padding: 10.41667vw 0;
	padding: 0 0 10.41667vw;
}

@media (max-width: 1200px) and (max-aspect-ratio: 1 / 1) {
	.pangum .pangum-section-touch {
		padding: 13.33333vw 0;
		padding: 0 0 13.33333vw;
	}
}

.pangum .pangum-section-touch .section-touch-wrap {
	width: 82.55208vw;
	margin: 0 auto;
	position: relative;
	text-align: center;
	font-size: 0;
}

@media (max-width: 1200px) and (max-aspect-ratio: 1 / 1) {
	.pangum .pangum-section-touch .section-touch-wrap {
		width: 100%;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
}

.pangum .pangum-section-touch .section-touch-textWrap {
	width: 38.02083vw;
	display: inline-block;
	margin-right: 10.67708vw;
	vertical-align: middle;
	text-align: left;
}

@media (max-width: 1200px) and (max-aspect-ratio: 1 / 1) {
	.pangum .pangum-section-touch .section-touch-textWrap {
		width: 85.33333vw;
		text-align: center;
		margin-right: 0;
	}
}

.pangum .pangum-section-touch .section-touch-btnWrap {
	margin-top: 6.25vw;
}

@media (max-width: 1200px) and (max-aspect-ratio: 1 / 1) {
	.pangum .pangum-section-touch .section-touch-btnWrap {
		margin-top: 9.33333vw;
		text-align: center;
	}
}

.pangum .pangum-section-touch .section-touch-btn {
	display: inline-block;
	vertical-align: top;
	width: 5.20833vw;
	text-align: center;
}

@media (max-width: 1200px) and (max-aspect-ratio: 1 / 1) {
	.pangum .pangum-section-touch .section-touch-btn {
		width: 14vw;
	}
}

.pangum .pangum-section-touch .section-touch-btn p {
	margin: 1.30208vw 0 0.78125vw;
	font-size: 1.14583vw;
}

@media (max-width: 1200px) and (max-aspect-ratio: 1 / 1) {
	.pangum .pangum-section-touch .section-touch-btn p {
		font-size: 2.93333vw;
	}
}

.pangum .pangum-section-touch .section-touch-btn>span {
	display: inline-block;
	width: 0.83333vw;
	height: 0.83333vw;
	background-color: #B2B0B1;
	border: 0.36458vw solid #B2B0B1;
	border-radius: 50%;
	line-height: 0;
}

@media (max-width: 1200px) and (max-aspect-ratio: 1 / 1) {
	.pangum .pangum-section-touch .section-touch-btn>span {
		width: 2.13333vw;
		height: 2.13333vw;
		border-width: 0.93333vw;
	}
}

.pangum .pangum-section-touch .section-touch-btn.active>span {
	background-color: #211D1E;
}

.pangum .pangum-section-touch .section-touch-btn:nth-of-type(2) {
	margin-left: 7.29167vw;
}

@media (max-width: 1200px) and (max-aspect-ratio: 1 / 1) {
	.pangum .pangum-section-touch .section-touch-btn:nth-of-type(2) {
		margin-left: 20vw;
	}
}

.pangum .pangum-section-touch .section-touch-picWrap {
	width: 33.85417vw;
	position: relative;
	opacity: 0;
	display: inline-block;
	vertical-align: middle;
}

.pangum .pangum-section-touch .section-touch-picWrap.active {
	opacity: 1;
}

@media (max-width: 1200px) and (max-aspect-ratio: 1 / 1) {
	.pangum .pangum-section-touch .section-touch-picWrap {
		width: 85.33333vw;
		margin-top: 8vw;
	}
}

@media (max-width: 1600px) and (min-width: 1200px) and (min-aspect-ratio: 1 / 1) {
	.pangum .pangum-section-touch .section-touch-picWrap {
		-webkit-transform: scale(0.8);
		transform: scale(0.8);
	}
}

.pangum .pangum-section-touch .section-touch-picWrap-first .section-touch-pic-finger {
	opacity: 0;
	-webkit-transform: translateY(10%);
	transform: translateY(10%);
}

.pangum .pangum-section-touch .section-touch-picWrap-first.animate .section-touch-pic-finger {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: all 1s ease 0.6s;
	transition: all 1s ease 0.6s;
}

.pangum .pangum-section-touch .section-touch-picWrap-second {
	position: absolute;
	top: 0;
	right: 0;
}

.pangum .pangum-section-touch .section-touch-picWrap-second .section-touch-pic-phone {
	opacity: 0;
	-webkit-transform: translateY(10%);
	transform: translateY(10%);
}

.pangum .pangum-section-touch .section-touch-picWrap-second.animate .section-touch-pic-phone {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: all 1s ease 0.6s;
	transition: all 1s ease 0.6s;
}

.pangum .pangum-section-touch .section-touch-picWrap-second.animate2 .section-touch-wave {
	display: block !important;
}

@media (max-width: 1200px) and (max-aspect-ratio: 1 / 1) {
	.pangum .pangum-section-touch .section-touch-picWrap-second {
		top: auto;
		bottom: 0;
		right: 7.33333vw;
	}
}

.pangum .pangum-section-touch .section-touch-waveWrap {
	position: absolute;
	width: 32.8125vw;
	height: 32.8125vw;
	left: 0.52083vw;
	top: 7.8125vw;
}

@media (max-width: 1200px) and (max-aspect-ratio: 1 / 1) {
	.pangum .pangum-section-touch .section-touch-waveWrap {
		width: 49.06667vw;
		height: 49.06667vw;
		top: 12.66667vw;
		left: calc(50% - (24.53333vw));
	}
}

.pangum .pangum-section-touch .section-touch-wave {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	border-radius: 50%;
	background: radial-gradient(rgba(255, 255, 255, 0) 30%, #05c9f7);
	display: none;
	opacity: 0;
}

.pangum .pangum-section-touch .section-touch-wave.wave1 {
	-webkit-animation: cwave 2.5s linear infinite;
	animation: cwave 2.5s linear infinite;
}

.pangum .pangum-section-touch .section-touch-wave.wave2 {
	-webkit-animation: cwave 2.5s linear infinite 0.6s;
	animation: cwave 2.5s linear infinite 0.6s;
}

.pangum .pangum-section-touch .section-touch-wave.wave3 {
	-webkit-animation: cwave 2.5s linear infinite 1.2s;
	animation: cwave 2.5s linear infinite 1.2s;
}

.pangum .pangum-section-touch .section-touch-pic-finger {
	position: absolute;
	width: 11.45833vw;
	top: 9.11458vw;
	left: 19.53125vw;
}

@media (max-width: 1200px) and (max-aspect-ratio: 1 / 1) {
	.pangum .pangum-section-touch .section-touch-pic-finger {
		width: 18vw;
		top: 12.93333vw;
		left: 57.06667vw;
	}
}

.pangum .pangum-section-touch .section-touch-pic-phone {
	position: absolute;
	width: 8.59375vw;
	top: 20.83333vw;
	left: calc(50% - 4.29688vw);
	z-index: 3;
}

@media (max-width: 1200px) and (max-aspect-ratio: 1 / 1) {
	.pangum .pangum-section-touch .section-touch-pic-phone {
		width: 15.2vw;
		top: 26.26667vw;
		left: calc(50% - 7.6vw);
	}
}

.pangum .pangum-section-share {
	height: 400vh;
	height: 200vh;
}

.pangum .pangum-section-share .section-share-picWrap {
	position: -webkit-sticky;
	position: sticky;
	top: 60px;
}

.pangum .pangum-section-share .section-share-mask {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.65);
	opacity: 0;
	-webkit-transition: opacity 1s ease;
	transition: opacity 1s ease;
}

.pangum .pangum-section-share .section-share-textWrap {
	position: absolute;
	width: 100%;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-10%);
	transform: translateY(-10%);
	text-align: center;
	color: #fff;
	width: 100%;
	height: calc(100vh - 60px);
	top: 0;
	left: 0;
	-webkit-transform: translateY(40%);
	transform: translateY(40%);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	opacity: 0;
	-webkit-transition: all 1s ease;
	transition: all 1s ease;
}

.pangum .pangum-section-share .section-share-textWrap h3 {
	white-space: nowrap;
}

.pangum .pangum-section-share .section-share-btnWrap {
	margin-top: 3.125vw;
}

@media (max-width: 1200px) and (max-aspect-ratio: 1 / 1) {
	.pangum .pangum-section-share .section-share-btnWrap {
		margin-top: 8vw;
	}
}

.pangum .pangum-section-share .section-share-btn {
	display: inline-block;
	vertical-align: top;
	padding: 0.52083vw 2.08333vw;
	border: 1px solid #fff;
	border-radius: 2.60417vw;
	line-height: 1.6;
	font-size: 1.14583vw;
}

.pangum .pangum-section-share .section-share-btn:nth-of-type(2) {
	margin-left: 1.5625vw;
}

@media (max-width: 1200px) and (max-aspect-ratio: 1 / 1) {
	.pangum .pangum-section-share .section-share-btn {
		border-radius: 6.66667vw;
		padding: 2vw 5.33333vw;
		font-size: 2.93333vw;
	}

	.pangum .pangum-section-share .section-share-btn:nth-of-type(2) {
		margin-left: 4vw;
	}
}

.pangum .pangum-section-share.animated .section-share-mask {
	opacity: 1;
}

.pangum .pangum-section-share.animated .section-share-textWrap {
	opacity: 1;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition-delay: 0.5s;
	transition-delay: 0.5s;
}

.pangum .pangum-section-swiper {
	padding: 2.60417vw 0 6.25vw;
	background-color: #F4F3F3;
}

.pangum .pangum-section-swiper .section-swiper-wrap {
	width: 60.9375vw;
	margin: 0 auto;
	position: relative;
}

@media (max-width: 1200px) and (max-aspect-ratio: 1 / 1) {
	.pangum .pangum-section-swiper .section-swiper-wrap {
		width: 85.33333vw;
	}
}

.pangum .pangum-section-swiper #section-swiper-screen {
	position: absolute;
	width: 27.70833vw;
	top: 6.51042vw;
	left: 22.44792vw;
}

@media (max-width: 1200px) and (max-aspect-ratio: 1 / 1) {
	.pangum .pangum-section-swiper #section-swiper-screen {
		width: 37.33333vw;
		top: 10vw;
		left: 32vw;
	}
}

.pangum .pangum-section-swiper #section-swiper-phone {
	position: absolute;
	width: 4.58333vw;
	top: 21.875vw;
	top: 23.95833vw;
	left: 15.625vw;
	left: 16.25vw;
}

@media (max-width: 1200px) and (max-aspect-ratio: 1 / 1) {
	.pangum .pangum-section-swiper #section-swiper-phone {
		width: 6.13333vw;
		top: 30.66667vw;
		top: 34.66667vw;
		left: 20.66667vw;
		left: 22.93333vw;
	}
}

.pangum .pangum-section-swiper #section-swiper-text {
	margin-top: 2.60417vw;
}

.pangum .pangum-section-swiper #section-swiper-text p {
	margin-top: 0;
}

@media (max-width: 1200px) and (max-aspect-ratio: 1 / 1) {
	.pangum .pangum-section-swiper #section-swiper-text {
		margin-top: 6.66667vw;
		text-align: center;
	}
}

.pangum .pangum-section-swiper #section-swiper-phone-pagination {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: 1.5625vw;
}

@media (max-width: 1200px) and (max-aspect-ratio: 1 / 1) {
	.pangum .pangum-section-swiper #section-swiper-phone-pagination {
		margin-top: 6.26667vw;
	}
}

.pangum .pangum-section-swiper .swiper-bullet {
	width: 10.625vw;
	font-size: 1.14583vw;
	font-weight: 700;
	line-height: 1.6;
	cursor: pointer;
}

@media (max-width: 1200px) and (max-aspect-ratio: 1 / 1) {
	.pangum .pangum-section-swiper .swiper-bullet {
		width: 22.13333vw;
		font-size: 2.93333vw;
	}
}

@media (min-width: 2000px) and (min-aspect-ratio: 1 / 1) {
	.pangum .pangum-section-swiper .swiper-bullet {
		width: 204px;
	}
}

.pangum .pangum-section-swiper .swiper-bullet>span {
	margin-top: 1.04167vw;
	display: block;
	height: 0.9375vw;
	border: 1px solid #6b6b6b;
	border-radius: 0.52083vw;
	overflow: hidden;
}

@media (max-width: 1200px) and (max-aspect-ratio: 1 / 1) {
	.pangum .pangum-section-swiper .swiper-bullet>span {
		margin-top: 2.66667vw;
		height: 14px;
		border-radius: 1.33333vw;
	}
}

@media (max-width: 600px) and (max-aspect-ratio: 1 / 1) {
	.pangum .pangum-section-swiper .swiper-bullet>span {
		height: 7px;
	}
}

@media (min-width: 2000px) and (min-aspect-ratio: 1 / 1) {
	.pangum .pangum-section-swiper .swiper-bullet>span {
		height: 18px;
	}
}

.pangum .pangum-section-swiper .swiper-bullet>span>span {
	display: block;
	height: calc(100% + 4px);
	background-color: #AAA8A9;
	width: 0;
	-webkit-transform: translate(-2px, -2px);
	transform: translate(-2px, -2px);
	border-radius: 0.52083vw;
}

@media (max-width: 1200px) and (max-aspect-ratio: 1 / 1) {
	.pangum .pangum-section-swiper .swiper-bullet>span>span {
		border-radius: 1.33333vw;
	}
}

.pangum .pangum-section-swiper .swiper-bullet.swiper-bullet-active>span>span {
	width: calc(100% + 4px);
	-webkit-transition: width 5s linear;
	transition: width 5s linear;
}

.pangum .pangum-section-swiper .swiper-bullet:focus {
	outline: none;
}

.pangum .pangum-section-swiper .section-swiper-phoneMask {
	position: absolute;
	width: 4.58333vw;
	top: 21.875vw;
	top: 23.95833vw;
	left: 15.625vw;
	left: 16.25vw;
	z-index: 3;
}

@media (max-width: 1200px) and (max-aspect-ratio: 1 / 1) {
	.pangum .pangum-section-swiper .section-swiper-phoneMask {
		width: 6.13333vw;
		top: 30.66667vw;
		top: 34.66667vw;
		left: 20.66667vw;
		left: 22.93333vw;
	}
}

@media (min-width: 2000px) and (min-aspect-ratio: 1 / 1) {
	.pangum .pangum-section-swiper .section-swiper-phoneMask img {
		-webkit-transform: scaleY(0.995);
		transform: scaleY(0.995);
		-webkit-transform-origin: 50% 0;
		transform-origin: 50% 0;
	}
}

@media (max-width: 1200px) and (max-aspect-ratio: 1 / 1) {
	.pangum .pangum-section-swiper .section-swiper-phoneMask img {
		-webkit-transform: scaleY(0.999);
		transform: scaleY(0.999);
		-webkit-transform-origin: 50% 0;
		transform-origin: 50% 0;
	}
}

.pangum .pangum-section-cloud {
	padding-top: 6.25vw;
}

@media (max-width: 1200px) and (max-aspect-ratio: 1 / 1) {
	.pangum .pangum-section-cloud {
		padding-top: 13.33333vw;
	}
}

.pangum .pangum-section-cloud .section-cloud-textWrap {
	width: 53.38542vw;
	margin: 0 auto;
	text-align: center;
}

@media (max-width: 1200px) and (max-aspect-ratio: 1 / 1) {
	.pangum .pangum-section-cloud .section-cloud-textWrap {
		width: 85.33333vw;
	}
}

.pangum .pangum-section-cloud .section-cloud-picWrap {
	margin: 3.125vw auto 0;
	position: relative;
	width: 54.32292vw;
}

@media (max-width: 1200px) and (max-aspect-ratio: 1 / 1) {
	.pangum .pangum-section-cloud .section-cloud-picWrap {
		width: 70.13333vw;
		margin-top: 8vw;
	}
}

.pangum .pangum-section-cloud .section-cloud-btn {
	display: inline-block;
	padding: 0.52083vw 2.08333vw;
	line-height: 1.6;
	font-size: 1.14583vw;
	border: 1px solid #211D1E;
	border-radius: 1.5625vw;
	margin-top: 3.125vw;
}

@media (max-width: 1200px) and (max-aspect-ratio: 1 / 1) {
	.pangum .pangum-section-cloud .section-cloud-btn {
		font-size: 2.93333vw;
		margin-top: 8vw;
		padding: 1.33333vw 2.66667vw;
		border-radius: 4vw;
	}
}

.pangum .pangum-section-connect {
	padding-top: 10.41667vw;
}

@media (max-width: 1200px) and (max-aspect-ratio: 1 / 1) {
	.pangum .pangum-section-connect {
		padding-top: 13.33333vw;
	}
}

.pangum .pangum-section-connect .section-connect-textWrap {
	width: 53.38542vw;
	margin: 0 auto;
	text-align: center;
}

@media (max-width: 1200px) and (max-aspect-ratio: 1 / 1) {
	.pangum .pangum-section-connect .section-connect-textWrap {
		width: 85.33333vw;
	}
}

.pangum .pangum-section-connect .section-connect-picWrap {
	margin: 3.125vw auto 0;
	position: relative;
	width: 70.57292vw;
}

@media (max-width: 1200px) and (max-aspect-ratio: 1 / 1) {
	.pangum .pangum-section-connect .section-connect-picWrap {
		margin-top: 6.66667vw;
		width: 80vw;
		width: 100%;
	}
}

.pangum .pangum-section-connect #section-swiper-connect img {
	-webkit-transform: scale(0.9);
	transform: scale(0.9);
}

@media (max-width: 1200px) and (max-aspect-ratio: 1 / 1) {
	.pangum .pangum-section-connect #section-swiper-connect img {
		-webkit-transform: scale(0.97);
		transform: scale(0.97);
	}
}

.pangum .pangum-section-connect #section-swiper-connect-pagination {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-top: 8vw;
}

.pangum .pangum-section-connect #section-swiper-connect-pagination p {
	height: 2.66667vw;
}

.pangum .pangum-section-connect #section-swiper-connect-pagination .swiper-bullet {
	text-align: center;
	line-height: 1.6;
}

.pangum .pangum-section-connect #section-swiper-connect-pagination .swiper-bullet>span {
	display: block;
	width: 0.83333vw;
	height: 0.83333vw;
	background-color: #B2B0B1;
	border: 0.36458vw solid #B2B0B1;
	border-radius: 50%;
	line-height: 0;
	margin: 0 auto;
}

@media (max-width: 1200px) and (max-aspect-ratio: 1 / 1) {
	.pangum .pangum-section-connect #section-swiper-connect-pagination .swiper-bullet>span {
		width: 2.13333vw;
		height: 2.13333vw;
		border-width: 0.93333vw;
	}
}

.pangum .pangum-section-connect #section-swiper-connect-pagination .swiper-bullet.swiper-bullet-active>span {
	background-color: #211D1E;
}

.pangum .pangum-section-connect #section-swiper-connect-pagination .swiper-bullet:nth-of-type(2) {
	margin-left: 13.33333vw;
}

.pangum .pangum-section-connect #section-swiper-connect-pagination .swiper-bullet:focus {
	outline: none;
}

.pangum .pangum-section-note {
	padding: 10.41667vw 0;
}

@media (max-width: 1200px) and (max-aspect-ratio: 1 / 1) {
	.pangum .pangum-section-note {
		padding: 13.33333vw 0;
	}
}

.pangum .pangum-section-note ul {
	width: 82.29167vw;
	margin: 0 auto;
	border-top: 1px solid #D8D8D8;
	list-style: decimal;
	padding-top: 5.20833vw;
}

@media (max-width: 1200px) and (max-aspect-ratio: 1 / 1) {
	.pangum .pangum-section-note ul {
		padding-top: 5.33333vw;
	}
}

.pangum .pangum-section-note li {
	line-height: 1.6;
	font-size: 0.83333vw;
	color: #AFAFAF;
}

@media (max-width: 1200px) and (max-aspect-ratio: 1 / 1) {
	.pangum .pangum-section-note li {
		font-size: 13px;
	}
}

@media (max-width: 1366px) and (min-aspect-ratio: 1 / 1) {
	.pangum .pangum-section-note li {
		font-size: 12px;
	}
}

.pangum .pangum-section-note li.cur {
	color: #211D1E;
}

.pangum .pangum-mobShow {
	display: none !important;
}

@media (max-width: 1200px) and (max-aspect-ratio: 1 / 1) {
	.pangum .pangum-mobShow {
		display: block !important;
	}

	.pangum .pangum-pcShow {
		display: none !important;
	}
}

@-webkit-keyframes cpuMask {
	0% {
		opacity: 0;
	}

	50% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

@keyframes cpuMask {
	0% {
		opacity: 0;
	}

	50% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

@-webkit-keyframes cwave {
	0% {
		opacity: 1;
		-webkit-transform: scale(0);
		transform: scale(0);
	}

	70% {
		opacity: 0;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

@keyframes cwave {
	0% {
		opacity: 1;
		-webkit-transform: scale(0);
		transform: scale(0);
	}

	70% {
		opacity: 0;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

.pangum .pangum-section-ie {
	display: none;
}

.pangum.pangum-isIE .pangum-section-screen {
	height: auto !important;
}

.pangum.pangum-isIE .pangum-section-screen .section-screen-wrap {
	position: relative !important;
	top: auto !important;
	height: auto !important;
}

.pangum.pangum-isIE .pangum-section-screen .section-screen-textWrap.textWrap1 {
	opacity: 1 !important;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.pangum.pangum-isIE .pangum-section-screen .section-screen-mask,
.pangum.pangum-isIE .pangum-section-screen .section-screen-textWrap.textWrap2 {
	display: none !important;
}

.pangum.pangum-isIE .pangum-section-ie {
	display: block;
	height: 100vh;
	overflow: hidden;
}

.pangum.pangum-isIE .pangum-section-ie .section-ie-picWrap {
	height: 100%;
}

.pangum.pangum-isIE .pangum-section-ie .section-ie-picWrap img {
	-webkit-transform: scale(2);
	transform: scale(2);
}

.pangum.pangum-isIE .pangum-section-ie .section-ie-mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.65);
}

.pangum.pangum-isIE .pangum-section-ie .section-ie-textWrap {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 57.08333vw;
	text-align: center;
	color: #fff;
}

.pangum.pangum-isIE .pangum-section-ie .section-screen-btn {
	display: inline-block;
	font-size: 1.14583vw;
	line-height: 1.6;
	padding: 0.52083vw 2.08333vw;
	border: 1px solid #fff;
	border-radius: 2.60417vw;
	margin-top: 3.125vw;
}

.pangum.pangum-isIE .pangum-section-share {
	height: auto !important;
}

.pangum.pangum-isIE .pangum-section-share .section-share-picWrap {
	position: relative !important;
	top: auto !important;
}

.pangum.pangum-isIE .pangum-section-share .section-share-mask {
	opacity: 1 !important;
}

.pangum.pangum-isIE .pangum-section-share .section-share-textWrap {
	opacity: 1 !important;
	-webkit-transform: translateY(-50%) !important;
	transform: translateY(-50%) !important;
	-webkit-transform: translateY(0) !important;
	transform: translateY(0) !important;
	-webkit-transition: none !important;
	transition: none !important;
}

.pangum.pangum-isIE .pangum-section-swiper .swiper-bullet>span>span {
	height: calc(100% + 4px);
	width: 102%;
	-webkit-transform: translate(-102%, -2px);
	transform: translate(-102%, -2px);
}

.pangum.pangum-isIE .pangum-section-swiper .swiper-bullet.swiper-bullet-active>span>span {
	-webkit-transform: translate(-1%, -2px);
	transform: translate(-1%, -2px);
	-webkit-transition: -webkit-transform 5s linear;
	transition: -webkit-transform 5s linear;
	transition: transform 5s linear;
	transition: transform 5s linear, -webkit-transform 5s linear;
}

.pangum.pangum-isAndroidWx .section-kv-slogan {
	width: 88vw !important;
	width: 80vw !important;
}

.pangum.pangum-isAndroidWx .section-kv-textWrap {
	width: 62vw !important;
	width: 55.33333vw !important;
}

@media (min-width: 600px) and (min-aspect-ratio: 1 / 1) {
	body.pangum-isSafari #section-swiper-phone-pagination .swiper-bullet>span {
		height: 10px;
	}

	body.pangum-isSafari #section-swiper-phone-pagination .swiper-bullet>span>span {
		height: 14px;
	}
	.pangum .pangum-section-screen .section-screen-picWrap{
		    left: 48%;
	}
}

@media (min-width: 1200px) and (min-aspect-ratio: 1 / 1) {
	body.pangum-isSafari #section-swiper-phone-pagination .swiper-bullet>span {
		height: 18px;
	}

	body.pangum-isSafari #section-swiper-phone-pagination .swiper-bullet>span>span {
		height: 22px;
	}
}

/*# sourceMappingURL=index.css.map */