@charset "UTF-8";

@font-face {
	font-family: iconfont;
	src: url(../fonts/iconfont.woff2?t=1730946888413) format("woff2"), url(../fonts/iconfont.woff?t=1730946888413) format("woff"), url(../fonts/iconfont.ttf?t=1730946888413) format("truetype");
	font-display: swap
}

.icon-xiaohongshu2:before {
	content: "\e603";
	-webkit-transform: scale(.8);
	transform: scale(.8);
	display: inline-block
}

@font-face {
	font-family: HyundaiSansHeadCN-Medium;
	src: url(../fonts/HyundaiSansHeadCN-Medium.eot);
	src: url(https://oss-hb2.cloud-top.com.cn/v2/SansHeadCN-Medium.woff) format("woff"), url(../fonts/HyundaiSansHeadCN-Medium.eot?#iefix) format("embedded-opentype"), url(https://oss-hb2.cloud-top.com.cn/v2/format/SansHeadCN-Medium.ttf) format("truetype");
	font-display: swap;
	font-style: normal
}



@font-face {
	font-family: HeadMedium;
	src: url(../fonts/HyundaiSansHead-Medium.eot);
	src: url(https://oss-hb2.cloud-top.com.cn/v2/SansHeadCN-Medium.woff) format("woff"), url(../fonts/HyundaiSansHeadCN-Medium.eot?#iefix) format("embedded-opentype"), url(https://oss-hb2.cloud-top.com.cn/v2/format/SansHeadCN-Medium.ttf) format("truetype");
	font-display: swap;
	font-style: normal
}

@font-face {
	font-family: HyundaiSansHeadCN-Regular;
	src: url(../fonts/HyundaiSansHeadCN-Regular.eot);
	src: url(../fonts/HyundaiSansHeadCN-Regular.woff2) format("woff2"), url(../fonts/HyundaiSansHeadCN-Regular.woff) format("woff"), url(../fonts/HyundaiSansHeadCN-Regular.eot?#iefix) format("embedded-opentype"), url(../fonts/HyundaiSansHeadCN-Regular.ttf) format("truetype");
	font-display: swap;
	font-style: normal
}

@font-face {
	font-family: HyundaiSansHead-Medium;
	src: url(../fonts/HyundaiSansHead-Medium.eot);
	src: url(../fonts/HyundaiSansHead-Medium.woff2) format("woff2"), url(../fonts/HyundaiSansHead-Medium.woff) format("woff"), url(../fonts/HyundaiSansHead-Medium.eot?#iefix) format("embedded-opentype"), url(../fonts/HyundaiSansHead-Medium.ttf) format("truetype");
	font-display: swap;
	font-style: normal
}

@font-face {
	font-family: HyundaiSansHead-Regular;
	src: url(../fonts/HyundaiSansHead-Regular.eot);
	src: url(../fonts/HyundaiSansHead-Regular.woff2) format("woff2"), url(../fonts/HyundaiSansHead-Regular.woff) format("woff"), url(../fonts/HyundaiSansHead-Regular.eot?#iefix) format("embedded-opentype"), url(../fonts/HyundaiSansHead-Regular.ttf) format("truetype");
	font-display: swap;
	font-style: normal
}

@font-face {
	font-family: HeadRegular;
	src: url(../fonts/HyundaiSansHead-Regular.eot);
	src: url(../fonts/HyundaiSansHead-Regular.woff2) format("woff2"), url(../fonts/HyundaiSansHead-Regular.woff) format("woff"), url(../fonts/HyundaiSansHead-Regular.eot?#iefix) format("embedded-opentype"), url(../fonts/HyundaiSansHead-Regular.ttf) format("truetype");
	font-display: swap;
	font-style: normal
}

@font-face {
	font-family: TextRegular;
	src: url(../fonts/HyundaiSansTextCN-Regular.eot);
	src: url(https://oss-hb2.cloud-top.com.cn/v2/SansTextCN.woff2) format("woff2"), url(https://oss-hb2.cloud-top.com.cn/v2/format/SansTextCN-Regular.woff) format("woff"), url(../fonts/HyundaiSansTextCN-Regular.eot?#iefix) format("embedded-opentype"), url(../fonts/HyundaiSansTextCN-Regular.ttf) format("truetype");
	font-display: swap;
	font-style: normal
}


.font-regular,
body {
	font-family: HyundaiSansTextCN-Regular, HanSans, Microsoft YaHei, PingFang SC, Open Sans, Arial, Hiragino Sans GB, SimSun, sans-serif
}

.head-regular {
	font-family: HyundaiSansHead-Regular, HyundaiSansHeadCN-Regular, HanSans, Microsoft YaHei, PingFang SC, Open Sans, Arial, Hiragino Sans GB, SimSun, sans-serif
}

.big-padding {
	position: relative;
	padding: 90px 0
}

.is-vertical .big-padding {
	padding: 40px 0
}




.img-cover {
	-o-object-fit: cover;
	object-fit: cover
}

/*::-webkit-scrollbar {
	width: 6px;
	height: 6px
}

::-webkit-scrollbar-button:end:increment,
::-webkit-scrollbar-button:start:decrement {
	display: block;
	width: 6px;
	height: 6px;
	background: rgba(0, 0, 0, .1)
}

::-webkit-scrollbar-thumb,
::-webkit-scrollbar-track {
	background: rgba(0, 0, 0, .1)
}

::-webkit-scrollbar-button {
	display: none !important
}

.landingPage-wrap .button-box {
	position: absolute;
	bottom: 5rem;
	left: 6.5%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.landingPage-wrap .button-box .button1 {
	width: 20rem;
	height: 10rem
}

.landingPage-wrap .button-box .button2 {
	width: 20rem;
	height: 10rem;
	margin-left: 2.7rem
}

@media screen and (max-width:700px) {
	.landingPage-wrap .button-box {
		position: absolute;
		bottom: 2rem;
		left: 6.5%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}

	.landingPage-wrap .button-box .button1 {
		width: 7.5rem;
		height: 4rem
	}

	.landingPage-wrap .button-box .button2 {
		width: 7.5rem;
		height: 4rem;
		margin-left: 1.1rem
	}
}

@media screen and (max-width:767px) {
	.e2cht_wrap .summary_area .text {
		font-size: 14px !important;
		word-break: break-all !important
	}

	.c1ci {
		padding-top: 0 !important
	}

	.hmc_component.c1ci {
		padding-top: 60px !important
	}
}

.btn-wrap {
	margin-top: 30px
}

.btn-sign-up {
	width: 234px;
	height: 60px;
	display: inline-block;
	line-height: 60px;
	letter-spacing: 2px;
	text-align: center;
	color: #fff;
	background: #012c5f
}

@media screen and (max-width:767px) {
	.btn-wrap {
		margin-top: 15px
	}

	.btn-sign-up {
		width: 184px;
		height: 47px;
		line-height: 47px
	}
}

@media screen and (min-width:1366px) and (max-width:1440px) {
	.c-container .container {
		width: 1200px
	}
}

@media screen and (min-width:1441px) and (max-width:1749px) {
	.c-container .container {
		width: 1368px
	}
}

@media (min-width:1750px) {
	.c-container .container {
		width: 1690px
	}
}

@media (min-width:768px) and (max-width:991px) {
	.b-container {
		width: 750px
	}
}

@media (min-width:992px) and (max-width:1199px) {
	.b-container {
		width: 970px
	}
}

@media (min-width:1200px) and (max-width:1359px) {
	.b-container {
		width: 1170px
	}
}

@media (min-width:1360px) and (max-width:1365px) {
	.b-container {
		width: 1130px
	}
}

@media screen and (min-width:1366px) and (max-width:1440px) {
	.b-container {
		width: 1200px
	}
}

@media screen and (min-width:1441px) and (max-width:1749px) {
	.b-container {
		width: 1368px
	}
}

@media (min-width:1750px) {
	.b-container {
		width: 1690px
	}
}

.c-btn .btn {
	padding: initial;
	display: inline-block;
	cursor: pointer;
	background-color: transparent;
	color: #002c5f;
	position: relative;
	-webkit-animation: textColorx 6s ease-in-out 2s infinite;
	animation: textColorx 6s ease-in-out 2s infinite;
	border-radius: 0;
	border: 0
}

.c-btn .btn,
.c-btn .btn:before {
	width: 100%;
	-webkit-transition: all .4s;
	transition: all .4s
}

.c-btn .btn:before {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: center center;
	transform-origin: center center;
	content: "";
	-webkit-animation: fillMotionx 6s ease-in-out 2s infinite;
	animation: fillMotionx 6s ease-in-out 2s infinite;
	background-color: #002c5f;
	z-index: 0
}

.c-btn .btn:after {
	content: "";
	display: none;
	width: 7px;
	height: 7px;
	vertical-align: middle;
	border-style: solid;
	border-width: 0 2px 2px 0;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	border-color: inherit;
	margin-left: 6px
}

.c-btn .btn:hover {
	color: #fff;
	background-color: #002c5f
}

.c-btn .btn:hover,
.c-btn .btn:hover:before,
.c-btn .btn:hover svg {
	-webkit-animation: none;
	animation: none
}

.c-btn .btn .wh-b {
	display: inline-block;
	width: 100%;
	height: 100%;
	border: 0
}

.c-btn .btn .wh-b .name {
	display: inline-block;
	padding: 17px 35px 15px;
	vertical-align: middle;
	line-height: 1;
	position: relative;
	z-index: 1
}

.c-btn .btn svg {
	-webkit-transition: all .4s;
	transition: all .4s;
	stroke: #002c5f;
	-webkit-animation: lineMotionx 6s ease-in-out 2s infinite;
	animation: lineMotionx 6s ease-in-out 2s infinite;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	fill: none;
	stroke-width: 2px;
	stroke-dasharray: 10 1200;
	stroke-dashoffset: 0;
	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-keyframes textColorx {
	40% {
		color: #002c5f
	}

	50% {
		color: #fff
	}

	85% {
		color: #fff
	}

	90% {
		color: #002c5f
	}
}

@-webkit-keyframes lineMotionx {
	0% {
		opacity: 1
	}

	30% {
		opacity: 1;
		stroke-dasharray: 1200 1200
	}

	50% {
		opacity: 1
	}

	58% {
		opacity: 0
	}

	to {
		opacity: 0;
		stroke-dasharray: 1200 1200
	}
}

@keyframes lineMotionx {
	0% {
		opacity: 1
	}

	30% {
		opacity: 1;
		stroke-dasharray: 1200 1200
	}

	50% {
		opacity: 1
	}

	58% {
		opacity: 0
	}

	to {
		opacity: 0;
		stroke-dasharray: 1200 1200
	}
}

@-webkit-keyframes fillMotionx {
	40% {
		-webkit-transform: scaleX(0);
		transform: scaleX(0)
	}

	50% {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}

	80% {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}

	90% {
		-webkit-transform: scaleX(0);
		transform: scaleX(0)
	}
}

@keyframes fillMotionx {
	40% {
		-webkit-transform: scaleX(0);
		transform: scaleX(0)
	}

	50% {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}

	80% {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}

	90% {
		-webkit-transform: scaleX(0);
		transform: scaleX(0)
	}
}

.c-btn-white .btn {
	color: #fff;
	-webkit-animation: textColor1 6s ease-in-out 2s infinite;
	animation: textColor1 6s ease-in-out 2s infinite
}

.c-btn-white .btn:before {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: center center;
	transform-origin: center center;
	content: "";
	-webkit-animation: fillMotion 6s ease-in-out 2s infinite;
	animation: fillMotion 6s ease-in-out 2s infinite;
	background-color: #fff;
	z-index: 0;
	-webkit-transition: all .4s;
	transition: all .4s
}

.c-btn-white .btn:hover {
	color: #000;
	background-color: #fff
}

.c-btn-white .btn:hover,
.c-btn-white .btn:hover:before,
.c-btn-white .btn:hover svg {
	-webkit-animation: none;
	animation: none
}

.c-btn-white .btn svg {
	stroke: #fff
}

@-webkit-keyframes textColor1 {
	40% {
		color: #fff
	}

	50% {
		color: #002c5f
	}

	85% {
		color: #002c5f
	}

	90% {
		color: #fff
	}
}

@keyframes textColor1 {
	40% {
		color: #fff
	}

	50% {
		color: #002c5f
	}

	85% {
		color: #002c5f
	}

	90% {
		color: #fff
	}
}

.c-btn-one .btn {
	width: 100%;
	padding: initial;
	display: inline-block;
	cursor: pointer;
	background-color: transparent;
	color: #002c5f;
	position: relative;
	-webkit-transition: all .4s;
	transition: all .4s;
	-webkit-animation: textColor2 6s ease-in-out 2s infinite;
	animation: textColor2 6s ease-in-out 2s infinite;
	border-radius: 0;
	border: 0
}

.c-btn-one .btn:before {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: center center;
	transform-origin: center center;
	content: "";
	-webkit-animation: fillMotion2 6s ease-in-out 2s infinite;
	animation: fillMotion2 6s ease-in-out 2s infinite;
	background-color: #002c5f;
	z-index: 0
}

.c-btn-one .btn:after {
	content: "";
	display: none;
	width: 7px;
	height: 7px;
	vertical-align: middle;
	border-style: solid;
	border-width: 0 2px 2px 0;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	border-color: inherit;
	margin-left: 6px
}

.c-btn-one .btn:hover {
	-webkit-animation: textColor2 6s ease-in-out 2s infinite;
	animation: textColor2 6s ease-in-out 2s infinite
}

.c-btn-one .btn:hover svg {
	-webkit-animation: lineMotion2 6s ease-in-out 2s infinite;
	animation: lineMotion2 6s ease-in-out 2s infinite
}

.c-btn-one .btn:hover:before {
	-webkit-animation: fillMotion2 6s ease-in-out 2s infinite;
	animation: fillMotion2 6s ease-in-out 2s infinite
}

.c-btn-one .btn .wh-b {
	display: inline-block;
	width: 100%;
	height: 100%;
	border: 0
}

.c-btn-one .btn .wh-b .name {
	display: inline-block;
	padding: 17px 35px 15px;
	vertical-align: middle;
	line-height: 1;
	position: relative;
	z-index: 1
}

.c-btn-one .btn svg {
	stroke: #002c5f;
	-webkit-animation: lineMotion2 6s ease-in-out 2s infinite;
	animation: lineMotion2 6s ease-in-out 2s infinite;
	position: absolute;
	left: 0;
	top: 0;
	fill: none;
	stroke-width: 2px;
	stroke-dasharray: 10 1200;
	stroke-dashoffset: 0;
	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-keyframes textColor2 {
	40% {
		color: #002c5f
	}

	50% {
		color: #fff
	}

	85% {
		color: #fff
	}
}

@keyframes textColor2 {
	40% {
		color: #002c5f
	}

	50% {
		color: #fff
	}

	85% {
		color: #fff
	}
}

@-webkit-keyframes lineMotion2 {
	0% {
		opacity: 1
	}

	30% {
		opacity: 1;
		stroke-dasharray: 1200 1200
	}

	50% {
		opacity: 1
	}

	58% {
		opacity: 0
	}

	95% {
		opacity: 1;
		stroke-dasharray: 1200 1200
	}
}

@keyframes lineMotion2 {
	0% {
		opacity: 1
	}

	30% {
		opacity: 1;
		stroke-dasharray: 1200 1200
	}

	50% {
		opacity: 1
	}

	58% {
		opacity: 0
	}

	95% {
		opacity: 1;
		stroke-dasharray: 1200 1200
	}
}

@-webkit-keyframes fillMotion2 {
	40% {
		-webkit-transform: scaleX(0);
		transform: scaleX(0)
	}

	50% {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}

	80% {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}

	90% {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}

	to {
		-webkit-transform: scaleX(0);
		transform: scaleX(0)
	}
}

@keyframes fillMotion2 {
	40% {
		-webkit-transform: scaleX(0);
		transform: scaleX(0)
	}

	50% {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}

	80% {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}

	90% {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}

	to {
		-webkit-transform: scaleX(0);
		transform: scaleX(0)
	}
}

.is-vertical .c-button .wh-b .name {
	padding: 13px 20px 12px
}

@media screen and (min-width:600px) and (max-width:700px) {
	.is-vertical .c-light .img-box {
		width: 130% !important
	}
}

@media screen and (min-width:701px) and (max-width:900px) {
	.is-vertical .c-light .img-box {
		width: 110% !important
	}
}
*/
/*! jQuery UI - v1.13.2 - 2022-07-14
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px
* Copyright jQuery Foundation and other contributors; Licensed MIT */
.ui-helper-hidden {
	display: none
}

.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px
}

.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none
}

.ui-helper-clearfix:after,
.ui-helper-clearfix:before {
	content: "";
	display: table;
	border-collapse: collapse
}

.ui-helper-clearfix:after {
	clear: both
}

.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	-ms-filter: "alpha(opacity=0)"
}

.ui-front {
	z-index: 100
}

.ui-state-disabled {
	cursor: default !important;
	pointer-events: none
}

.ui-icon {
	display: inline-block;
	vertical-align: middle;
	margin-top: -.25em;
	position: relative;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat
}

.ui-widget-icon-block {
	left: 50%;
	margin-left: -8px;
	display: block
}

.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin: 2px 0 0;
	padding: .5em .5em .5em .7em;
	font-size: 100%
}

.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto
}

.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default
}

.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: 0
}

.ui-menu .ui-menu {
	position: absolute
}

.ui-menu .ui-menu-item {
	margin: 0;
	cursor: pointer;
	list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")
}

.ui-menu .ui-menu-item-wrapper {
	position: relative;
	padding: 3px 1em 3px .4em
}

.ui-menu .ui-menu-divider {
	margin: 5px 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0
}

.ui-menu .ui-state-active,
.ui-menu .ui-state-focus {
	margin: -1px
}

.ui-menu-icons {
	position: relative
}

.ui-menu-icons .ui-menu-item-wrapper {
	padding-left: 2em
}

.ui-menu .ui-icon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: .2em;
	margin: auto 0
}

.ui-menu .ui-menu-icon {
	left: auto;
	right: 0
}

.ui-button {
	padding: .4em 1em;
	display: inline-block;
	position: relative;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	overflow: visible
}

.ui-button,
.ui-button:active,
.ui-button:hover,
.ui-button:link,
.ui-button:visited {
	text-decoration: none
}

.ui-button-icon-only {
	width: 2em;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-indent: -9999px;
	white-space: nowrap
}

input.ui-button.ui-button-icon-only {
	text-indent: 0
}

.ui-button-icon-only .ui-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -8px;
	margin-left: -8px
}

.ui-button.ui-icon-notext .ui-icon {
	padding: 0;
	width: 2.1em;
	height: 2.1em;
	text-indent: -9999px;
	white-space: nowrap
}

input.ui-button.ui-icon-notext .ui-icon {
	width: auto;
	height: auto;
	text-indent: 0;
	white-space: normal;
	padding: .4em 1em
}

button.ui-button::-moz-focus-inner,
input.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0
}

.ui-controlgroup {
	vertical-align: middle;
	display: inline-block
}

.ui-controlgroup>.ui-controlgroup-item {
	float: left;
	margin-left: 0;
	margin-right: 0
}

.ui-controlgroup>.ui-controlgroup-item.ui-visual-focus,
.ui-controlgroup>.ui-controlgroup-item:focus {
	z-index: 9999
}

.ui-controlgroup-vertical>.ui-controlgroup-item {
	display: block;
	float: none;
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	text-align: left
}

.ui-controlgroup-vertical .ui-controlgroup-item {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.ui-controlgroup .ui-controlgroup-label {
	padding: .4em 1em
}

.ui-controlgroup .ui-controlgroup-label span {
	font-size: 80%
}

.ui-controlgroup-horizontal .ui-controlgroup-label+.ui-controlgroup-item {
	border-left: none
}

.ui-controlgroup-vertical .ui-controlgroup-label+.ui-controlgroup-item {
	border-top: none
}

.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
	border-right: none
}

.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
	border-bottom: none
}

.ui-controlgroup-vertical .ui-spinner-input {
	width: 75%;
	width: calc(100% - 2.4em)
}

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
	border-top-style: solid
}

.ui-checkboxradio-label .ui-icon-background {
	-webkit-box-shadow: inset 1px 1px 1px #ccc;
	box-shadow: inset 1px 1px 1px #ccc;
	border-radius: .12em;
	border: none
}

.ui-checkboxradio-radio-label .ui-icon-background {
	width: 16px;
	height: 16px;
	border-radius: 1em;
	overflow: visible;
	border: none
}

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
	background-image: none;
	width: 8px;
	height: 8px;
	border-width: 4px;
	border-style: solid
}

.ui-checkboxradio-disabled {
	pointer-events: none
}

.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none
}

.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0
}

.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em
}

.ui-datepicker .ui-datepicker-next-hover,
.ui-datepicker .ui-datepicker-prev-hover {
	top: 1px
}

.ui-datepicker .ui-datepicker-prev {
	left: 2px
}

.ui-datepicker .ui-datepicker-next {
	right: 2px
}

.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px
}

.ui-datepicker .ui-datepicker-next-hover {
	right: 1px
}

.ui-datepicker .ui-datepicker-next span,
.ui-datepicker .ui-datepicker-prev span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px
}

.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center
}

.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%
}

.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em
}

.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: 700;
	border: 0
}

.ui-datepicker td {
	border: 0;
	padding: 1px
}

.ui-datepicker td a,
.ui-datepicker td span {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none
}

.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0
}

.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em;
	width: auto;
	overflow: visible
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left
}

.ui-datepicker.ui-datepicker-multi {
	width: auto
}

.ui-datepicker-multi .ui-datepicker-group {
	float: left
}

.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em
}

.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left
}

.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0
}

.ui-datepicker-rtl {
	direction: rtl
}

.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto
}

.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px
}

.ui-datepicker .ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	left: .5em;
	top: .3em
}

.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0
}

.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative
}

.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis
}

.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 20px;
	margin: -10px 0 0;
	padding: 1px;
	height: 20px
}

.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto
}

.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right
}

.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer
}

.ui-dialog .ui-resizable-n {
	height: 2px;
	top: 0
}

.ui-dialog .ui-resizable-e {
	width: 2px;
	right: 0
}

.ui-dialog .ui-resizable-s {
	height: 2px;
	bottom: 0
}

.ui-dialog .ui-resizable-w {
	width: 2px;
	left: 0
}

.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw,
.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw {
	width: 7px;
	height: 7px
}

.ui-dialog .ui-resizable-se {
	right: 0;
	bottom: 0
}

.ui-dialog .ui-resizable-sw {
	left: 0;
	bottom: 0
}

.ui-dialog .ui-resizable-ne {
	right: 0;
	top: 0
}

.ui-dialog .ui-resizable-nw {
	left: 0;
	top: 0
}

.ui-draggable .ui-dialog-titlebar {
	cursor: move
}

.ui-draggable-handle {
	-ms-touch-action: none;
	touch-action: none
}

.ui-resizable {
	position: relative
}

.ui-resizable-handle {
	position: absolute;
	font-size: .1px;
	display: block;
	-ms-touch-action: none;
	touch-action: none
}

.ui-resizable-autohide .ui-resizable-handle,
.ui-resizable-disabled .ui-resizable-handle {
	display: none
}

.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0
}

.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0
}

.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%
}

.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%
}

.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px
}

.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px
}

.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px
}

.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px
}

.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden
}

.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%
}

.ui-progressbar .ui-progressbar-overlay {
	background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
	height: 100%;
	-ms-filter: "alpha(opacity=25)";
	opacity: .25
}

.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none
}

.ui-selectable {
	-ms-touch-action: none;
	touch-action: none
}

.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted #000
}

.ui-selectmenu-menu {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: none
}

.ui-selectmenu-menu .ui-menu {
	overflow: auto;
	overflow-x: hidden;
	padding-bottom: 1px
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
	font-size: 1em;
	font-weight: 700;
	line-height: 1.5;
	padding: 2px .4em;
	margin: .5em 0 0;
	height: auto;
	border: 0
}

.ui-selectmenu-open {
	display: block
}

.ui-selectmenu-text {
	display: block;
	margin-right: 20px;
	overflow: hidden;
	text-overflow: ellipsis
}

.ui-selectmenu-button.ui-button {
	text-align: left;
	white-space: nowrap;
	width: 14em
}

.ui-selectmenu-icon.ui-icon {
	float: right;
	margin-top: 0
}

.ui-slider {
	position: relative;
	text-align: left
}

.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: pointer;
	-ms-touch-action: none;
	touch-action: none
}

.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0
}

.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	-webkit-filter: inherit;
	filter: inherit
}

.ui-slider-horizontal {
	height: .8em
}

.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em
}

.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%
}

.ui-slider-horizontal .ui-slider-range-min {
	left: 0
}

.ui-slider-horizontal .ui-slider-range-max {
	right: 0
}

.ui-slider-vertical {
	width: .8em;
	height: 100px
}

.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em
}

.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%
}

.ui-slider-vertical .ui-slider-range-min {
	bottom: 0
}

.ui-slider-vertical .ui-slider-range-max {
	top: 0
}

.ui-sortable-handle {
	-ms-touch-action: none;
	touch-action: none
}

.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle
}

.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: .222em 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 2em
}

.ui-spinner-button {
	width: 1.6em;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0
}

.ui-spinner a.ui-spinner-button {
	border-top-style: none;
	border-bottom-style: none;
	border-right-style: none
}

.ui-spinner-up {
	top: 0
}

.ui-spinner-down {
	bottom: 0
}

.ui-tabs {
	position: relative;
	padding: .2em
}

.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0
}

.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: left;
	padding: .5em 1em;
	text-decoration: none
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px
}

.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	cursor: text
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	cursor: pointer
}

.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none
}

.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px
}

body .ui-tooltip {
	border-width: 2px
}

.ui-widget {
	font-family: Arial, Helvetica, sans-serif
}

.ui-widget,
.ui-widget .ui-widget {
	font-size: 1em
}

.ui-widget button,
.ui-widget input,
.ui-widget select,
.ui-widget textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em
}

.ui-widget.ui-widget-content {
	border: 1px solid #c5c5c5
}

.ui-widget-content {
	border: 1px solid #ddd;
	background: #fff;
	color: #333
}

.ui-widget-content a {
	color: #333
}

.ui-widget-header {
	border: 1px solid #ddd;
	background: #e9e9e9;
	color: #333;
	font-weight: 700
}

.ui-widget-header a {
	color: #333
}

.ui-button,
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
html .ui-button.ui-state-disabled:active,
html .ui-button.ui-state-disabled:hover {
	border: 1px solid #c5c5c5;
	background: #f6f6f6;
	font-weight: 400;
	color: #454545
}

.ui-button,
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button {
	color: #454545;
	text-decoration: none
}

.ui-button:focus,
.ui-button:hover,
.ui-state-focus,
.ui-state-hover,
.ui-widget-content .ui-state-focus,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-focus,
.ui-widget-header .ui-state-hover {
	border: 1px solid #ccc;
	background: #ededed;
	font-weight: 400;
	color: #2b2b2b
}

.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
a.ui-button:focus,
a.ui-button:hover {
	color: #2b2b2b;
	text-decoration: none
}

.ui-visual-focus {
	-webkit-box-shadow: 0 0 3px 1px #5e9ed6;
	box-shadow: 0 0 3px 1px #5e9ed6
}

.ui-button.ui-state-active:hover,
.ui-button:active,
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active {
	border: 1px solid #003eff;
	background: #007fff;
	font-weight: 400;
	color: #fff
}

.ui-icon-background,
.ui-state-active .ui-icon-background {
	border: #003eff;
	background-color: #fff
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #fff;
	text-decoration: none
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #dad55e;
	background: #fffa90;
	color: #777620
}

.ui-state-checked {
	border: 1px solid #dad55e;
	background: #fffa90
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #777620
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #f1a899;
	background: #fddfdf;
	color: #5f3f3f
}

.ui-state-error-text,
.ui-state-error a,
.ui-widget-content .ui-state-error-text,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error-text,
.ui-widget-header .ui-state-error a {
	color: #5f3f3f
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: 700
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	-ms-filter: "alpha(opacity=70)";
	font-weight: 400
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	-ms-filter: "alpha(opacity=35)";
	background-image: none
}

.ui-state-disabled .ui-icon {
	-ms-filter: "alpha(opacity=35)"
}

.ui-icon {
	width: 16px;
	height: 16px
}

.ui-icon-blank.ui-icon-blank.ui-icon-blank {
	background-image: none
}

.ui-icon-caret-1-n {
	background-position: 0 0
}

.ui-icon-caret-1-ne {
	background-position: -16px 0
}

.ui-icon-caret-1-e {
	background-position: -32px 0
}

.ui-icon-caret-1-se {
	background-position: -48px 0
}

.ui-icon-caret-1-s {
	background-position: -65px 0
}

.ui-icon-caret-1-sw {
	background-position: -80px 0
}

.ui-icon-caret-1-w {
	background-position: -96px 0
}

.ui-icon-caret-1-nw {
	background-position: -112px 0
}

.ui-icon-caret-2-n-s {
	background-position: -128px 0
}

.ui-icon-caret-2-e-w {
	background-position: -144px 0
}

.ui-icon-triangle-1-n {
	background-position: 0 -16px
}

.ui-icon-triangle-1-ne {
	background-position: -16px -16px
}

.ui-icon-triangle-1-e {
	background-position: -32px -16px
}

.ui-icon-triangle-1-se {
	background-position: -48px -16px
}

.ui-icon-triangle-1-s {
	background-position: -65px -16px
}

.ui-icon-triangle-1-sw {
	background-position: -80px -16px
}

.ui-icon-triangle-1-w {
	background-position: -96px -16px
}

.ui-icon-triangle-1-nw {
	background-position: -112px -16px
}

.ui-icon-triangle-2-n-s {
	background-position: -128px -16px
}

.ui-icon-triangle-2-e-w {
	background-position: -144px -16px
}

.ui-icon-arrow-1-n {
	background-position: 0 -32px
}

.ui-icon-arrow-1-ne {
	background-position: -16px -32px
}

.ui-icon-arrow-1-e {
	background-position: -32px -32px
}

.ui-icon-arrow-1-se {
	background-position: -48px -32px
}

.ui-icon-arrow-1-s {
	background-position: -65px -32px
}

.ui-icon-arrow-1-sw {
	background-position: -80px -32px
}

.ui-icon-arrow-1-w {
	background-position: -96px -32px
}

.ui-icon-arrow-1-nw {
	background-position: -112px -32px
}

.ui-icon-arrow-2-n-s {
	background-position: -128px -32px
}

.ui-icon-arrow-2-ne-sw {
	background-position: -144px -32px
}

.ui-icon-arrow-2-e-w {
	background-position: -160px -32px
}

.ui-icon-arrow-2-se-nw {
	background-position: -176px -32px
}

.ui-icon-arrowstop-1-n {
	background-position: -192px -32px
}

.ui-icon-arrowstop-1-e {
	background-position: -208px -32px
}

.ui-icon-arrowstop-1-s {
	background-position: -224px -32px
}

.ui-icon-arrowstop-1-w {
	background-position: -240px -32px
}

.ui-icon-arrowthick-1-n {
	background-position: 1px -48px
}

.ui-icon-arrowthick-1-ne {
	background-position: -16px -48px
}

.ui-icon-arrowthick-1-e {
	background-position: -32px -48px
}

.ui-icon-arrowthick-1-se {
	background-position: -48px -48px
}

.ui-icon-arrowthick-1-s {
	background-position: -64px -48px
}

.ui-icon-arrowthick-1-sw {
	background-position: -80px -48px
}

.ui-icon-arrowthick-1-w {
	background-position: -96px -48px
}

.ui-icon-arrowthick-1-nw {
	background-position: -112px -48px
}

.ui-icon-arrowthick-2-n-s {
	background-position: -128px -48px
}

.ui-icon-arrowthick-2-ne-sw {
	background-position: -144px -48px
}

.ui-icon-arrowthick-2-e-w {
	background-position: -160px -48px
}

.ui-icon-arrowthick-2-se-nw {
	background-position: -176px -48px
}

.ui-icon-arrowthickstop-1-n {
	background-position: -192px -48px
}

.ui-icon-arrowthickstop-1-e {
	background-position: -208px -48px
}

.ui-icon-arrowthickstop-1-s {
	background-position: -224px -48px
}

.ui-icon-arrowthickstop-1-w {
	background-position: -240px -48px
}

.ui-icon-arrowreturnthick-1-w {
	background-position: 0 -64px
}

.ui-icon-arrowreturnthick-1-n {
	background-position: -16px -64px
}

.ui-icon-arrowreturnthick-1-e {
	background-position: -32px -64px
}

.ui-icon-arrowreturnthick-1-s {
	background-position: -48px -64px
}

.ui-icon-arrowreturn-1-w {
	background-position: -64px -64px
}

.ui-icon-arrowreturn-1-n {
	background-position: -80px -64px
}

.ui-icon-arrowreturn-1-e {
	background-position: -96px -64px
}

.ui-icon-arrowreturn-1-s {
	background-position: -112px -64px
}

.ui-icon-arrowrefresh-1-w {
	background-position: -128px -64px
}

.ui-icon-arrowrefresh-1-n {
	background-position: -144px -64px
}

.ui-icon-arrowrefresh-1-e {
	background-position: -160px -64px
}

.ui-icon-arrowrefresh-1-s {
	background-position: -176px -64px
}

.ui-icon-arrow-4 {
	background-position: 0 -80px
}

.ui-icon-arrow-4-diag {
	background-position: -16px -80px
}

.ui-icon-extlink {
	background-position: -32px -80px
}

.ui-icon-newwin {
	background-position: -48px -80px
}

.ui-icon-refresh {
	background-position: -64px -80px
}

.ui-icon-shuffle {
	background-position: -80px -80px
}

.ui-icon-transfer-e-w {
	background-position: -96px -80px
}

.ui-icon-transferthick-e-w {
	background-position: -112px -80px
}

.ui-icon-folder-collapsed {
	background-position: 0 -96px
}

.ui-icon-folder-open {
	background-position: -16px -96px
}

.ui-icon-document {
	background-position: -32px -96px
}

.ui-icon-document-b {
	background-position: -48px -96px
}

.ui-icon-note {
	background-position: -64px -96px
}

.ui-icon-mail-closed {
	background-position: -80px -96px
}

.ui-icon-mail-open {
	background-position: -96px -96px
}

.ui-icon-suitcase {
	background-position: -112px -96px
}

.ui-icon-comment {
	background-position: -128px -96px
}

.ui-icon-person {
	background-position: -144px -96px
}

.ui-icon-print {
	background-position: -160px -96px
}

.ui-icon-trash {
	background-position: -176px -96px
}

.ui-icon-locked {
	background-position: -192px -96px
}

.ui-icon-unlocked {
	background-position: -208px -96px
}

.ui-icon-bookmark {
	background-position: -224px -96px
}

.ui-icon-tag {
	background-position: -240px -96px
}

.ui-icon-home {
	background-position: 0 -112px
}

.ui-icon-flag {
	background-position: -16px -112px
}

.ui-icon-calendar {
	background-position: -32px -112px
}

.ui-icon-cart {
	background-position: -48px -112px
}

.ui-icon-pencil {
	background-position: -64px -112px
}

.ui-icon-clock {
	background-position: -80px -112px
}

.ui-icon-disk {
	background-position: -96px -112px
}

.ui-icon-calculator {
	background-position: -112px -112px
}

.ui-icon-zoomin {
	background-position: -128px -112px
}

.ui-icon-zoomout {
	background-position: -144px -112px
}

.ui-icon-search {
	background-position: -160px -112px
}

.ui-icon-wrench {
	background-position: -176px -112px
}

.ui-icon-gear {
	background-position: -192px -112px
}

.ui-icon-heart {
	background-position: -208px -112px
}

.ui-icon-star {
	background-position: -224px -112px
}

.ui-icon-link {
	background-position: -240px -112px
}

.ui-icon-cancel {
	background-position: 0 -128px
}

.ui-icon-plus {
	background-position: -16px -128px
}

.ui-icon-plusthick {
	background-position: -32px -128px
}

.ui-icon-minus {
	background-position: -48px -128px
}

.ui-icon-minusthick {
	background-position: -64px -128px
}

.ui-icon-close {
	background-position: -80px -128px
}

.ui-icon-closethick {
	background-position: -96px -128px
}

.ui-icon-key {
	background-position: -112px -128px
}

.ui-icon-lightbulb {
	background-position: -128px -128px
}

.ui-icon-scissors {
	background-position: -144px -128px
}

.ui-icon-clipboard {
	background-position: -160px -128px
}

.ui-icon-copy {
	background-position: -176px -128px
}

.ui-icon-contact {
	background-position: -192px -128px
}

.ui-icon-image {
	background-position: -208px -128px
}

.ui-icon-video {
	background-position: -224px -128px
}

.ui-icon-script {
	background-position: -240px -128px
}

.ui-icon-alert {
	background-position: 0 -144px
}

.ui-icon-info {
	background-position: -16px -144px
}

.ui-icon-notice {
	background-position: -32px -144px
}

.ui-icon-help {
	background-position: -48px -144px
}

.ui-icon-check {
	background-position: -64px -144px
}

.ui-icon-bullet {
	background-position: -80px -144px
}

.ui-icon-radio-on {
	background-position: -96px -144px
}

.ui-icon-radio-off {
	background-position: -112px -144px
}

.ui-icon-pin-w {
	background-position: -128px -144px
}

.ui-icon-pin-s {
	background-position: -144px -144px
}

.ui-icon-play {
	background-position: 0 -160px
}

.ui-icon-pause {
	background-position: -16px -160px
}

.ui-icon-seek-next {
	background-position: -32px -160px
}

.ui-icon-seek-prev {
	background-position: -48px -160px
}

.ui-icon-seek-end {
	background-position: -64px -160px
}

.ui-icon-seek-first,
.ui-icon-seek-start {
	background-position: -80px -160px
}

.ui-icon-stop {
	background-position: -96px -160px
}

.ui-icon-eject {
	background-position: -112px -160px
}

.ui-icon-volume-off {
	background-position: -128px -160px
}

.ui-icon-volume-on {
	background-position: -144px -160px
}

.ui-icon-power {
	background-position: 0 -176px
}

.ui-icon-signal-diag {
	background-position: -16px -176px
}

.ui-icon-signal {
	background-position: -32px -176px
}

.ui-icon-battery-0 {
	background-position: -48px -176px
}

.ui-icon-battery-1 {
	background-position: -64px -176px
}

.ui-icon-battery-2 {
	background-position: -80px -176px
}

.ui-icon-battery-3 {
	background-position: -96px -176px
}

.ui-icon-circle-plus {
	background-position: 0 -192px
}

.ui-icon-circle-minus {
	background-position: -16px -192px
}

.ui-icon-circle-close {
	background-position: -32px -192px
}

.ui-icon-circle-triangle-e {
	background-position: -48px -192px
}

.ui-icon-circle-triangle-s {
	background-position: -64px -192px
}

.ui-icon-circle-triangle-w {
	background-position: -80px -192px
}

.ui-icon-circle-triangle-n {
	background-position: -96px -192px
}

.ui-icon-circle-arrow-e {
	background-position: -112px -192px
}

.ui-icon-circle-arrow-s {
	background-position: -128px -192px
}

.ui-icon-circle-arrow-w {
	background-position: -144px -192px
}

.ui-icon-circle-arrow-n {
	background-position: -160px -192px
}

.ui-icon-circle-zoomin {
	background-position: -176px -192px
}

.ui-icon-circle-zoomout {
	background-position: -192px -192px
}

.ui-icon-circle-check {
	background-position: -208px -192px
}

.ui-icon-circlesmall-plus {
	background-position: 0 -208px
}

.ui-icon-circlesmall-minus {
	background-position: -16px -208px
}

.ui-icon-circlesmall-close {
	background-position: -32px -208px
}

.ui-icon-squaresmall-plus {
	background-position: -48px -208px
}

.ui-icon-squaresmall-minus {
	background-position: -64px -208px
}

.ui-icon-squaresmall-close {
	background-position: -80px -208px
}

.ui-icon-grip-dotted-vertical {
	background-position: 0 -224px
}

.ui-icon-grip-dotted-horizontal {
	background-position: -16px -224px
}

.ui-icon-grip-solid-vertical {
	background-position: -32px -224px
}

.ui-icon-grip-solid-horizontal {
	background-position: -48px -224px
}

.ui-icon-gripsmall-diagonal-se {
	background-position: -64px -224px
}

.ui-icon-grip-diagonal-se {
	background-position: -80px -224px
}

.ui-corner-all,
.ui-corner-left,
.ui-corner-tl,
.ui-corner-top {
	border-top-left-radius: 3px
}

.ui-corner-all,
.ui-corner-right,
.ui-corner-top,
.ui-corner-tr {
	border-top-right-radius: 3px
}

.ui-corner-all,
.ui-corner-bl,
.ui-corner-bottom,
.ui-corner-left {
	border-bottom-left-radius: 3px
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-br,
.ui-corner-right {
	border-bottom-right-radius: 3px
}

.ui-widget-overlay {
	background: #aaa;
	opacity: .3;
	-ms-filter: Alpha(Opacity=30)
}

.ui-widget-shadow {
	-webkit-box-shadow: 0 0 5px #666;
	box-shadow: 0 0 5px #666
}



.c-button.white-bg-radius {
	min-width: auto
}

.c-button.white-bg-radius a {
	padding-top: 16px;
	padding-bottom: 15px;
	color: #000;
	background: #fff;
	border-radius: 8px
}

.c-button.white-bg-radius:hover a {
	color: #fff;
	background-color: #074a99
}
/*

.c-header.click-menu .cont {
	-webkit-transform: translateX(400px);
	transform: translateX(400px);
	-webkit-transition: transform .5s ease-out, opacity .5s ease-out;
	-webkit-transition: opacity .5s ease-out, -webkit-transform .5s ease-out;
	transition: opacity .5s ease-out, -webkit-transform .5s ease-out;
	transition: transform .5s ease-out, opacity .5s ease-out;
	transition: transform .5s ease-out, opacity .5s ease-out, -webkit-transform .5s ease-out
}

.c-header.click-menu .navbar-fixed-top-menu.active .cont {
	-webkit-transform: translateX(0);
	transform: translateX(0)
}

.c-header.click-menu .navbar-fixed-top-menu {
	display: block
}

.c-header.click-element .navbar {
	z-index: 999999;
	height: 0;
	min-height: 0;
	font-size: 0;
	border-bottom: 0 !important 
}

.c-header.click-element .navbar .collapse .nav {
	z-index: 10;
	background-color: #fff;
}


@media (max-height:720px) {
	.c-header.click-element .navbar-fixed-top-menu .recommend-warp {
		width: 100%
	}
}

@media (max-height:700px) {
	.c-header.click-element .navbar-fixed-top-menu .recommend-warp {
		width: 100%
	}
}


.c-header.click-element .navbar-fixed-top-menu .dt .dd1.active {
	position: relative
}

.c-header.click-element .navbar-fixed-top-menu .dt .dd1.active>a:after {
	content: "";
	display: block;
	width: 12px;
	height: 1px;
	background: #43c7ee;
	position: absolute;
	top: 8px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 25px;
	left: unset
}

.c-header.click-element .navbar-fixed-top-menu .dt .dd1.active .dt2 {
	display: block
}

.c-header.click-element .navbar-fixed-top-menu .dt .dt2 {
	padding-left: 20px;
	padding-bottom: 0;
	width: 180px;
	position: absolute;
	top: 0;
	left: 100%;
	display: none;
	border-left: 1px solid #e4dcd3
}

.c-header.click-element .navbar-fixed-top-menu .dt .dt2 .dd2:last-of-type .child1 {
	padding-bottom: 0
}

.c-header.click-element .navbar-fixed-top-menu .dt .dt2 .child1 {
	padding: 0 0 20px
}

.c-header.click-element .navbar-fixed-top-menu .dt .dt2 .child1:after {
	display: none
}



.c-header .navbar-fixed-top-menu .container {
	padding: 0;
	width: 100%;
	position: relative;
	height: 100%
}

.c-header .navbar-fixed-top-menu .dt2 {
	padding-left: 20px
}


@media (min-width:768px) and (max-width:991px) {

	.c-header.click-element .navbar-fixed-top-menu .container,
	.c-header .container {
		width: 750px
	}
}

@media (min-width:992px) and (max-width:1199px) {

	.c-header.click-element .navbar-fixed-top-menu .container,
	.c-header .container {
		width: 970px
	}
}

@media (min-width:1200px) and (max-width:1359px) {

	.c-header.click-element .navbar-fixed-top-menu .container,
	.c-header .container {
		width: 1170px
	}
}

@media (min-width:1360px) and (max-width:1365px) {

	.c-header.click-element .navbar-fixed-top-menu .container,
	.c-header .container {
		width: 1130px
	}
}

@media screen and (min-width:1366px) and (max-width:1440px) {

	.c-header.click-element .navbar-fixed-top-menu .container,
	.c-header .container {
		width: 1200px
	}
}


@media screen and (min-width:1441px) and (max-width:1749px) {

	.c-header.click-element .navbar-fixed-top-menu .container,
	.c-header .container {
		width: 1368px
	}
}

@media (min-width:1750px) {

	.c-header.click-element .navbar-fixed-top-menu .container,
	.c-header .container {
		width: 1690px
	}
}

.c-header .navbar-fixed-top-t .left {
	float: left;
	pointer-events: none
}


.c-header .navbar-all-new-palisade {
	display: block;
	width: 100%;
	left: 0;
	position: absolute;
	top: 100vh;
	background-color: #00000080;
	-webkit-backdrop-filter: blur(2px);
	backdrop-filter: blur(2px);
	border-bottom: 0;
	color: #fff
}

.c-header .navbar-all-new-palisade.fixed {
	position: fixed;
	top: 0 !important
}

.c-header .navbar-all-new-palisade .left {
	margin-inline: 4% 5%;
	position: relative
}

.c-header .navbar-all-new-palisade .left:after {
	content: "";
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 120%;
	width: 1px;
	height: 60%;
	background-color: #ffffff80
}

.c-header .navbar-all-new-palisade .right {
	float: unset
}

.c-header .navbar-all-new-palisade .right-top-mb {
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(32%);
	transform: translateY(32%)
}

.c-header .navbar-all-new-palisade .right-top-mb .schedule-button {
	min-width: 140px;
	width: 10vw;
	max-width: 180px
}

.c-header .navbar-all-new-palisade .right-top-mb .schedule-button .btn {
	color: #fff
}

.c-header .navbar-all-new-palisade .right-top-mb .schedule-button .btn:before {
	background-color: #fff
}

.c-header .navbar-all-new-palisade .right-top-mb .schedule-button .btn:hover {
	color: #000;
	background-color: #fff
}

.c-header .navbar-all-new-palisade .right-top-mb .schedule-button .btn svg {
	stroke: #fff
}

.c-header .navbar-all-new-palisade .right-top-mb .schedule-button .btn .wh-b .name {
	padding: 8px 20px
}

.c-header .navbar-all-new-palisade a {
	color: #fff;
	padding: 0 1vw
}

.c-header .navbar-all-new-palisade a:hover {
	color: #fff
}

.c-header .navbar-all-new-palisade .active a {
	color: #fff;
	position: relative
}

.c-header .navbar-all-new-palisade .active a:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #fff
}

.c-header .navbar-all-new-palisade li:last-child {
	display: none;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 5%;
	text-align: center;
	float: unset;
	height: 60%;
	width: 10vw;
	background-color: #000
}

.c-header .navbar-all-new-palisade li:last-child a {
	padding: 0;
	height: 100%;
	line-height: unset !important;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	color: #fff
}

.c-header .navbar li a {
	padding: 36px 20px 28px;
	line-height: 1;
	color: #fff;
	cursor: pointer
}


.c-header .navbar .navbar-space {
	width: 143px
}


.c-header .navbar .main-nav {
	position: absolute;
	top: 0;
	right: 0;
	padding-right: 45px;
	padding-left: 3.5rem
}

.c-header.bg-white .navbar-fixed-top-t {
	-webkit-transform: translateY(-200%) translateX(-50%);
	transform: translateY(-200%) translateX(-50%)
}


@media screen and (max-width:1600px) {
	.c-header .navbar .main-nav {
		padding-left: 6rem
	}
}

@media screen and (max-width:991px) {
	.c-header .navbar .main-nav {
		padding-left: 1.8rem
	}

	.c-header .navbar .navbar-space {
		width: 5rem
	}

	.c-header.click-element .navbar-fixed-top-menu .cont {
		width: 565px;
		padding: 100px 38px 0 106px
	}
}

.body-all-new-palisade-wrap .c-header.bg-white .navbar-fixed-top-t,
.body-cars-wrap .c-header.bg-white .navbar-fixed-top-t,
.body-nexo-wrap .c-header.bg-white .navbar-fixed-top-t {
	display: block
}

.cont {
	-ms-overflow-style: none;
	scrollbar-width: none
}

.cont::-webkit-scrollbar {
	display: none
}

.is-vertical .c-header .button-container .swiper-button-next,
.is-vertical .c-header .button-container .swiper-button-prev {
	font-size: 24px !important
}


.is-vertical .c-header.active-mb .navbar-fixed-top-menu.active .cont {
	opacity: 1;
	-webkit-transform: translateX(0);
	transform: translateX(0);
	-webkit-transition: transform .5s ease-out, opacity .5s ease-out;
	-webkit-transition: opacity .5s ease-out, -webkit-transform .5s ease-out;
	transition: opacity .5s ease-out, -webkit-transform .5s ease-out;
	transition: transform .5s ease-out, opacity .5s ease-out;
	transition: transform .5s ease-out, opacity .5s ease-out, -webkit-transform .5s ease-out
}


.is-vertical .c-header .navbar-fixed-top-t .left {
	position: relative;
	width: 70%;
	pointer-events: all
}


.is-vertical .c-header .navbar-all-new-palisade {
	top: 100dvh
}

.is-vertical .c-header .navbar-all-new-palisade .icon-jiantou-copy {
	right: 10vw
}

.is-vertical .c-header .navbar-all-new-palisade .left {
	margin-inline: 0;
	width: 60%;
	position: relative
}

.is-vertical .c-header .navbar-all-new-palisade .left:after {
	content: "";
	display: none
}

.is-vertical .c-header .navbar-all-new-palisade .r-head {
	border-bottom: 0
}

.is-vertical .c-header .navbar-all-new-palisade .right-top-mb {
	width: 40%;
	-webkit-transform: translateY(20%);
	transform: translateY(20%);
	border-left: 0
}

.is-vertical .c-header .navbar-all-new-palisade .right-top-mb .schedule-button {
	width: 100%
}

.is-vertical .c-header .navbar-all-new-palisade .right {
	float: right
}

.is-vertical .c-header .navbar-all-new-palisade .right-mb {
	margin-bottom: 20px
}

.is-vertical .c-header .navbar-all-new-palisade a,
.is-vertical .c-header .navbar-all-new-palisade a:hover {
	color: #8a8a8b
}

.is-vertical .c-header .navbar-all-new-palisade .active a {
	color: #fff;
	font-weight: 700
}

.is-vertical .c-header .navbar-all-new-palisade li:last-child {
	position: unset;
	width: auto;
	background-color: transparent;
	-webkit-transform: unset;
	transform: unset
}

.is-vertical .c-header .navbar-all-new-palisade li:last-child a {
	padding: 0;
	height: 100%;
	line-height: unset !important;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	color: #fff
}
*/

.c-footer .main-container {
	margin-top: 100px;
	margin-bottom: 50px;
	color: #999
}



.c-footer .footer-logo {
	margin-bottom: 100px;
	text-align: center

}

.c-footer .footer-logo img {
	width: 30%;
	margin: auto





}

.c-footer .footer-logo-pa span {
	background: url(../img/logo-0730.svg) 0 0 no-repeat;
	background-size: cover;
	background-position: 50%;
	font-size: 8vw
}

.c-footer .footer-logo-pa span:before {
	opacity: 0
}

.c-footer .part-main {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 50px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	color: #dedede
}

.c-footer .part-main a {
	color: #dedede

}

.c-footer .part-main .menu-wrap {













	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-right: 15%
}

.c-footer .part-main .menu-wrap .item {
	width: 30%



}

.c-footer .part-main .menu-wrap .item:last-of-type {
	width: 100%
}

.c-footer .media-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;

	-webkit-box-pack: right;
	-ms-flex-pack: right;
	justify-content: right
}

.c-footer .media-list .item {
	margin-left: 15px
}

.c-footer .media-list .item .media-qrcode {
	position: absolute;
	left: 50%;
	bottom: 180%;
	background: #fff;
	border-radius: 0;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	-webkit-transition: opacity .5s ease;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	opacity: 0;
	display: none;
	z-index: 9999;
	text-align: center
}

.c-footer .media-list .item .media-qrcode .code-text {
	color: #333;
	font-size: 14px;
	display: block;
	padding-bottom: 5px
}

.c-footer .media-list .item .media-qrcode img {
	width: 130px;
	padding: 6px 6px 3px
}

.c-footer .media-list .item .media-qrcode:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-width: 12px 12px 0;
	border-style: solid;
	border-color: #fff transparent transparent;
	position: absolute;
	bottom: 0;
	left: 50%;
	-webkit-transform: translate(-12px, 11px);
	transform: translate(-12px, 11px)
}

.c-footer .media-list .item a {
	width: 24px;
	height: 24px;
	display: block;
	position: relative;

	border-radius: 50%;
	color: #1d1b1b
}

.c-footer .media-list .item a .iconfont {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	font-size: 16px
}

.c-footer .media-list .item a .iconfont:before {
	color: hsla(0, 0%, 100%, .5)
}

.c-footer .media-list .item a:hover .iconfont:before {
	color: #36d1ff
}

.c-footer .media-list .item a:hover .media-qrcode {
	opacity: 1;
	display: block
}

.c-footer .media-list .item:first-of-type {
	margin-left: 0
}

.c-footer .media-list .item:nth-child(5) span {
	font-size: 125%
}

.c-footer .media-list .item:nth-child(6) span {
	font-size: 140%
}

.c-footer .part-bottom .link-wrap {
	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
}

.c-footer .part-bottom .link-wrap a {
	color: #858585
}

.c-footer .part-bottom .link-wrap .line {
	margin: 0 10px
}

.c-footer .part-bottom .tag {
	padding: 7px 50px 5px 15px;
	border: 1px solid #999
}

.c-footer .footer-publicity {
	color: #636363;
	padding: 30px 0;
	position: relative;
	text-align: center
}

.c-footer .footer-publicity:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #535353
}

.c-footer .footer-publicity a,
.c-footer .footer-publicity a:hover {
	color: #636363
}

.c-footer .friendly-link {
	margin-left: 10px
}

.c-footer .friendly-link .friendly-link-box {
	position: relative;
	display: inline-block;
	padding: 5px 30px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;
	color: #dcdcdc
}

.c-footer .friendly-link .friendly-link-box .friendly-link-title {
	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;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.c-footer .friendly-link .friendly-link-box .friendly-link-title>span:first-child {
	margin-right: 2em
}

.c-footer .friendly-link .friendly-link-box .friendly-link-box-content {
	position: absolute;
	width: 100%;
	bottom: 100%;
	left: 0;
	background-color: #504f4f;
	-webkit-transition: all .48s;
	transition: all .48s;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: 0;
	overflow: hidden
}

.c-footer .friendly-link .friendly-link-box .friendly-link-box-content>div {
	padding: 10px
}

.c-footer .friendly-link .friendly-link-box .friendly-link-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 0;
	position: relative;
	margin-bottom: 5px
}

.c-footer .friendly-link .friendly-link-box .friendly-link-item span {
	opacity: 0
}

.c-footer .friendly-link .friendly-link-box .friendly-link-item:hover {
	color: #fff;
	background-color: #1967d2
}

.c-footer .friendly-link .friendly-link-box .friendly-link-item:hover:after,
.c-footer .friendly-link .friendly-link-box .friendly-link-item:hover span {
	opacity: 1
}

.is-horizontal .c-footer .part-main .menu-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}


.is-vertical .c-footer .icon-logo2 {
	font-size: 20px

}

.is-vertical .c-footer .main-container {
	margin-top: 50px;
	margin-bottom: 0;
	padding-inline: 0
}


.is-vertical .c-footer .part-main .menu-wrap {
	display: block;
	width: 100%;
	border-top: 1px solid #5b5b5b
}



.is-vertical .c-footer .part-main .menu-wrap .menu-title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 45px;
	margin-bottom: 0;
	padding-inline: 30px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	line-height: 45px;
	border-bottom: 1px solid #5b5b5b
}



.is-vertical .c-footer .part-bottom .side-right {
	margin-bottom: 15px
}

.is-vertical .c-footer .part-bottom .friendly-link {
	margin-left: 0;
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-top: 15px
}

.is-vertical .c-footer .part-bottom .friendly-link .friendly-link-box {
	width: 73%;
	border: none
}

.is-vertical .c-footer .part-bottom .friendly-link .friendly-link-box .friendly-link-box-content {
	z-index: 99
}

.is-vertical .c-footer .part-bottom .friendly-link .friendly-link-box .friendly-link-box-content .friendly-link-item {
	padding-left: 10px
}

.is-vertical .c-footer .part-bottom .friendly-link .friendly-link-box .friendly-link-box-content .friendly-link-item>span {
	display: none
}



.is-vertical .c-footer .part-bottom .link-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	text-align: center
}

.is-vertical .c-footer .part-bottom .link-wrap .item {
	margin: 0 5px;
	line-height: 1.5
}


.is-vertical .c-footer .footer-logo {
	margin-bottom: 30px
}

.is-vertical .c-footer .footer-logo img {
	width: 50%;
	margin: 0
}

.is-vertical .c-footer .footer-logo-pa span {
	font-size: 20vw
}

.is-vertical .c-footer .footer-publicity {
	padding: 20px 30px
}

.is-vertical .c-eq-video .eq-video-canvas {
	margin: 0 auto;
	height: auto;

	position: absolute;
	left: 0;
	top: 0;
	-webkit-transform: none;
	transform: none
}

@media screen and (max-width:1600px) {
	.c-banner .text-wrap.top-left {
		left: 0
	}
	}
	
	
.policy-link-wrap {
	position: absolute;
	right: 0;
	bottom: 19%;
	color: #fff;
	z-index: 2
}

.policy-link-wrap,
.policy-link-wrap .policy-inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.policy-link-wrap .policy-inner {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	background-color: #16376d;
	position: relative;
	padding: 1rem 2rem
}

.policy-link-wrap .policy-inner:before {
	content: "";
	width: 1px;
	height: 80%;
	background-color: #fff;
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.policy-link-wrap .policy-inner:first-child::before {
	width: 0 !important
}



@media screen and (max-width:767px) {
	.policy-link-wrap {
		right: 0;
		bottom: 20%
	}

	.policy-link-wrap .policy-inner {
		padding: .5rem 1rem
	}
}

@media screen and (min-width:901px) {
	.bg.isPC {
		display: block
	}

	.bg.isMB {
		display: none
	}
}

#jiqiren .word-block {
	text-align: center
}

#jiqiren .word-block:first-child {
	-webkit-transform: scale(.6);
	transform: scale(.6)
}

#weilai .visible-vert .word-block {
	text-align: center;
	display: block
}

#weilai .visible-vert .word-block:first-child {
	-webkit-transform: scale(.6);
	transform: scale(.6)
}
/*
@media screen and (max-width:900px) {
	.bg.isPC {
		display: none
	}

	.bg.isMB {
		display: block
	}

	.swiper-button-next,
	.swiper-button-prev {
		display: none
	}

	.c-banner .word-inner {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

	.c-banner .container,
	.c-banner .text-wrap {
		width: 100vw;
		padding: 0 30px
	}
}

.is-vertical .c-banner .txt-anim {
	display: block
}



.is-vertical .c-banner .text-wrap h2.title {
	line-height: 1.35
}


.is-vertical #weilai .text-wrap {
	height: 100%
}

.is-vertical #weilai .text-wrap .title {
	position: absolute;
	width: 100%;
	top: 40%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.is-vertical #weilai .text-wrap .btn-link-wrap {
	position: absolute;
	bottom: 5%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}


.c-always .btn-always-toggle {
	position: fixed;
	bottom: 5%;
	right: 2.5rem;


	z-index: 1029;
	border-radius: 50%;
	cursor: pointer
}

.c-always .btn-always-toggle .btn-always-box {
	height: auto;
	overflow: visible;
	padding: 0 8px
}

.c-always .btn-always-toggle .btn-always-box .icon-item {
	display: block;
	font-size: 0;
	margin-bottom: 1.6rem;
	border-radius: 4rem
}

.c-always .btn-always-toggle .btn-always-box .icon-item span.iconfont {
	display: inline-block;
	width: 4rem;
	height: 4rem;
	border-radius: 50%;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: 50%;
	-webkit-box-shadow: 0 0 12px 0 rgba(0, 0, 0, .2);
	box-shadow: 0 0 12px 0 rgba(0, 0, 0, .2);
	position: unset;
	-webkit-transform: unset;
	transform: unset;
	float: right
}

.c-always .btn-always-toggle .btn-always-box .icon-item .icon-text {
	display: none;
	line-height: 4rem;
	height: 4rem;
	padding-inline: 40px 20px;
	color: #fff;
	background: #00aad2;
	border-radius: 4rem 0 0 4rem
}

.c-always .btn-always-toggle .btn-always-box .icon-item:hover {
	-webkit-box-shadow: 0 0 .12rem 0 rgba(0, 0, 0, .2);
	box-shadow: 0 0 .12rem 0 rgba(0, 0, 0, .2);
	background-color: #00add8
}

.c-always .btn-always-toggle .btn-always-box .icon-item:hover .iconfont {
	background-color: #00add8;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #fff
}

.c-always .btn-always-toggle .btn-always-box .icon-item:hover .icon-text {
	display: inline-block
}

.c-always .btn-always-toggle .btn-add-box {
	display: none
}

.c-always .btn-always-toggle .btn-add-box .icon-item .iconfont {
	color: #7a7a7a
}

.c-always .icon-up {
	font-weight: 700
}

.c-always .add-icon {
	-webkit-transition: -webkit-transform .5s;
	transition: -webkit-transform .5s;
	transition: transform .5s;
	transition: transform .5s, -webkit-transform .5s
}

.c-always .icon-guanbi {
	display: none
}

.c-always .icon-zaixiankefu {
	font-weight: 700
}


.c-always .always-layer .item .h2.iconfont {
	line-height: 1.2
}




.is-vertical .c-always .btn-always-toggle-b {
	position: fixed;
	bottom: 5%;
	right: 2.5rem;
	z-index: 1029;
	border-radius: 50%
}

.is-vertical .c-always .btn-always-toggle-b .iconfont {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	font-size: 24px;
	background: #fff;
	border-radius: 50%;
	display: block;
	width: 3.5rem;
	height: 3.5rem;
	text-align: center;
	line-height: 3.5rem;
	-webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .17);
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, .17);
	color: #6a6a6a
}

.is-vertical .c-always .btn-always-toggle-b .btn-always-toggle-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end
}

.is-vertical .c-always .btn-always-toggle-b .btn-always-toggle-box .btn-add-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 0;
	overflow: hidden;
	-webkit-transition: width 2s;
	transition: width 2s
}

.is-vertical .c-always .btn-always-toggle-b .btn-always-toggle-box ul {
	padding-block: 5px
}

.is-vertical .c-always .btn-always-toggle-b .btn-always-box {
	padding: 0
}

.is-vertical .c-always .btn-always-toggle-b .btn-always-box .icon-item {
	margin-left: 1.2rem;
	border-radius: 3.5rem
}

.is-vertical .c-always .btn-always-toggle-b .btn-always-box .icon-item span.iconfont {
	display: inline-block;
	width: 3.5rem;
	height: 3.5rem;
	border-radius: 50%;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: 50%;
	-webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2);
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2);
	position: unset;
	-webkit-transform: unset;
	transform: unset
}

.is-vertical .c-always .btn-always-toggle-b .btn-always-box .icon-item.add-icon {
	margin-left: .6rem
}

.is-vertical .c-always .btn-always-toggle-b .btn-always-box .icon-item.add-icon .icon-icon- {
	font-weight: 700
}

.is-vertical .c-always .btn-always-toggle-b .icon-item .icon-zaixiankefu {
	margin-right: .6rem
}

.c-recommend-card .card-list {
	width: 100%;
	height: 500px;
	position: relative;
	overflow: hidden
}

.c-recommend-card .card-list .card-swiper {
	width: 100%;
	height: 100%
}

.c-recommend-card .card-list .swiper-slide {
	position: absolute;
	top: 0;
	left: 0;
	width: 63%;
	height: 500px;
	background: #fff
}

.c-recommend-card .card-list .swiper-slide:first-of-type {
	z-index: 1
}

.c-recommend-card .card-list .swiper-slide:first-of-type .inner {
	padding-left: 0
}

.c-recommend-card .card-list .swiper-slide:nth-of-type(2) {
	left: 33.3333%;
	z-index: 2
}

.c-recommend-card .card-list .swiper-slide:nth-of-type(3) {
	left: 66.6666%;
	z-index: 3
}

.c-recommend-card .card-list .inner {
	padding-left: 50px;
	height: 100%;
	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-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.c-recommend-card .card-list .car-box {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: end;
	max-width: 811px
}

.c-recommend-card .card-list .qiehuan-button {
	position: absolute;
	top: 55px;
	left: 0;
	padding: 4px 10px;
	color: #fff;
	cursor: pointer;
	background-color: #012c5f;
	font-family: TextRegular
}

.c-recommend-card .card-list .title {
	margin-bottom: 50px;
	position: relative
}

.c-recommend-card .card-list .hidden {
	display: none
}

.c-recommend-card .card-list .btn-box {
	margin-bottom: 50px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative
}

.c-recommend-card .card-list .car {
	width: 100%;
	height: auto
}

.c-recommend-card .swiper-button-next,
.c-recommend-card .swiper-button-prev {
	color: #012c5f
}

.c-recommend-card .swiper-button-prev {
	left: -15px
}

.c-recommend-card .swiper-button-next {
	right: 5px
}

.c-recommend-card .container {
	width: 100% !important;
	padding-inline: 5%;
	margin-left: -25px
}

.is-horizontal .c-recommend-card .swiper-button-next,
.is-horizontal .c-recommend-card .swiper-button-prev {
	display: none
}

@media screen and (min-width:1920px) {
	.car-box {
		max-width: 811px
	}
}

@media screen and (min-width:1560px) and (max-width:1900px) {
	.c-recommend-card h3 {
		font-size: 30px
	}
}

@media screen and (min-width:1450px) and (max-width:1560px) {
	.c-recommend-cardh3 {
		font-size: 28px
	}
}

@media screen and (min-width:1200px) and (max-width:1450px) {
	.c-recommend-cardh3 {
		font-size: 22px
	}
}

@media screen and (min-width:900px) and (max-width:1200px) {
	.c-recommend-cardh3 {
		font-size: 18px
	}
}

.is-vertical .c-recommend-card .container {
	padding-right: 0;
	margin-left: 0
}

.is-vertical .c-recommend-card .button-container {
	top: 62%
}

.is-vertical .c-recommend-card .button-container.outer-container .swiper-button-prev {
	left: 28px;
	width: auto;
	font-size: 24px !important;
	color: #fff
}

.is-vertical .c-recommend-card .button-container.outer-container .swiper-button-next {
	right: 28px;
	width: auto;
	font-size: 24px !important;
	color: #fff
}

.is-vertical .c-recommend-card .card-list {
	height: auto
}

.is-vertical .c-recommend-card .card-list .inner {
	padding-left: 0;
	opacity: 1 !important
}

.is-vertical .c-recommend-card .card-list .qiehuan-button {
	top: 55px
}

.is-vertical .c-recommend-card .card-list .title {
	margin-bottom: 30px
}

.is-vertical .c-recommend-card .swiper-slide {
	position: relative;
	left: 0 !important;
	height: auto
}

.is-vertical .c-recommend-card .swiper-slide:nth-of-type(2),
.is-vertical .c-recommend-card .swiper-slide:nth-of-type(3),
.is-vertical .c-recommend-card .swiper-slide:nth-of-type(4) {
	left: 0
}

.is-vertical .c-recommend-card .c-button a {
	padding-left: 0;
	-webkit-box-pack: left;
	-ms-flex-pack: left;
	justify-content: left
}

.is-vertical .c-recommend-card .car-box .car {
	width: auto;
	height: 250px;
	margin: auto
}

.c-hd-technology {
	position: relative;
	height: 100%
}

.c-hd-technology .page-padding {
	height: 100%
}

.c-hd-technology .title .word-block:last-of-type {
	display: block
}

.c-hd-technology .button-container.container {
	height: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	margin: 0;
	width: 90%
}

.c-hd-technology .hd-technology-swiper {
	position: relative;
	height: 100%
}

.c-hd-technology .hd-technology-swiper.swiper-no-swiping .swiper-pagination {
	display: none
}

.c-hd-technology .swiper-slide {
	overflow: hidden
}

.c-hd-technology .bg {
	height: 530px
}

.c-hd-technology .replace-bg {
	width: 100%;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover
}

.c-hd-technology .container {
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	top: 0;
	height: 100%
}

.c-hd-technology .container.pagination-container {
	top: auto;
	bottom: 0;
	z-index: 2;
	height: auto
}

.c-hd-technology .text-wrap {
	position: absolute;
	width: 80%;
	padding: 0 15px;
	color: #fff
}

.c-hd-technology .text-wrap .title {
	margin-bottom: 4vw
}

.c-hd-technology .text-wrap .text-flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch
}

.c-hd-technology .text-wrap .text-flex>div {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.c-hd-technology .text-wrap.top-center {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%);
	transform: translate(-50%);
	top: 23%;
	text-align: center
}

.c-hd-technology .btn-link-wrap {
	margin-top: 30px
}

.c-hd-technology .btn-link-wrap .c-button {
	display: inline-block;
	margin-right: 30px
}

.c-hd-technology .btn-link-wrap .c-button:last-of-type {
	margin-right: 0
}

.c-hd-technology .swiper-button-next .name,
.c-hd-technology .swiper-button-prev .name {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	white-space: nowrap
}

.c-hd-technology .swiper-button-prev .name {
	left: 50px
}

.c-hd-technology .swiper-button-next .name {
	right: 50px
}

.is-vertical .c-hd-technology .container {
	width: 100%
}

.is-vertical .c-hd-technology .text-wrap {
	width: 100%;
	padding: 0 30px;
	text-align: left;
	height: 100%
}

.is-vertical .c-hd-technology .text-wrap .title {
	margin-bottom: 0
}

.is-vertical .c-hd-technology .text-wrap .text-flex {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	height: 100%
}

.is-vertical .c-hd-technology .text-wrap .btn-link-wrap {
	margin-top: 20px
}

.is-vertical .c-hd-technology .text-wrap .btn-link-wrap .c-button {
	margin-right: 15px
}

.is-vertical .c-hd-technology .text-wrap .btn-link-wrap .c-button:last-of-type {
	margin-right: 0
}

.is-vertical .c-hd-technology .text-wrap .word-block,
.is-vertical .c-hd-technology .text-wrap .word-inner {
	display: inline
}

.is-vertical .c-hd-technology .text-wrap .title {
	margin-bottom: 15px
}

.is-vertical .c-hd-technology .text-wrap.top-center {
	top: 60px;
	-webkit-transform: translate(-50%);
	transform: translate(-50%)
}

.is-vertical .c-hd-technology .bg {
	height: 100%
}

.c-news-center .content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.c-news-center .news-col {
	width: 50%
}

.c-news-center .title-box .title {
	margin-bottom: 20px
}

.c-news-center .title-box .tag {
	width: 100%
}

.c-news-center .item {
	position: relative
}

.c-news-center .item:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .2)), to(transparent));
	background-image: linear-gradient(180deg, rgba(0, 0, 0, .2), transparent);
	z-index: 0
}

.c-news-center .item .pic {
	width: 100%;
	aspect-ratio: 1
}

.c-news-center .item .text-wrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding: 50px;
	color: #fff;
	z-index: 2
}

.c-news-center .item .title {
	margin-bottom: 10px;
	min-height: 3em
}

.c-news-center .item .description {
	margin-bottom: 30px;
	min-height: 3em
}

.c-news-center .item .c-button a {
	color: #fff
}

.c-news-center .button-wrap {
	padding-top: 40px;
	text-align: center
}

.c-news-center .button-wrap .c-button {
	margin: 0 12px
}

.is-vertical .c-news-center .news-center-swiper {
	margin-left: -30px;
	margin-right: -30px
}

.is-vertical .c-news-center .item .text-wrap {
	padding: 40px 30px 0
}

.is-vertical .c-news-center .item .title {
	min-height: 2.6em
}

.is-vertical .c-news-center .item .description {
	margin-bottom: 15px;
	min-height: 2.5em
}

.is-vertical .c-news-center .button-wrap {
	padding-top: 30px
}

.is-vertical .c-news-center .button-wrap .c-button {
	width: 100%;
	margin: 0
}

.is-vertical .c-news-center .swiper-pagination {
	padding: 0
}

.c-hot-activity {
	background: #f6f3f2;
	overflow: hidden
}

.c-hot-activity .link {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	height: 100%;
	background: #e4dbd2
}

.c-hot-activity .title-box {
	margin-bottom: 30px;
	text-align: center
}

.c-hot-activity .hot-activity-swiper {
	overflow: visible
}

.c-hot-activity .swiper-slide {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	background: #f6f3f2
}

.c-hot-activity .swiper-slide .img-box {
	width: 70%;
	height: 360px;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	-o-object-fit: cover;
	object-fit: cover
}

.c-hot-activity .swiper-slide .text-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 30%;
	height: 100%;
	padding: 40px 20px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.c-hot-activity .swiper-slide .title {
	margin-bottom: 1vw;
	line-height: 1.4
}

.c-hot-activity .swiper-slide .description {
	margin-bottom: 1vw;
	color: #b3aeaa
}

.c-hot-activity .swiper-slide .button-box {
	text-align: left
}

.c-hot-activity .pagination-container {
	position: relative
}

.c-hot-activity .view-more {
	position: relative;
	z-index: 2;
	padding-top: 80px;
	text-align: center
}

#index-hotActivity.c-hot-activity .swiper-slide .img-box {
	height: 18.75vw
}

#index-hotActivity.c-hot-activity .swiper-slide .text-wrap {
	padding: 2vw 1vw 0
}

.is-vertical .c-hot-activity .title-box {
	text-align: left
}

.is-vertical .c-hot-activity .hot-activity-swiper {
	padding-left: 30px;
	padding-right: 30px
}

.is-vertical .c-hot-activity .hot-activity-swiper .swiper-wrapper {
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch
}

.is-vertical .c-hot-activity .swiper-slide {
	display: block
}

.is-vertical .c-hot-activity .swiper-slide .link {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.is-vertical .c-hot-activity .swiper-slide .img-box {
	width: 100%;
	height: 220px
}

@media (min-width:650px) {
	.is-vertical .c-hot-activity .swiper-slide .img-box {
		height: 360px
	}
}

@media (max-width:751px) {
	.is-vertical .c-hot-activity .swiper-slide .img-box-mb {
		height: 0;
		width: 100%;
		padding-bottom: 79%
	}
}

.is-vertical .c-hot-activity .swiper-slide .text-wrap {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	width: 100%;
	height: auto;
	padding: 30px 20px 40px
}

.is-vertical .c-hot-activity .pagination-container {
	padding: 0
}

.is-vertical .c-hot-activity .swiper-pagination-bullet {
	margin: 0 !important
}

.is-vertical .c-hot-activity .swiper-pagination {
	padding: 0 15px;
	bottom: 20px !important
}

.is-vertical .c-hot-activity .view-more {
	padding: 30px 30px 0
}

.is-vertical .c-hot-activity .view-more .c-button {
	width: 100%
}

.is-vertical #index-hotActivity.c-hot-activity .swiper-slide .img-box {
	height: 47.6vw
}

.is-vertical #index-hotActivity.c-hot-activity .swiper-slide .text-wrap {
	padding: 15px 20px 40px
}

.pro-box img {
	width: 100%;
	display: block
}

.pro-box .pro-swiper {
	padding-bottom: 60px
}

.pro-box .pro-swiper .swiper-pagination {
	bottom: 10px !important
}

.pro-box .pro-swiper .hidden-vert {
	display: block !important
}

.pro-box .pro-swiper .button-container.full-container .swiper-button-prev {
	left: -2%
}

.pro-box .pro-swiper .button-container.full-container .swiper-button-next {
	right: -4%
}

.pro-pc {
	margin-top: 60px
}

.pro-pc img {
	width: 100%;
	display: block
}

@media screen and (min-width:501px) {
	.pro-box .pro-mb {
		display: none
	}
}

@media screen and (max-width:500px) {
	.pro-box {
		margin-top: 30px
	}

	.pro-pc {
		display: none;
		margin-top: 0
	}
}

.c-social-media {
	background: #fff;
	overflow: hidden
}

.c-social-media .swiper-wrp {
	position: relative
}

.c-social-media .swiper-wrp .swiper {
	height: 100%
}

.c-social-media .swiper-wrp .swiper-wrapper {
	-webkit-transition: none !important;
	transition: none !important;
	-webkit-transition: transform 1s !important;
	-webkit-transition: -webkit-transform 1s !important;
	transition: -webkit-transform 1s !important;
	transition: transform 1s !important;
	transition: transform 1s, -webkit-transform 1s !important
}

.c-social-media .swiper-wrp .swiper-wrapper .swiper-slide .link {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	height: 100%
}

.c-social-media .title-box {
	margin-bottom: 30px;
	text-align: center
}

.c-social-media .media-tab {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 60px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.c-social-media .media-tab .item {
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
	margin: 0 15px;
	padding: 13px 20px;
	color: #999;
	border: 1px solid #e4dcd3;
	cursor: pointer
}

.c-social-media .media-tab .item.active,
.c-social-media .media-tab .item:hover {
	color: #43c7ee;
	border-color: #43c7ee
}

.c-social-media .social-media-swiper {
	display: none;
	overflow: visible
}

.c-social-media .social-media-swiper.active {
	display: block
}

.c-social-media .swiper-slide {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	background: #f6f3f2
}

.c-social-media .swiper-slide .img-box {
	width: 70%;
	height: 18.75vw;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover
}

.c-social-media .swiper-slide .text-wrap {
	position: absolute;
	top: 0;
	right: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 30%;
	height: 100%;
	padding: 35px 20px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.c-social-media .swiper-slide .icon {
	width: 35px;
	margin-bottom: 20px
}

.c-social-media .swiper-slide .tag {
	margin-bottom: 20px;
	color: #999
}

.c-social-media .swiper-slide .c-button {
	margin-top: 40%
}

.c-social-media .pagination-container {
	position: relative
}

.c-social-media .view-more {
	position: relative;
	z-index: 2;
	padding-top: 80px;
	text-align: center
}

.is-vertical .c-social-media .swiper-wrp .swiper {
	min-height: unset
}

.is-vertical .c-social-media .title-box {
	text-align: left
}

.is-vertical .c-social-media .swiper-wrp {
	height: auto;
	min-height: unset
}

.is-vertical .c-social-media .swiper-wrp .swiper-slide .link {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.is-vertical .c-social-media .media-tab {
	margin-bottom: 15px;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: left;
	-ms-flex-pack: left;
	justify-content: left
}

.is-vertical .c-social-media .media-tab .item {
	margin: 0 12px 15px 0;
	line-height: 42px;
	padding: 0 20px;
	margin-top: 0
}

.is-vertical .c-social-media .social-media-swiper {
	padding-left: 30px;
	padding-right: 30px
}

.is-vertical .c-social-media .social-media-swiper .swiper-wrapper {
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch
}

.is-vertical .c-social-media .swiper-slide .img-box {
	width: 100%;
	height: 58.6vw
}

.is-vertical .c-social-media .swiper-slide .text-wrap {
	position: relative;
	height: auto;
	width: 100%;
	padding: 30px 20px 40px
}

.is-vertical .c-social-media .swiper-pagination {
	bottom: 20px !important;
	padding-right: 15px;
	pointer-events: none
}

.is-vertical .c-social-media .swiper-pagination .swiper-pagination-bullet {
	margin: 0
}

.is-vertical .c-social-media .view-more {
	padding: 30px 30px 0
}

.is-vertical .c-social-media .view-more .c-button {
	width: 100%
}

.c-more-link {
	background: #fff
}

.c-more-link.active {
	position: fixed;
	bottom: 0;
	left: 0;
	background: #fff;
	width: 100%;
	z-index: 999;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out
}

.c-more-link .media-tab {
	height: 80px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.c-more-link .media-tab .item {
	width: 20%;
	float: left;
	height: 100%;
	position: relative;
	color: #000
}

.c-more-link .media-tab .icon-gouwuche {
	position: relative
}

.c-more-link .media-tab .icon-gouwuche:after {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	left: -80%;
	content: "HOT";
	font-size: 12px;
	color: #fff;
	background: #e63312;
	line-height: 1;
	padding: 2px;
	-webkit-transform: translateY(-50%) scale(.9);
	transform: translateY(-50%) scale(.9)
}

.c-more-link .media-tab a {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%
}

.c-more-link .media-tab .iconfont {
	width: 32px;
	height: 32px;
	font-size: 32px;
	line-height: 32px;
	display: block;
	margin: 0 auto
}

.c-more-link .media-tab .h4 {
	font-size: 14px;
	margin-top: 3px
}

.c-more-link .media-tab .h2,
.c-more-link .media-tab .h4 {
	font-weight: 400 !important
}

.c-more-link .media-tab a:hover .h2,
.c-more-link .media-tab a:hover .h4 {
	color: #43c7ee
}

.is-vertical .c-more-link .media-tab .iconfont {
	width: 24px;
	height: 24px;
	font-size: 24px
}

.is-vertical .c-more-link .media-tab .item {
	width: 25%;
	word-break: keep-all;
	white-space: nowrap
}

.is-vertical .c-more-link .media-tab .item .h4 {
	font-size: 12px;
	margin-top: 12px
}

.is-vertical .c-more-link .media-tab .item:first-of-type {
	display: none
}

.c-honorary-award {
	overflow: hidden;
	text-align: justify
}

.c-honorary-award .page-padding {
	padding-top: 20px !important
}

.c-honorary-award>.container {
	position: relative
}

.c-honorary-award .swiper-slide {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 100%;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform
}

.c-honorary-award .swiper-slide a {
	display: block
}

.c-honorary-award .swiper {
	position: relative;
	overflow: visible
}

.c-honorary-award .honorary-award-swiper {
	overflow: hidden
}

.c-honorary-award .swiper-pagination-bullet {
	width: auto;
	height: auto;
	display: none;
	position: relative;
	margin: 0 15px;
	background: none;
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1)
}

.c-honorary-award .swiper-pagination-bullet span {
	opacity: .5;
	display: inline-block;
	vertical-align: middle
}

.c-honorary-award .swiper-pagination-bullet span.current {
	opacity: 1
}

.c-honorary-award .swiper-pagination-bullet.swiper-pagination-bullet-active {
	display: block;
	margin: 0
}

.c-honorary-award .text-wrap {
	position: relative;
	padding-right: 30%;
	width: 100%;
	height: 100%
}

.c-honorary-award .text-wrap .title {
	width: 100%
}

.c-honorary-award .text-wrap .description {
	margin-top: 20px
}

.c-honorary-award .img-box {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 0;
	width: 25%
}

.c-honorary-award .title-box .description {
	margin: 30px 0 60px
}

.c-honorary-award .swiper-pagination {
	position: static;
	bottom: 0;
	margin-top: 50px;
	text-align: right
}

.is-vertical .c-honorary-award {
	padding-bottom: 120px
}

.is-vertical .c-honorary-award .page-padding {
	padding-top: 50px !important
}

.is-vertical .c-honorary-award .swiper {
	margin: auto
}

.is-vertical .c-honorary-award .title-box .description {
	margin: 15px 0 30px
}

.is-vertical .c-honorary-award .swiper,
.is-vertical .c-honorary-award .swiper-slide {
	overflow: visible
}

.is-vertical .c-honorary-award .text-wrap {
	padding: 0;
	width: 84%;
	margin: 0 auto
}

.is-vertical .c-honorary-award .text-wrap .description {
	margin-top: 15px
}

.is-vertical .c-honorary-award .text-wrap .img-box {
	position: relative;
	top: inherit;
	left: inherit;
	-webkit-transform: inherit;
	transform: inherit;
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: auto;
	height: 80px;
	bottom: -110px
}

.is-vertical .c-honorary-award .honorary-award-swiper {
	overflow: visible
}

.is-vertical .c-honorary-award .swiper-pagination {
	position: absolute;
	bottom: -90px !important
}

.c-learn-more {
	overflow: hidden
}

.c-learn-more .title-box {
	margin-bottom: 80px
}

.c-learn-more .swiper,
.c-learn-more .swiper .swiper-slide {
	overflow: visible;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.c-learn-more .swiper .swiper-slide {
	height: 100%
}

.c-learn-more .swiper .swiper-slide a {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.c-learn-more .swiper-pagination-bullet {
	width: auto;
	height: auto;
	display: none;
	position: relative;
	margin: 0 15px;
	background: none;
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1)
}

.c-learn-more .swiper-pagination-bullet span {
	opacity: .5;
	display: inline-block;
	vertical-align: middle
}

.c-learn-more .swiper-pagination-bullet span.current {
	opacity: 1
}

.c-learn-more .swiper-pagination-bullet.swiper-pagination-bullet-active {
	display: block
}

.c-learn-more .swiper-button-prev {
	left: -5%
}

.c-learn-more .swiper-button-next {
	right: -5%;
	left: inherit
}

.c-learn-more .swiper-button-next,
.c-learn-more .swiper-button-prev {
	width: auto;
	height: auto;
	color: #fff
}

.c-learn-more .swiper-button-next:after,
.c-learn-more .swiper-button-prev:after {
	font-weight: 400
}

.c-learn-more .swiper-button-next.black,
.c-learn-more .swiper-button-prev.black {
	color: #333
}

.c-learn-more .text-wrap {
	position: relative
}

.c-learn-more .text-wrap .description {
	margin-top: 20px
}

.c-learn-more .img-box {
	width: 100%;
	margin-bottom: 20px
}

.c-learn-more .title-box .description {
	margin: 20px 0 30px
}

.c-learn-more .swiper-pagination {
	position: static;
	bottom: 0;
	margin-top: 50px;
	text-align: right
}

.c-learn-more2 .title-box {
	margin-bottom: 60px
}

.c-learn-more2 .page-padding {
	padding-block: 90px !important
}

.c-learn-more2 .learn-more-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.c-learn-more2 .learn-more-box .learn-more-main {
	position: relative;
	padding-bottom: 25%;
	margin-bottom: 10px
}

.c-learn-more2 .learn-more-box .learn-more-main:first-child,
.c-learn-more2 .learn-more-box .learn-more-main:nth-child(4) {
	width: calc(58% - 5px)
}

.c-learn-more2 .learn-more-box .learn-more-main:nth-child(2),
.c-learn-more2 .learn-more-box .learn-more-main:nth-child(3) {
	width: calc(42% - 5px)
}

.c-learn-more2 .learn-more-box .learn-more-main a {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0
}

.c-learn-more2 .learn-more-box .learn-more-main img {
	height: 100%;
	width: 100%;
	margin: 0;
	-o-object-fit: cover;
	object-fit: cover
}

.c-learn-more2 .learn-more-box .learn-more-main .text-wrap {
	position: relative;
	height: 100%
}

.c-learn-more2 .learn-more-box .learn-more-main .text-wrap .title {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	background-color: #33333361;
	color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.is-vertical .c-learn-more .container {
	padding-right: 0
}

.is-vertical .c-learn-more .swiper {
	margin: auto
}

.is-vertical .c-learn-more .title-box {
	margin-bottom: 30px
}

.is-vertical .c-learn-more .swiper-slide {
	text-align: left
}

.is-vertical .c-learn-more .img-box {
	margin-bottom: 30px
}

.is-vertical .c-learn-more .swiper-pagination {
	margin-top: 30px;
	padding-right: 30px
}

.is-vertical .c-learn-more2 .page-padding {
	padding: 40px 0 !important
}

.is-vertical .c-learn-more2 .container {
	padding-right: 30px
}

.is-vertical .c-learn-more2 .learn-more-box .learn-more-main {
	width: 100%;
	height: auto;
	padding-bottom: 46%
}

.is-vertical .c-learn-more2 .learn-more-box .learn-more-main:nth-child(2),
.is-vertical .c-learn-more2 .learn-more-box .learn-more-main:nth-child(3) {
	width: calc(50% - 5px)
}

.c-exquisite-drawing {
	background: #fff;
	overflow: hidden
}

.c-exquisite-drawing .title-box {
	margin-bottom: 40px
}

.c-exquisite-drawing .media-tab {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 60px
}

.c-exquisite-drawing .media-tab .item {
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
	text-align: center;
	min-width: 120px;
	margin: 0 6px;
	padding: 13px 20px;
	color: #999;
	border: 1px solid #e4dcd3;
	cursor: pointer
}

.c-exquisite-drawing .media-tab .item.active,
.c-exquisite-drawing .media-tab .item:hover {
	color: #43c7ee;
	border-color: #43c7ee
}

.c-exquisite-drawing .exquisite-drawing-swiper {
	display: none;
	overflow: visible
}

.c-exquisite-drawing .swiper-slide {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	background: #f6f3f2
}

.c-exquisite-drawing .swiper-slide .img-box {
	width: 100%;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	cursor: pointer
}

.c-exquisite-drawing .swiper-slide .text-wrap {
	position: absolute;
	top: 0;
	right: 0;
	width: 30%;
	height: 100%;
	padding: 35px 20px
}

.c-exquisite-drawing .swiper-slide .icon {
	width: 35px;
	margin-bottom: 30px
}

.c-exquisite-drawing .swiper-slide .tag {
	margin-bottom: 20px;
	color: #999
}

.c-exquisite-drawing .swiper-slide .c-button {
	margin-top: 40%
}

.c-exquisite-drawing .button-container {
	z-index: 2;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.c-exquisite-drawing .pagination-container,
.c-exquisite-drawing .pagination-container .container {
	position: relative
}

.c-exquisite-drawing .swiper-pagination {
	bottom: -80px;
	padding: 0 15px
}

.layer-img-box {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 99999;
	display: none;
	background: rgba(0, 0, 0, .7)
}

.layer-img-box .close-btn {
	position: absolute;
	top: -75px;
	right: 14px;
	color: #fff;
	cursor: pointer;
	width: 50px;
	height: 50px;
	border: 1px solid #fff;
	border-radius: 50%;
	line-height: 50px;
	text-align: center;
	font-size: 26px
}

.layer-img-box .close-btn:hover {
	background: #fff;
	color: #000
}

.layer-img-box .pic,
.layer-img-box .pop-banner {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.layer-img-box .pic img,
.layer-img-box .pop-banner img {
	width: 100%;
	max-height: 80vh;
	-o-object-fit: contain;
	object-fit: contain
}

.is-vertical .layer-img-box .container {
	width: 80%;
	padding: 0
}

.is-vertical .layer-img-box .container.pop-banner {
	padding-left: 30px;
	padding-right: 30px
}

.is-vertical .layer-img-box .close-btn {
	right: 0;
	width: 38px;
	height: 38px;
	font-size: 18px;
	line-height: 36px;
	top: -55px
}

.is-vertical .c-exquisite-drawing .title-box {
	margin-bottom: 30px
}

.is-vertical .c-exquisite-drawing .media-tab {
	margin-bottom: 15px;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: left;
	-ms-flex-pack: left;
	justify-content: left
}

.is-vertical .c-exquisite-drawing .media-tab .item {
	margin: 0 12px 15px 0;
	line-height: 42px;
	padding: 0 20px;
	margin-top: 0;
	min-width: inherit
}

.is-vertical .c-exquisite-drawing .swiper-slide {
	display: block
}

.is-vertical .c-exquisite-drawing .swiper-slide img {
	height: auto !important
}

.is-vertical .c-exquisite-drawing .button-container {
	width: 100%
}

.is-vertical .c-exquisite-drawing .swiper-button-prev {
	left: 30px;
	margin-top: -11px;
	width: auto;
	height: auto;
	color: #000;
	text-shadow: -2px 0 0 #fff
}

.is-vertical .c-exquisite-drawing .swiper-button-next {
	right: 30px;
	margin-top: -11px;
	width: auto;
	height: auto;
	color: #000;
	text-shadow: 2px 0 0 #fff
}

.is-vertical .c-exquisite-drawing .swiper .swiper-pagination {
	bottom: -60px;
	padding: 0
}

.is-vertical .c-exquisite-drawing .swiper .swiper-pagination .swiper-pagination-bullet {
	margin: 0 30px
}

.c-model-configuration .page-padding {
	padding-bottom: 20px !important
}

.c-model-configuration.disable .button-container {
	display: none
}

.c-model-configuration.disable .swiper-wrapper {
	display: block
}

.c-model-configuration .description span {
	display: inline-block;
	vertical-align: middle;
	margin-left: 5px
}

.c-model-configuration.nexo-des {
	border-bottom: 1px solid #e4dcd3;
	padding-bottom: 120px
}

.c-model-configuration .title-box {
	margin-bottom: 60px;
	text-align: center
}

.c-model-configuration .model-configuration-swiper {
	overflow: hidden
}

.c-model-configuration .swiper-slide {
	display: block;
	background: #fff
}

.c-model-configuration .swiper-slide .clear {
	width: 100%;
	position: relative;
	margin-bottom: 60px
}

.c-model-configuration .swiper-slide .img-box {
	width: 60%;
	height: 100%;
	position: absolute;
	left: 0;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 80% auto
}

.c-model-configuration .swiper-slide .text-wrap {
	float: right;
	width: 40%
}

@media screen and (max-width:991px) {

	.c-model-configuration .swiper-slide .img-box,
	.c-model-configuration .swiper-slide .text-wrap {
		width: 50%
	}
}

.c-model-configuration .swiper-slide .description,
.c-model-configuration .swiper-slide .title {
	margin-bottom: 35px
}

.c-model-configuration .pagination-container {
	position: relative
}

.c-model-configuration .swiper {
	position: relative;
	overflow: visible
}

.c-model-configuration .swiper-pagination {
	bottom: -50px
}

.c-model-configuration .btn-link-wrap {
	width: 100%;
	text-align: center
}

.c-model-configuration .btn-link-wrap .c-button {
	max-width: 300px;
	min-width: inherit;
	width: 33.333%;
	-webkit-transform: inherit;
	transform: inherit;
	margin: 0 5px
}

.c-model-configuration .pip-price-info .left {
	margin: 0 -10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.c-model-configuration .pip-price-info dd,
.c-model-configuration .pip-price-info dt {
	display: inline-block;
	vertical-align: middle
}

.c-model-configuration .pip-price-info dl {
	padding: 0 10px;
	width: 50%;
	float: left;
	margin-bottom: 25px
}

.is-vertical .c-model-configuration .title-box {
	margin-bottom: 30px
}

.is-vertical .c-model-configuration.nexo-des {
	padding-bottom: 60px
}

.is-vertical .c-model-configuration .swiper {
	overflow: hidden
}

.is-vertical .c-model-configuration .clear {
	margin-bottom: 40px
}

.is-vertical .c-model-configuration .button-container {
	width: 100%;
	top: 36%
}

.is-vertical .c-model-configuration .button-container .swiper-button-prev {
	left: 5px;
	font-size: 24px !important;
	width: auto;
	height: auto
}

.is-vertical .c-model-configuration .button-container .swiper-button-next {
	right: 5px;
	font-size: 24px !important;
	width: auto;
	height: auto
}

.is-vertical .c-model-configuration .text-wrap {
	float: none
}

.is-vertical .c-model-configuration .text-wrap .title {
	margin-bottom: 30px
}

.is-vertical .c-model-configuration .text-wrap .description {
	margin-bottom: 10px
}

.is-vertical .c-model-configuration .text-wrap .tips {
	margin-bottom: 5px
}

.is-vertical .c-model-configuration .swiper-slide .img-box {
	position: static;
	width: 100%;
	height: 200px;
	margin-bottom: 10px
}

.is-vertical .c-model-configuration .swiper-slide .text-wrap {
	width: 100%
}

.is-vertical .c-model-configuration .swiper-slide .pip-price-info dl {
	margin-bottom: 0;
	width: 33.333333%
}

.is-vertical .c-model-configuration .swiper-slide .pip-price-info dl:first-of-type {
	width: 100%;
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #e4dcd3
}

.is-vertical .c-model-configuration .swiper-slide .pip-price-info dl:first-of-type .visible-vert {
	display: none !important
}

.is-vertical .c-model-configuration .swiper-slide .pip-price-info dl:first-of-type .hidden-vert {
	display: inline-block !important
}

.is-vertical .c-model-configuration .swiper-slide .pip-price-info dl:first-of-type .hidden-vert .h6 {
	display: inline-block;
	vertical-align: middle
}

@media screen and (max-width:1600px) {
	.is-vertical .c-model-configuration .swiper-slide .pip-price-info dl:first-of-type .hidden-vert .h6 {
		font-size: 32px
	}
}

@media screen and (max-width:767px) {
	.is-vertical .c-model-configuration .swiper-slide .pip-price-info dl:first-of-type .hidden-vert .h6 {
		font-size: 48px;
		line-height: 1.2
	}
}

@media screen and (max-width:639px) {
	.is-vertical .c-model-configuration .swiper-slide .pip-price-info dl:first-of-type .hidden-vert .h6 {
		font-size: 36px
	}
}

@media screen and (max-width:480px) {
	.is-vertical .c-model-configuration .swiper-slide .pip-price-info dl:first-of-type .hidden-vert .h6 {
		font-size: 24px
	}
}

.is-vertical .c-model-configuration .btn-link-wrap .c-button {
	width: 100%;
	max-width: inherit;
	margin: 0 auto 15px;
	display: block
}

.is-vertical .c-model-configuration .btn-link-wrap .c-button:last-of-type {
	margin-bottom: 0
}

.is-vertical .c-model-configuration.nexo .swiper-slide .pip-price-info dl:first-of-type p.h6 {
	font-size: 18px
}

.c-intelligent-safety {
	overflow: hidden;
	padding-top: 60px
}

.c-intelligent-safety.full-container .button-container {
	-webkit-transform: translate(-50%);
	transform: translate(-50%);
	margin-top: 0;
	top: 300px
}

.c-intelligent-safety.full-container .img-box {
	height: 380px
}

.c-intelligent-safety.full-container img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.c-intelligent-safety.full-container .link {
	width: 100%
}

.c-intelligent-safety a {
	display: block
}

.c-intelligent-safety#result .outer-container,
.c-intelligent-safety#result .pagination-container {
	display: none
}

.c-intelligent-safety .swiper {
	overflow: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.c-intelligent-safety .swiper .swiper-slide {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 100%
}

.c-intelligent-safety .swiper .swiper-slide a {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.c-intelligent-safety.no-flex .swiper {
	overflow: visible;
	display: block
}

.c-intelligent-safety.no-flex .swiper .swiper-slide {
	display: block;
	height: 100%
}

.c-intelligent-safety.no-flex .swiper .swiper-slide a {
	-webkit-box-orient: inherit;
	-webkit-box-direction: inherit;
	-ms-flex-direction: inherit;
	flex-direction: inherit;
	-webkit-box-pack: inherit;
	-ms-flex-pack: inherit;
	justify-content: inherit
}

.c-intelligent-safety .icon {
	position: absolute;
	bottom: 15px;
	right: 15px;
	border-radius: 50%;
	overflow: hidden;
	color: #00aad2;
	cursor: pointer;
	display: block
}

.c-intelligent-safety .icon:hover {
	background: #00aad2;
	color: #fff
}

.c-intelligent-safety .icont {
	position: relative;
	display: block;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 24px
}

.c-intelligent-safety .icont:before {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%) rotate(45deg);
	transform: translate(-50%, -50%) rotate(45deg)
}

.c-intelligent-safety.border-line .img-box {
	border: 1px solid #e4dcd3
}

.c-intelligent-safety .swiper {
	position: relative;
	overflow: visible
}

.c-intelligent-safety .swiper .intelligent-safety-swiper {
	overflow: hidden
}

.c-intelligent-safety .title-box {
	margin-bottom: 60px
}

.c-intelligent-safety .title-box .h5 {
	color: #00aad2;
	margin-bottom: 10px
}

.c-intelligent-safety .swiper-pagination-bullet {
	display: none;
	width: auto;
	height: auto;
	position: relative;
	margin: 0 15px;
	background: none;
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1)
}

.c-intelligent-safety .swiper-pagination-bullet span {
	opacity: .5;
	display: inline-block;
	vertical-align: middle
}

.c-intelligent-safety .swiper-pagination-bullet span.current {
	opacity: 1
}

.c-intelligent-safety .swiper-pagination-bullet.swiper-pagination-bullet-active {
	display: block
}

.c-intelligent-safety .button-container {
	top: 30%
}

.c-intelligent-safety .text-wrap {
	position: relative;
	width: 92%;
	max-width: 330px
}

.c-intelligent-safety .text-wrap .description {
	margin-top: 20px
}

.c-intelligent-safety .img-box {
	width: 100%;
	margin-bottom: 35px;
	position: relative
}

.c-intelligent-safety .img-box .play {
	width: 10%;
	max-width: 70px;
	height: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.c-intelligent-safety .img-box img {
	width: 100%
}

.c-intelligent-safety .img-box .icon-player {
	position: absolute;
	top: 50%;
	z-index: 99;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
	font-size: 46px;
	color: #fff;
	width: 100%;
	height: 100%;
	background: url(../img/icon-player.svg) no-repeat 50%;
	opacity: .5;
	cursor: pointer
}

.c-intelligent-safety .img-box .icon-player:hover {
	opacity: 1
}

.c-intelligent-safety .title-box .description {
	margin: 20px 0 30px
}

.c-intelligent-safety .swiper-pagination {
	position: static;
	bottom: 0;
	margin-top: 50px;
	text-align: right
}

.c-intelligent-safety.full-container .title-box {
	padding: 0
}

.c-intelligent-safety.full-container .swiper {
	width: 100vw;
	display: block
}

@media (min-width:1750px) {
	.c-intelligent-safety.full-container .inner-container {
		width: 1690px
	}
}

#weilai1>div.page-padding {
	padding-top: 0
}

#weilai1 .intelligent-safety-swiper {
	overflow: visible !important
}

#weilai1 .text-wrap {
	max-width: 100%;
	text-align: center;
	margin: auto
}

#weilai1 .pagination-container {
	display: none
}

.is-vertical .c-intelligent-safety .container {
	padding-right: 0
}

.is-vertical .c-intelligent-safety.full-container .img-box {
	height: 260px
}

.is-vertical .c-intelligent-safety.full-container .link {
	width: 100%
}

.is-vertical .c-intelligent-safety .swiper {
	overflow: visible;
	margin: auto
}

.is-vertical .c-intelligent-safety#result .container {
	padding: 0 30px
}

.is-vertical .c-intelligent-safety#result .swiper-slide {
	margin-bottom: 40px
}

.is-vertical .c-intelligent-safety#result .swiper-slide:last-of-type {
	margin-bottom: 0
}

.is-vertical .c-intelligent-safety#result .swiper-wrapper {
	display: block
}

.is-vertical .c-intelligent-safety .title-box {
	margin-bottom: 30px;
	padding-right: 30px
}

.is-vertical .c-intelligent-safety .swiper-slide {
	text-align: left
}

.is-vertical .c-intelligent-safety .img-box {
	margin-bottom: 30px
}

.is-vertical .c-intelligent-safety .icon {
	bottom: 10px;
	right: 10px
}

.is-vertical .c-intelligent-safety .icont {
	width: 42px;
	height: 42px;
	line-height: 42px;
	font-size: 20px
}

.is-vertical .c-intelligent-safety .swiper-pagination {
	margin-top: 30px;
	padding-right: 30px
}

.is-vertical .c-intelligent-safety.full-container .swiper {
	width: 100%
}

.is-vertical .c-intelligent-safety.border-line .swiper,
.is-vertical .c-intelligent-safety.border-line .title-box {
	padding-left: 0
}

@media screen and (max-width:650px) {
	.is-vertical #weilai1 .description p {
		font-size: 14px
	}
}

.c-surging-performance {
	overflow: hidden
}

.c-surging-performance .swiper {
	position: relative
}

.c-surging-performance .swiper .surging-performance-swiper {
	overflow: hidden
}

.c-surging-performance .pip-price-info {
	border-top: 1px solid #e4dcd3;
	padding-top: 20px;
	margin: 20px -10px 0
}

.c-surging-performance .pip-price-info .left {
	margin: 0 -10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.c-surging-performance .pip-price-info dd,
.c-surging-performance .pip-price-info dt {
	display: inline-block;
	vertical-align: middle
}

.c-surging-performance .pip-price-info dl {
	padding: 0 10px;
	width: 50%;
	float: left;
	margin-bottom: 25px
}

.c-surging-performance .title-box {
	margin-bottom: 60px
}

.c-surging-performance .title-box .h5 {
	color: #00aad2;
	margin-bottom: 10px
}

.c-surging-performance .swiper-pagination-bullet {
	width: auto;
	height: auto;
	display: none;
	position: relative;
	margin: 0 15px;
	background: none;
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1)
}

.c-surging-performance .swiper-pagination-bullet span {
	opacity: .5;
	display: inline-block;
	vertical-align: middle
}

.c-surging-performance .swiper-pagination-bullet span.current {
	opacity: 1
}

.c-surging-performance .swiper-pagination-bullet.swiper-pagination-bullet-active {
	display: block
}

.c-surging-performance .swiper-button-prev {
	left: -72px
}

.c-surging-performance .swiper-button-next {
	right: -72px;
	left: inherit
}

.c-surging-performance .swiper {
	overflow: visible;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.c-surging-performance .swiper .swiper-slide {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 100%
}

.c-surging-performance .swiper .swiper-slide a {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.c-surging-performance .swiper-button-next,
.c-surging-performance .swiper-button-prev {
	width: auto;
	height: auto;
	margin-top: 0;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	color: #fff
}

.c-surging-performance .swiper-button-next:after,
.c-surging-performance .swiper-button-prev:after {
	font-weight: 400
}

.c-surging-performance .swiper-button-next.black,
.c-surging-performance .swiper-button-prev.black {
	color: #333
}

.c-surging-performance .text-wrap {
	position: relative;
	width: 50%;
	float: left;
	padding: 55px
}

.c-surging-performance .text-wrap .description {
	margin-top: 20px
}

.c-surging-performance .img-box {
	width: 50%;
	float: left;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover
}

.c-surging-performance .title-box .description {
	margin: 20px 0 30px
}

.c-surging-performance .swiper-pagination {
	position: static;
	bottom: 0;
	margin-top: 50px;
	text-align: right
}

.is-vertical .c-surging-performance .container {
	padding: 0
}

.is-vertical .c-surging-performance .title-box {
	padding: 0 30px
}

.is-vertical .c-surging-performance .text-wrap {
	width: 100%;
	padding: 0 30px
}

.is-vertical .c-surging-performance .swiper {
	margin: auto
}

.is-vertical .c-surging-performance .title-box {
	margin-bottom: 30px
}

.is-vertical .c-surging-performance .swiper-slide {
	text-align: left;
	min-height: 110vw
}

.is-vertical .c-surging-performance .container {
	margin-bottom: 0
}

.is-vertical .c-surging-performance .img-box {
	width: 100%;
	margin-bottom: 30px
}

.is-vertical .c-surging-performance .swiper-pagination {
	margin-top: 30px;
	padding-right: 30px
}

.c-exclusive {
	padding: 40px 0 50px
}

.c-exclusive,
.c-exclusive .container {
	position: relative
}

.c-exclusive .title {
	color: #fff
}

.c-exclusive .c-button {
	margin-top: 20px
}

.c-exclusive .img-box {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: cover
}

.c-exclusive .img-bg {
	max-width: 100%;
	display: block;
	width: 100%
}

.c-exclusive.imgBg {
	padding: 0
}

.c-exclusive.imgBg .container {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%
}

.is-vertical .c-exclusive .c-button {
	width: 100%
}

.c-surface1 {
	position: relative;
	background: #fff;
	overflow: hidden
}

.c-surface1 .swiper {
	overflow: visible
}

.c-surface1 .button-container {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 10
}

.c-surface1.cards-social {
	overflow: visible
}

.c-surface1.cards-social .swiper-slide {
	background: #e4dbd2
}

.c-surface1.cards-social .swiper-slide .title {
	margin-bottom: 15px
}

.c-surface1 .title-box {
	margin-bottom: 30px;
	text-align: center
}

.c-surface1 .media-tab {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 60px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.c-surface1 .media-tab .item {
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
	margin: 0 15px;
	padding: 7px 20px;
	color: #999;
	border: 1px solid #e4dcd3;
	cursor: pointer
}

.c-surface1 .media-tab .item.active {
	color: #fff;
	background: #012c5f;
	border-color: #012c5f
}

.c-surface1 .surface1-swiper {
	display: none;
	overflow: visible
}

.c-surface1 .swiper-slide {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	background: #f6f3f2
}

.c-surface1 .swiper-slide .img-box {
	width: 70%;
	height: 360px;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover
}

.c-surface1 .swiper-slide .text-wrap {
	position: absolute;
	top: 0;
	right: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 30%;
	height: 100%;
	padding: 35px 20px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.c-surface1 .swiper-slide .icon {
	width: 35px;
	margin-bottom: 30px
}

.c-surface1 .swiper-slide .tag {
	margin-bottom: 20px;
	color: #999
}

.c-surface1 .swiper-slide .c-button {
	margin-top: 40%
}

.c-surface1 .pagination-container {
	position: relative
}

.is-vertical .c-surface1 {
	padding: 0 0 0 30px
}

.is-vertical .c-surface1 .page-padding {
	padding-bottom: 0
}

.is-vertical .c-surface1.cards-social .swiper-slide {
	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
}

.is-vertical .c-surface1.cards-social .swiper-slide .text-wrap {
	height: auto
}

.is-vertical .c-surface1 .title-box {
	text-align: left
}

.is-vertical .c-surface1 .surface1-swiper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.is-vertical .c-surface1 .surface1-swiper .swiper-wrapper {
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch
}

.is-vertical .c-surface1 .surface1-swiper .swiper-slide {
	height: auto
}

.is-vertical .c-surface1 .surface1-swiper .text-wrap {
	display: block
}

.is-vertical .c-surface1 .swiper {
	overflow: hidden
}

.is-vertical .c-surface1 .pagination-container {
	width: 100%
}

.is-vertical .c-surface1 .swiper-pagination {
	margin-top: 0;
	bottom: 20px !important;
	padding: 0 45px 0 15px
}

.is-vertical .c-surface1 .media-tab {
	margin-bottom: 15px;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: left;
	-ms-flex-pack: left;
	justify-content: left
}

.is-vertical .c-surface1 .media-tab .item {
	margin: 0 12px 15px 0;
	padding: 7px 13px 5px
}

.is-vertical .c-surface1 .swiper-slide {
	display: block
}

.is-vertical .c-surface1 .swiper-slide .img-box {
	width: 100%;
	height: 220px
}

@media (min-width:650px) {
	.is-vertical .c-surface1 .swiper-slide .img-box {
		height: 360px
	}
}

.is-vertical .c-surface1 .swiper-slide .text-wrap {
	position: relative;
	width: 100%;
	padding: 30px 20px 60px
}

.is-vertical .c-surface1 .swiper-pagination {
	bottom: 30px;
	pointer-events: none
}

.is-vertical .c-surface1 .view-more {
	padding: 30px 30px 0
}

.is-vertical .c-surface1 .view-more .c-button {
	width: 100%
}

.c-surface2 {
	overflow: hidden
}

.c-surface2 .c-pic-text .container {
	width: 100%;
	padding: 0
}

.c-surface2.white-rgba .center .surface2-swiper3 .swiper-slide {
	border: 1px solid #e4dcd3;
	border-right: none
}

.c-surface2.white-rgba .center .surface2-swiper3 .swiper-slide:last-of-type {
	border-right: 1px solid #e4dcd3
}

.c-surface2.white-rgba .center .surface2-swiper3 .swiper-slide:after {
	background: hsla(0, 0%, 100%, .4)
}

.c-surface2.white-rgba .center .surface2-swiper3 .swiper-slide.swiper-slide-active {
	border: none
}

.c-surface2 .left {
	width: 26%;
	position: absolute;
	top: 0;
	left: 0;
	padding-right: 60px
}

.c-surface2 .surface2-swiper1 {
	overflow: hidden
}

.c-surface2 .center {
	padding-left: 29%;
	position: absolute;
	top: 90%;
	left: 0;
	width: 100%;
	z-index: 10
}

.c-surface2 .center .surface2-swiper3 {
	position: relative;
	overflow: hidden;
	width: 110%
}

.c-surface2 .center .surface2-swiper3 .swiper-slide {
	position: relative;
	width: 14.2857%;
	float: left;
	cursor: pointer;
	overflow: hidden;
	display: block
}

.c-surface2 .center .surface2-swiper3 .swiper-slide:after {
	position: absolute;
	top: -5%;
	left: -5%;
	content: "";
	display: block;
	width: 110%;
	height: 110%;
	background: rgba(0, 0, 0, .6)
}

.c-surface2 .center .surface2-swiper3 .swiper-slide.swiper-slide-active .img-box {
	border: 3px solid #01aad3
}

.c-surface2 .center .surface2-swiper3 .swiper-slide.swiper-slide-active:after {
	display: none
}

.c-surface2 .img-box {
	width: 100%
}

.c-surface2 .surface2-swiper2 {
	border: 1px solid #e4dcd3;
	outline: none;
	overflow: hidden
}

.c-surface2 .surface2-swiper2 a {
	display: block
}

.c-surface2 .surface2-swiper2 .img-box {
	height: 400px;
	background-size: cover !important;
	background-position: 50%;
	background-repeat: no-repeat
}

.c-surface2 .ilength-1.center {
	padding-left: 25%
}

.c-surface2 .ilength-1.center .swiper-button {
	display: none
}

.c-surface2 .ilength-1.center .surface2-swiper3 {
	width: 100%
}

.c-surface2 .ilength-1.center .surface2-swiper3 .swiper-wrapper {
	margin: 0 auto;
	width: auto;
	display: block
}

.c-surface2 .ilength-1.center .surface2-swiper3 .swiper-wrapper .swiper-slide {
	float: inherit;
	width: 14%;
	margin-left: 43%
}

.c-surface2 .ilength-2.center {
	padding-left: 25%
}

.c-surface2 .ilength-2.center .swiper-button {
	display: none
}

.c-surface2 .ilength-2.center .surface2-swiper3 {
	width: 100%
}

.c-surface2 .ilength-2.center .surface2-swiper3 .swiper-slide {
	width: 15%
}

.c-surface2 .ilength-2.center .surface2-swiper3 .swiper-slide:first-of-type {
	margin-left: 35%
}

.c-surface2 .ilength-3.center {
	padding-left: 25%
}

.c-surface2 .ilength-3.center .swiper-button {
	display: none
}

.c-surface2 .ilength-3.center .surface2-swiper3 {
	width: 100%
}

.c-surface2 .ilength-3.center .surface2-swiper3 .swiper-slide {
	width: 15%
}

.c-surface2 .ilength-3.center .surface2-swiper3 .swiper-slide:first-of-type {
	margin-left: 27.5%
}

.c-surface2 .ilength-4.center {
	padding-left: 25%
}

.c-surface2 .ilength-4.center .swiper-button {
	display: none
}

.c-surface2 .ilength-4.center .surface2-swiper3 {
	width: 100%
}

.c-surface2 .ilength-4.center .surface2-swiper3 .swiper-slide {
	width: 15%
}

.c-surface2 .ilength-4.center .surface2-swiper3 .swiper-slide:first-of-type {
	margin-left: 20%
}

.c-surface2 .ilength-5.center {
	padding-left: 25%
}

.c-surface2 .ilength-5.center .swiper-button {
	display: none
}

.c-surface2 .ilength-5.center .surface2-swiper3 {
	width: 100%
}

.c-surface2 .ilength-5.center .surface2-swiper3 .swiper-slide {
	width: 15%
}

.c-surface2 .ilength-5.center .surface2-swiper3 .swiper-slide:first-of-type {
	margin-left: 12.5%
}

.c-surface2 .ilength-6.center {
	padding-left: 25%
}

.c-surface2 .ilength-6.center .swiper-button {
	display: none
}

.c-surface2 .ilength-6.center .surface2-swiper3 {
	width: 100%
}

.c-surface2 .ilength-6.center .surface2-swiper3 .swiper-slide {
	width: 15%
}

.c-surface2 .ilength-6.center .surface2-swiper3 .swiper-slide:first-of-type {
	margin-left: 5%
}

.c-surface2 .right {
	width: 74%;
	float: right
}

.c-surface2 .swiper {
	position: relative;
	overflow: visible
}

.c-surface2 .swiper .surface2-swiper {
	overflow: hidden
}

.c-surface2 .title-box {
	margin-bottom: 60px
}

.c-surface2 .title-box .tips {
	color: #00aad2;
	margin-bottom: 10px
}

.c-surface2 .swiper-pagination-bullet {
	width: auto;
	height: auto;
	display: none;
	position: relative;
	margin: 0 15px;
	background: none;
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
	text-align: left
}

.c-surface2 .swiper-pagination-bullet span {
	opacity: .5;
	display: inline-block;
	vertical-align: middle
}

.c-surface2 .swiper-pagination-bullet span.current {
	opacity: 1
}

.c-surface2 .swiper-pagination-bullet.swiper-pagination-bullet-active {
	display: block
}

.c-surface2 .swiper-button-prev {
	left: 0
}

.c-surface2 .swiper-button-next {
	right: 0;
	left: auto
}

.c-surface2 .swiper-button-next,
.c-surface2 .swiper-button-prev {
	width: auto;
	height: auto;
	margin-top: 0;
	display: block;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.c-surface2 .swiper-button-next:after,
.c-surface2 .swiper-button-prev:after {
	font-weight: 400
}

.c-surface2 .text-wrap {
	position: relative;
	width: 100%;
	float: left;
	padding-top: 20%
}

.c-surface2 .text-wrap .description {
	margin-top: 20px
}

.c-surface2 .title-box .description {
	margin: 20px 0 30px
}

.c-surface2 .swiper-pagination {
	position: static;
	bottom: 0;
	margin-top: 100px;
	text-align: right
}

@media (max-width:1199px) {
	.c-surface2 .left {
		padding-right: 40px
	}

	.c-surface2 .swiper-pagination {
		margin-top: 110px
	}
}

@media (max-width:991px) {
	.c-surface2 .left {
		padding-right: 20px
	}

	.c-surface2 .text-wrap {
		padding-top: 0
	}

	.c-surface2 .swiper-pagination {
		margin-top: 90px
	}
}

.is-vertical .c-surface2 .container {
	padding-left: 0;
	padding-right: 0
}

.is-vertical .c-surface2 .surface2-swiper2 .img-box {
	height: 300px
}

.is-vertical .c-surface2 .surface2-swiper1 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.is-vertical .c-surface2 .surface2-swiper1 .swiper-slide {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 100%
}

.is-vertical .c-surface2 .right {
	width: 100%;
	float: none
}

.is-vertical .c-surface2 .center {
	position: relative;
	top: -40px
}

.is-vertical .c-surface2 .left {
	position: relative;
	width: 100%
}

.is-vertical .c-surface2 .left .c-button {
	width: calc(100% - 40px);
	display: block;
	margin-left: 30px;
	margin-top: 10px
}

.is-vertical .c-surface2 .title-box {
	padding: 0 30px
}

.is-vertical .c-surface2 .text-wrap {
	width: 100%;
	padding: 0 30px
}

.is-vertical .c-surface2 .swiper {
	margin: auto
}

.is-vertical .c-surface2 .title-box {
	margin-bottom: 30px
}

.is-vertical .c-surface2 .swiper-slide {
	position: relative;
	text-align: left
}

.is-vertical .c-surface2 .center {
	padding-left: 60px
}

.is-vertical .c-surface2 .center .surface2-swiper3 .swiper-slide {
	position: relative;
	width: 33.333333%
}

.is-vertical .c-surface2 .img-box {
	width: 100%
}

.is-vertical .c-surface2 .swiper-pagination {
	margin-top: 30px;
	padding-right: 30px
}

.is-vertical .c-surface2 .swiper-pagination .swiper-pagination-bullet {
	text-align: right
}

.is-vertical .c-surface2 .ilength {
	top: -25px
}

.is-vertical .c-surface2 .ilength .surface2-swiper3 {
	overflow: hidden
}

.is-vertical .c-surface2 .ilength.center {
	width: 86%;
	margin-left: 14%;
	padding: 0;
	border: 1px solid transparent;
	overflow: hidden
}

.is-vertical .c-surface2 .ilength.center .surface2-swiper3 {
	width: 100%
}

.is-vertical .c-surface2 .ilength.center .swiper-wrapper .swiper-slide {
	width: 33.333%
}

.is-vertical .c-surface2 .ilength.center .swiper-wrapper .swiper-slide:first-of-type {
	margin-left: 0
}

.is-vertical .c-surface2 .ilength-1 {
	top: -25px;
	width: 100% !important;
	margin: 0 auto !important
}

.is-vertical .c-surface2 .ilength-1.center {
	padding-left: 0
}

.is-vertical .c-surface2 .ilength-1.center .swiper-wrapper .swiper-slide {
	width: 26%;
	margin: 0 auto !important
}

.is-vertical .c-surface2 .ilength-2 {
	top: -25px;
	width: 100% !important;
	margin: 0 auto !important
}

.is-vertical .c-surface2 .ilength-2.center {
	padding-left: 0
}

.is-vertical .c-surface2 .ilength-2.center .swiper-wrapper .swiper-slide {
	width: 26%
}

.is-vertical .c-surface2 .ilength-2.center .swiper-wrapper .swiper-slide:first-of-type {
	margin-left: 24%
}

.is-vertical .c-surface2 .ilength-3 {
	top: -25px;
	width: 100% !important;
	margin: 0 auto !important
}

.is-vertical .c-surface2 .ilength-3.center {
	padding-left: 0
}

.is-vertical .c-surface2 .ilength-3.center .swiper-wrapper .swiper-slide {
	width: 26%
}

.is-vertical .c-surface2 .ilength-3.center .swiper-wrapper .swiper-slide:first-of-type {
	margin-left: 11%
}

.c-exterior {
	overflow: hidden
}

.c-exterior .swiper {
	position: relative;
	overflow: visible
}

.c-exterior .swiper .swiper-slide {
	overflow: visible;
	opacity: 0;
	-webkit-transition: all .5s ease .5s;
	transition: all .5s ease .5s
}

.c-exterior .swiper .swiper-slide.swiper-slide-active {
	opacity: 1
}

.c-exterior>.container {
	position: relative
}

.c-exterior .title-box {
	position: absolute;
	top: 0;
	left: 0;
	width: 30%;
	margin-bottom: 60px
}

.c-exterior .title-box .tips {
	color: #00aad2;
	margin-bottom: 10px
}

.c-exterior .swiper-pagination-bullet {
	width: auto;
	height: auto;
	display: none;
	position: relative;
	margin: 0 15px;
	background: none;
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1)
}

.c-exterior .swiper-pagination-bullet span {
	opacity: .5;
	display: inline-block;
	vertical-align: middle
}

.c-exterior .swiper-pagination-bullet span.current {
	opacity: 1
}

.c-exterior .swiper-pagination-bullet.swiper-pagination-bullet-active {
	display: block
}

.c-exterior .swiper-button-prev {
	left: -72px
}

.c-exterior .swiper-button-next {
	right: -72px;
	left: inherit
}

.c-exterior .swiper-button-next,
.c-exterior .swiper-button-prev {
	width: auto;
	height: auto;
	margin-top: 0;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	color: #fff
}

.c-exterior .swiper-button-next:after,
.c-exterior .swiper-button-prev:after {
	font-weight: 400
}

.c-exterior .swiper-button-next.black,
.c-exterior .swiper-button-prev.black {
	color: #333
}

.c-exterior .text-wrap {
	position: relative;
	width: 30%;
	float: left
}

.c-exterior .text-wrap .description {
	margin-top: 20px
}

.c-exterior .img-box {
	width: 70%;
	float: right;
	margin-right: -8%
}

@media screen and (max-width:1199px) {
	.c-exterior .img-box {
		width: 80%
	}
}

@media screen and (max-width:991px) {
	.c-exterior .img-box {
		width: 75%
	}
}

.c-exterior .title-box {
	z-index: 10
}

.c-exterior .title-box .description {
	margin: 20px 0 30px
}

.c-exterior .swiper-pagination {
	position: static;
	bottom: 0;
	margin-top: 50px;
	text-align: right
}

.nexo-wrap .c-exterior .page-padding.all-page {
	padding-top: 30px
}

.nexo-wrap .c-exterior .img-box {
	width: 63%;
	float: right;
	margin-right: 0
}

.is-vertical .c-exterior .container {
	padding-right: 0;
	padding-left: 0;
	margin-top: 0
}

.is-vertical .c-exterior .title-box {
	position: relative;
	width: 100%;
	margin-bottom: 30px;
	padding: 0 30px
}

.is-vertical .c-exterior .img-box {
	width: 100%;
	margin-right: 0
}

.c-light {
	overflow: hidden;
	height: 330vh
}

.c-light .sticky-box {
	background: -webkit-gradient(linear, left top, left bottom, from(#f5f3f2), color-stop(10%), to(#F5F3F200));
	background: linear-gradient(#f5f3f2, 10%, #F5F3F200)
}

.c-light .page-padding {
	height: 100%
}

.c-light.stage-sticky {
	overflow: inherit;
	z-index: auto
}

@media (min-width:1750px) {
	.c-light .container {
		width: 1690px
	}
}

.c-light .title-box {
	z-index: 10
}

.c-light .text1,
.c-light .text2 {
	letter-spacing: 0
}

.c-light .swiper {
	width: 110rem;
	height: 690px !important;
	margin: 0 auto
}

@media (min-width:2600px) {
	.c-light .page-padding {
		padding-top: 15rem
	}

	.c-light .text1,
	.c-light .text2 {
		font-size: 10rem
	}

	.c-light .title-box {
		margin-bottom: 0
	}

	.c-light .img-box {
		position: absolute;
		top: 30rem;
		margin-left: 50%;
		float: inherit;
		width: auto !important;
		height: 56rem;
		max-height: 500px
	}
}

.c-light .sticky-box {
	width: 100%;
	height: 100vh;
	position: sticky;
	overflow: hidden;
	top: 0
}

.c-light .swiper {
	overflow: visible
}

.c-light .pagination-container {
	position: absolute;
	top: 15%;
	z-index: 10;
	color: #333
}

.c-light .swiper {
	position: relative;
	height: 100vh
}

.c-light .swiper .swiper-slide {
	overflow: visible
}

.c-light .swiper .swiper-slide-sctive {
	opacity: 1
}

.c-light>.container {
	position: relative
}

.c-light .title-box {
	position: relative;
	margin-bottom: 10vh
}

.c-light .title-box .text {
	background-clip: text;
	overflow: hidden;
	background: #e3dcd4;
	background: -webkit-gradient(linear, left top, right top, from(#000), to(#000)) #e3dcd4 no-repeat 0 0;
	background: linear-gradient(90deg, #000, #000) #e3dcd4 no-repeat 0 0;
	background-size: 100% 0;
	background-position: top;
	-webkit-transition: all 1s ease;
	transition: all 1s ease;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent
}

.c-light .title-box .text.animate {
	-webkit-transition: all 1s ease-out;
	transition: all 1s ease-out;
	background-size: 100% 100%
}

.c-light .title-box .text.text2.animate {
	-webkit-transition: all 1s ease-out .2s;
	transition: all 1s ease-out .2s;
	background-size: 100% 100%
}

.c-light .title-box .h5 {
	color: #00aad2;
	margin-bottom: 10px
}

.c-light .swiper-pagination {
	padding-left: 0
}

.c-light .swiper-pagination-bullet {
	width: auto;
	height: auto;
	display: none;
	position: relative;
	margin: 15px 0 !important;
	background: none;
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
	display: block !important
}

.c-light .swiper-pagination-bullet span {
	display: block;
	font-size: 16px
}

.c-light .swiper-pagination-bullet .swiper-page-num {
	height: 20px;
	width: 100%
}

.c-light .swiper-pagination-bullet .ctext {
	left: 150%;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	display: none;
	word-break: keep-all
}

.c-light .swiper-pagination-bullet span.current {
	position: relative;
	opacity: 1;
	width: 18px;
	height: 18px;
	margin-right: 6px;
	border-radius: 50%;
	background: transparent;
	border: 1px solid transparent
}

.c-light .swiper-pagination-bullet span.current i {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	content: "";
	display: block;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: #e3e1e2
}

.c-light .swiper-pagination-bullet.swiper-pagination-bullet-active span.current {
	border: 1px solid #00abd1
}

.c-light .swiper-pagination-bullet.swiper-pagination-bullet-active span.current i {
	background: #00abd1
}

.c-light .swiper-pagination-bullet.swiper-pagination-bullet-active .ctext {
	display: inline-block;
	vertical-align: middle
}

.c-light .swiper-button-prev {
	left: -72px
}

.c-light .swiper-button-next {
	right: -72px;
	left: inherit
}

.c-light .swiper-button-next,
.c-light .swiper-button-prev {
	width: auto;
	height: auto;
	margin-top: 0;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	color: #fff
}

.c-light .swiper-button-next:after,
.c-light .swiper-button-prev:after {
	font-weight: 400
}

.c-light .swiper-button-next.black,
.c-light .swiper-button-prev.black {
	color: #333
}

.c-light .text-wrap {
	position: relative;
	width: 50%;
	float: left;
	padding: 55px
}

.c-light .text-wrap .description {
	margin-top: 20px
}

.c-light .img-box {
	width: 90%;
	margin-left: 50%
}

.c-light .title-box .description {
	margin: 20px 0 30px
}

.c-light .swiper-pagination {
	position: static;
	bottom: 0;
	margin-top: 50px;
	text-align: right
}

.is-vertical .c-light .container {
	padding: 60px 0 0
}

.is-vertical .c-light .page-padding {
	padding-bottom: 0
}

.is-vertical .c-light .swiper {
	width: 100%;
	height: auto !important;
	margin: 0 auto
}

.is-vertical .c-light .title-box {
	padding: 0 30px
}

.is-vertical .c-light .text-wrap {
	width: 100%;
	padding: 0 30px
}

.is-vertical .c-light .swiper {
	margin: auto;
	height: auto
}

.is-vertical .c-light .title-box {
	margin-bottom: 30px
}

.is-vertical .c-light .swiper-slide {
	text-align: left
}

.is-vertical .c-light .img-box {
	position: relative;
	width: 160%;
	left: 24%;
	margin-bottom: 30px;
	margin-top: 20%;
	margin-left: 0
}

.is-vertical .c-light .swiper-pagination {
	margin-top: 30px;
	padding-right: 30px;
	display: none
}

.c-view360 {
	-ms-touch-action: pan-y;
	touch-action: pan-y
}

.c-view360 .page-padding.all-page {
	padding: 120px 0 60px
}

.c-view360 .tips {
	text-align: center;
	font-size: 12px;
	margin-bottom: 20px
}

.c-view360 .icon-360 {
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	bottom: 0;
	font-size: 30px;
	color: #6b6b6b;
	z-index: 10
}

.c-view360 .type-tab {
	position: absolute;
	bottom: -20px;
	right: 0
}

@media screen and (max-width:991px) {
	.c-view360 .type-tab {
		bottom: 0
	}
}

.c-view360 .type-tab a {
	position: relative;
	display: none;
	max-width: 220px;
	width: 100%;
	min-width: 180px;
	color: #fff
}

.c-view360 .type-tab a .cont {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: auto
}

.c-view360 .type-tab a i,
.c-view360 .type-tab a span {
	display: inline-block;
	vertical-align: middle
}

.c-view360 .type-tab a img {
	width: 100%
}

.c-view360 .type-tab a.active {
	display: block
}

.c-view360 .is-absolute {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align: center
}

.c-view360 .is-absolute img {
	margin: 0 auto 10px
}

.c-view360 .title-box {
	margin-bottom: 60px
}

.c-view360 .title-box .h5 {
	color: #00aad2;
	margin-bottom: 10px
}

.c-view360 .title-box .description {
	margin: 20px 0 30px
}

.c-view360 .btn-link-wrap {
	display: none;
	margin-bottom: 2rem
}

.c-view360 .btn-link-wrap .c-button {
	margin-right: 30px
}

.c-view360 .btn-link-wrap .c-button a {
	color: #a6a6a6;
	border-color: #e4dbd2
}

.c-view360 .btn-link-wrap .c-button.fill-green a,
.c-view360 .btn-link-wrap .c-button:hover a {
	background: transparent !important;
	color: #43c7ee;
	border-color: #43c7ee
}

.c-view360 .viewer-wrapper {
	display: none
}

.c-view360 .viewer-wrapper.active {
	display: block
}

.c-view360 .relative-box {
	position: relative
}

.c-view360 .car-tab {
	text-align: center;
	background: #fff;
	position: relative
}

.c-view360 .car-tab .level1 a {
	display: inline-block;
	padding: 13px 0;
	width: 200px;
	font-size: 16px;
	position: relative
}

@media screen and (max-width:991px) {
	.c-view360 .car-tab .level1 a {
		width: 150px;
		font-size: 14px
	}
}

@media (max-width:416px) {
	.c-view360 .car-tab .level1 a {
		width: auto;
		padding-left: 2px;
		padding-right: 2px;
		letter-spacing: 0
	}
}

.c-view360 .car-tab .level1 a:after {
	content: "";
	display: block;
	position: absolute;
	width: 100px;
	height: 2px;
	background: #aacae6;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	opacity: 0;
	-webkit-transition: all .5s ease;
	transition: all .5s ease
}

@media (max-width:416px) {
	.c-view360 .car-tab .level1 a:after {
		max-width: 100px;
		width: 100%
	}
}

.c-view360 .car-tab .level1 a:hover {
	color: #aaa;
	font-size: 16px;
	padding: 10px 0;
	font-weight: bolder
}

.c-view360 .car-tab .level1 a.active {
	color: #aaa
}

.c-view360 .car-tab .level1 a.active:after {
	opacity: 1
}

.c-view360 .car-tab .level1 a.active:hover {
	font-size: 14px;
	padding: 13px 0
}

.c-view360 .car-tab .level-down {
	display: none
}

@media (max-width:416px) {
	.c-view360 .car-tab .level-down {
		display: block;
		position: absolute;
		right: 0;
		bottom: 0;
		width: 40px;
		height: 40px;
		border-top: 2px solid #efefef;
		border-bottom: 2px solid #efefef;
		line-height: 36px;
		text-align: center;
		background: #fff
	}

	.c-view360 .car-tab .level-down i.iconfont {
		color: #666;
		font-size: 16px
	}
}

.c-view360 .car-tab .level2 {
	background-color: #efefef
}

@media (max-width:1125px) {
	.c-view360 .car-tab .level2 {
		height: 40px;
		overflow: hidden;
		overflow-x: scroll;
		position: relative;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-overflow-scrolling: touch
	}
}

@media (max-width:416px) {
	.c-view360 .car-tab .level2 {
		margin-right: 40px
	}
}

.c-view360 .car-tab .level2 a {
	white-space: nowrap;
	display: inline-block;
	padding: 10px 0;
	width: 130px;
	font-size: 16px;
	-webkit-transition: all .5s ease;
	transition: all .5s ease
}

@media (max-width:416px) {
	.c-view360 .car-tab .level2 a {
		width: auto !important
	}
}

@media (max-width:991px) {
	.c-view360 .car-tab .level2 a {
		width: auto;
		padding: 10px 15px
	}
}

@media screen and (max-width:991px) {
	.c-view360 .car-tab .level2 a {
		font-size: 14px
	}
}

.c-view360 .car-tab .level2 a:hover {
	background: #eae5e0;
	color: #000
}

.c-view360 .car-tab .level2 a.active {
	background-color: #e5dcd1
}

.c-view360 .car-tab .level2Justify {
	display: block;
	width: 100%;
	text-align: center
}

.c-view360 .viewer-wrap {
	position: relative;
	margin-bottom: 40px;
	text-align: center
}

.c-view360 .viewer-wrap .description {
	margin-top: 10px;
	margin-bottom: 40px
}

.c-view360 .viewer-wrap .inner-viewer-wrap,
.c-view360 .viewer-wrap .outer-viewer-wrap {
	position: relative;
	max-width: 850px;
	margin: 35px auto
}

.c-view360 .viewer-wrap .inner-viewer-wrap img.bg,
.c-view360 .viewer-wrap .outer-viewer-wrap img.bg {
	width: 100%
}

.c-view360 .viewer-wrap .inner-viewer-wrap #inner-viewer,
.c-view360 .viewer-wrap .inner-viewer-wrap #outer-viewer,
.c-view360 .viewer-wrap .outer-viewer-wrap #inner-viewer,
.c-view360 .viewer-wrap .outer-viewer-wrap #outer-viewer {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #fff
}

.c-view360 .viewer-wrap .outer-viewer-wrap .icon360 {
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	bottom: 30%;
	font-size: 28px;
	color: #fff
}

.c-view360 .viewer-wrap .view-to-detail {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.c-view360 .viewer-wrap .view-to-detail .bg {
	position: absolute;
	top: 0;
	left: 0
}

.c-view360 .viewer-wrap .view-to-detail .mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: .2
}

.c-view360 .viewer-wrap .view-to-detail .text-content {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 0;
	width: 100%;
	text-align: center;
	color: #fff
}

.c-view360 .viewer-wrap .view-to-detail .text-content .title text {
	display: block
}

.c-view360 .viewer-wrap .view-to-detail .text-content .view-btn {
	width: 160px;
	height: auto;
	display: inline-block;
	padding: 12px 0 11px;
	color: #fff;
	border: 2px solid #fff;
	letter-spacing: 2px;
	font-family: HyundaiSansHeadCN-Medium, HyundaiSansHead-Medium, HanSans, Microsoft YaHei, PingFang SC, Open Sans, Arial, Hiragino Sans GB, SimSun, sans-serif
}

.c-view360 .viewer-wrap .view-to-detail .text-content .view-btn:hover {
	background-color: #fff;
	color: #000
}

.c-view360 .viewer-wrap .selector {
	text-align: left
}

.c-view360 .viewer-wrap .selector.active {
	display: block
}

.c-view360 .viewer-wrap .selector .text {
	width: 100%;
	margin-bottom: 40px
}

.c-view360 .viewer-wrap .selector .select-list {
	float: left;
	padding-left: 20px
}

.c-view360 .viewer-wrap .selector .select-list .li {
	position: relative;
	width: 48px;
	height: 48px;
	word-break: keep-all;
	display: block;
	float: left;
	margin-right: 5.5rem;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: cover
}

.c-view360 .viewer-wrap .selector .select-list .li:after {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	display: block;
	content: "";
	padding: 5px;
	border: 2px solid transparent;
	-webkit-box-sizing: content-box;
	box-sizing: content-box
}

.c-view360 .viewer-wrap .selector .select-list .li p {
	top: 120%;
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	text-align: center;
	margin-top: 10px;
	-webkit-transition: opacity .3s;
	transition: opacity .3s;
	font-size: 14px;
	display: none
}

.c-view360 .viewer-wrap .selector .select-list .li a {
	display: block;
	width: 100%;
	height: 100%
}

.c-view360 .viewer-wrap .selector .select-list .li:last-of-type {
	margin-right: 0
}

.c-view360 .viewer-wrap .selector .select-list .li.active {
	position: relative
}

.c-view360 .viewer-wrap .selector .select-list .li.active:after {
	border: 2px solid #00aad2
}

.c-view360 .viewer-wrap .selector .select-list .li.active p {
	display: inline-block
}

.body-nexo-wrap .c-view360 #inner-outer {
	display: none
}

.is-vertical .c-view360 .title-box {
	margin-bottom: 30px
}

.is-vertical .c-view360 .type-tab {
	margin-top: 60px;
	position: relative
}

.is-vertical .c-view360 .type-tab a {
	max-width: inherit
}

.is-vertical .c-view360 .icon-360 {
	bottom: -30px
}

.is-vertical .c-view360 .c-button {
	min-width: 100px;
	margin-bottom: 15px;
	margin-right: 10px !important
}

.is-vertical .c-view360 .c-button a {
	padding: 14px 10px 10px
}

.is-vertical .c-view360 .c-button:last-of-type {
	margin-right: 0 !important
}

.is-vertical .c-view360 #outer-viewer {
	height: auto !important
}

.is-vertical .c-view360 .viewer-wrap {
	margin-bottom: 0
}

.is-vertical .c-view360 .viewer-wrap .description {
	margin-bottom: 20px
}

.is-vertical .c-view360 .viewer-wrap .view-to-detail .text-content .view-btn {
	width: 100px;
	height: auto;
	padding: 9px 0 7px;
	border-width: 1px
}

.is-vertical .c-view360 .viewer-wrap .selector .text {
	width: auto;
	text-align: center;
	margin-bottom: 30px;
	margin-left: -20px;
	margin-right: -20px
}

.is-vertical .c-view360 .viewer-wrap .selector .text p {
	font-weight: 700;
	font-size: 20px
}

.is-vertical .c-view360 .viewer-wrap .selector .select-list {
	padding-left: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	float: none
}

.is-vertical .c-view360 .viewer-wrap .selector .select-list .li {
	width: 6vw;
	height: 6vw;
	margin: 0 1.5rem
}

.is-vertical .c-view360 .viewer-wrap .selector .select-list .li:after {
	padding: 3px
}

.is-vertical .c-view360 .viewer-wrap .selector .select-list .li p {
	font-size: 12px
}

.is-vertical .c-view360 .viewer-wrap .selector .select-list a {
	margin-right: 25px
}

.c-static-banner .banner-container {
	height: 50rem
}

@media (max-width:670px) {
	.c-static-banner .banner-container {
		height: 40rem;
		background-position: 50%;
		background-repeat: no-repeat;
		background-size: cover
	}
}

.c-static-banner .text-wrap {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align: center;
	color: #fff
}

@media (max-width:751px) {
	.c-static-banner .text-wrap {
		padding: 0;
		width: 80%
	}
}

.c-static-banner .text-wrap .description {
	margin-top: 1rem
}


@media (max-width:899px) {

	.c-tab .left,
	.c-tab .right {
		display: -webkit-box !important;
		display: -ms-flexbox !important;
		display: flex !important;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}
}

@media (max-width:899px) {
	.c-tab .tab-container .tab-item-active {
		border-bottom: 2px solid #000
	}
}


.c-scroll-animate-card {
	margin: 130px auto;
	position: relative
}

@media (min-width:1160px) {
	.c-scroll-animate-card {
		width: 1100px;
		height: 572px
	}
}

@media (max-width:1160px) {
	.c-scroll-animate-card {
		width: 900px;
		height: 572px
	}
}

@media (max-width:1000px) {
	.c-scroll-animate-card {
		width: 700px;
		height: 470px
	}
}

@media (max-width:751px) {
	.c-scroll-animate-card {
		width: 100%;
		height: auto;
		margin: 0;
		margin-top: 25px;
		margin-bottom: 65px;
		overflow: hidden
	}
}

@media (min-width:755px) {
	.c-scroll-animate-card .title {
		position: absolute;
		z-index: 3;
		top: 60px;
		opacity: .3;
		-webkit-transform: translate(150px);
		transform: translate(150px)
	}
}

@media (max-width:751px) {
	.c-scroll-animate-card .title {
		padding-top: 60px;
		margin-bottom: 30px;
		margin-left: 30px
	}
}

.c-scroll-animate-card .en {
	position: absolute;
	z-index: 5;
	color: #e4dcd3
}

@media (min-width:751px) {
	.c-scroll-animate-card .en {
		left: 200px
	}
}

@media (max-width:751px) {
	.c-scroll-animate-card .en {
		left: inherit;
		right: 0;
		top: 10px
	}
}

.c-scroll-animate-card .img-container {
	width: 550px;
	height: 516px;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover
}

@media (max-width:1000px) {
	.c-scroll-animate-card .img-container {
		width: 400px;
		height: 395px
	}
}

@media (max-width:755px) {
	.c-scroll-animate-card .img-container {
		width: 100%;
		height: 85vw
	}
}

@media (min-width:751px) {
	.c-scroll-animate-card .img-container {
		position: absolute;
		z-index: 2;
		right: 0;
		bottom: 0;
		top: -100px;
		opacity: 0
	}
}

.c-scroll-animate-card .desc-container {
	width: 470px
}

@media (max-width:1160px) {
	.c-scroll-animate-card .desc-container {
		width: 340px
	}
}

@media (max-width:1000px) {
	.c-scroll-animate-card .desc-container {
		width: 285px
	}
}

@media (min-width:755px) {
	.c-scroll-animate-card .desc-container {
		position: absolute;
		z-index: 3;
		top: 200px;
		opacity: 0
	}
}

@media (max-width:751px) {
	.c-scroll-animate-card .desc-container {
		width: 100%;
		padding: 0 30px;
		margin-bottom: 80px
	}
}

.c-scroll-animate-card .desc-container .desc {
	margin-bottom: 15px
}

@media (max-width:751px) {
	.c-scroll-animate-card .desc-container .desc {
		line-height: 25px;
		margin-bottom: 0
	}
}

.c-social-responsibility-card3 {
	margin-bottom: 120px;
	position: relative;
	overflow: hidden
}

@media screen and (max-width:751px) {
	.c-social-responsibility-card3 {
		margin-bottom: 80px
	}
}

.c-social-responsibility-card3 .card-background {
	position: relative;
	z-index: 5;
	padding: 120px 0
}

@media screen and (min-width:755px) {
	.c-social-responsibility-card3 .card-background {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}
}

@media screen and (max-width:751px) {
	.c-social-responsibility-card3 .card-background {
		overflow: auto;
		height: 666px
	}
}

.c-social-responsibility-card3 .video-container {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2
}

.c-social-responsibility-card3 .item-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

@media screen and (max-width:751px) {
	.c-social-responsibility-card3 .item-container {
		width: 910px;
		height: auto;
		position: absolute;
		left: 0;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		padding: 0 30px
	}
}

.c-social-responsibility-card3 .item-container .item {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: rgba(0, 0, 0, .3);
	color: #fff;
	text-align: center;
	border: 1px solid hsla(0, 0%, 100%, .3);
	padding: 60px 30px;
	margin: 0 20px
}

@media screen and (max-width:751px) {
	.c-social-responsibility-card3 .item-container .item {
		width: 270px;
		height: 100%;
		margin: 0
	}
}

.c-social-responsibility-card3 .item-container .item .iconfont {
	font-size: 60px;
	display: block
}

@media screen and (max-width:751px) {
	.c-social-responsibility-card3 .item-container .item .iconfont {
		font-size: 50px;
		margin-bottom: 10px
	}
}

.c-social-responsibility-card3 .item-container .item .title {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid hsla(0, 0%, 100%, .3)
}

.c-social-responsibility-card3 .item-container .item .desc {
	margin-bottom: 5px
}

.c-social-responsibility-card3 .item-container .item .notes {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid hsla(0, 0%, 100%, .3)
}

.c-social-responsibility-card3 .item-container .item .f-notes {
	line-height: 40px
}

.esg-hotActivity {
	background: #fff;
	overflow: hidden
}

.esg-hotActivity .link {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 100%;
	height: 100%;
	background: #e4dbd2
}

.esg-hotActivity .title-box {
	margin-bottom: 30px;
	text-align: left
}

.esg-hotActivity .esg-activity-swiper {
	overflow: visible
}

.esg-hotActivity .swiper-wrapper {
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch
}

.esg-hotActivity .swiper-slide {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	background: #f6f3f2
}

.esg-hotActivity .swiper-slide .img-box {
	width: auto;
	height: auto;
	margin-inline: 20px;
	margin-bottom: 40px;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	-o-object-fit: cover;
	object-fit: cover;
	overflow: hidden
}

.esg-hotActivity .swiper-slide .text-wrap {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	width: 100%;
	height: 100%;
	padding: 20px
}

.esg-hotActivity .swiper-slide .title {
	margin-bottom: 0
}

.esg-hotActivity .swiper-slide .description {
	margin-bottom: 10px;
	color: #b3aeaa
}

.esg-hotActivity .swiper-slide .button-box {
	text-align: left
}

.esg-hotActivity .pagination-container {
	position: relative
}

.esg-hotActivity .view-more {
	position: relative;
	z-index: 2;
	padding-top: 80px;
	text-align: center
}

#esg-hotActivity .all-page {
	padding-top: 0
}

#esg-hotActivity .all-page .link {
	background: #f5f4f0
}

.is-vertical .esg-hotActivity .title-box {
	text-align: left
}

.is-vertical .esg-hotActivity .hot-activity-swiper {
	padding-left: 30px;
	padding-right: 30px
}

.is-vertical .esg-hotActivity .swiper-slide {
	display: block
}

.is-vertical .esg-hotActivity .swiper-slide .img-box {
	width: 100%;
	height: auto;
	margin-inline: 0;
	padding-inline: 10px;
	padding-bottom: 20px
}

@media (max-width:751px) {
	.is-vertical .esg-hotActivity .swiper-slide .img-box-mb {
		height: 0;
		width: 100%;
		padding-bottom: 79%
	}
}

.is-vertical .esg-hotActivity .swiper-slide .text-wrap {
	position: relative;
	width: 100%;
	padding: 30px 20px
}

.is-vertical .esg-hotActivity .swiper-slide .title {
	height: 48px;
	max-height: none;
	display: block;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden
}

@media screen and (min-width:768px) {
	.is-vertical .esg-hotActivity .swiper-slide .title {
		height: 60px
	}

	.is-vertical .esg-hotActivity .swiper-slide .description {
		height: 84px
	}
}

.is-vertical .esg-hotActivity .pagination-container {
	padding: 0
}

.is-vertical .esg-hotActivity .swiper-pagination-bullet {
	margin: 0 !important
}

.is-vertical .esg-hotActivity .swiper-pagination {
	padding: 0 15px;
	bottom: 20px !important
}

.is-vertical .esg-hotActivity .view-more {
	padding: 30px 30px 0
}

.is-vertical .esg-hotActivity .view-more .c-button {
	width: 100%
}

@media screen and (max-width:751px) {
	.c-related-reports {
		margin-bottom: 65px
	}

	.c-related-reports .hidden-vert {
		display: none
	}

	.c-related-reports .visible-ver {
		display: block
	}
}

.c-footer-learn-more {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-bottom: 120px
}

.c-footer-learn-more .title {
	margin-bottom: 60px
}

@media screen and (max-width:751px) {
	.c-footer-learn-more .title {
		padding-left: 30px;
		margin-bottom: 30px
	}
}

.c-footer-learn-more .pc-content {
	margin: 0 auto;
	width: 1105px
}

@media screen and (max-width:1150px) {
	.c-footer-learn-more .pc-content {
		width: 1000px
	}
}

@media screen and (max-width:1050px) {
	.c-footer-learn-more .pc-content {
		width: 840px
	}
}

@media screen and (max-width:900px) {
	.c-footer-learn-more .pc-content {
		width: 760px
	}
}

.c-footer-learn-more .pc-list-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.c-footer-learn-more .img-container {
	width: 267px;
	height: 267px;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	margin: 0 5px
}

@media screen and (max-width:1150px) {
	.c-footer-learn-more .img-container {
		width: 240px;
		height: 240px
	}
}

@media screen and (max-width:1050px) {
	.c-footer-learn-more .img-container {
		width: 200px;
		height: 200px
	}
}

@media screen and (max-width:900px) {
	.c-footer-learn-more .img-container {
		width: 180px;
		height: 180px
	}
}

.c-footer-learn-more .item-title {
	text-align: center;
	margin-top: 30px
}

.c-footer-learn-more .content {
	width: 100%
}

.c-footer-learn-more .mb-list-container .footer-learn-more-swiper {
	padding-left: 30px;
	padding-right: 30px;
	overflow: visible
}

.c-footer-learn-more .mb-list-container .swiper-slide {
	display: block
}

.c-footer-learn-more .mb-list-container .swiper-slide .img-box {
	width: 100%;
	height: 290px;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	margin: 0
}

.c-footer-learn-more .mb-list-container .swiper-slide .item-title {
	margin-top: 30px;
	text-align: left
}

.c-footer-learn-more .mb-list-container .swiper-pagination-bullet {
	margin: 0 !important
}

.c-footer-learn-more .mb-list-container .swiper-pagination {
	padding: 0 15px;
	bottom: -40px !important
}

.c-footer-learn-more .mb-list-container .view-more {
	padding: 30px 30px 0
}

.c-footer-learn-more .mb-list-container .view-more .c-button {
	width: 100%
}

.c-earth-action-card3 {
	margin-bottom: 120px
}

.c-earth-action-card3 .card-container {
	padding: 90px 0;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover
}

@media (max-width:751px) {
	.c-earth-action-card3 .card-container {
		padding: 60px 20px
	}
}

.c-earth-action-card3 .card-container .content {
	width: 1100px;
	margin: 0 auto;
	color: #fff
}

@media (max-width:1160px) {
	.c-earth-action-card3 .card-container .content {
		width: 900px
	}
}

@media (max-width:1000px) {
	.c-earth-action-card3 .card-container .content {
		width: 700px
	}
}

@media (max-width:751px) {
	.c-earth-action-card3 .card-container .content {
		width: auto
	}
}

.c-earth-action-card3 .card-container .content .title {
	margin-bottom: 30px
}

.c-earth-action-card3 .card-container .content .desc {
	margin-bottom: 60px
}

.c-earth-action-card3 .card-container .content .list-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

@media (max-width:751px) {
	.c-earth-action-card3 .card-container .content .list-container {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
}

.c-earth-action-card3 .card-container .content .list-container .item {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	background: rgba(0, 0, 0, .3);
	border: 1px solid hsla(0, 0%, 100%, .3);
	padding: 25px;
	padding-bottom: 50px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

@media (max-width:751px) {
	.c-earth-action-card3 .card-container .content .list-container .item {
		margin-bottom: 15px
	}
}

.c-earth-action-card3 .card-container .content .list-container .item .item-title {
	margin-bottom: 20px
}

.c-earth-action-card3 .card-container .content .list-container .item:nth-child(2) {
	margin: 0 10px
}

@media (max-width:751px) {
	.c-earth-action-card3 .card-container .content .list-container .item:nth-child(2) {
		margin: 0;
		margin-bottom: 15px
	}
}

.c-page-tab {
	margin: 0 auto;
	background: #f6f3f2;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 30px 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 60px
}

@media (min-width:1160px) {
	.c-page-tab {
		width: 1100px
	}
}

@media (max-width:1160px) {
	.c-page-tab {
		width: 900px
	}
}

@media (max-width:1000px) {
	.c-page-tab {
		width: 700px
	}
}

@media (max-width:751px) {
	.c-page-tab {
		width: 100%;
		margin-bottom: 40px;
		padding: 30px 15px;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start
	}
}

.c-page-tab .item {
	border: 1px solid #e4dcd3;
	color: #999;
	background: #fff;
	margin: 0 5px;
	margin-bottom: 10px;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	cursor: pointer
}

.c-page-tab .item div {
	padding: 10px 25px
}

.c-page-tab .tab-item-active {
	color: #4ca7ce;
	border-color: #00aad2
}

.c-page-tab-content .c-hot-activity {
	background: transparent !important
}

.c-page-tab-content .c-hot-activity .title-box {
	text-align: left
}

.c-page-tab-content .page-padding {
	padding-top: 0
}

.c-growth-action-content0 table {
	border: 1px solid #e4dcd3;
	border-left: 0;
	border-bottom: 0;
	width: 100%
}

.c-growth-action-content0 td,
.c-growth-action-content0 th {
	border: 1px solid #e4dcd3;
	border-top: 0;
	border-right: 0
}

.c-growth-action-content0 th {
	background: #e3dcd4
}

.c-growth-action-content0 tr th {
	border-right: 1px solid #fff
}

.c-growth-action-content0 tr th:last-child {
	border-right: 1px solid #e4dcd3
}

.c-growth-action-content0 tr td,
.c-growth-action-content0 tr th {
	padding: 15px;
	text-align: center
}

.c-growth-action-content0 .title {
	margin-bottom: 30px
}

.c-growth-action-content0 .desc {
	margin-bottom: 60px
}

.c-growth-action-content1 .title {
	margin-bottom: 30px
}

.c-growth-action-content1 .desc {
	margin-bottom: 15px
}

.c-growth-action-content1 .content-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

@media (max-width:751px) {
	.c-growth-action-content1 .content-container {
		display: block;
		overflow: hidden
	}
}

.c-growth-action-content1 .content-text {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	margin-right: 30px
}

.c-growth-action-content1 .img-container {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	width: 542px;
	height: 361px
}

@media (max-width:751px) {
	.c-growth-action-content1 .img-container {
		width: 100%;
		height: 330px
	}
}

.c-growth-action-content2 .title {
	margin-bottom: 30px
}

.c-growth-action-content2 .desc {
	margin-bottom: 15px
}

.c-growth-action-content2 .content-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

@media (max-width:751px) {
	.c-growth-action-content2 .content-container {
		display: block;
		overflow: hidden
	}
}

.c-growth-action-content2 .content-text {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	margin-right: 30px
}

.c-growth-action-content2 .img-container {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	width: 542px;
	height: 361px
}

@media (max-width:751px) {
	.c-growth-action-content2 .img-container {
		width: 100%;
		height: 330px
	}
}

.c-growth-action-content3 .title {
	margin-bottom: 30px
}

.c-growth-action-content3 .desc {
	margin-bottom: 60px
}

.c-growth-action-content3 .small-title {
	margin-bottom: 30px
}

.c-growth-action-content3 .list-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-right: -10px
}

@media (max-width:751px) {
	.c-growth-action-content3 .list-container {
		display: block;
		margin-right: 0
	}
}

.c-growth-action-content3 .list-container .item {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	margin-right: 10px;
	border: 1px solid #e4dcd3;
	background: #f6f3f2;
	padding: 30px 20px
}

@media (max-width:751px) {
	.c-growth-action-content3 .list-container .item {
		margin-right: 0;
		margin-bottom: 10px
	}
}

.c-growth-action-content3 .list-container .item .item-title {
	margin-bottom: 30px
}

.c-growth-action-content4 table {
	border: 1px solid #e4dcd3;
	border-left: 0;
	border-bottom: 0;
	width: 100%
}

.c-growth-action-content4 td,
.c-growth-action-content4 th {
	border: 1px solid #e4dcd3;
	border-top: 0;
	border-right: 0
}

.c-growth-action-content4 th {
	background: #e3dcd4
}

.c-growth-action-content4 tr th {
	border-right: 1px solid #fff
}

.c-growth-action-content4 tr th:last-child {
	border-right: 1px solid #e4dcd3
}

.c-growth-action-content4 tr td,
.c-growth-action-content4 tr th {
	padding: 15px;
	text-align: center
}

.c-growth-action-content4 .title {
	margin-bottom: 30px
}

.c-growth-action-content4 .desc {
	margin-bottom: 60px
}

.c-page-tab-content {
	margin-bottom: 120px
}

@media (max-width:751px) {
	.c-page-tab-content {
		margin-bottom: 65px
	}
}

.c-social-action-content0 .item1 {
	border-bottom: 1px solid #e4dcd3;
	padding-bottom: 65px;
	margin-bottom: 65px
}

.c-social-action-content0 .item1 .title {
	margin-bottom: 30px
}

.c-social-action-content0 .item1 .list-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-right: -10px;
	margin-top: 60px;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.c-social-action-content0 .item1 .list-container .list {
	width: 212px;
	height: 212px;
	margin-right: 10px;
	margin-bottom: 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	color: #fff
}

@media (max-width:751px) {
	.c-social-action-content0 .item1 .list-container .list {
		width: calc(50% - 10px);
		height: auto;
		padding: 30px 0
	}
}

.c-social-action-content0 .item1 .list-container .list .top-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 20px
}

@media (max-width:751px) {
	.c-social-action-content0 .item1 .list-container .list .top-container {
		margin-bottom: 10px
	}
}

.c-social-action-content0 .item1 .list-container .list .top-container .icon-img {
	width: 50px;
	margin-right: 10px
}

.c-social-action-content0 .lr-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

@media (max-width:751px) {
	.c-social-action-content0 .lr-container {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
}

.c-social-action-content0 .lr-container .img-container {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover
}

.c-social-action-content0 .lr-container .img-container:before {
	content: "";
	display: block;
	width: 100%;
	height: 0;
	padding-bottom: 58.18%
}

.c-social-action-content0 .lr-container .label {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	color: #000;
	text-align: left
}

.c-social-action-content0 .lr-container .label span {
	display: block;
	margin: 60px
}

@media (max-width:751px) {
	.c-social-action-content0 .lr-container .label span {
		margin: 30px;
		margin-left: 0
	}
}

.c-social-action-content0 .lzrt .xs-show {
	-webkit-box-flex: 0;
	-ms-flex: 0;
	flex: 0;
	display: none
}

@media (max-width:751px) {
	.c-social-action-content0 .lzrt .pc-show {
		-webkit-box-flex: 0;
		-ms-flex: 0;
		flex: 0;
		display: none
	}

	.c-social-action-content0 .lzrt .xs-show {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
		display: block
	}

	.c-social-action-content0 .lzrt .xs-show span {
		text-align: left
	}
}

@media (max-width:751px) {
	.c-social-action-content0 .thumbs-swiper-container {
		padding: 0
	}
}

@media (max-width:751px) {
	.c-social-action-content0 .thumbs-swiper-container .swiper-slide:first-child {
		padding-left: 30px
	}

	.c-social-action-content0 .thumbs-swiper-container .swiper-slide:last-child {
		padding-right: 30px
	}
}

@media (min-width:751px) {
	.c-social-action-content0 .thumbs-swiper-container {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}
}

@media (min-width:751px) {

	.c-social-action-content0 .thumbs-swiper-container .swiper-container-left,
	.c-social-action-content0 .thumbs-swiper-container .swiper-container-right {
		width: 50%
	}
}

.c-social-action-content0 .thumbs-swiper-container .swiper-container-left {
	position: relative
}

.c-social-action-content0 .thumbs-swiper-container .swiper-container-right {
	padding: 50px 0 0 100px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

@media (max-width:751px) {
	.c-social-action-content0 .thumbs-swiper-container .swiper-container-right {
		padding: 0
	}
}

.c-social-action-content0 .thumbs-swiper-container .img-container {
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	padding-bottom: 58.18%
}

@media (min-width:752px) {
	.c-social-action-content0 .thumbs-swiper-container .img-container:before {
		content: "";
		display: block;
		width: 100%;
		height: 0
	}
}

.c-social-action-content0 .thumbs-swiper-container .swiper-button-next,
.c-social-action-content0 .thumbs-swiper-container .swiper-button-prev {
	color: #000;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.c-social-action-content0 .thumbs-swiper-container .swiper-button-prev {
	left: -35px
}

.c-social-action-content0 .thumbs-swiper-container .swiper-button-next {
	right: -35px
}

.c-social-action-content0 .thumbs-swiper-container .text-container {
	padding-left: 100px;
	padding-top: 50px
}

@media (max-width:751px) {
	.c-social-action-content0 .thumbs-swiper-container .text-container {
		padding-left: 30px;
		padding-top: 0
	}
}

.c-social-action-content0 .thumbs-swiper-container .swiper-title,
.c-social-action-content0 .thumbs-swiper-container .text-container .swiper-title {
	margin-bottom: 30px
}

@media (max-width:751px) {
	.c-social-action-content0 .thumbs-swiper-container .swiper-title {
		margin-top: 30px;
		margin-bottom: 30px
	}
}

.c-social-action-content0 .thumbs-swiper-container .swiper-desc {
	margin-bottom: 20px
}

@media (max-width:751px) {
	.c-social-action-content0 .thumbs-swiper-container .swiper-desc {
		padding-right: 30px
	}
}

.c-social-action-content0 .thumbs-swiper-container .number-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end
}

.c-social-action-content0 .thumbs-swiper-container .unit {
	padding-bottom: 3px;
	margin-left: 5px
}

.c-social-action-content0 .header-title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.c-social-action-content0 .header-title .icon-img {
	width: 56px;
	margin-right: 15px
}

.c-social-action-content0 .social-action-item2 {
	padding-bottom: 65px;
	margin-bottom: 65px;
	border-bottom: 1px solid #e4dcd3
}

@media (max-width:751px) {
	.c-social-action-content0 .social-action-item2 .container {
		padding: 0
	}
}

.c-social-action-content0 .social-action-item2 .header-title {
	margin-bottom: 30px
}

@media (max-width:751px) {
	.c-social-action-content0 .social-action-item2 .header-title {
		padding: 0 30px
	}
}

.c-social-action-content0 .social-action-item2 .header-desc {
	margin-bottom: 60px
}

@media (max-width:751px) {
	.c-social-action-content0 .social-action-item2 .header-desc {
		padding: 0 30px
	}
}

.c-social-action-content0 .social-action-item2 .swiper-container {
	position: relative
}

.c-social-action-content0 .social-action-item2 .swiper-slide .img-container {
	width: 100%;
	height: 720px;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover
}

@media (max-width:1200px) {
	.c-social-action-content0 .social-action-item2 .swiper-slide .img-container {
		width: 100%;
		height: 620px
	}
}

@media (max-width:990px) {
	.c-social-action-content0 .social-action-item2 .swiper-slide .img-container {
		width: 100%;
		height: 454px
	}
}

@media (max-width:751px) {
	.c-social-action-content0 .social-action-item2 .swiper-slide .img-container {
		width: 100%;
		height: 189px
	}
}

.c-social-action-content0 .social-action-item2 .swiper-slide .title {
	margin: 40px 0 30px
}

@media (max-width:751px) {
	.c-social-action-content0 .social-action-item2 .swiper-slide:first-child {
		padding-left: 30px
	}

	.c-social-action-content0 .social-action-item2 .swiper-slide:last-child {
		padding-right: 30px
	}
}

.c-social-action-content0 .social-action-item2 .swiper-button-next,
.c-social-action-content0 .social-action-item2 .swiper-button-prev {
	color: #000;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.c-social-action-content0 .social-action-item2 .swiper-button-prev {
	left: -35px
}

.c-social-action-content0 .social-action-item2 .swiper-button-next {
	right: -35px
}

.c-social-action-content0 .footer-title {
	margin: 30px 0
}

.c-social-action-content0 .footer-desc {
	margin-bottom: 0 !important;
	padding: 0
}

.c-social-action-content0 .social-action-item3 {
	padding-bottom: 65px;
	margin-bottom: 65px;
	border-bottom: 1px solid #e4dcd3
}

.c-social-action-content0 .social-action-item3 .desc {
	margin-top: 30px;
	margin-bottom: 60px
}

@media (max-width:751px) {
	.c-social-action-content0 .social-action-item3 .desc {
		margin-bottom: 40px
	}
}

.c-social-action-content0 .social-action-item4 {
	padding-bottom: 65px;
	margin-bottom: 65px;
	border-bottom: 1px solid #e4dcd3
}

@media (max-width:751px) {
	.c-social-action-content0 .social-action-item4 {
		padding-bottom: 30px
	}
}

.c-social-action-content0 .social-action-item4 .desc {
	margin-top: 30px;
	margin-bottom: 60px
}

@media (max-width:751px) {
	.c-social-action-content0 .social-action-item4 .desc {
		margin-bottom: 40px
	}
}

.c-social-action-content0 .social-action-item4 #social-action-item4-thumbs1 {
	height: 320px
}

.c-social-action-content0 .social-action-item4 #social-action-item4-thumbs1 .swiper-slide {
	height: 100% !important
}

@media (max-width:751px) {
	.c-social-action-content0 .social-action-item4 #social-action-item4-thumbs1 .swiper-slide {
		padding-left: 30px;
		padding-right: 30px
	}
}

.c-social-action-content0 .social-action-item5 {
	padding-bottom: 65px;
	margin-bottom: 65px;
	border-bottom: 1px solid #e4dcd3
}

.c-social-action-content0 .social-action-item5 .desc {
	margin-top: 30px;
	margin-bottom: 60px
}

@media (max-width:751px) {
	.c-social-action-content0 .social-action-item5 .desc {
		margin-bottom: 80px
	}
}

.c-social-action-content0 .social-action-item6 .desc {
	margin-top: 30px;
	margin-bottom: 60px
}

@media (max-width:751px) {
	.c-social-action-content0 .social-action-item6 .desc {
		margin-bottom: 40px
	}
}

.c-social-action-content0 .social-action-item6 .img-container {
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover
}

@media (min-width:752px) {
	.c-social-action-content0 .social-action-item6 .img-container:before {
		content: "";
		display: block;
		width: 100%;
		height: 0;
		padding-bottom: 66%
	}
}

@media (max-width:751px) {
	.c-social-action-content0 .social-action-item6 .img-container {
		width: 100%;
		height: 185px
	}
}

@media (min-width:752px) {
	.c-social-action-content0 .social-action-item6 .list-container {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}
}

@media (min-width:752px) {
	.c-social-action-content0 .social-action-item6 .list-container .item {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1
	}
}

@media (max-width:751px) {
	.c-social-action-content0 .social-action-item6 .list-container .item {
		margin-bottom: 30px
	}
}

.c-social-action-content0 .social-action-item6 .list-container .item:last-child {
	margin-bottom: 0
}

.c-social-action-content0 .social-action-item6 .list-container .item:first-child {
	margin-right: 10px
}

.c-social-action-content0 .social-action-item6 .list-container .item6-table {
	margin-top: 60px
}

@media (max-width:751px) {
	.c-social-action-content0 .social-action-item6 .list-container .item6-table {
		margin-top: 30px
	}
}

.c-social-action-content1 .title {
	margin-bottom: 60px
}

@media (min-width:752px) {
	.c-social-action-content1 .list-container {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between
	}
}

.c-social-action-content1 .item {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	background: #f6f3f2;
	border: 1px solid #e4dcd3;
	padding: 20px 15px
}

@media (max-width:751px) {
	.c-social-action-content1 .item {
		margin-bottom: 20px
	}
}

.c-social-action-content1 .item .item-title {
	margin-bottom: 20px
}

@media (min-width:752px) {
	.c-social-action-content1 .item:nth-child(2) {
		margin: 0 10px
	}
}

.c-social-action-content2 .title {
	margin-bottom: 60px
}

.c-social-action-content2 .item1 {
	background: #f6f3f2;
	border: 1px solid #e4dcd3;
	padding: 30px 25px;
	margin-bottom: 10px
}

@media (max-width:751px) {
	.c-social-action-content2 .item1 {
		margin-bottom: 20px
	}
}

.c-social-action-content2 .item1 .item-title {
	margin-bottom: 20px
}

@media (min-width:752px) {
	.c-social-action-content2 .list-container {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between
	}
}

.c-social-action-content2 .item {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	background: #f6f3f2;
	border: 1px solid #e4dcd3;
	padding: 20px 15px
}

@media (max-width:751px) {
	.c-social-action-content2 .item {
		margin-bottom: 20px
	}
}

.c-social-action-content2 .item .item-title {
	margin-bottom: 20px
}

@media (min-width:752px) {
	.c-social-action-content2 .item:nth-child(2) {
		margin: 0 10px
	}
}

.c-social-action-content3 .title,
.c-social-action-content3 .title1,
.c-social-action-content3 .title2 {
	margin-bottom: 30px
}

.c-social-action-content3 .desc {
	margin-bottom: 70px
}

.c-social-action-content3 .list1-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 85px
}

@media (min-width:752px) {
	.c-social-action-content3 .list1-container {
		margin-right: -10px
	}
}

@media (max-width:751px) {
	.c-social-action-content3 .list1-container {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-right: -20px;
		margin-bottom: 45px
	}
}

.c-social-action-content3 .list1-container .list1 {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	background: #f6f3f2;
	border: 1px solid #e4dcd3;
	padding: 40px 30px;
	margin-right: 10px
}

@media (max-width:751px) {
	.c-social-action-content3 .list1-container .list1 {
		margin-bottom: 20px;
		margin-right: 20px
	}
}

@media (min-width:752px) {
	.c-social-action-content3 .list2-container {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin-right: -10px
	}
}

.c-social-action-content3 .list2-container .list2 {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	background: #f6f3f2;
	border: 1px solid #e4dcd3;
	padding: 30px 20px;
	margin-right: 10px
}

@media (max-width:751px) {
	.c-social-action-content3 .list2-container .list2 {
		margin-bottom: 20px;
		margin-right: 0
	}
}

.c-social-action-content3 .list2-container .list2-title {
	margin-bottom: 30px
}

.c-social-action-content3 .list2-container .list2-desc {
	margin-bottom: 10px;
	padding-left: 15px;
	position: relative
}

.c-social-action-content3 .list2-container .list2-desc:after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 2px;
	height: 2px;
	background: #000;
	border-radius: 50%
}

@media (min-width:752px) {
	.c-social-action-content4 .f-container {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin-right: -10px
	}
}

.c-social-action-content4 .f-container .item {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	background: #f6f3f2;
	border: 1px solid #e4dcd3;
	padding: 25px 30px;
	margin-right: 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

@media (max-width:751px) {
	.c-social-action-content4 .f-container .item {
		margin-right: 0;
		margin-bottom: 10px
	}

	.c-social-action-content4 .f-container .item .img-box {
		display: none
	}

	.c-social-action-content4 .f-container .item .iconfont {
		font-size: 25px
	}
}

@media (min-width:752px) {
	.c-social-action-content4 .f-container .item .qr-mb-icon {
		display: none
	}
}

.c-social-action-content4 .f-container .item .label {
	color: #000;
	text-align: left
}

.c-social-action-content4 .desc {
	margin: 30px 0 60px
}

.nexo-environment2 {
	overflow: hidden;
	padding-bottom: 12rem
}

.nexo-environment2 .swiper {
	position: relative;
	overflow: visible
}

.nexo-environment2 .swiper .surging-performance-swiper {
	overflow: hidden
}

.nexo-environment2 .image-text-group {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.nexo-environment2 .image-text-group .title-box {
	width: 50%;
	padding-top: 5rem;
	padding-left: 6rem
}

.nexo-environment2 .image-text-group .title-box .h5 {
	margin-bottom: 1rem;
	margin-top: 20px
}

.nexo-environment2 .image-text-group .title-box p {
	margin-bottom: .8rem
}

.nexo-environment2 .image-text-group .img-box {
	width: 50%
}

.nexo-environment2 .image-text-group .img-box img {
	width: 100%
}

.nexo-environment2 .swiper-group {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.nexo-environment2 .swiper-group .swiper-box {
	width: 50%;
	display: inline-block
}

.nexo-environment2 .swiper-group .swiper-box:first-child {
	padding: 6rem 10rem 3rem 0
}

.nexo-environment2 .swiper-group .text-environment-swiper {
	width: 100%;
	overflow: hidden
}

.nexo-environment2 .swiper-group .nexo-environment-swiper {
	border: 1px solid #e4dcd3;
	width: 100%;
	overflow: hidden
}

.nexo-environment2 .text-box {
	position: relative;
	width: 100%;
	float: left
}

.nexo-environment2 .text-box .description {
	margin-top: 20px
}

.nexo-environment2 .swiper-pagination-bullet {
	width: auto;
	height: auto;
	display: none;
	position: relative;
	margin: 0 15px;
	background: none;
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1)
}

.nexo-environment2 .swiper-pagination-bullet span {
	opacity: .5;
	display: inline-block;
	vertical-align: middle
}

.nexo-environment2 .swiper-pagination-bullet span.current {
	opacity: 1
}

.nexo-environment2 .swiper-pagination-bullet.swiper-pagination-bullet-active {
	display: block
}

.nexo-environment2 .swiper-button-prev {
	left: -72px
}

.nexo-environment2 .swiper-button-next {
	right: -72px;
	left: inherit
}

.nexo-environment2 .swiper-button-next,
.nexo-environment2 .swiper-button-prev {
	width: auto;
	height: auto;
	margin-top: 0;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	color: #fff
}

.nexo-environment2 .swiper-button-next:after,
.nexo-environment2 .swiper-button-prev:after {
	font-weight: 400
}

.nexo-environment2 .swiper-button-next.black,
.nexo-environment2 .swiper-button-prev.black {
	color: #333
}

.nexo-environment2 .slide-img {
	width: 100%;
	float: left;
	padding: 4rem 0
}

.nexo-environment2 .slide-img img {
	width: 100%
}

.nexo-environment2 .slide-text {
	display: none;
	position: relative;
	width: 100%;
	float: left;
	padding: 3rem 0
}

.nexo-environment2 .slide-text .description {
	margin-top: 20px
}

.nexo-environment2 .swiper-pagination {
	position: static;
	bottom: 0;
	margin-top: 50px;
	text-align: right
}

.is-vertical .nexo-environment2 {
	padding-bottom: 6rem
}

.is-vertical .nexo-environment2 .container {
	padding: 0;
	margin-bottom: 0
}

.is-vertical .nexo-environment2 .image-text-group {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.is-vertical .nexo-environment2 .img-box {
	width: 100%;
	margin-bottom: 30px;
	padding: 0 30px
}

.is-vertical .nexo-environment2 .title-box {
	padding: 0 30px
}

.is-vertical .nexo-environment2 .text-wrap {
	width: 100%;
	padding: 0 30px
}

.is-vertical .nexo-environment2 .title-box {
	margin-bottom: 30px;
	width: 100%
}

.is-vertical .nexo-environment2 .swiper-slide {
	text-align: left
}

.is-vertical .nexo-environment2 .swiper-group {
	padding: 0 30px
}

.is-vertical .nexo-environment2 .swiper-group .swiper-box-info {
	display: none
}

.is-vertical .nexo-environment2 .swiper-group .nexo-environment-swiper {
	border: none;
	overflow: visible
}

.is-vertical .nexo-environment2 .swiper-group .swiper {
	overflow: visible;
	margin: auto
}

.is-vertical .nexo-environment2 .swiper-group .swiper-box {
	width: 100%
}

.is-vertical .nexo-environment2 .swiper-group .slide-img {
	padding: 2.8rem 0;
	border: 1px solid #e4dcd3
}

.is-vertical .nexo-environment2 .swiper-group .slide-text {
	display: block;
	padding-right: 30px
}

.is-vertical .nexo-environment2 .swiper-pagination {
	margin-top: 30px;
	padding-right: 30px
}

.nexo-exterior {
	overflow: hidden
}

.nexo-exterior>.container {
	position: relative
}

.nexo-exterior .nexo-exterior-swiper {
	position: relative;
	overflow: visible;
	width: 70%;
	float: right;
	margin-right: -8%
}

@media screen and (max-width:1199px) {
	.nexo-exterior .nexo-exterior-swiper {
		width: 80%
	}
}

@media screen and (max-width:991px) {
	.nexo-exterior .nexo-exterior-swiper {
		width: 75%
	}
}

.nexo-exterior .nexo-exterior-swiper .swiper-slide {
	overflow: visible;
	opacity: 0 !important;
	-webkit-transition: opacity 1s ease !important;
	transition: opacity 1s ease !important
}

.nexo-exterior .nexo-exterior-swiper .swiper-slide.swiper-slide-active {
	opacity: 1 !important
}

.nexo-exterior .text-wrap {
	position: relative;
	width: 30%;
	float: left;
	margin-bottom: 60px;
	z-index: 10
}

.nexo-exterior .text-wrap .description {
	margin: 20px 0 30px
}

.nexo-exterior .text-wrap .tips {
	color: #00aad2;
	margin-bottom: 10px
}

.nexo-exterior .img-box {
	height: 360px;
	background-position: top;
	background-repeat: no-repeat;
	background-size: contain
}

.nexo-surface1 {
	position: relative;
	background: #fff;
	overflow: hidden
}

.nexo-surface1 .swiper {
	overflow: visible
}

.nexo-surface1 .button-container {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 10
}

.nexo-surface1 .title-box {
	margin-bottom: 30px;
	text-align: center
}

.nexo-surface1 .exterior-car-tab {
	displaY: flex;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	margin-bottom: 5rem
}

.nexo-surface1 .exterior-car-tab li a {
	width: 15rem;
	height: 11rem;
	bordeR: 0;
	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-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	opacity: .4
}

.nexo-surface1 .exterior-car-tab li a img {
	displaY: block;
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain
}

.nexo-surface1 .exterior-car-tab li a p {
	font-size: 1.4rem;
	font-weight: 600;
	margin-top: 1.5rem
}

.nexo-surface1 .exterior-car-tab li.active a {
	opacity: 1
}

.nexo-surface1 .tab-content-warp {
	position: relative;
	width: 100%;
	margin-top: 3.5rem
}

.nexo-surface1 .tab-content-warp .tab-content {
	left: 0;
	top: 0;
	width: 100%
}

.nexo-surface1 .tab-content-warp .tab-content:first-child {
	position: relative
}

.nexo-surface1 .tab-content-warp .tab-content.active {
	opacity: 1
}

.nexo-surface1 .nexo-surface1-swiper {
	overflow: visible
}

.nexo-surface1 .swiper-slide {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	background: #e4dcd3
}

.nexo-surface1 .swiper-slide .img-box {
	width: 70%;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover
}

.nexo-surface1 .swiper-slide .text-wrap {
	position: absolute;
	top: 0;
	right: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 30%;
	height: 100%;
	padding: 35px 20px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.nexo-surface1 .swiper-slide .text-wrap h6.des {
	margin-top: 1em
}

.nexo-surface1 .pagination-container {
	position: relative
}

.is-vertical .nexo-exterior .container {
	padding: 0 30px;
	margin-top: 0
}

.is-vertical .nexo-exterior .text-wrap {
	position: relative;
	width: 100%;
	margin-bottom: 30px
}

.is-vertical .nexo-exterior .nexo-surface1-swiper .swiper-wrapper {
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch
}

.is-vertical .nexo-exterior .img-box,
.is-vertical .nexo-exterior .nexo-exterior-swiper {
	width: 100%;
	margin-right: 0
}

.is-vertical .nexo-exterior .img-box {
	height: 220px
}

@media (min-width:650px) {
	.is-vertical .nexo-exterior .img-box {
		height: 360px
	}
}

.is-vertical .nexo-surface1 {
	padding: 0
}

.is-vertical .nexo-surface1 .exterior-car-tab {
	margin-bottom: 0
}

.is-vertical .nexo-surface1 .exterior-car-tab li {
	width: 29%;
	margin: 0 2%
}

.is-vertical .nexo-surface1 .exterior-car-tab li a {
	width: 100%;
	height: auto
}

.is-vertical .nexo-surface1 .page-padding {
	padding-bottom: 0
}

.is-vertical .nexo-surface1 .title-box {
	text-align: left
}

.is-vertical .nexo-surface1 .tab-content-warp {
	padding-left: 30px;
	padding-right: 30px
}

.is-vertical .nexo-surface1 .swiper {
	overflow: visible
}

.is-vertical .nexo-surface1 .pagination-container {
	width: 100%
}

.is-vertical .nexo-surface1 .swiper-pagination {
	margin-top: 0;
	bottom: 15px !important;
	padding: 0 20px 0 15px
}

.is-vertical .nexo-surface1 .media-tab {
	margin-bottom: 15px;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: left;
	-ms-flex-pack: left;
	justify-content: left
}

.is-vertical .nexo-surface1 .media-tab .item {
	margin: 0 12px 15px 0;
	padding: 7px 13px 5px
}

.is-vertical .nexo-surface1 .swiper-slide {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	height: auto
}

.is-vertical .nexo-surface1 .swiper-slide .img-box {
	width: 100%
}

.is-vertical .nexo-surface1 .swiper-slide .text-wrap {
	position: relative;
	width: 100%;
	height: 100%;
	padding: 30px 20px 60px
}

.is-vertical .nexo-surface1 .view-more {
	padding: 30px 30px 0
}

.is-vertical .nexo-surface1 .view-more .c-button {
	width: 100%
}

.gallery-base-slide .swiper {
	position: relative;
	overflow: visible
}

.gallery-base-slide .swiper .gallery-base-swiper {
	overflow: hidden;
	width: 100%
}

.gallery-base-slide .title-box {
	margin-bottom: 60px
}

.gallery-base-slide .title-box .h5 {
	color: #00aad2;
	margin-bottom: 10px
}

.gallery-base-slide .swiper-pagination-bullet {
	display: none;
	width: auto;
	height: auto;
	position: relative;
	margin: 0 15px;
	background: none;
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1)
}

.gallery-base-slide .swiper-pagination-bullet span {
	opacity: .5;
	display: inline-block;
	vertical-align: middle
}

.gallery-base-slide .swiper-pagination-bullet span.current {
	opacity: 1
}

.gallery-base-slide .swiper-pagination-bullet.swiper-pagination-bullet-active {
	display: block
}

.gallery-base-slide .button-container {
	top: 11.075vw
}

.gallery-base-slide .container .button-container {
	top: 180px
}

.gallery-base-slide .full-width .button-container.inner-container {
	width: 96%
}

.gallery-base-slide .text-wrap {
	position: relative;
	width: 90%
}

.gallery-base-slide .text-wrap .description {
	margin-top: 1.5rem
}

.gallery-base-slide .img-box {
	width: 100%;
	margin-bottom: 35px;
	position: relative
}

.gallery-base-slide .img-box img {
	width: 100%
}

.gallery-base-slide .img-box .icon-player {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
	font-size: 46px;
	color: #fff;
	width: 100px;
	height: 100px;
	background: url(../img/icon-player.svg) no-repeat 50%;
	background-size: 50%;
	opacity: .5;
	cursor: pointer;
	z-index: 9;
	border-radius: 50%
}

.gallery-base-slide .img-box .icon-player:hover {
	opacity: 1
}

.gallery-base-slide .title-box .description {
	margin: 20px 0 30px
}

.gallery-base-slide .swiper-pagination {
	position: static;
	bottom: 0;
	margin-top: 50px;
	text-align: right
}

.is-vertical .gallery-base-slide .swiper {
	overflow: visible;
	margin: auto
}

.is-vertical .gallery-base-slide .gallery-base-swiper {
	overflow: visible
}

.is-vertical .gallery-base-slide .title-box {
	margin-bottom: 30px
}

.is-vertical .gallery-base-slide .full-width {
	margin-left: 30px;
	margin-right: 30px
}

.is-vertical .gallery-base-slide .swiper-slide {
	text-align: left
}

.is-vertical .gallery-base-slide .img-box {
	margin-bottom: 30px
}

.is-vertical .gallery-base-slide .swiper-pagination {
	margin-top: 30px;
	padding-right: 30px
}

.base-gallery {
	overflow: hidden
}

.base-gallery .center {
	padding-left: 23.5%;
	padding-right: 23.5%;
	position: absolute;
	top: 93%;
	left: 0;
	width: 100%;
	z-index: 10
}

.base-gallery .center .base-thumb-swiper {
	position: relative;
	overflow: hidden;
	text-align: center
}

.base-gallery .center .base-thumb-swiper .swiper-wrapper {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.base-gallery .center .base-thumb-swiper .swiper-slide {
	position: relative;
	width: 25%;
	cursor: pointer;
	display: inline-block
}

.base-gallery .center .base-thumb-swiper .swiper-slide:after {
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .6)
}

.base-gallery .center .base-thumb-swiper .swiper-slide.swiper-slide-active .img-box {
	border: 3px solid #01aad3
}

.base-gallery .center .base-thumb-swiper .swiper-slide.swiper-slide-active:after {
	display: none
}

.base-gallery .img-box {
	width: 100%;
	position: relative
}

.base-gallery .img-box img {
	width: 100%
}

.base-gallery .img-box .icon-player {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
	font-size: 46px;
	color: #fff;
	width: 100px;
	height: 100px;
	background: url(../img/icon-player.svg) no-repeat 50%;
	background-size: 90%;
	border-radius: 50%;
	opacity: .5;
	cursor: pointer;
	z-index: 9
}

.base-gallery .img-box .icon-player:hover {
	opacity: 1
}

.base-gallery .base-gallery-swiper {
	overflow: hidden
}

.base-gallery.mb-tile .base-gallery-tile {
	display: none
}

.base-gallery .base-text-swiper {
	overflow: hidden;
	padding-top: 5rem
}

.base-gallery .swiper {
	position: relative;
	overflow: visible;
	margin-bottom: 8rem
}

.base-gallery .swiper .base-gallery-swiper {
	overflow: hidden
}

.base-gallery .title-box {
	margin-bottom: 60px
}

.base-gallery .title-box .tips {
	color: #00aad2;
	margin-bottom: 10px
}

.base-gallery .swiper-pagination-bullet {
	width: auto;
	height: auto;
	display: none;
	position: relative;
	margin: 0 15px;
	background: none;
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
	text-align: left
}

.base-gallery .swiper-pagination-bullet span {
	opacity: .5;
	display: inline-block;
	vertical-align: middle
}

.base-gallery .swiper-pagination-bullet span.current {
	opacity: 1
}

.base-gallery .swiper-pagination-bullet.swiper-pagination-bullet-active {
	display: block
}

.base-gallery .swiper-button-prev {
	left: 0
}

.base-gallery .swiper-button-next {
	right: 0;
	left: auto
}

.base-gallery .swiper-button-next,
.base-gallery .swiper-button-prev {
	width: auto;
	height: auto;
	margin-top: 0;
	display: block;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.base-gallery .swiper-button-next:after,
.base-gallery .swiper-button-prev:after {
	font-weight: 400
}

.base-gallery .text-wrap {
	position: relative;
	width: 100%;
	float: left
}

.base-gallery .text-wrap .title {
	display: inline-block;
	float: left;
	width: 28%
}

.base-gallery .text-wrap .description {
	display: inline-block;
	float: right;
	width: 70%;
	margin-top: 6px
}

.base-gallery .title-box .description {
	margin: 2rem 0
}

.base-gallery .title-box .description .text {
	margin-bottom: 1rem
}

.base-gallery .swiper-pagination {
	position: static;
	bottom: 0;
	margin-top: 160px;
	text-align: right
}

@media (max-width:1199px) {
	.base-gallery .swiper-pagination {
		margin-top: 110px
	}
}

@media (max-width:991px) {
	.base-gallery .text-wrap {
		padding-top: 0
	}

	.base-gallery .swiper-pagination {
		margin-top: 90px
	}
}

.is-vertical .base-gallery .container {
	padding-left: 0;
	padding-right: 0
}

.is-vertical .base-gallery .right {
	width: 100%;
	float: none
}

.is-vertical .base-gallery .center {
	position: relative;
	top: -30px
}

.is-vertical .base-gallery .left {
	position: relative;
	width: 100%
}

.is-vertical .base-gallery .title-box {
	padding: 0 30px;
	margin-bottom: 30px
}

.is-vertical .base-gallery .base-text-swiper {
	padding: 0 30px
}

.is-vertical .base-gallery .text-wrap {
	width: 100%
}

.is-vertical .base-gallery .text-wrap .description,
.is-vertical .base-gallery .text-wrap .title {
	width: auto;
	float: none
}

.is-vertical .base-gallery .swiper {
	margin: auto
}

.is-vertical .base-gallery .swiper-slide {
	position: relative;
	text-align: left
}

.is-vertical .base-gallery .center {
	padding-left: 30px;
	padding-right: 30px
}

.is-vertical .base-gallery .center .base-thumb-swiper {
	width: 100%
}

.is-vertical .base-gallery .center .base-thumb-swiper .swiper-slide {
	position: relative;
	width: 33.333333%
}

.is-vertical .base-gallery .img-box {
	width: 100%
}

.is-vertical .base-gallery .img-box .icon-player {
	background-size: 60%
}

.is-vertical .base-gallery .swiper-pagination {
	margin-top: 30px;
	padding-right: 30px
}

.is-vertical .base-gallery .swiper-pagination .swiper-pagination-bullet {
	text-align: right
}

.is-vertical .base-gallery.mb-tile .base-gallery-swiper,
.is-vertical .base-gallery.mb-tile .base-text-swiper,
.is-vertical .base-gallery.mb-tile .base-thumb-swiper {
	display: none
}

.is-vertical .base-gallery.mb-tile .base-gallery-tile {
	display: block
}

.is-vertical .base-gallery.mb-tile .base-gallery-tile .title-box {
	margin-top: 30px;
	margin-bottom: 60px
}

.is-vertical .base-gallery.mb-tile .base-gallery-tile:last-of-type .title-box {
	margin-bottom: 0
}



.c-intelligent-machine,
.c-intelligent-machine .swiper {
	overflow: hidden
}

.c-intelligent-machine .swiper .swiper-slide {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 100%
}

.c-intelligent-machine .icon {
	position: absolute;
	bottom: 15px;
	right: 15px;
	border-radius: 50%;
	overflow: hidden;
	color: #00aad2;
	cursor: pointer;
	display: block
}

.c-intelligent-machine .icon:hover {
	background: #00aad2;
	color: #fff
}

.c-intelligent-machine .icont {
	position: relative;
	display: block;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 24px
}

.c-intelligent-machine .icont:before {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%) rotate(45deg);
	transform: translate(-50%, -50%) rotate(45deg)
}

.c-intelligent-machine .img-box {
	border: 1px solid #e4dcd3
}

.c-intelligent-machine .swiper {
	position: relative;
	overflow: visible
}

.c-intelligent-machine .swiper .intelligent-machine-swiper {
	overflow: hidden
}

.c-intelligent-machine .title-box {
	margin-bottom: 60px
}

.c-intelligent-machine .title-box .h5 {
	color: #00aad2;
	margin-bottom: 10px
}

.c-intelligent-machine .swiper-pagination-bullet {
	display: none;
	width: auto;
	height: auto;
	position: relative;
	margin: 0 15px;
	background: none;
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1)
}

.c-intelligent-machine .swiper-pagination-bullet span {
	opacity: .5;
	display: inline-block;
	vertical-align: middle
}

.c-intelligent-machine .swiper-pagination-bullet span.current {
	opacity: 1
}

.c-intelligent-machine .swiper-pagination-bullet.swiper-pagination-bullet-active {
	display: block
}

.c-intelligent-machine .button-container {
	top: 30%
}

.c-intelligent-machine .text-wrap {
	position: relative;
	width: 92%;
	max-width: 330px
}

.c-intelligent-machine .text-wrap .description {
	margin-top: 20px
}

.c-intelligent-machine .img-box {
	width: 100%;
	margin-bottom: 35px;
	position: relative
}

.c-intelligent-machine .img-box .play {
	width: 10%;
	max-width: 70px;
	height: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.c-intelligent-machine .img-box img {
	width: 100%
}

.c-intelligent-machine .img-box .icon-player {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
	font-size: 46px;
	color: #fff;
	width: 100%;
	height: 100%;
	background: url(../img/icon-player.svg) no-repeat 50%;
	opacity: .5;
	cursor: pointer
}

.c-intelligent-machine .img-box .icon-player:hover {
	opacity: 1
}

.c-intelligent-machine .title-box .description {
	margin: 20px 0 30px
}

.c-intelligent-machine .swiper-pagination {
	position: static;
	bottom: 0;
	margin-top: 50px;
	text-align: right
}

.c-intelligent-machine.full-container .button-container {
	top: 45%
}

.c-intelligent-machine.full-container .page-padding>.container {
	padding: 0
}

.c-intelligent-machine.full-container .page-padding>.container .swiper {
	width: 100vw
}

@media (min-width:1750px) {
	.c-intelligent-machine.full-container .inner-container {
		width: 1690px
	}
}

.is-vertical .c-intelligent-machine .container {
	padding-right: 0
}

.is-vertical .c-intelligent-machine .swiper {
	overflow: visible;
	margin: auto;
	padding-left: 30px !important
}

.is-vertical .c-intelligent-machine .title-box {
	margin-bottom: 30px;
	padding-right: 30px
}

.is-vertical .c-intelligent-machine .swiper-slide {
	text-align: left
}

.is-vertical .c-intelligent-machine .img-box {
	margin-bottom: 30px
}

.is-vertical .c-intelligent-machine .icon {
	bottom: 10px;
	right: 10px
}

.is-vertical .c-intelligent-machine .icont {
	width: 42px;
	height: 42px;
	line-height: 42px;
	font-size: 20px
}

.is-vertical .c-intelligent-machine .swiper-pagination {
	margin-top: 30px;
	padding-right: 30px
}

.is-vertical .c-intelligent-machine.full-container .swiper {
	padding-left: 0
}

.is-vertical .c-intelligent-machine.border-line .swiper {
	padding-left: 30px
}

.tech-egmp-section2 {
	overflow: hidden
}

.tech-egmp-section2>.container {
	position: relative
}

.tech-egmp-section2 .title-box {
	width: 100%
}

.tech-egmp-section2 .title-box .tips {
	color: #00aad2;
	margin-bottom: 10px
}

.tech-egmp-section2 .title-box .description {
	margin: 3rem 0
}

.tech-egmp-section2 .title-box .description .text {
	margin-bottom: 1rem
}

.tech-egmp-section2 .img-box {
	width: 100%
}

.is-vertical .tech-egmp-section2 .container {
	margin-bottom: 30px;
	padding: 0 30px
}

.is-vertical .tech-egmp-section2 .title-box {
	position: relative;
	width: 100%
}

.is-vertical .tech-egmp-section2 .img-box {
	width: 100%;
	margin-right: 0
}

.is-vertical .tech-egmp-section2 .btn-link-wrap .c-button {
	width: 100%
}

.brand-history .swiper {
	overflow: visible
}

.brand-history .group-year {
	position: relative
}

.brand-history .base-year-swiper {
	position: relative;
	overflow: hidden
}

.brand-history .base-year-swiper .year-item {
	width: 10rem;
	height: 10rem;
	line-height: 10rem;
	text-align: center;
	padding: 0;
	background: #e4dcd3;
	border-radius: 50%;
	position: relative;
	margin: 10px auto;
	cursor: pointer
}

.brand-history .base-year-swiper .year-item:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	border: 3px solid #00aad2;
	-webkit-transform: scale(1);
	transform: scale(1);
	opacity: 0;
	-webkit-transition: all .5s;
	transition: all .5s
}

.brand-history .base-year-swiper .year-item.active {
	background: #00aad2;
	color: #fff
}

.brand-history .base-year-swiper .year-item.active:before {
	opacity: 1;
	-webkit-transform: scale(1.2);
	transform: scale(1.2)
}

.brand-history .base-history-swiper {
	overflow: hidden;
	padding-top: 5.5rem
}

.brand-history .base-history-swiper .swiper-slide {
	opacity: 0 !important;
	-webkit-transition: opacity .6s ease !important;
	transition: opacity .6s ease !important
}

.brand-history .base-history-swiper .swiper-slide.swiper-slide-active {
	opacity: 1 !important
}

.brand-history .history-list {
	padding-top: 5rem;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	margin-left: -5px;
	margin-right: -5px
}

.brand-history .history-list .history-item {
	margin: 5px;
	background: #f6f3f2;
	border: 1px solid #e4dcd3;
	width: calc(33.3333% - 10px);
	display: inline-block;
	padding: 3.6rem 3.6rem 4rem 4rem
}

.brand-history .history-list .history-item .title {
	margin-bottom: 10px
}

.brand-history .history-list.history-num2 .history-item {
	width: calc(50% - 10px)
}

.brand-history .history-list.history-num1 .history-item {
	width: 100%
}

.brand-history-wrap .c-banner .swiper-slide {
	position: relative;
	padding-bottom: 29.5%
}

.brand-history-wrap .c-banner .swiper-slide .cont {
	position: absolute;
	top: 0;
	left: 0
}

.is-vertical .brand-history .group-year {
	position: relative;
	margin-left: -10px;
	margin-right: -10px
}

.is-vertical .brand-history .base-year-swiper {
	margin-left: 20px;
	margin-right: 20px
}

.is-vertical .brand-history .base-year-swiper .year-item {
	width: 7.5rem;
	height: 7.5rem;
	line-height: 7.5rem
}

.is-vertical .brand-history .base-year-swiper .year-item:before {
	border: 2.5px solid #00aad2
}

.is-vertical .brand-history .base-history-swiper {
	overflow: hidden;
	padding-top: 4rem
}

.is-vertical .brand-history .history-list {
	padding-top: 3rem;
	margin-right: 0;
	margin-left: 0
}

.is-vertical .brand-history .history-list .history-item {
	margin: 10px 0 0;
	width: 100%;
	padding: 2.7rem 2.7rem 3rem 3rem
}

.is-vertical .brand-history-wrap .c-banner .swiper-slide {
	padding-bottom: 110.5%
}

.c-pic-text .pic-text-model {
	background-color: #ececec
}

.c-pic-text .header-desc {
	margin: 35px auto 60px;
	color: #282828
}


#qing-picText>div {
	padding: 0
}

#weilai-picText2 {
	position: relative
}

#weilai-picText2 .page-padding {
	padding: 0
}

#weilai-picText2 .header-title-box {
	position: absolute;
	top: 0;
	width: 100%;
	color: #fff;
	padding: 60px 0;
	text-align: center;
	z-index: 2
}

#weilai-picText3 {
	position: relative;
	color: #fff
}

#weilai-picText3 .page-padding {
	padding: 0
}

#weilai-picText3 .header-title-box {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
	text-align: center;
	z-index: 2
}

#weilai-picText3 .header-desc {
	color: #fff
}

#jiqiren-picText1 .page-padding {
	padding-inline: 15px
}

#jiqiren-picText1 .page-padding:last-child {
	display: none
}

#jiqiren-picText3>.page-padding {
	padding-bottom: 0
}

#jiqiren-picText3 .header-title-box {
	position: absolute;
	top: 30%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align: center;
	color: #fff;
	z-index: 2
}

#jiqiren-picText3 .header-title-box .header-desc {
	color: #fff
}

.is-vertical .c-pic-text .page-padding {
	padding: 30px 15px
}


.is-vertical .shadow-black-m {
	position: relative
}

.is-vertical .shadow-black-m:before {
	left: 5%;
	background: -webkit-gradient(linear, right top, left top, from(#000), color-stop(14.3%, #000), color-stop(0, transparent), color-stop(28.6%, transparent), color-stop(0, rgba(0, 0, 0, .5)), color-stop(42.9%, rgba(0, 0, 0, .5)), color-stop(0, transparent), color-stop(57.2%, transparent), color-stop(0, rgba(0, 0, 0, .2)), color-stop(71.5%, rgba(0, 0, 0, .2)), color-stop(0, transparent), color-stop(85.8%, transparent), color-stop(0, transparent), to(transparent));
	background: linear-gradient(270deg, #000, #000 14.3%, transparent 0, transparent 28.6%, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .5) 42.9%, transparent 0, transparent 57.2%, rgba(0, 0, 0, .2) 0, rgba(0, 0, 0, .2) 71.5%, transparent 0, transparent 85.8%, transparent 0, transparent);
	background-size: contain;
	margin-left: 10px
}

.is-vertical .shadow-black-m:after,
.is-vertical .shadow-black-m:before {
	content: "";
	display: inline-block;
	width: 30px;
	height: 4px;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: all .4s;
	transition: all .4s
}

.is-vertical .shadow-black-m:after {
	right: 5%;
	background: -webkit-gradient(linear, left top, right top, from(#000), color-stop(14.3%, #000), color-stop(0, transparent), color-stop(28.6%, transparent), color-stop(0, rgba(0, 0, 0, .5)), color-stop(42.9%, rgba(0, 0, 0, .5)), color-stop(0, transparent), color-stop(57.2%, transparent), color-stop(0, rgba(0, 0, 0, .2)), color-stop(71.5%, rgba(0, 0, 0, .2)), color-stop(0, transparent), color-stop(85.8%, transparent), color-stop(0, transparent), to(transparent));
	background: linear-gradient(90deg, #000, #000 14.3%, transparent 0, transparent 28.6%, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .5) 42.9%, transparent 0, transparent 57.2%, rgba(0, 0, 0, .2) 0, rgba(0, 0, 0, .2) 71.5%, transparent 0, transparent 85.8%, transparent 0, transparent)
}

.is-vertical .shadow-white-m {
	position: relative
}

.is-vertical .shadow-white-m:before {
	left: 5%;
	background: -webkit-gradient(linear, right top, left top, from(#fff), color-stop(14.3%, #ffff), color-stop(0, transparent), color-stop(28.6%, transparent), color-stop(0, hsla(0, 0%, 100%, .5)), color-stop(42.9%, hsla(0, 0%, 100%, .5)), color-stop(0, transparent), color-stop(57.2%, transparent), color-stop(0, hsla(0, 0%, 100%, .2)), color-stop(71.5%, hsla(0, 0%, 100%, .2)), color-stop(0, transparent), color-stop(85.8%, transparent), color-stop(0, transparent), to(transparent));
	background: linear-gradient(270deg, #fff, #ffff 14.3%, transparent 0, transparent 28.6%, hsla(0, 0%, 100%, .5) 0, hsla(0, 0%, 100%, .5) 42.9%, transparent 0, transparent 57.2%, hsla(0, 0%, 100%, .2) 0, hsla(0, 0%, 100%, .2) 71.5%, transparent 0, transparent 85.8%, transparent 0, transparent);
	background-size: contain;
	margin-left: 10px
}

.is-vertical .shadow-white-m:after,
.is-vertical .shadow-white-m:before {
	content: "";
	display: inline-block;
	width: 30px;
	height: 4px;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: all .4s;
	transition: all .4s
}

.is-vertical .shadow-white-m:after {
	right: 5%;
	background: -webkit-gradient(linear, left top, right top, from(#fff), color-stop(14.3%, #ffff), color-stop(0, transparent), color-stop(28.6%, transparent), color-stop(0, hsla(0, 0%, 100%, .5)), color-stop(42.9%, hsla(0, 0%, 100%, .5)), color-stop(0, transparent), color-stop(57.2%, transparent), color-stop(0, hsla(0, 0%, 100%, .2)), color-stop(71.5%, hsla(0, 0%, 100%, .2)), color-stop(0, transparent), color-stop(85.8%, transparent), color-stop(0, transparent), to(transparent));
	background: linear-gradient(90deg, #fff, #ffff 14.3%, transparent 0, transparent 28.6%, hsla(0, 0%, 100%, .5) 0, hsla(0, 0%, 100%, .5) 42.9%, transparent 0, transparent 57.2%, hsla(0, 0%, 100%, .2) 0, hsla(0, 0%, 100%, .2) 71.5%, transparent 0, transparent 85.8%, transparent 0, transparent)
}

.is-vertical #picText1 .big-padding {
	padding: 0
}

.is-vertical #picText1 .pic-text-title {
	padding: 40px 30px
}

.is-vertical #picText1 .header-title-box {
	padding: 40px 30px 0
}

.is-vertical #qing-picTextM {
	background-color: #ebedec;
	padding-block: 40px 20px
}

.is-vertical #qing-picTextM .page-padding {
	padding: 0 30px
}

.is-vertical #qing-picTextM .list-wrap {
	padding-block: 30px 15px
}

.is-vertical #qing-picTextM .list-wrap .eq-video {
	height: 40vh
}

.is-vertical #qing-picTextM .btn-link-wrap {
	padding-top: 30px;
	text-align: center
}

.is-vertical #qing-picTextM .btn-link-wrap .c-button {
	width: 70%
}

.is-vertical #qing-picTextM .btn-link-wrap .c-button:first-child a {
	border: 1px solid #707171;
	color: #000
}

.is-vertical #qing-picTextM .btn-link-wrap .c-button:nth-child(2) {
	background-color: #0d2b5d;
	margin-top: 10px
}

.is-vertical #weilai-picText2 .header-title-box {
	padding-top: 40px
}

.is-vertical #weilai-picText2 .eq-video {
	height: 60vh
}

.is-vertical #weilai-picText3 .header-title-box {
	padding: 0 30px;
	top: 30%
}

.is-vertical #weilai-picText3 .header-title-box .header-desc {
	text-align: left;
	margin-top: 30px
}

.is-vertical #weilai-picText3 img {
	height: 100vh;
	width: auto
}

.is-vertical #jiqiren-picText1 .pic-text-title {
	padding: 40px 30px
}

.is-vertical #jiqiren-picText3>.page-padding {
	padding: 0
}

.is-vertical #jiqiren-picText3 .list img {
	height: 100vh;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.is-vertical #jiqiren-picText3 .header-title-box {
	width: 100%;
	left: 0;
	top: 100px;
	padding: 0 30px;
	-webkit-transform: unset;
	transform: unset;
	text-align: left
}

.is-vertical #jiqiren-picText3 .header-title-box .header-desc {
	margin-top: 30px
}

.c-page-cont .swiper-wrapper {
	display: block
}

.c-page-cont .header-title {
	margin-bottom: 60px
}

.c-page-cont .img-container {
	width: 50%;
	height: 320px;
	background-color: #f7f3f2 !important;
	background-size: cover;
	background-position: 50%;
	background-repeat: no-repeat
}

.c-page-cont .text-wrap {
	width: 50%;
	padding: 5%
}

.c-page-cont .title {
	margin-bottom: 30px
}

.c-page-cont .pic-left .img-container,
.c-page-cont .pic-left .text-wrap {
	float: left
}

.c-page-cont .pic-right .img-container,
.c-page-cont .pic-right .text-wrap {
	float: right
}

.is-vertical .c-page-cont .header-title {
	margin-bottom: 30px
}

.is-vertical .c-page-cont .img-container,
.is-vertical .c-page-cont .text-wrap {
	float: inherit !important;
	width: 100%
}

.is-vertical .c-page-cont .title {
	margin-bottom: 15px
}

.is-vertical .c-page-cont .text-wrap {
	padding: 20px 0 40px
}

.c-social-report {
	margin-bottom: 120px
}

@media (max-width:751px) {
	.c-social-report .search-container {
		padding: 0
	}
}

.c-social-report .header {
	display: -webkit-box;
	display: -ms-flexbox;
	background: #f6f3f2;
	height: 80px;
	padding: 0 30px;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 60px
}

@media (max-width:751px) {
	.c-social-report .header {
		height: auto;
		display: block;
		padding: 30px
	}
}

.c-social-report .header .dropup-container,
.c-social-report .header .input-container {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.c-social-report .header .input-container {
	width: 515px;
	height: 40px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	border: 1px solid #e4dcd3;
	margin-left: 10px;
	background: #fff
}

@media (max-width:751px) {
	.c-social-report .header .input-container {
		width: 100%;
		padding-right: 10px;
		margin: 0
	}
}

.c-social-report .header .input-container input {
	-webkit-box-flex: 10;
	-ms-flex: 10;
	flex: 10;
	height: 100%;
	padding-left: 30px
}

@media (max-width:751px) {
	.c-social-report .header .input-container input {
		padding-left: 10px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		width: 100%;
		-webkit-box-flex: 1;
		-ms-flex: auto;
		flex: auto
	}
}

.c-social-report .header .input-container .iconfont {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.c-social-report .header .caret,
.c-social-report .header .iconfont {
	color: #e2dbd3
}

.c-social-report .header .caret {
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 8px solid
}

.c-social-report .header .dropup-container {
	position: relative;
	width: 515px;
	height: 40px;
	background: #fff;
	border: 1px solid #e4dcd3
}

@media (max-width:751px) {
	.c-social-report .header .dropup-container {
		width: 100%;
		margin-bottom: 10px
	}
}

.c-social-report .header .dropup-container .dropdown-toggle {
	width: 100%;
	height: 100%;
	padding: 0 10px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	cursor: pointer
}

.c-social-report .header .dropdown-menu {
	width: 100%;
	padding: 15px;
	cursor: pointer
}

.c-social-report .header .dropdown-menu li {
	height: 40px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.c-social-report .title {
	margin-top: 80px;
	margin-bottom: 60px
}

@media (max-width:751px) {
	.c-social-report .title {
		margin-top: 65px;
		margin-bottom: 30px
	}
}

.c-social-report .item-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: 60px;
	margin-right: -40px
}

.c-social-report .item {
	display: block;
	width: 355px;
	margin-bottom: 60px;
	margin-right: 16px
}

.c-social-report .img-container {
	width: 100%;
	padding-bottom: 100%;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	border: 1px solid #e4dcd3
}

.c-social-report .img-box {
	width: 100%;
	margin-bottom: 30px;
	position: relative
}

.c-social-report .img-box img {
	width: 100%
}

.c-social-report .img-box .icon-player {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
	font-size: 46px;
	color: #fff;
	width: 100%;
	height: 100%;
	background: url(../img/icon-player.svg) no-repeat 50%;
	opacity: .5;
	cursor: pointer
}

.c-social-report .img-box .icon-player:hover {
	opacity: 1
}

.c-social-report .btn-link-wrap {
	text-align: center;
	position: relative;
	margin-top: 6rem
}

.c-social-report .btn-link-wrap:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	border-top: 1px solid #e4dcd3;
	z-index: 0
}

.c-social-report .btn-link-wrap .c-button {
	position: relative;
	background: #fff;
	z-index: 2
}

.c-social-report .state {
	color: #999
}

.c-social-report .module-text .title {
	margin-bottom: 0;
	border-bottom: 1px solid #00000080
}

.c-social-report .module-text .item-container {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	margin-top: 1vh;
	margin-right: 0
}

.c-social-report .module-text .item-container .item {
	width: 100%;
	position: relative;
	margin-bottom: 0
}

.c-social-report .module-text .item-container .item:nth-child(5n) {
	margin-right: 0
}

.c-social-report .module-text .item-container .item .img-box {
	margin-bottom: 16px;
	display: none
}

.c-social-report .module-text .item-container .item .text {
	width: 100%;
	font-size: 16px;
	font-weight: 400;
	padding-block: 2vh;
	border-bottom: 1px solid #ddd;
	color: #000
}

@media screen and (min-width:900px) {
	.c-social-report .module-text .item-container .item .text {
		font-size: 20px
	}
}

.c-social-report [custom-bg=true] .img-box {
	background: #002c5f
}

.c-social-report [data-hide=hide] {
	display: none !important
}

.is-vertical .c-social-report .item-container {
	margin-top: 60px;
	margin-right: 0
}

.is-vertical .c-social-report .item {
	display: block;
	width: 100%;
	margin-bottom: 5rem;
	margin-right: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.is-vertical .c-social-report .img-box {
	margin-bottom: 20px
}

.is-vertical .c-social-report .btn-link-wrap {
	margin-top: 3rem
}

.is-vertical .c-social-report .module-text .title {
	padding-bottom: 2vh
}

.is-vertical .c-social-report .module-text .item-container {
	margin-top: 0;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.c-news {
	padding: 90px 0
}

.c-news.no-pa {
	padding-top: 0
}

.c-news.padding-bottom-60 {
	padding-bottom: 60px
}

.c-news.line {
	border-top: 1px solid #e4dcd3
}

.c-news.line .content .imgs-wrap {
	margin-top: 0;
	margin-bottom: 0
}

.c-news.line .content .imgs-wrap .list {
	margin-bottom: 0
}

.c-news .pic {
	background-position: 50% !important;
	background-repeat: no-repeat !important;
	background-size: cover !important
}

.c-news .go-black {
	padding: 0 0 50px
}

.c-news .form {
	background: #f7f3f2;
	padding: 20px 30px;
	margin: 60px 0
}

.c-news .form .list-wrap {
	margin: 0 -5px
}

.c-news .form .list {
	width: 50%;
	float: left;
	padding: 0 5px;
	color: #9c9c9c
}

.c-news .form .list .group {
	width: 100%;
	height: 100%;
	position: relative
}

.c-news .form .list .group .dropdown-menu {
	border-radius: 0;
	border-top: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	max-height: 300px;
	overflow-y: auto
}

.c-news .form .list .group .dropdown-menu a {
	border-top: 1px solid #e4dcd3
}

.c-news .form .list .group .dropdown-menu li.active {
	background: #f7f3f2
}

.c-news .form .list .group.open .dropdown-menu {
	border-top: none
}

.c-news .form .list .group.open button {
	border-bottom: 1px solid transparent !important
}

.c-news .form .list .group.open i {
	-webkit-transform: translateY(-50%) rotate(180deg);
	transform: translateY(-50%) rotate(180deg)
}

.c-news .form .list .group button {
	text-align: left;
	width: 100%;
	height: 100%;
	display: block;
	outline: none;
	border: none;
	background: none
}

.c-news .form .list .group i {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 25px;
	cursor: pointer;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out
}

.c-news .form .list .group .triangle {
	width: 0;
	height: 0;
	border-top: 10px solid #e2dbd3;
	border-right: 6px solid transparent;
	border-left: 6px solid transparent
}

.c-news .form .list .dropdown-menu {
	width: 100%;
	padding: 0;
	margin: 0
}

.c-news .form .list .dropdown-menu>li {
	padding: 0 60px 0 25px
}

.c-news .form .list .dropdown-menu>li:hover a {
	color: #000
}

.c-news .form .list .dropdown-menu>li>a {
	cursor: pointer;
	min-height: 50px;
	line-height: 30px;
	padding: 10px 0;
	background: none;
	color: #666
}

.c-news .form .list input {
	text-align: left
}

.c-news .form .list .btn {
	padding: 0 25px;
	display: block;
	width: 100%;
	height: 50px;
	line-height: 50px;
	border: 1px solid #e4dcd3 !important;
	outline: none;
	cursor: inherit;
	border-radius: 0;
	background: #fff !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important
}

.c-news .content a {
	display: block;
	height: 100%
}

.c-news .content .text-content.de-none .list {
	display: none
}

.c-news .content .text-content.de-none .list.active {
	display: block
}

.c-news .content .text-content.message .list-wrap {
	margin: 0 -5px;
	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
}

.c-news .content .text-content.message .list {
	display: none
}

.c-news .content .text-content.message .list.active {
	display: block
}

.c-news .content .text-content.message .list {
	padding: 0 5px;
	width: 33.3333333%;
	margin-bottom: 10px
}

.c-news .content .text-content.message .list .p {
	margin: auto
}

.c-news .content .text-content.message .list .text-wrap {
	height: 100%;
	position: relative
}

.c-news .content .text-content.message .list .text-wrap.more a:hover,
.c-news .content .text-content.message .list .text-wrap.more a:hover i {
	color: #43c7ee
}

.c-news .content .text-content.message .list .down {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%
}

.c-news .content .text-content.message .list .link {
	border: 1px solid #e4dcd3;
	overflow: hidden;
	padding: 20px;
	height: 270px
}

.c-news .content .text-content.message .list .link:hover {
	background: #f7f3f2
}

.c-news .content .text-content.message .list .title {
	margin-bottom: 25px
}

.c-news .content .text-content.message .list .download {
	position: relative;
	display: block;
	color: #878787
}

.c-news .content .text-content.message .list .iconfont {
	color: #000
}

.c-news .content .text-content.message .list .h4.iconfont {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 0;
	margin: 0
}

.c-news .content .text-wrap {
	overflow: hidden
}

.c-news .content .text-wrap .timer {
	text-align: left;
	color: #9c9c9c
}

.c-news .content .text-wrap .text {
	margin-bottom: 20px
}

.c-news .content .text-wrap .text:last-of-type {
	margin-bottom: 0
}

.c-news .content .btn-link-wrap {
	text-align: center
}

.c-news .content .btn-link-wrap.line-all {
	position: relative
}

.c-news .content .btn-link-wrap.line-all:before {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	border-bottom: 1px solid #e4dcd3;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 0
}

.c-news .content .btn-link-wrap.line-all .c-button {
	position: relative;
	z-index: 9;
	background: #fff
}

.c-news .content .imgs-wrap {
	margin: 60px -10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-line-pack: justify;
	align-content: space-between
}

.c-news .content .imgs-wrap img {
	width: 100%
}

.c-news .content .imgs-wrap .p {
	color: #878787;
	margin: 20px auto 10px
}

.c-news .content .imgs-wrap .list {
	width: 50%;
	padding: 0 10px;
	margin-bottom: 20px
}

.c-news .content .news-1107 .imgs-wrap {
	margin-inline: 0;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch
}

.c-news .content .news-1107 .list {
	width: calc((100% - 20px) / 3);
	padding: 0;
	margin-right: 10px
}

.c-news .content .news-1107 .list:nth-child(3n) {
	margin-right: 0
}

.c-news .content .news-1107 .title {
	margin-block: 30px 15px
}

.c-news .content .news-1107 .p {
	margin: 0
}

.c-news .content .list-box {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.c-news .content .list-box .list {
	position: relative;
	padding-bottom: 24%;
	width: 38%;
	float: left
}

.c-news .content .list-box .list>a {
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.c-news .content .list-box .list>a:hover {
	background-color: #292d1b
}

.c-news .content .list-box .list>a:hover .text-wrap {
	opacity: 1
}

.c-news .content .list-box .list>a:hover .text-hover {
	opacity: 0
}

.c-news .content .list-box .list>a .pic {
	height: 100%
}

.c-news .content .list-box .list .text-hover {
	position: absolute;
	width: 100%;
	height: 100%;
	bottom: 0;
	padding: 20px;
	-webkit-transition: opacity 1s;
	transition: opacity 1s
}

.c-news .content .list-box .list .text-hover .title {
	color: #fff;
	position: absolute;
	bottom: 20px;
	z-index: 2;
	margin-bottom: 0
}

.c-news .content .list-box .list .text-wrap {
	position: absolute;
	width: 100%;
	height: 100%;
	bottom: 0;
	padding: 20px;
	opacity: 0;
	-webkit-transition: opacity 1s;
	transition: opacity 1s;
	background-color: #292d1b63;
	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-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.c-news .content .list-box .list .text-wrap .timer,
.c-news .content .list-box .list .text-wrap .title {
	width: 100%;
	color: #fff;
	text-align: center;
	margin: 0
}

.c-news .content .list-box .visible {
	width: calc(50% - 10px) !important
}

.c-news .content .list-box .list {
	-webkit-transition: all .4s;
	transition: all .4s
}

.c-news .top-title-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch
}

.c-news .top-title-box .form {
	width: 30%;
	margin: 0;
	padding: 0;
	background-color: #e4dbd2
}

.c-news .top-title-box .form .list-wrap {
	height: 100%
}

.c-news .top-title-box .form .list {
	float: none;
	margin: auto;
	height: 100%;
	width: 180px
}

.c-news .top-title-box .form .list .btn {
	border: 0 !important;
	background-color: transparent !important;
	height: 100%;
	line-height: 100%;
	padding-right: 50px
}

.c-news .news-swiper-1107 {
	padding-block: 60px 30px;
	margin-bottom: 90px
}

.c-news .news-swiper-1107 .swiper-scrollbar {
	width: 80%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	bottom: 1%;
	height: 3px;
	border-radius: 0;
	overflow: visible
}

.c-news .news-swiper-1107 .swiper-scrollbar .swiper-scrollbar-drag {
	height: 6px;
	background-color: #0d2b5d;
	top: -2px;
	border-radius: 0
}

.c-news .news-swiper-1107 .pic img {
	width: 100%
}

.c-news .news-swiper-1107 .text-wrap .title {
	margin-block: 30px 15px
}

.c-news .news-more {
	background-color: #f6f3f2;
	padding: 90px 0
}

#news-all {
	padding-bottom: 0
}

.brand-magazine-wrap .c-news {
	padding-top: 0 !important
}

.brand-magazine-wrap .c-news .container .content .imgs-wrap {
	margin: 0
}

.brand-magazine-wrap .c-news .container .content .btn-link-wrap,
.brand-magazine-wrap .c-news .container .content>.title {
	display: none
}

.brand-magazine-wrap .c-news .container .form {
	padding: 0;
	background-color: #fff
}

.brand-magazine-wrap .c-news .container .form .list-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.brand-magazine-wrap .c-news .container .form .list-wrap .list {
	width: calc(50% - 10px);
	background-color: #f0eeeb
}

.brand-magazine-wrap .c-news .container .form .list-wrap .list .btn {
	text-align: center !important;
	border: 0 !important;
	background-color: transparent !important
}

.is-vertical .c-news {
	padding: 60px 0
}

.is-vertical .c-news .tips {
	padding: 0 30px
}

.is-vertical .c-news.line .content .imgs-wrap {
	margin-top: 0
}

.is-vertical .c-news.line .content .imgs-wrap .list {
	margin-bottom: 30px
}

.is-vertical .c-news.line .content .imgs-wrap .list:last-child {
	margin-bottom: 0
}

.is-vertical .c-news .container {
	padding: 0
}

.is-vertical .c-news .content .text-content.message {
	padding: 0 30px
}

.is-vertical .c-news .content .text-content.message .text-wrap {
	padding: 0
}

.is-vertical .c-news .content .text-content.message .download {
	margin-top: 10px
}

.is-vertical .c-news .content .text-content.message .tips {
	padding: 0
}

.is-vertical .c-news .content .title {
	padding: 0 30px
}

.is-vertical .c-news .content .imgs-wrap {
	margin: 30px auto
}

.is-vertical .c-news .content .imgs-wrap .list {
	width: 100%;
	padding: 0
}

.is-vertical .c-news .content .imgs-wrap .text-wrap {
	padding: 0 30px
}

.is-vertical .c-news .content .imgs-wrap .text-wrap .title {
	padding: 0
}

.is-vertical .c-news .content .form {
	margin: 0 auto 30px;
	padding: 25px 30px
}

.is-vertical .c-news .content .form .list {
	width: 100%;
	margin-bottom: 10px
}

.is-vertical .c-news .content .form .list .dropdown-menu>li {
	padding: 0 40px 0 15px
}

.is-vertical .c-news .content .form .list .dropdown-menu>li>a {
	padding: 10px 0;
	line-height: 20px;
	min-height: 40px
}

.is-vertical .c-news .content .form .list:last-child {
	margin-bottom: 0
}

.is-vertical .c-news .content .form .list .btn {
	line-height: 40px;
	height: 40px;
	padding: 0 15px;
	text-align: left
}

.is-vertical .c-news .content .form .group i {
	right: 10px
}

.is-vertical .c-news .content .form .group .triangle {
	right: 14px
}

.is-vertical .c-news .btn-link-wrap {
	padding: 0 30px
}

.is-vertical .c-news .btn-link-wrap .c-button {
	width: 100%
}

.is-vertical .c-news .btn-link-wrap.line-all:before {
	display: none
}

.is-vertical .c-news .list-box .list {
	padding-bottom: 0;
	position: relative
}

.is-vertical .c-news .list-box .list>a {
	position: relative;
	height: auto
}

.is-vertical .c-news .list-box .list>a:hover {
	background: transparent
}

.is-vertical .c-news .list-box .list>a .text-wrap {
	position: relative;
	background: transparent;
	padding: 30px;
	opacity: 1
}

.is-vertical .c-news .list-box .list>a .text-wrap .timer {
	text-align: left;
	color: #878787;
	margin-top: 10px
}

.is-vertical .c-news .list-box .list>a .text-wrap .title {
	text-align: left;
	color: #000
}

.is-vertical .c-news .list-box .list>a .text-wrap .title span {
	font-size: .7em
}

.is-vertical .c-news .list-box .list .news-more {
	padding-block: 0 60px;
	background-color: #fff
}

.is-vertical .c-news .list-box .list .news-more .form {
	margin: 0;
	padding: 0;
	width: 100%;
	background-color: #f4f1ef
}

.is-vertical .c-news .list-box .list .news-more .form .list-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.is-vertical .c-news .list-box .list .news-more .form .list-wrap .list {
	width: 40%;
	margin-bottom: 0
}

.is-vertical .c-news .list-box .list .news-more .imgs-wrap {
	margin-top: 0
}

.is-vertical .c-news .list-box .list .news-more .imgs-wrap .list {
	margin-right: 0
}

.is-vertical .c-news .list-box .list .news-more .imgs-wrap .list .title {
	margin-block: 20px 10px
}

.is-vertical .c-news .news-more {
	padding-block: 0 60px;
	background-color: #fff
}

.is-vertical .c-news .news-more .form {
	margin: 0;
	padding: 0;
	width: 100%;
	background-color: #f4f1ef
}

.is-vertical .c-news .news-more .form .list-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.is-vertical .c-news .news-more .form .list-wrap .list {
	width: 40%;
	margin-bottom: 0
}

.is-vertical .c-news .news-more .imgs-wrap {
	margin-top: 0
}

.is-vertical .c-news .news-more .imgs-wrap .list {
	margin-right: 0
}

.is-vertical .c-news .news-more .imgs-wrap .list .title {
	margin-block: 20px 10px
}

.is-vertical #news-all {
	padding-top: 0
}

.is-vertical .brand-magazine-wrap .c-news .container .form .list {
	width: 100%;
	margin: 0
}

.is-vertical .brand-magazine-wrap .c-news .container .form .list:first-child {
	margin-bottom: 10px
}

.is-vertical .brand-magazine-wrap .c-news .container .form .list .btn {
	background-color: #fff !important;
	border: 1px solid #e4dcd3 !important
}

.is-vertical .brand-magazine-wrap .c-news .container .form .list-wrap .btn-group .btn i {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 10px;
	cursor: pointer;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out
}

.is-vertical .brand-magazine-wrap .c-news .flag {
	font-weight: 900
}

.is-vertical .brand-magazine-wrap .c-news .list-box .list {
	opacity: 0;
	-webkit-transform: translateY(50%);
	transform: translateY(50%)
}

.is-vertical .brand-magazine-wrap .c-news .list-box .show-slide {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0)
}

.is-vertical .brand-magazine-wrap .form {
	padding: 15px 30px !important;
	background-color: #f0eeeb !important
}

.is-vertical .brand-magazine-wrap .form .list-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.is-vertical .brand-magazine-wrap .form .list-wrap .group {
	height: auto
}

.is-vertical .brand-magazine-wrap .form .list-wrap .btn-group .btn {
	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
}

.is-vertical .brand-magazine-wrap .form .list-wrap .btn-group .btn i {
	font-size: 16px;
	position: relative;
	-webkit-transform: none;
	transform: none;
	top: auto;
	right: -10px
}

.c-details {
	background: #f7f3f2;
	padding: 120px 0
}

.c-details #copy_content {
	font-size: 0
}

.c-details .tips-timer {
	bottom: 150%;
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	color: #fff;
	padding: 8px 10px;
	background: rgba(0, 0, 0, .6);
	border-radius: 10px;
	word-break: break-word;
	white-space: nowrap
}

.c-details .share .iconfont {
	position: relative;
	cursor: pointer
}

.c-details .share .iconfont:hover {
	color: #00aad2
}

.c-details #wxCode {
	display: none;
	top: -150px;
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 140px;
	height: 140px;
	background: #fff;
	padding: 10px;
	border-radius: 6px;
	-webkit-box-shadow: 0 0 10px 0 #aaa;
	box-shadow: 0 0 10px 0 #aaa
}

.c-details .go-black {
	padding: 0 0 50px
}

.c-details .text-content iframe,
.c-details .text-content img,
.c-details .text-content video {
	width: 100% !important;
	margin: 25px auto !important;
	display: block !important
}

.c-details .text-content p {
	margin: 25px auto
}

.c-details .content {
	background: #fff;
	border: 1px solid #e4dcd3;
	padding: 90px 80px
}

.c-details .content .cont1 {
	margin-bottom: 30px
}

.c-details .content .timer {
	float: left;
	color: #9c9c9c
}

.c-details .content .share {
	float: right
}

.c-details .content .share i {
	margin-left: 5px
}

.c-details .content .title {
	margin-bottom: 25px
}

.c-details .content .tag-wrap {
	margin-bottom: 50px
}

.c-details .content .tag-wrap .tag {
	float: left;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
	text-align: center;
	min-width: 120px;
	margin-right: 10px;
	padding: 13px 20px;
	color: #999;
	border: 1px solid #e4dcd3;
	cursor: pointer;
	margin-bottom: 10px
}

.c-details .content .line {
	border-bottom: 2px solid #e4dcd3;
	margin-bottom: 65px
}

.c-details .content .text-wrap {
	margin-bottom: 60px
}

.c-details .content .text-wrap .text {
	margin-bottom: 20px
}

.c-details .content .text-wrap .text:last-of-type {
	margin-bottom: 0
}

.c-details .content .imgs-wrap {
	margin: 60px auto
}

.c-details .content .imgs-wrap img {
	max-width: 100%;
	width: auto;
	margin: 0 auto
}

.c-details .content .imgs-wrap .p {
	color: #878787;
	margin-top: 25px;
	text-align: center
}

.c-details .content .imgs-wrap.two {
	margin: 60px -5px
}

.c-details .content .imgs-wrap.two .pic {
	width: 50%;
	padding: 0 5px;
	float: left
}

.c-details .content .imgs-wrap.two .p {
	text-align: left
}

.c-details .content .dot-wrap {
	background: #f6f3f2;
	padding: 5% 15%;
	margin: 60px auto;
	width: 100%
}

.c-details .content .dot-wrap .img {
	display: block;
	width: 36px;
	margin: 40px auto
}

.c-details .content .dot-wrap .name {
	color: #9c9c9c;
	text-align: center
}

.c-details .content .list {
	position: relative
}

.c-details .content .list .blue {
	color: #43c7ee
}

.c-details .content .list.img-right {
	margin: 60px auto
}

.c-details .content .list.img-right .text-wrap {
	position: absolute;
	width: 60%;
	float: left;
	top: 0;
	left: 0;
	height: 100%;
	margin-bottom: 0
}

.c-details .content .list.img-right .text-wrap .text-w {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%
}

.c-details .content .list.img-right .imgs-wrap {
	width: 35%;
	float: right;
	margin: 0
}

.c-details .content .list.img-left {
	margin: 60px auto
}

.c-details .content .list.img-left .text-wrap {
	position: absolute;
	top: 0;
	right: 0;
	width: 60%;
	height: 100%;
	float: right;
	margin-bottom: 0
}

.c-details .content .list.img-left .text-wrap .text-w {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%
}

.c-details .content .list.img-left .imgs-wrap {
	width: 35%;
	float: left;
	margin: 0
}

.c-details .out-wrap {
	margin: 60px -10px
}

.c-details .out-wrap .list {
	width: 50%;
	float: left;
	padding: 0 10px
}

.c-details .out-wrap .text {
	display: block;
	position: relative;
	background: #fff;
	border: 1px solid #e4dcd3;
	padding: 35px 100px 35px 35px
}

.c-details .out-wrap .text i {
	position: absolute;
	bottom: 35px;
	right: 35px
}

.c-details .out-wrap .text .tips {
	margin-bottom: 25px
}

.c-details.fill {
	background: none;
	border-top: 1px solid #e4dcd3
}

.c-details.fill .out-wrap {
	margin-top: 0;
	margin-bottom: 0
}

.c-details.fill .out-wrap .list {
	width: 100%;
	margin-bottom: 20px
}

.c-details.fill .out-wrap .list:last-of-type {
	margin-bottom: 0
}

.is-vertical .c-details {
	padding: 60px 0;
	background: #fff
}

.is-vertical .c-details.fill .out-wrap {
	margin-top: 0;
	margin-bottom: 0
}

.is-vertical .c-details.fill .out-wrap .list .text {
	background: none
}

.is-vertical .c-details .text-content p {
	line-height: 1.6
}

.is-vertical .c-details .go-black {
	padding: 30px 0
}

.is-vertical .c-details .go-black i,
.is-vertical .c-details .go-black span {
	display: inline-block;
	vertical-align: middle
}

.is-vertical .c-details .content {
	border: none;
	padding: 0
}

.is-vertical .c-details .content .dot-wrap {
	margin: 40px auto
}

.is-vertical .c-details .content .dot-wrap img {
	margin: 20px auto
}

.is-vertical .c-details .content .list.img-left {
	margin: 40px auto
}

.is-vertical .c-details .content .list.img-left .imgs-wrap {
	width: 100%
}

.is-vertical .c-details .content .list.img-left .text-wrap {
	position: relative;
	width: 100%
}

.is-vertical .c-details .content .list.img-left .text-wrap .text-w {
	margin: 40px auto 0;
	position: static;
	-webkit-transform: inherit;
	transform: inherit
}

.is-vertical .c-details .content .list.img-right {
	margin: 40px auto
}

.is-vertical .c-details .content .list.img-right .imgs-wrap {
	width: 100%
}

.is-vertical .c-details .content .list.img-right .text-wrap {
	position: relative;
	width: 100%
}

.is-vertical .c-details .content .list.img-right .text-wrap .text-w {
	margin: 40px auto 0;
	position: static;
	-webkit-transform: inherit;
	transform: inherit
}

.is-vertical .c-details .content .text-wrap {
	margin-bottom: 30px
}

.is-vertical .c-details .content .tag-wrap {
	margin-bottom: 15px
}

.is-vertical .c-details .content .imgs-wrap {
	margin: 40px auto
}

.is-vertical .c-details .content .imgs-wrap.two .pic {
	width: 100%;
	margin-bottom: 40px
}

.is-vertical .c-details .content .imgs-wrap.two .pic:last-child {
	margin-bottom: 0
}

.is-vertical .c-details .content .share {
	float: left
}

.is-vertical .c-details .content .line {
	margin-bottom: 25px
}

.is-vertical .c-details .cont1 {
	margin-bottom: 5px
}

.is-vertical .c-details .cont1.visible-vert {
	margin-bottom: 25px
}

.is-vertical .c-details .out-wrap {
	margin: 40px 0
}

.is-vertical .c-details .out-wrap .list {
	padding: 0;
	width: 100%;
	margin-bottom: 10px
}

.is-vertical .c-details .out-wrap .list:last-child {
	margin-bottom: 0
}

.is-vertical .c-details .out-wrap .list .text {
	background: #f7f3f2;
	padding: 20px 70px 20px 20px
}

.is-vertical .c-details .out-wrap .list .text i {
	bottom: 25px;
	right: 25px
}

.c-news.c-manual .form .list .btn {
	text-align: left
}

.c-news.c-manual .content .list-all-wrap {
	display: none
}

.c-news.c-manual .content .list-show-wrap {
	padding-bottom: 6rem
}

.c-news.c-manual .content .list-show-wrap .list-group {
	display: none;
	margin-bottom: 0
}

.c-news.c-manual .content .manual-list {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	margin-left: -5px;
	margin-right: -5px
}

.c-news.c-manual .content .manual-list .manual-item {
	position: relative;
	margin: 5px;
	background: #fff;
	border: 1px solid #e4dcd3;
	width: calc(33.3333% - 10px);
	height: 200px;
	overflow: hidden;
	display: inline-block;
	padding: 3rem
}

.c-news.c-manual .content .manual-list .manual-item .timer {
	text-align: left;
	color: #9c9c9c
}

.c-news.c-manual .content .manual-list .manual-item .desc {
	position: absolute;
	left: 3rem;
	bottom: 2.2rem;
	color: #9c9c9c
}

.c-news.c-manual .content .manual-list .manual-item .desc:last-of-type {
	margin-bottom: 0
}

.c-news.c-manual .content .manual-list .manual-item .btn-down {
	position: absolute;
	right: 1.8rem;
	bottom: 1.8rem;
	padding: 0 8px;
	font-size: 3rem;
	height: auto
}

.c-news.c-manual .content .manual-list .manual-item .btn-down .iconfont {
	font-size: 18px
}

.c-news.c-manual .content .manual-list .manual-item:hover {
	background: #f6f3f2
}

.c-news.c-manual .content .btn-link-wrap {
	text-align: center;
	position: relative
}

.c-news.c-manual .content .btn-link-wrap:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	border-top: 1px solid #e4dcd3;
	z-index: 0
}

.c-news.c-manual .content .btn-link-wrap .c-button {
	position: relative;
	background: #fff;
	z-index: 2
}

.service-manual-wrap .c-banner .swiper-slide {
	padding-bottom: 26%
}

.service-manual-wrap .c-banner .swiper-slide .cont {
	position: absolute;
	top: 0;
	left: 0
}

.is-vertical .c-news.c-manual .content .manual-list {
	padding: 0 3rem 3rem;
	margin-right: 0;
	margin-left: 0
}

.is-vertical .c-news.c-manual .content .manual-list .manual-item {
	margin: 10px 0 0;
	width: 100%
}

.is-vertical .c-news.c-manual .content .manual-list .manual-item .title {
	padding: 0;
	margin-top: 4px
}

.is-vertical .service-manual-wrap .c-banner .swiper-slide {
	padding-bottom: 110.6%
}

.service-bluelink .all-page .title-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.service-bluelink .all-page .title-box .text-left {
	-webkit-box-flex: 2;
	-ms-flex: 2;
	flex: 2
}

.service-bluelink .all-page .title-box .ewm-right {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.service-bluelink .all-page .title-box .ewm-right img {
	width: 126px
}

.service-bluelink .all-page .title-box .ewm-right p {
	text-align: center;
	margin-top: .5rem;
	font-weight: 700
}

.service-bluelink .all-page .usage-bg {
	position: relative;
	width: 100%;
	height: 100%;
	margin-top: 12rem
}

.service-bluelink .all-page .usage-bg>img {
	display: none;
	width: 100%
}

.service-bluelink .all-page .usage-bg .container {
	position: absolute;
	height: 100%;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}

.service-bluelink .all-page .usage-box {
	position: absolute;
	min-width: 364px;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.service-bluelink .all-page .usage-box>div,
.service-bluelink .all-page .usage-box>div>P {
	color: #162f4d !important
}

.service-bluelink .all-page .usage-box .sub-title {
	margin-top: 2rem
}

.service-bluelink .all-page .usage-box .mb-h2,
.service-bluelink .all-page .usage-box .tips {
	color: #fff !important
}

.service-bluelink .description {
	margin-top: 3rem
}

.service-bluelink .content {
	margin-top: 6rem
}

.service-bluelink .content>div>div.col-12.col-md-6>img {
	aspect-ratio: 13/16
}

.service-bluelink .content .usage-box {
	padding-top: 13%;
	padding-left: 13%
}

.service-bluelink .content .usage-box .tips {
	color: #00aad2;
	display: inline-block;
	margin-left: 1rem
}

.service-bluelink .content .usage-box .sub-title {
	margin-top: 2rem
}

.service-bluelink .content .usage-box p {
	margin-top: .5rem;
	margin-bottom: .5rem
}

.service-bluelink .content .usage-box .description {
	margin-top: 2rem
}

.service-bluelink .content .s-line {
	border-top: 1px solid #e4dcd3;
	margin: 6rem 0
}

.service-bluelink .content .img-wrap {
	margin-top: 3rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row
}

.service-bluelink .content .img-wrap .img-box {
	width: 50%;
	display: inline-block
}

.service-bluelink .content .img-wrap .img-box .img-qrcode {
	width: 126px;
	aspect-ratio: 1
}

.body-service-bluelink-wrap .c-banner .swiper-slide {
	padding-bottom: 28.43%
}

.body-service-bluelink-wrap .c-banner .swiper-slide .placeholder {
	position: absolute;
	top: 0;
	left: 0
}

.service-bluelink-wrap .c-banner .cont>img {
	aspect-ratio: 96/25
}

.service-bluelink-wrap .c-banner .text-wrap {
	text-shadow: 0 0 8px rgba(0, 0, 0, .2)
}

.is-vertical .service-bluelink-wrap .c-banner .cont>img {
	aspect-ratio: 75/83
}

.is-vertical .service-bluelink-wrap .c-banner .text-wrap.mb-vertical-center {
	top: 40%
}

.is-vertical .service-bluelink-wrap .c-banner .text-wrap {
	text-shadow: none;
	color: #000
}

@media screen and (min-width:830px) {
	.usage-bg>img:first-child {
		display: block !important
	}

	.usage-bg .mb-p {
		line-height: 1.5
	}

	.Bluelink-text {
		width: 100%;
		text-align: center
	}

	.service-bluelink .h6 {
		font-size: 15px !important
	}
}

.is-vertical .service-bluelink .all-page {
	padding-bottom: 0
}

.is-vertical .service-bluelink .all-page .title-box {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.is-vertical .service-bluelink .all-page .title-box .ewm-right {
	margin-top: 6rem
}

.is-vertical .service-bluelink .all-page .usage-bg {
	background: none;
	padding-block: 0;
	background-size: contain;
	margin-top: 6rem
}

.is-vertical .service-bluelink .all-page .usage-bg .container {
	-webkit-transform: unset;
	transform: unset;
	left: 0
}

.is-vertical .service-bluelink .all-page .usage-box {
	height: 100%;
	float: none;
	min-width: auto;
	-webkit-transform: unset;
	transform: unset;
	position: unset;
	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-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	padding-bottom: 5rem
}

.is-vertical .service-bluelink .all-page .usage-box .mb-p {
	font-size: 15px
}

.is-vertical .service-bluelink .content .usage-box {
	padding-left: 0
}

.is-vertical .service-bluelink .content .usage-box .tips {
	display: block;
	margin-left: 0;
	margin-top: 1.5rem
}

.is-vertical .service-bluelink .content .s-line {
	margin: 3rem 0
}

.is-vertical .service-bluelink .content .img-wrap {
	margin-top: 2rem;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.is-vertical .service-bluelink .content .img-wrap .img-box {
	width: 44%
}

.is-vertical .service-bluelink .content .img-wrap .img-box .img-qrcode {
	width: 100%
}

.body-service-bluelink-wrap.is-vertical .c-banner .swiper-slide {
	padding-bottom: 122%
}

@media screen and (max-width:829px) {
	.description p {
		font-size: 16px
	}

	.usage-bg>img:nth-child(2) {
		display: block !important
	}

	.usage-bg .container {
		width: 100%
	}

	.Bluelink-text {
		width: 100%;
		padding-inline: 30px;
		font-size: 12px
	}

	.text-wrap.mb-vertical-center {
		top: 32% !important;
		text-align: left !important;
		color: #fff !important
	}
}

@media screen and (max-width:480px) {
	.Bluelink-text {
		font-size: 10px
	}

	.usage-box .mb-p {
		line-height: 1.5
	}
}

.service-nexo .description,
.service-nexo .img-wrap {
	margin-top: 3rem
}

.service-nexo .content {
	margin-top: 6rem;
	position: relative
}

.service-nexo .content .text-wrap {
	padding: 0 6rem;
	margin-top: -4rem
}

.service-nexo .content .text-list .text-item {
	position: relative;
	margin: 5px;
	background: #fff;
	border: 1px solid #e4dcd3;
	overflow: hidden;
	padding: 4rem
}

.service-nexo .content .text-list .text-item .desc {
	margin-top: 2rem
}

.service-nexo .content .img-wrap {
	margin-top: 3rem
}

.service-nexo .title-wrap {
	background: #e4dcd3
}

.service-nexo .content-wrap {
	background: #f6f3f2
}

.service-nexo .content-wrap .note-title {
	margin-bottom: 2rem
}

.service-nexo .content-wrap .note-desc {
	margin-top: 1rem
}

.service-nexo .row-list {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	margin-left: -5px;
	margin-right: -5px
}

.service-nexo .row-list .row-item {
	position: relative;
	margin: 5px;
	background: #fff;
	border: 1px solid #e4dcd3;
	width: calc(33.3333% - 10px);
	min-height: 200px;
	overflow: hidden;
	display: inline-block;
	padding: 3rem
}

.service-nexo .row-list .row-item .title-icon {
	width: 65px;
	height: 65px;
	display: inline-block;
	vertical-align: bottom;
	margin-right: 10px
}

.service-nexo .row-list .row-item .title-icon svg {
	width: 100%;
	height: 100%
}

.service-nexo .row-list .row-item .title {
	display: inline-block;
	padding-bottom: 1rem
}

.service-nexo .row-list .row-item .desc {
	margin-top: 1rem
}

.service-nexo .row-list .map-item.active,
.service-nexo .row-list .row-item.active {
	background: #f6f3f2
}

.service-nexo .row-list .map-item {
	cursor: pointer
}

.service-nexo .row-list .map-item:hover {
	background: #f6f3f2
}

.service-nexo .row-list .map-info-text {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.service-nexo .row-list .map-info-text span:first-child {
	width: 50px;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.service-nexo .row-list.width50 {
	margin-left: -30px;
	margin-right: -30px
}

.service-nexo .row-list.width50 .row-item {
	margin: 0 30px;
	width: calc(50% - 60px)
}

.service-nexo .service-map {
	margin: 6rem 0 3rem;
	height: 500px
}

.service-nexo .help-box {
	position: relative;
	margin: 5px;
	background: #f6f3f2;
	border: 1px solid #e4dcd3;
	padding: 3rem
}

.service-nexo .help-box .title-icon {
	width: 65px;
	height: 65px;
	margin-right: 20px;
	float: left
}

.service-nexo .help-box .title-icon svg {
	width: 100%;
	height: 100%
}

.service-nexo .help-box .title {
	display: inline-block;
	padding-bottom: 1rem
}

.service-nexo .help-box.phone-box {
	padding: 6rem;
	margin-top: -1rem
}

.service-nexo .help-box.phone-box>.phone-text {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding-right: 5px
}

.service-nexo-wrap .c-banner .swiper-slide {
	padding-bottom: 26%
}

.service-nexo-wrap .c-banner .swiper-slide .cont {
	position: absolute;
	top: 0;
	left: 0
}

.body-service-nexo-wrap .c-banner .text-wrap {
	color: #000
}

.is-vertical.body-service-nexo-wrap .c-banner .text-wrap.mb-vertical-center {
	top: 40%
}

.is-vertical.body-service-nexo-wrap .c-banner .text-wrap {
	text-shadow: none;
	color: #fff
}

.is-vertical .service-nexo .container {
	padding-left: 0;
	padding-right: 0
}

.is-vertical .service-nexo .title-box {
	padding: 0 30px
}

.is-vertical .service-nexo .content {
	margin-top: 3rem
}

.is-vertical .service-nexo .content .text-wrap {
	padding: 0 3rem;
	margin-top: -3rem
}

.is-vertical .service-nexo .content .text-list .text-item {
	padding: 3rem
}

.is-vertical .service-nexo .row-list {
	padding: 0 3rem;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	margin-left: 0;
	margin-right: 0
}

.is-vertical .service-nexo .row-list .row-item {
	width: 100%;
	min-height: auto
}

.is-vertical .service-nexo .row-list .row-item .title {
	display: inline-block;
	padding-bottom: 1rem
}

.is-vertical .service-nexo .row-list.width50 {
	margin-left: 0;
	margin-right: 0
}

.is-vertical .service-nexo .row-list.width50 .row-item {
	margin: 5px 0;
	width: 100%
}

.is-vertical .service-nexo .content-map {
	position: relative
}

.is-vertical .service-nexo .service-map {
	margin: 3rem 0 0;
	height: 500px
}

.is-vertical .service-nexo .mb-address-wrap {
	position: absolute;
	width: 100%;
	top: -185px;
	left: 0;
	z-index: 98
}

.is-vertical .service-nexo .swiper {
	overflow: visible;
	width: 100%
}

.is-vertical .service-nexo .row-list .store-addr-swiper .swiper-slide {
	overflow: visible
}

.is-vertical .service-nexo .row-list .store-addr-swiper .row-item {
	min-height: 155px;
	margin: 0
}

.is-vertical .service-nexo .help-box {
	margin: 0 3rem;
	padding: 3rem
}

.is-vertical .service-nexo .help-box.phone-box {
	padding: 4rem 2rem;
	margin-top: 3rem
}

.is-vertical .service-nexo .help-box.phone-box .title-icon {
	width: 55px;
	height: 55px;
	margin-right: 10px;
	float: left
}

.is-vertical .service-nexo .page-padding.page-padding-last {
	padding-bottom: 6rem
}

.is-vertical .service-nexo-wrap .c-banner .swiper-slide {
	padding-bottom: 110.6%
}

.test-drive {
	margin-top: 60px
}

.test-drive .description {
	margin-top: 3rem
}

.test-drive .step-tips {
	margin-top: 3rem;
	color: #00aad2
}

.test-drive .img-wrap {
	margin-top: 3rem
}

.test-drive .title-wrap {
	margin-top: 3rem;
	margin-bottom: 3rem
}

.test-drive .space-30 {
	margin-top: 3rem !important
}

.test-drive .space-60 {
	margin-top: 6rem !important
}

.test-drive .text-list .text-item {
	position: relative;
	margin: 5px;
	background: #fff;
	border: 1px solid #e4dcd3;
	overflow: hidden;
	padding: 4rem
}

.test-drive .text-list .text-item .desc {
	margin-top: 2rem
}

.test-drive .row-list {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	margin-left: -5px;
	margin-right: -5px
}

.test-drive .row-list .row-item {
	position: relative;
	margin: 5px;
	background: #fff;
	border: 1px solid #e4dcd3;
	width: calc(25% - 10px);
	min-height: 200px;
	overflow: hidden;
	display: inline-block;
	padding: 3rem
}

.test-drive .row-list .row-item .title {
	display: inline-block;
	padding-bottom: 1rem
}

.test-drive .row-list .row-item .title .tag-num {
	display: inline-block;
	margin-right: 1rem;
	line-height: 1
}

.test-drive .row-list .row-item .desc {
	margin-top: 1rem
}

.test-drive .row-list .row-item.active {
	background: #f6f3f2
}

.test-drive .row-list .row-item.model-item {
	width: calc(33.3333% - 10px);
	cursor: pointer;
	height: auto;
	min-height: auto
}

.test-drive .row-list .row-item.model-item .title {
	padding-bottom: 0
}

.test-drive .row-list .row-item.model-item:hover {
	background: #f6f3f2
}

.test-drive .step-wrap {
	margin-top: 6rem;
	position: relative
}

.test-drive .step-group {
	position: relative
}

.test-drive .step-group .step-title {
	position: relative;
	border-top: 1px solid #e4dcd3;
	padding: 2.4rem 3rem
}

.test-drive .step-group .step-title .title-arrow {
	position: absolute;
	top: 50%;
	right: 18px;
	width: 50px;
	height: 50px;
	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-transform: translateY(-50%);
	transform: translateY(-50%);
	cursor: pointer
}

.test-drive .step-group .step-title .title-arrow .iconfont {
	font-size: 24px
}

.test-drive .step-group .step-title.step-last {
	border-bottom: 1px solid #e4dcd3
}

.test-drive .step-group .step-content {
	position: relative;
	padding: 6rem 3rem;
	display: none;
	overflow: hidden;
	border-top: 1px solid #000
}

.test-drive .step-group.active {
	position: relative
}

.test-drive .step-group.active .step-title .title-arrow {
	-webkit-transform: translateY(-50%) rotate(180deg);
	transform: translateY(-50%) rotate(180deg)
}

.test-drive .swiper {
	overflow: visible
}

.test-drive .swiper .select-swiper-day,
.test-drive .swiper .select-swiper-time {
	overflow: hidden
}

.test-drive .select-swiper .swiper-slide {
	width: 116px;
	height: 116px
}

.test-drive .select-swiper .select-item {
	text-align: center;
	background: #fff;
	border: 1px solid #e4dcd3;
	width: 114px;
	height: 114px;
	cursor: pointer;
	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
}

.test-drive .select-swiper .swiper-slide:hover .select-item {
	border: 1px solid #00aad2
}

.test-drive .select-swiper .swiper-slide.active .select-item {
	border: 1px solid #00aad2;
	color: #00aad2
}

.test-drive .select-swiper .button-container.inner-container .swiper-button-prev {
	left: 12px
}

.test-drive .select-swiper .button-container.inner-container .swiper-button-next {
	right: 10px
}

.test-drive .btn-link-wrap {
	margin-top: 3rem;
	text-align: center
}

.test-drive .c-button-drive {
	width: 30rem
}

.hyundai-form .form-group {
	margin-bottom: 20px
}

.hyundai-form .form-label {
	padding: 9px 15px
}

.hyundai-form .form-input {
	display: block;
	width: 100%;
	height: 40px;
	padding: 6px 18px;
	font-size: 14px;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #e4dcd3;
	border-radius: 0
}

.hyundai-form .form-input:focus {
	border-color: #00aad2;
	outline: 0
}

.hyundai-form .form-input::-moz-placeholder {
	color: #999;
	opacity: 1
}

.hyundai-form .form-input:-ms-input-placeholder {
	color: #999
}

.hyundai-form .form-input::-webkit-input-placeholder {
	color: #999
}

.hyundai-form .form-input::-ms-expand {
	background-color: transparent;
	border: 0
}

.hyundai-form .form-input[disabled],
.hyundai-form .form-input[readonly],
.hyundai-form fieldset[disabled] .form-input {
	background-color: #eee;
	opacity: 1
}

.hyundai-form .form-input[disabled],
.hyundai-form fieldset[disabled] .form-input {
	cursor: not-allowed
}

.hyundai-form .form-input.form-auth-code {
	width: calc(100% - 160px);
	display: inline-block
}

.hyundai-form .form-button {
	padding: 12px 20px;
	width: 140px;
	height: 40px;
	font-size: 14px;
	cursor: pointer;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	border: 1px solid #012c5f;
	color: #fff;
	background: #012c5f;
	display: inline-block;
	text-align: center;
	line-height: 1
}

.hyundai-form input.form-check[type=checkbox] {
	position: absolute;
	clip: rect(0, 0, 0, 0);
	visibility: hidden
}

.hyundai-form input.form-check[type=checkbox]+label:before {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\e653";
	display: inline-block;
	vertical-align: -1px;
	margin-right: 5px;
	border-radius: 0;
	text-indent: .1em;
	line-height: 1;
	font-size: 16px;
	color: #e4dcd3
}

.hyundai-form input.form-check[type=checkbox]:checked+label:before {
	content: "\e654";
	color: #00aad2
}

.hyundai-form a {
	color: #00aad2;
	border-bottom: 1px solid #00aad2
}

.is-vertical .test-drive .step-wrap {
	margin-top: 4rem
}

.is-vertical .test-drive .step-group {
	position: relative
}

.is-vertical .test-drive .step-group .step-title {
	padding: 2rem 0
}

.is-vertical .test-drive .step-group .step-title .title-arrow {
	right: 0
}

.is-vertical .test-drive .step-group .step-content {
	padding: 3rem 0
}

.is-vertical .test-drive .search-container {
	padding: 2rem
}

.is-vertical .test-drive .row-list {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	margin-left: 0;
	margin-right: 0
}

.is-vertical .test-drive .row-list .row-item {
	width: 100%;
	min-height: auto
}

.is-vertical .test-drive .row-list .row-item .title {
	display: inline-block;
	padding-bottom: 1rem
}

.is-vertical .test-drive .row-list.width50 {
	margin-left: 0;
	margin-right: 0
}

.is-vertical .test-drive .row-list.width50 .row-item {
	margin: 5px 0;
	width: 100%
}

.is-vertical .test-drive .mb-step-content-full,
.is-vertical .test-drive .swiper,
.is-vertical .test-drive .swiper .select-swiper-day,
.is-vertical .test-drive .swiper .select-swiper-time {
	overflow: visible
}

.is-vertical .test-drive .select-swiper .swiper-slide {
	width: 98px;
	height: 98px
}

.is-vertical .test-drive .select-swiper .select-item {
	width: 96px;
	height: 96px
}

.is-vertical .test-drive .c-button-drive {
	width: 100%
}

.test-drive .search-container {
	background: #f6f3f2;
	border-left: 0;
	border-right: 0;
	padding: 30px;
	margin-bottom: 30px
}

.test-drive .search-container .label {
	color: #999;
	text-align: left;
	margin-bottom: 6px;
	display: inline-block
}

.test-drive .search-container .input-container {
	width: 100%;
	height: 40px;
	border: 1px solid #e4dcd3;
	background: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 0 15px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.test-drive .search-container .input-container input {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding: 0 10px;
	color: #999
}

.test-drive .search-container .input-container .search {
	color: #999
}

.test-drive .search-container .select-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 100%
}

@media (max-width:751px) {
	.test-drive .search-container .select-container {
		width: 100%;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		margin-bottom: 0
	}
}

.test-drive .search-container .select-container .select-city,
.test-drive .search-container .select-container .select-province {
	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-flex: 1;
	-ms-flex: 1;
	flex: 1
}

@media (max-width:751px) {

	.test-drive .search-container .select-container .select-city,
	.test-drive .search-container .select-container .select-province {
		width: 100%
	}
}

.test-drive .search-container .select-container .select-city select,
.test-drive .search-container .select-container .select-province select {
	height: 40px;
	border: 1px solid #e4dcd3;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: #fff url(../img/icon_arrow_select.png) no-repeat calc(100% - 15px) 50%;
	background-size: 15px;
	padding: 0 15px
}

.test-drive .map-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 520px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 60px
}

@media (max-width:751px) {
	.test-drive .map-container {
		margin-bottom: 30px;
		height: auto;
		padding: 0;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		position: relative
	}
}

.test-drive .map-container .map {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.test-drive .map-container .data-list {
	width: 360px;
	margin-left: 20px;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.test-drive .map-container .data-list .data-list-container .data-list-item {
	padding: 30px 20px;
	border: 1px solid #fff;
	-webkit-transition: all .3s ease;
	transition: all .3s ease
}

.test-drive .map-container .data-list .data-list-container .data-list-item .data-list-title {
	font-weight: 700;
	margin-bottom: 20px
}

.test-drive .map-container .data-list .data-list-container .data-list-item .icon-group {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 20px
}

.test-drive .map-container .data-list .data-list-container .data-list-item .icon-group .icon-item {
	margin-right: 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.test-drive .map-container .data-list .data-list-container .data-list-item .icon-group .icon-item .iconfont {
	margin-right: 4px
}

.test-drive .map-container .data-list .data-list-container .data-list-item .desc-info-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 5px
}

.test-drive .map-container .data-list .data-list-container .data-list-item .desc-info-container .desc-info-label {
	width: 50px;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.test-drive .map-container .data-list .data-list-container .data-list-item-active {
	background: #f6f3f2;
	border: 1px solid #e4dcd3
}

@media (max-width:751px) {
	.test-drive .map-container .data-list .data-list-container .data-list-item {
		border: 1px solid #e4dcd3;
		margin-bottom: 10px
	}

	.test-drive .map-container .data-list .map-mb-swiper {
		padding: 0 30px
	}
}

.is-vertical .test-drive .map-container .data-list {
	width: 100%;
	margin-left: 0
}

@media (min-width:1360px) {
	.c-params .container {
		width: 1320px
	}
}

.c-params .tisp-tab {
	font-size: 16px;
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.c-params .tisp-tab .row7-5 {
	color: #000 !important
}

@media screen and (max-width:1360px) {
	.c-params .tisp-tab {
		font-size: 14px
	}
}

@media screen and (max-width:1200px) {

	.c-params .carTypes,
	.c-params .tisp-tab {
		font-size: 14px
	}

	.c-params .carTypes .col-xs-2,
	.c-params .tisp-tab .col-xs-2 {
		padding: 0
	}
}

.c-params .has-z .sbtn {
	width: 12px;
	height: 12px;
	background: #022b5f;
	border-radius: 50%
}

.c-params .swiper {
	overflow: visible;
	display: none
}

.c-params .swiper .swiper-slide {
	overflow: visible
}

.c-params .has-z,
.c-params .no-z,
.c-params .select-z {
	position: relative
}

.c-params .has-z .swiper-container,
.c-params .no-z .swiper-container,
.c-params .select-z .swiper-container {
	width: 15px;
	margin-right: 5px !important
}

.c-params .has-z .sbtn,
.c-params .no-z .sbtn,
.c-params .select-z .sbtn {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.c-params .select-z .sbtn {
	width: 12px;
	height: 12px;
	border: 1px solid #022b5f;
	border-radius: 50%
}

.c-params .no-z .sbtn {
	width: 15px;
	height: 1px;
	background: #b3b3b3
}

.c-params .shui {
	margin: 30px auto 120px
}

.c-params .description {
	padding: 35px 25px 25px;
	text-align: left
}

.c-params .description span.price em {
	font-weight: 400
}

.c-params .btn-link-wrap {
	padding: 0 25px;
	margin-bottom: 35px
}

.c-params .btn-link-wrap .c-button {
	width: 100%;
	transform: none !important;
	-webkit-transform: initial !important;
	margin-bottom: 10px;
	min-width: auto
}

.c-params .color-wrap {
	padding: 0 25px;
	margin-bottom: 30px
}

.c-params .color-wrap .color {
	width: 30px;
	height: 30px;
	margin-right: 2px;
	float: left
}

@media screen and (max-width:1199px) {
	.c-params .color-wrap .color {
		width: 24px;
		height: 24px
	}
}

.c-params .panel-body {
	text-align: center
}

.c-params .panel-body i.iconfont {
	background: #002c5f;
	border-radius: 50%;
	color: #002c5f;
	font-size: 12px;
	display: block;
	width: 12px;
	height: 12px;
	margin: 0 auto;
	line-height: 12px
}

.c-params .panel-body i.iconfont:after {
	width: 100%;
	height: 100%;
	display: block
}

.c-params .title {
	margin-bottom: 180px
}

.c-params .car-item {
	text-align: center
}

.c-params .car-item img.car-photo {
	bottom: 92%;
	width: 86%;
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}

.c-params .car-item .carTypes {
	height: 160px;
	padding: 50px 0 40px;
	background: #f7f3f2
}

.c-params .car-item a.buy {
	color: #fff;
	background: #002b63;
	padding: 3px 7px 3px 9px;
	white-space: nowrap
}

.c-params .car-item a.buy,
.c-params .car-item a.buy .iconfont {
	display: inline-block;
	-webkit-transition: all .3s ease;
	transition: all .3s ease
}

.c-params .car-item a.buy .iconfont {
	font-size: 14px
}

.c-params .car-item a.buy:hover {
	background: #18447e
}

.c-params .car-item a.buy:hover .iconfont {
	-webkit-transform: translateX(30%);
	transform: translateX(30%)
}

.c-params .switch-box {
	margin: 20px 0
}

.c-params .switch-box .small {
	display: inline-block
}

.c-params .switch-box .small:last-child {
	margin-left: 30px
}

.c-params .diff,
.c-params .highlight {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	line-height: 22px
}

.c-params .diff .swiper-container,
.c-params .highlight .swiper-container {
	width: 45px;
	height: 22px;
	border-radius: 20px;
	border: 1px solid #e4dcd3;
	float: left;
	margin-right: 10px;
	background: #fff;
	cursor: pointer;
	position: relative;
	-webkit-transition: all .3s ease;
	transition: all .3s ease
}

.c-params .diff .swiper-container .sbtn,
.c-params .highlight .swiper-container .sbtn {
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	width: 18px !important;
	height: 18px;
	border-radius: 50%;
	display: inline-block;
	margin-top: 1px;
	margin-left: 1px;
	background: #e4dcd3
}

.c-params .diff .swiper-container-active,
.c-params .highlight .swiper-container-active {
	background: #a2cbe9;
	border: 1px solid #a2cbe9
}

.c-params .diff .swiper-container-active .sbtn,
.c-params .highlight .swiper-container-active .sbtn {
	background: #fff;
	margin-left: 25px
}

.c-params .car-function {
	line-height: 22px
}

.c-params .car-function .p {
	margin-bottom: 5px
}

.c-params .car-function .swiper-container {
	float: left;
	margin-right: 10px;
	height: 22px
}

.c-params .car-function .sbtn {
	display: block
}

.c-params .car-function .small {
	margin-right: 50px;
	float: left;
	margin-bottom: 20px
}

.c-params .car-function .dayin {
	float: right;
	line-height: 16px;
	cursor: pointer;
	margin: 0 !important
}

.c-params .car-function .dayin .iconfont {
	float: left;
	font-size: 20px;
	margin-right: 5px
}

.c-params .car-function .dayin:hover .iconfont {
	color: #18447e
}

.c-params .fixd-pro {
	padding: 10px 0;
	text-align: center
}

.c-params .transition-ele {
	margin-bottom: 40px
}

.c-params .body {
	margin: 0 -15px
}

.c-params .panel {
	border-bottom: 1px solid #d8d8d8;
	border-radius: 0;
	border-top: 1px solid #d8d8d8
}

.c-params .panel-group .panel+.panel {
	margin-top: -1px
}

.c-params .panel-heading {
	position: relative;
	padding: 0
}

.c-params .panel:first-of-type .panel-heading .iconfont {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 15px
}

.c-params .panel-title {
	position: relative;
	display: block;
	padding: 15px;
	width: 100%;
	color: #333
}

.c-params .panel-title .iconfont {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 15px;
	-webkit-transform: translateY(-50%) rotate(180deg) !important;
	transform: translateY(-50%) rotate(180deg) !important;
	-webkit-transition: all .5s ease;
	transition: all .5s ease
}

.c-params .panel-title.collapsed .iconfont {
	-webkit-transform: translateY(-50%) rotate(0) !important;
	transform: translateY(-50%) rotate(0) !important;
	right: 15px;
	margin: 0
}

.c-params #accordion .row7-5 {
	padding: 10px 0;
	color: #000;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.c-params #accordion .row7-5>.col-xs-3 {
	text-align: left
}

.c-params #accordion .row-bg {
	background: #f6f3f2
}

.c-params #accordion .row-bg-blue {
	background: #a2cbe9
}

.c-params #accordion .h6 {
	margin-top: 15px;
	margin-bottom: 10px
}

.c-params .fixed-car-box {
	width: 100%
}

.c-params .fixedShow {
	position: fixed;
	z-index: 10;
	top: 0;
	left: 0;
	background: #fff;
	border-bottom: 1px solid #e4dcd3
}

.c-params .header-container .row {
	margin: 0
}

.c-params .header-container .car-item {
	padding: 0;
	border: 1px solid #e4dcd3;
	border-right: none
}

.c-params .header-container .car-item:last-of-type {
	border-right: 1px solid #e4dcd3
}

.c-params .fixed-header-container {
	padding-top: 10px
}

.c-params .fixed-header-container .car-photo {
	width: 70% !important;
	margin-left: 15%;
	margin-bottom: 0 !important
}

.c-params .collapse.in .panel-body {
	border-color: #000
}

.c-params .hollow {
	display: inline-block;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	border: 1px solid #002c5f
}

.c-params .smallBar {
	padding-bottom: 10px;
	font-size: 14px
}

.c-params .smallBar span {
	display: inline-block;
	margin-right: 15px;
	color: #333
}

.c-params .smallBar .--w,
.c-params .smallBar .hollow {
	margin-right: 5px;
	border-color: #666
}

.c-params .smallBar .iconfont {
	color: #666;
	background: #666;
	border-radius: 50%;
	font-size: 13px;
	margin-right: 5px
}

@media screen and (max-width:991px) {
	.c-params .car-function .small {
		margin-right: 30px
	}
}

@media print {
	.c-params a[href]:after {
		content: none !important
	}

	.c-params .noprint {
		display: none
	}

	.c-params .transition-ele .h4 {
		font-size: 16px
	}

	.c-params .transition-ele .car-item img.car-photo {
		width: 78%
	}

	.c-params .transition-ele .btn-link-wrap,
	.c-params .transition-ele .color-wrap {
		padding: 0 10px
	}

	.c-params .transition-ele .btn-link-wrap .c-button a,
	.c-params .transition-ele .color-wrap .c-button a {
		padding-left: 0;
		padding-right: 0;
		text-align: center
	}

	.c-params .transition-ele .carTypes {
		padding: 45px 10px 0
	}

	.c-params .transition-ele .description {
		padding: 0 10px 15px
	}

	.c-params .transition-ele .p {
		font-size: 14px
	}
}

@media (min-width:1200px) {
	.c-params .color-wrap .color {
		width: 24px;
		height: 24px
	}
}

@media (min-width:992px) {
	.c-params .description {
		padding: 25px 10px
	}

	.c-params .params-swiper .carTypes {
		font-size: 16px
	}

	.c-params .btn-link-wrap,
	.c-params .color-wrap {
		padding: 0 10px
	}
}

.c-params-pa .title {
	margin-bottom: 4vh
}

.c-params-pa .description {
	text-align: center;
	padding: 20px 0 0
}

.c-params-pa .shui {
	margin-bottom: 60px
}

.c-params-pa .header-container .car-item {
	border: none;
	background: #f4f4f4;
	height: 300px;
	position: relative;
	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-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	padding-bottom: 20px
}

.c-params-pa .header-container .car-item:last-of-type {
	border: none
}

.c-params-pa .header-container .car-item img.car-photo {
	position: unset;
	-webkit-transform: unset;
	transform: unset;
	width: 96%;
	height: 180px;
	-o-object-fit: contain;
	object-fit: contain;
	margin: 0 auto
}

.c-params-pa .header-container .car-item .carTypes {
	padding: 0;
	height: auto;
	background: unset;
	padding: 10px 0
}

.c-params-pa .header-container .car-item .color-wrap {
	position: absolute;
	left: 20px;
	top: 30px
}

.c-params-pa .header-container .car-item .color-wrap .color {
	border: 1px solid #000;
	margin-right: 5px
}

.is-vertical .c-params {
	padding: 60px 0
}

.is-vertical .c-params .title {
	margin-bottom: 100px
}

.is-vertical .c-params .tisp-tab .col-xs-2 {
	padding: 0 15px
}

.is-vertical .c-params .shui {
	margin: 30px auto
}

.is-vertical .c-params .container {
	padding: 0 0 0 30px
}

.is-vertical .c-params .panel-title {
	padding: 15px 0
}

.is-vertical .c-params .body {
	overflow-x: auto;
	word-break: keep-all;
	white-space: nowrap;
	margin: 0 auto;
	padding: 0
}

.is-vertical .c-params .fixed-header-container {
	width: 1160px;
	padding: 10px 30px 10px 10px
}

.is-vertical .c-params .fixd-pro {
	padding: 0
}

.is-vertical .c-params .fixd-pro .row7-5 {
	margin: auto
}

.is-vertical .c-params .panel-heading {
	padding-right: 30px
}

.is-vertical .c-params .dayin {
	float: none;
	margin-bottom: 30px !important
}

.is-vertical .c-params .panel-group {
	margin-top: 0 !important
}

.is-vertical .c-params .panel-group .panel .panel-collapse {
	overflow-x: auto
}

.is-vertical .c-params .panel-group .panel .panel-collapse .panel-body {
	width: 1060px;
	padding-right: 30px
}

.is-vertical .c-params .panel-group .panel .panel-collapse .panel-body>.row {
	margin-right: 0
}

.is-vertical .c-params .panel-group .panel-title div {
	width: 100%
}

.is-vertical .c-params .tisp-tab {
	word-break: keep-all;
	text-align: center;
	margin: 0 -15px
}

.is-vertical .c-params .panel-heading .iconfont {
	right: 0 !important
}

.is-vertical .c-params .swiper {
	position: relative
}

.is-vertical .c-params .swiper-wrapper .price {
	word-break: keep-all;
	white-space: nowrap
}

.is-vertical .c-params .c-button a {
	font-size: 14px
}

.is-vertical .c-params .car-item .carTypes {
	height: 110px;
	padding: 30px 0 20px;
	font-size: 14px
}

.is-vertical .c-params .car-item .description {
	padding: 10px
}

.is-vertical .c-params .car-item img.car-photo {
	bottom: 94%
}

.is-vertical .c-params .car-item .color-wrap {
	padding: 0 10px
}

.is-vertical .c-params .car-item .color-wrap .color {
	width: 18px;
	height: 18px;
	margin-bottom: 5px
}

.is-vertical .c-params .car-item .btn-link-wrap {
	padding: 0 10px;
	margin: 20px 0
}

.is-vertical .c-params .car-item .btn-link-wrap .p {
	padding-left: 0;
	padding-right: 0
}

.is-vertical .c-params-pa .title {
	margin-bottom: 30px
}

.is-vertical .c-params-pa .car-item .carTypes {
	height: auto;
	padding: 0 0 20px
}

.c-dept-list-banner {
	position: relative
}

.c-dept-list-banner .banner-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 500px;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 90%
}

@media (max-width:670px) {
	.c-dept-list-banner .banner-container {
		height: 40rem;
		background-position: 50%;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: bottom
	}
}

.c-dept-list-banner .small-title,
.c-dept-list-banner .title {
	color: #000
}

@media (max-width:751px) {

	.c-dept-list-banner .small-title,
	.c-dept-list-banner .title {
		color: #fff
	}
}

@media (max-width:751px) {
	.c-dept-list-banner .container {
		text-align: center;
		-webkit-transform: translateY(-30px);
		transform: translateY(-30px)
	}

	.c-dept-list-banner .container .small-title {
		margin-bottom: 10px
	}
}

.c-dept-list-tab-content {
	width: 100%
}

.c-dept-list-tab-content .dept-banner-container {
	position: relative;
	height: 50rem
}

@media (max-width:751px) {
	.c-dept-list-tab-content .dept-banner-container {
		height: 40rem
	}
}

.c-dept-list-tab-content .banner-item {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	display: none
}

.c-dept-list-tab-content .dept-map-item {
	display: none
}

.c-dept-list-tab-content .dept-tab-container {
	margin-bottom: 100px
}

@media (max-width:751px) {
	.c-dept-list-tab-content .dept-tab-container {
		margin-bottom: 50px
	}
}

.c-dept-list-tab-content .dept-tab-container .dept-tab .left,
.c-dept-list-tab-content .dept-tab-container .dept-tab .right {
	display: none !important
}

.c-dept-list-tab-content .dept-tab-container .dept-tab .tab-mb-scroll {
	overflow: hidden
}

.c-dept-list-tab-content .dept-tab-container .dept-tab .tab-container {
	width: 100%;
	min-width: 100%
}

@media (max-width:751px) {
	.c-dept-list-tab-content .dept-tab-container .dept-tab .tab-container {
		border-bottom: 1px solid #e4dcd3 !important;
		display: -webkit-box !important;
		display: -ms-flexbox !important;
		display: flex !important;
		-webkit-box-align: center !important;
		-ms-flex-align: center !important;
		align-items: center !important;
		margin-left: 0 !important
	}
}

@media (max-width:751px) and (max-width:751px) {
	.c-dept-list-tab-content .dept-tab-container .dept-tab .tab-container a {
		border: 0 !important
	}
}

.c-dept-list-tab-content .dept-map-container .title {
	margin-bottom: 60px
}

@media (max-width:751px) {
	.c-dept-list-tab-content .dept-map-container .title {
		margin-bottom: 40px
	}

	.c-dept-list-tab-content .dept-map-container .title span {
		display: block;
		font-family: HyundaiSansHead-Regular
	}
}

.c-dept-list-tab-content .dept-map-container .desc {
	margin-bottom: 60px
}

@media (max-width:751px) {
	.c-dept-list-tab-content .dept-map-container .desc {
		margin-bottom: 40px
	}
}

@media (max-width:751px) {
	.c-dept-list-tab-content .search-container {
		background: #f6f3f2;
		border: 1px solid #979797;
		border-left: 0;
		border-right: 0;
		padding: 30px
	}
}

.c-dept-list-tab-content .search-container .input-container {
	width: 100%;
	height: 40px;
	border: 1px solid #e4dcd3;
	background: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 0 15px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 30px
}

@media (max-width:751px) {
	.c-dept-list-tab-content .search-container .input-container {
		margin-bottom: 10px
	}
}

.c-dept-list-tab-content .search-container .input-container input {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding: 0 10px;
	color: #999
}

.c-dept-list-tab-content .search-container .input-container .search {
	color: #999
}

.c-dept-list-tab-content .search-container .select-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 700px;
	margin-bottom: 30px
}

@media (max-width:751px) {
	.c-dept-list-tab-content .search-container .select-container {
		width: 100%;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		margin-bottom: 0
	}
}

.c-dept-list-tab-content .search-container .select-container .label {
	color: #999;
	text-align: left;
	margin-bottom: 6px
}

.c-dept-list-tab-content .search-container .select-container .select-city,
.c-dept-list-tab-content .search-container .select-container .select-province {
	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-flex: 1;
	-ms-flex: 1;
	flex: 1
}

@media (max-width:751px) {

	.c-dept-list-tab-content .search-container .select-container .select-city,
	.c-dept-list-tab-content .search-container .select-container .select-province {
		width: 100%
	}
}

.c-dept-list-tab-content .search-container .select-container .select-city select,
.c-dept-list-tab-content .search-container .select-container .select-province select {
	height: 40px;
	border: 1px solid #e4dcd3;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: #fff url(../img/icon_arrow_select.png) no-repeat calc(100% - 15px) 50%;
	background-size: 15px;
	padding: 0 15px
}

.c-dept-list-tab-content .search-container .select-container .select-province {
	margin-right: 20px
}

@media (max-width:751px) {
	.c-dept-list-tab-content .search-container .select-container .select-province {
		margin: 0;
		margin-bottom: 10px
	}
}

.c-dept-list-tab-content .map-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 520px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 130px
}

@media (max-width:751px) {
	.c-dept-list-tab-content .map-container {
		margin-bottom: 65px;
		width: 100%;
		height: 600px;
		padding: 0;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		position: relative
	}
}

.c-dept-list-tab-content .map-container .map {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.c-dept-list-tab-content .map-container .data-list {
	width: 360px;
	margin-left: 20px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	overflow: scroll
}

.c-dept-list-tab-content .map-container .data-list .data-list-container .data-list-item {
	padding: 30px 20px;
	border: 1px solid #fff;
	-webkit-transition: all .3s ease;
	transition: all .3s ease
}

.c-dept-list-tab-content .map-container .data-list .data-list-container .data-list-item .data-list-title {
	font-weight: 700;
	margin-bottom: 20px
}

.c-dept-list-tab-content .map-container .data-list .data-list-container .data-list-item .icon-group {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 20px
}

.c-dept-list-tab-content .map-container .data-list .data-list-container .data-list-item .icon-group .icon-item {
	margin-right: 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.c-dept-list-tab-content .map-container .data-list .data-list-container .data-list-item .icon-group .icon-item .iconfont {
	margin-right: 4px
}

.c-dept-list-tab-content .map-container .data-list .data-list-container .data-list-item .desc-info-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 5px
}

.c-dept-list-tab-content .map-container .data-list .data-list-container .data-list-item .desc-info-container .desc-info-label {
	width: 50px;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.c-dept-list-tab-content .map-container .data-list .data-list-container .data-list-item-active {
	background: #f6f3f2;
	border: 1px solid #e4dcd3
}

@media (max-width:751px) {
	.c-dept-list-tab-content .map-container .data-list {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 245px;
		margin: 20px 0;
		z-index: 999999;
		padding-left: 0
	}

	.c-dept-list-tab-content .map-container .data-list .data-list-container {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}

	.c-dept-list-tab-content .map-container .data-list .data-list-container .data-list-item {
		-ms-flex-negative: 0;
		flex-shrink: 0;
		background: #fff
	}

	.c-dept-list-tab-content .map-container .data-list .map-mb-swiper {
		padding: 0 30px
	}
}

.c-static-banner {
	position: relative
}

.c-static-banner .banner-container {
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 0;
	padding-bottom: 29.68%
}

@media (max-width:751px) {
	.c-static-banner .banner-container {
		padding-bottom: 160%
	}
}

.c-static-banner .content-container {
	height: 100%;
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}

@media (max-width:751px) {
	.c-static-banner .content-container {
		width: 85%;
		left: 0;
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

.c-static-banner .content {
	width: 530px;
	position: absolute;
	left: 15px;
	top: 47%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

@media (max-width:751px) {
	.c-static-banner .content {
		width: 100%;
		left: 30px;
		right: 30px;
		-webkit-transform: translateY(-90%);
		transform: translateY(-90%)
	}
}

.c-static-banner .content .c-static-banner-title {
	margin-bottom: 20px
}

.c-static-banner .content .c-static-banner-max-title {
	margin-bottom: 5px
}

.c-static-banner .content .c-static-banner-desc,
.c-static-banner .content .c-static-banner-desc-bold {
	line-height: 25px
}

.c-static-banner .content .c-static-banner-desc-bold {
	font-weight: 700;
	margin-top: 10px
}

@media (max-width:751px) {
	.c-static-banner .content.mb-top-center {
		width: 100%;
		text-align: center;
		left: 30px;
		right: 30px;
		top: 20%;
		-webkit-transform: none;
		transform: none
	}
}

.c-static-banner .left-top .content {
	top: 30%
}

@media (max-width:751px) {
	.c-static-banner .mb-top .content {
		width: 100%;
		left: 30px;
		right: 30px;
		top: 15%;
		-webkit-transform: none;
		transform: none
	}
}

@media (max-width:751px) {
	.c-static-banner .mb-bottom .content {
		width: 100%;
		left: 30px;
		right: 30px;
		bottom: 30px;
		top: auto;
		-webkit-transform: none;
		transform: none
	}
}

.c-static-banner .content.text-white,
.c-static-banner .swiper-slide.text-white,
.c-static-banner .swiper-slide.text-white .c-static-banner-footer-notes {
	color: #fff
}

.c-static-banner .content.top-center {
	width: 530px;
	position: absolute;
	left: 15px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

@media (max-width:751px) {
	.c-static-banner .content.top-center {
		width: 100%;
		left: 30px;
		-webkit-transform: translateY(-90%);
		transform: translateY(-90%)
	}
}

.c-static-banner .content.top-center .c-static-banner-title {
	margin-bottom: 20px
}

.c-static-banner .content.top-center .c-static-banner-max-title {
	margin-bottom: 5px
}

.c-static-banner .content.top-center .c-static-banner-desc,
.c-static-banner .content.top-center .c-static-banner-desc-bold {
	line-height: 25px
}

.c-static-banner .content.top-center .c-static-banner-desc-bold {
	font-weight: 700;
	margin-top: 10px
}

.c-static-banner .c-static-banner-footer-notes {
	position: absolute;
	bottom: 30px
}

@media (max-width:751px) {
	.c-static-banner .c-static-banner-footer-notes {
		color: #fff;
		bottom: 20px;
		width: 90%
	}
}

.c-static-banner .btn-link-wrap {
	margin-top: 25px
}

.c-static-banner .pagination-container {
	position: relative
}

.is-vertical .c-static-banner .swiper-pagination {
	padding-right: 20px
}

.body-blackedition-wrap .c-static-banner .content {
	width: auto
}

.body-blackedition-wrap .c-static-banner .content .c-static-banner-title {
	margin-bottom: 5px
}

.body-blackedition-wrap .c-static-banner .content .c-static-banner-max-title {
	margin-bottom: 20px
}

.body-blackedition-wrap .c-static-banner .banner-container {
	padding-bottom: 57.5%
}

@media (max-width:751px) {
	.is-vertical.body-blackedition-wrap .c-static-banner .content-container {
		width: 100%
	}
}

.is-vertical.body-blackedition-wrap .c-static-banner .btn-link-wrap {
	text-align: center
}

.is-vertical.body-blackedition-wrap .c-static-banner .banner-container {
	padding-bottom: 159%
}

.is-vertical.body-blackedition-wrap .c-static-banner .blackedition-desc {
	line-height: 1.4
}

@media (max-width:380px) {
	.is-vertical.body-blackedition-wrap .c-static-banner .blackedition-desc {
		font-size: 13px
	}
}

.cl-after-sale-service-content .service-item {
	display: none
}

.cl-after-sale-service-tab1 {
	margin-top: 120px
}

@media (max-width:751px) {
	.cl-after-sale-service-tab1 {
		margin-top: 65px
	}
}

.cl-after-sale-service-tab1 .item1-module .item1-img {
	width: 100%;
	height: 0;
	padding-bottom: 45%;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover
}

@media (max-width:751px) {
	.cl-after-sale-service-tab1 .item1-module .item1-img {
		padding-bottom: 56%
	}
}

.cl-after-sale-service-tab1 .item1-module .bg-container {
	margin-bottom: 20px
}

@media (max-width:751px) {
	.cl-after-sale-service-tab1 .item1-module .bg-container {
		padding: 0
	}
}

.cl-after-sale-service-tab1 .item1-module .title {
	margin-bottom: 30px
}

@media (max-width:751px) {
	.cl-after-sale-service-tab1 .item1-module .title {
		margin-bottom: 15px
	}
}

.cl-after-sale-service-tab1 .item1-module .desc {
	margin-bottom: 60px
}

@media (max-width:751px) {
	.cl-after-sale-service-tab1 .item1-module .desc {
		margin-bottom: 40px
	}
}

.cl-after-sale-service-tab1 .item1-module .todo-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 0;
	margin-bottom: 100px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

@media (max-width:751px) {
	.cl-after-sale-service-tab1 .item1-module .todo-container {
		display: block;
		padding: 0;
		margin-bottom: 65px
	}
}

.cl-after-sale-service-tab1 .item1-module .todo-container .item {
	padding: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: #f6f3f1;
	margin-bottom: 10px;
	padding-bottom: 10px
}

.cl-after-sale-service-tab1 .item1-module .todo-container .item:last-child {
	padding-bottom: 0
}

.cl-after-sale-service-tab1 .item1-module .todo-container .item:last-child .item-title {
	margin-bottom: 0
}

.cl-after-sale-service-tab1 .item1-module .todo-container .item .item-title {
	background-color: #e4dcd3;
	text-indent: .1em;
	padding: 0 10px
}

@media (max-width:751px) {
	.cl-after-sale-service-tab1 .item1-module .todo-container .item1 {
		margin-right: 0;
		margin-bottom: 10px
	}
}

.cl-after-sale-service-tab1 .item1-module .todo-container .item2 {
	margin-bottom: 10px
}

.cl-after-sale-service-tab1 .item1-module .todo-container .item2-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.cl-after-sale-service-tab1 .item1-module .todo-container .item2-container .item3 {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.cl-after-sale-service-tab1 .item1-module .todo-container .item-title {
	margin-bottom: 10px;
	line-height: 2;
	width: 100%
}

.cl-after-sale-service-tab1 .item1-module .todo-container .item-desc {
	padding: 0 10px
}

.cl-after-sale-service-tab1 .item2-module {
	margin-bottom: 120px
}

@media (max-width:751px) {
	.cl-after-sale-service-tab1 .item2-module {
		margin-bottom: 65px
	}
}

.cl-after-sale-service-tab1 .item2-module .title {
	margin: 60px 0
}

@media (max-width:751px) {
	.cl-after-sale-service-tab1 .item2-module .title {
		margin: 40px 0
	}
}

.cl-after-sale-service-tab1 .item2-module .item2-img {
	width: 100%;
	height: 0;
	padding-bottom: 18.75%;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover
}

@media (max-width:751px) {
	.cl-after-sale-service-tab1 .item2-module .item2-img {
		padding-bottom: 56%
	}
}

.cl-after-sale-service-tab1 .item2-module .todo-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

@media (max-width:751px) {
	.cl-after-sale-service-tab1 .item2-module .todo-container {
		display: block
	}
}

.cl-after-sale-service-tab1 .item2-module .todo-container .item1-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	margin-bottom: 10px
}

@media (max-width:751px) {
	.cl-after-sale-service-tab1 .item2-module .todo-container .item1-container {
		margin-bottom: 0;
		display: block
	}
}

.cl-after-sale-service-tab1 .item2-module .todo-container .item {
	background: #f6f3f1;
	padding-bottom: 10px
}

@media (max-width:751px) {
	.cl-after-sale-service-tab1 .item2-module .todo-container .item {
		margin-bottom: 10px
	}
}

.cl-after-sale-service-tab1 .item2-module .todo-container .item1 {
	margin-bottom: 10px
}

@media (max-width:751px) {
	.cl-after-sale-service-tab1 .item2-module .todo-container .item1 {
		margin-right: 0
	}
}

.cl-after-sale-service-tab1 .item2-module .todo-container .item-title {
	line-height: 2;
	padding: 0 10px;
	background-color: #e4dcd3
}

.cl-after-sale-service-tab1 .item2-module .todo-container .item-desc {
	padding: 0 10px;
	padding-top: 10px
}

.cl-after-sale-service-tab1 .item3-module .title-container {
	background: #f6f3f2;
	padding: 30px
}

.cl-after-sale-service-tab1 .item3-module .content-container {
	background: #f6f3f2;
	padding-top: 60px;
	padding-bottom: 120px
}

@media (max-width:751px) {
	.cl-after-sale-service-tab1 .item3-module .content-container {
		padding-top: 40px;
		padding-bottom: 65px
	}
}

.cl-after-sale-service-tab1 .item3-module .content-container .table-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

@media (max-width:751px) {
	.cl-after-sale-service-tab1 .item3-module .content-container .table-container {
		display: block
	}
}

.cl-after-sale-service-tab1 .item3-module .content-container .table-container .table-item {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

@media (max-width:751px) {
	.cl-after-sale-service-tab1 .item3-module .content-container .table-container .table-item {
		margin-bottom: 40px
	}
}

.cl-after-sale-service-tab1 .item3-module .content-container .table-container .table-item:last-child {
	margin-bottom: 0
}

.cl-after-sale-service-tab1 .item3-module .content-container .table-container .table-item:nth-child(2) {
	margin: 0 10px
}

@media (max-width:751px) {
	.cl-after-sale-service-tab1 .item3-module .content-container .table-container .table-item:nth-child(2) {
		margin: 0;
		margin-bottom: 40px
	}
}

.cl-after-sale-service-tab1 .item3-module .content-container table {
	border: 1px solid #e4dcd3;
	border-left: 0;
	border-bottom: 0;
	width: 100%;
	background: #fff
}

.cl-after-sale-service-tab1 .item3-module .content-container td,
.cl-after-sale-service-tab1 .item3-module .content-container th {
	border: 1px solid #e4dcd3;
	border-top: 0;
	border-right: 0
}

.cl-after-sale-service-tab1 .item3-module .content-container th {
	background: #e3dcd4
}

.cl-after-sale-service-tab1 .item3-module .content-container tr th {
	border-right: 1px solid #fff
}

.cl-after-sale-service-tab1 .item3-module .content-container tr th:last-child {
	border-right: 1px solid #e4dcd3
}

.cl-after-sale-service-tab1 .item3-module .content-container tr td,
.cl-after-sale-service-tab1 .item3-module .content-container tr th {
	padding: 15px;
	text-align: center
}

.cl-after-sale-service-tab2 {
	margin-bottom: 120px
}

@media (max-width:751px) {
	.cl-after-sale-service-tab2 {
		margin-bottom: 65px
	}
}

.cl-after-sale-service-tab2 .title {
	margin-top: 120px;
	margin-bottom: 30px
}

@media (max-width:751px) {
	.cl-after-sale-service-tab2 .title {
		margin-top: 65px;
		margin-bottom: 15px
	}
}

.cl-after-sale-service-tab2 .desc {
	margin-bottom: 60px
}

@media (max-width:751px) {
	.cl-after-sale-service-tab2 .desc {
		margin-bottom: 65px
	}
}

.cl-after-sale-service-tab2 .tab2-img-max,
.cl-after-sale-service-tab2 .tab2-img-min {
	width: 100%;
	height: 0;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover
}

.cl-after-sale-service-tab2 .tab2-img-max {
	padding-bottom: 51.7%;
	-webkit-box-flex: 3.2;
	-ms-flex: 3.2;
	flex: 3.2
}

@media (max-width:751px) {
	.cl-after-sale-service-tab2 .tab2-img-max {
		-webkit-box-flex: 1;
		-ms-flex: auto;
		flex: auto
	}
}

.cl-after-sale-service-tab2 .tab2-img-min {
	padding-bottom: 67.9%
}

@media (max-width:751px) {
	.cl-after-sale-service-tab2 .tab2-img-min {
		height: 80px;
		padding: 0;
		margin-top: 10px
	}
}

@media (max-width:751px) {
	.cl-after-sale-service-tab2 .tab2-img-min:nth-child(2) {
		margin: 10px 10px 0
	}
}

.cl-after-sale-service-tab2 .img-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

@media (max-width:751px) {
	.cl-after-sale-service-tab2 .img-container {
		display: block
	}
}

.cl-after-sale-service-tab2 .img-container .min-img-container {
	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-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-left: 20px;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

@media (max-width:751px) {
	.cl-after-sale-service-tab2 .img-container .min-img-container {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		margin-left: 0
	}
}

.cl-after-sale-service-tab2 .tab-title {
	margin-bottom: 60px
}

@media (max-width:751px) {
	.cl-after-sale-service-tab2 .tab-title {
		margin-bottom: 40px
	}
}

.cl-after-sale-service-tab2 .tab-small-title {
	margin: 60px 0 30px
}

@media (max-width:751px) {
	.cl-after-sale-service-tab2 .tab-small-title {
		margin: 40px 0 15px
	}
}

.cl-after-sale-service-tab2 .page-tab-item {
	display: none
}

.cl-after-sale-service-tab2 .page-tab-item6 .item6-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -10px
}

.cl-after-sale-service-tab2 .page-tab-item6 .item6-item {
	margin-right: 10px;
	margin-bottom: 60px;
	width: 360px
}

@media (max-width:751px) {
	.cl-after-sale-service-tab2 .page-tab-item6 .item6-item {
		width: 100%;
		margin-bottom: 0
	}
}

.cl-after-sale-service-tab2 .page-tab-item6 .item6-img {
	width: 100%;
	height: 360px;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	border: 1px solid #e4dcd3
}

.cl-after-sale-service-tab2 .page-tab-item6 .item6-title {
	margin-bottom: 20px;
	margin-top: 50px
}

@media (max-width:751px) {
	.cl-after-sale-service-tab2 .page-tab-item6 .item6-title {
		margin-top: 30px;
		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
	}
}

.cl-after-sale-service-tab2 .page-tab-item6 .item6-desc {
	margin-bottom: 10px
}

@media (max-width:751px) {
	.cl-after-sale-service-tab2 .page-tab-item6 [data-item6-desc=hide] {
		border-top: 1px solid #e4dcd3;
		padding-top: 10px;
		-webkit-transform: scale(0);
		transform: scale(0);
		height: 0
	}
}

@media (max-width:751px) {
	.cl-after-sale-service-tab2 .page-tab-item6 [data-item6-desc=show] {
		-webkit-transform: scale(1);
		transform: scale(1);
		height: auto
	}
}

.cl-after-sale-service-tab2 .load-more {
	margin-top: 80px;
	height: 1px;
	background: #e4dcd3;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	cursor: pointer
}

@media (max-width:751px) {
	.cl-after-sale-service-tab2 .load-more {
		margin-top: 65px
	}
}

.cl-after-sale-service-tab2 .load-more-value-container {
	width: 180px;
	height: 40px;
	border: 1px solid #e4dcd3;
	background: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

@media (max-width:751px) {
	.cl-after-sale-service-tab2 .item6-desc-container .item6-desc:last-child {
		padding-bottom: 30px
	}
}

@media (max-width:751px) {
	.cl-after-sale-service-tab2 .tab-desc {
		margin-bottom: 10px
	}
}

.cl-after-sale-service-tab2 .hot-tip {
	margin-top: 100px;
	padding-top: 100px;
	border-top: 1px solid #e4dcd3
}

@media (max-width:751px) {
	.cl-after-sale-service-tab2 .hot-tip {
		margin-top: 50px;
		padding-top: 50px
	}
}


.cl-after-sale-service-tab2 .hot-tip .hot-desc {
	margin-top: 20px
}

@media (max-width:751px) {
	.cl-after-sale-service-tab2 .hot-tip .hot-desc {
		margin-bottom: 10px
	}
}

.cl-after-sale-service-tab3 {
	margin-top: 120px
}

.cl-after-sale-service-tab3 .item1-title {
	margin-bottom: 10px
}

.cl-after-sale-service-tab3 .item1-smallTitle {
	margin-bottom: 30px
}

.cl-after-sale-service-tab3 .item1-desc {
	margin-bottom: 10px
}

.cl-after-sale-service-tab3 .tab3-img {
	margin-top: 60px
}

@media (max-width:751px) {
	.cl-after-sale-service-tab3 .tab3-img {
		margin-top: 30px
	}
}

@media (max-width:751px) {
	.cl-after-sale-service-tab3 .tab3-img-container {
		padding: 0
	}
}

.cl-after-sale-service-tab3 .tab3-img {
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 0;
	padding-bottom: 36.3%;
	margin-bottom: 120px
}

@media (max-width:751px) {
	.cl-after-sale-service-tab3 .tab3-img {
		margin-bottom: 0;
		padding-bottom: 56%
	}
}

.cl-after-sale-service-tab3 .item2-container {
	background: #f6f3f2;
	padding: 60px 0;
	border-left: 0;
	border-right: 0
}

.cl-after-sale-service-tab3 .item2-container .item2-title {
	margin-bottom: 60px
}

@media (max-width:751px) {
	.cl-after-sale-service-tab3 .item2-container .item2-title {
		margin-bottom: 40px
	}
}

.cl-after-sale-service-tab3 .item2-container .item2-todo-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-right: -10px
}

@media (max-width:751px) {
	.cl-after-sale-service-tab3 .item2-container .item2-todo-container {
		display: block;
		margin-right: 0
	}
}

.cl-after-sale-service-tab3 .item2-container .item2-todo {
	margin-right: 10px;
	padding: 30px;
	background: #fff;
	border: 1px solid #e4dcd3
}

@media (max-width:751px) {
	.cl-after-sale-service-tab3 .item2-container .item2-todo {
		margin-bottom: 10px;
		margin-right: 0
	}
}

.cl-after-sale-service-tab3 .item2-container .item2-todo-title {
	margin-bottom: 20px
}

@media (max-width:751px) {
	.cl-after-sale-service-tab3 .item2-container .item2-todo-title {
		margin-bottom: 15px
	}
}

.cl-after-sale-service-tab3 .item3-container {
	margin-top: 120px
}

@media (max-width:65px) {
	.cl-after-sale-service-tab3 .item3-container {
		margin-top: 65px
	}
}

.cl-after-sale-service-tab3 .item3-container .item3-title {
	margin-bottom: 60px
}

@media (max-width:751px) {
	.cl-after-sale-service-tab3 .item3-container .item3-title {
		margin-bottom: 40px
	}
}

.cl-after-sale-service-tab3 .item3-container .item3-todo-container {
	margin-right: -10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 120px
}

@media (max-width:751px) {
	.cl-after-sale-service-tab3 .item3-container .item3-todo-container {
		margin-bottom: 65px;
		display: block;
		margin-right: 0
	}
}

.cl-after-sale-service-tab3 .item3-container .item3-todo-container .item3-todo {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	border: 1px solid #e4dcd3;
	margin-right: 10px;
	padding: 30px
}

@media (max-width:751px) {
	.cl-after-sale-service-tab3 .item3-container .item3-todo-container .item3-todo {
		margin-right: 0;
		margin-bottom: 10px
	}
}

.cl-after-sale-service-tab3 .item3-container .item3-todo-container .item3-title-group {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 40px
}

.cl-after-sale-service-tab3 .item3-container .item3-todo-container .item3-title-group .iconfont {
	margin-right: 10px;
	font-size: 30px
}

.cl-after-sale-service-tab4 .tab4-img {
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	padding-bottom: 36.36%
}

@media (max-width:751px) {
	.cl-after-sale-service-tab4 .tab4-img {
		padding-bottom: 56%
	}
}

.cl-after-sale-service-tab4 .item1-container {
	margin-bottom: 120px;
	margin-top: 120px
}

@media (max-width:751px) {
	.cl-after-sale-service-tab4 .item1-container {
		margin-bottom: 65px;
		margin-top: 65px
	}
}

.cl-after-sale-service-tab4 .item1-container .title {
	margin-bottom: 10px
}

.cl-after-sale-service-tab4 .item1-container .smallTitle {
	margin-bottom: 30px;
	font-family: HyundaiSansHead-Regular
}

.cl-after-sale-service-tab4 .item1-container .desc {
	margin-bottom: 4px
}

.cl-after-sale-service-tab4 .item1-container .mb-smallTitle-container {
	margin-bottom: 30px;
	font-family: HyundaiSansHead-Regular
}

.cl-after-sale-service-tab4 .item1-container .mb-small-title {
	color: #00aad2
}

@media (max-width:751px) {
	.cl-after-sale-service-tab4 .tab4-img-container {
		padding: 0
	}
}

.cl-after-sale-service-tab4 .item2-container,
.cl-after-sale-service-tab4 .item3-container {
	background: #f6f3f2;
	padding: 120px 0;
	margin-top: 120px
}

@media (max-width:751px) {

	.cl-after-sale-service-tab4 .item2-container,
	.cl-after-sale-service-tab4 .item3-container {
		padding: 50px 0;
		margin-top: 0
	}
}

.cl-after-sale-service-tab4 .item2-container .list-container,
.cl-after-sale-service-tab4 .item3-container .list-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	margin-top: 30px
}

@media (max-width:751px) {

	.cl-after-sale-service-tab4 .item2-container .list-container,
	.cl-after-sale-service-tab4 .item3-container .list-container {
		display: block;
		margin-right: 0
	}
}

.cl-after-sale-service-tab4 .item2-container .list-container .list,
.cl-after-sale-service-tab4 .item3-container .list-container .list {
	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-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.cl-after-sale-service-tab4 .item2-container .list-container .list .list-todo-container,
.cl-after-sale-service-tab4 .item3-container .list-container .list .list-todo-container {
	margin-right: 10px;
	margin-bottom: 10px
}

@media (max-width:751px) {

	.cl-after-sale-service-tab4 .item2-container .list-container .list .list-todo-container,
	.cl-after-sale-service-tab4 .item3-container .list-container .list .list-todo-container {
		margin-right: 0
	}
}

.cl-after-sale-service-tab4 .item2-container .list-container .list .list-todo-container .item2-title,
.cl-after-sale-service-tab4 .item3-container .list-container .list .list-todo-container .item2-title {
	margin-bottom: 0
}

.cl-after-sale-service-tab4 .item2-container .list-container .list .list-todo-container .p,
.cl-after-sale-service-tab4 .item3-container .list-container .list .list-todo-container .p {
	margin-bottom: 10px
}

.cl-after-sale-service-tab4 .item3-container {
	background: #fff;
	margin-top: 0
}

.cl-after-sale-service-tab5 .title {
	margin-top: 120px;
	margin-bottom: 10px
}

@media (max-width:751px) {
	.cl-after-sale-service-tab5 .title {
		margin-top: 65px
	}
}

.cl-after-sale-service-tab5 .smallTitle {
	margin-bottom: 30px;
	font-family: HyundaiSansHead-Regular
}

.cl-after-sale-service-tab5 .desc-container {
	margin-bottom: 60px
}

@media (max-width:751px) {
	.cl-after-sale-service-tab5 .desc-container {
		margin-bottom: 30px
	}

	.cl-after-sale-service-tab5 .desc-container .p:first-child {
		margin-bottom: 10px
	}
}

.cl-after-sale-service-tab5 .desc-container .p {
	margin-bottom: 4px
}

.cl-after-sale-service-tab5 .tab5-img {
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	padding-bottom: 36.36%
}

@media (max-width:751px) {
	.cl-after-sale-service-tab5 .tab5-img {
		padding-bottom: 56%
	}
}

@media (max-width:751px) {
	.cl-after-sale-service-tab5 .img-container {
		padding: 0
	}
}

.cl-after-sale-service-tab5 .item2-container {
	background: #f6f3f2;
	padding: 120px 0;
	margin-top: 120px
}

@media (max-width:751px) {
	.cl-after-sale-service-tab5 .item2-container {
		padding: 50px 0;
		margin-top: 0
	}
}


.cl-after-sale-service-tab5 .item2-container .todo {
	border: 1px solid #e4dcd3;
	background: #fff;
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 30px
}

@media (max-width:751px) {
	.cl-after-sale-service-tab5 .item2-container .todo {
		margin-right: 0
	}
}

.cl-after-sale-service-tab5 .item2-container .todo .item2-title {
	margin-bottom: 30px
}

.cl-after-sale-service-tab5 .item2-container .todo .p {
	margin-bottom: 10px
}

.cl-after-sale-service-tab5 .item2-container .todo-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-right: -10px
}

@media (max-width:751px) {
	.cl-after-sale-service-tab5 .item2-container .todo-container {
		display: block;
		margin-right: 0
	}
}

.cl-after-sale-service-tab6 .item1 {
	padding-bottom: 120px;
	margin-bottom: 120px;
	border-bottom: 1px solid #e4dcd3;
	margin-top: 120px
}

@media (max-width:751px) {
	.cl-after-sale-service-tab6 .item1 {
		margin-top: 65px;
		padding-bottom: 65px;
		margin-bottom: 65px
	}
}

.cl-after-sale-service-tab6 .item1 .title {
	margin-bottom: 30px
}

.cl-after-sale-service-tab6 .item1 .desc {
	margin-bottom: 50px
}

.cl-after-sale-service-tab6 .item1 .tab6-img {
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	padding-bottom: 36.36%
}

@media (max-width:751px) {
	.cl-after-sale-service-tab6 .item1 .tab6-img {
		padding-bottom: 56%
	}
}

@media (max-width:751px) {
	.cl-after-sale-service-tab6 .item1 .item1-container {
		padding: 0
	}
}

.cl-after-sale-service-tab6 .item1 .item1-list-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 0 30px;
	margin-right: -10px;
	margin-top: -30px
}

@media (max-width:751px) {
	.cl-after-sale-service-tab6 .item1 .item1-list-container {
		display: block;
		padding: 0 15px;
		margin-right: 0
	}
}

.cl-after-sale-service-tab6 .item1 .item1-list-container .item1-list {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	border: 1px solid #e4dcd3;
	background: #fff;
	padding: 50px 30px;
	margin-right: 10px
}

@media (max-width:751px) {
	.cl-after-sale-service-tab6 .item1 .item1-list-container .item1-list {
		margin-right: 0;
		margin-bottom: 10px;
		padding: 30px
	}
}

.cl-after-sale-service-tab6 .item1 .item1-list-container .item1-list:first-child .p {
	margin-top: 30px
}

@media (max-width:751px) {
	.cl-after-sale-service-tab6 .item1 .item1-list-container .item1-list:first-child .p {
		margin-top: 15px
	}
}

.cl-after-sale-service-tab6 .item2 {
	margin-bottom: 120px
}

@media (max-width:751px) {
	.cl-after-sale-service-tab6 .item2 {
		margin-bottom: 65px
	}
}

.cl-after-sale-service-tab6 .item2 .title {
	margin-bottom: 60px
}

.cl-after-sale-service-tab6 .item2 .item2-list-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-right: -10px
}

@media (max-width:751px) {
	.cl-after-sale-service-tab6 .item2 .item2-list-container {
		display: block;
		margin-right: 0
	}
}

.cl-after-sale-service-tab6 .item2 .item2-list-container .item {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	background: #f6f3f2;
	border: 1px solid #e4dcd3;
	padding: 30px;
	margin-right: 10px
}

@media (max-width:751px) {
	.cl-after-sale-service-tab6 .item2 .item2-list-container .item {
		margin-right: 0;
		margin-bottom: 10px
	}
}

.cl-after-sale-service-tab6 .item3 .tab6-item3-img {
	padding: 60px 0;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover
}

.cl-after-sale-service-tab6 .item3 .title {
	color: #fff;
	margin-bottom: 60px
}

@media (max-width:751px) {
	.cl-after-sale-service-tab6 .item3 .title {
		margin-bottom: 40px
	}
}

.cl-after-sale-service-tab6 .item3 .list-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

@media (max-width:751px) {
	.cl-after-sale-service-tab6 .item3 .list-container {
		display: block
	}
}

.cl-after-sale-service-tab6 .item3 .list-container .item {
	background: rgba(0, 0, 0, .5);
	border: 1px solid #e4dcd3;
	color: #fff;
	padding: 30px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: calc(25% - 10px);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	margin-right: 10px;
	margin-bottom: 10px;
	height: 110px
}

@media (max-width:751px) {
	.cl-after-sale-service-tab6 .item3 .list-container .item {
		width: 100%;
		margin-right: 0
	}
}

.cl-after-sale-service-tab6 .item3 .list-container .item .iconfont {
	font-size: 20px;
	position: absolute;
	bottom: 10px;
	right: 10px
}

.cl-after-sale-service-tab6 .item4 {
	background: #f6f3f2;
	padding-bottom: 60px
}

@media (max-width:751px) {
	.cl-after-sale-service-tab6 .item4 {
		padding-bottom: 40px
	}
}

.cl-after-sale-service-tab6 .item4 .title {
	margin-top: 60px;
	margin-bottom: 20px
}

@media (max-width:751px) {
	.cl-after-sale-service-tab6 .item4 .title {
		margin-top: 40px
	}
}

.cl-after-sale-service-tab6 .item4 .desc {
	margin-bottom: 30px
}

.cl-after-sale-service-tab6 .item4 .list-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.cl-after-sale-service-tab6 .item4 .list-container .item {
	background: #fff;
	border: 1px solid #e4dcd3;
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 10px
}

@media (max-width:751px) {
	.cl-after-sale-service-tab6 .item4 .list-container .item {
		width: calc(50% - 10px);
		padding: 20px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}
}

.cl-after-sale-service-tab6 .item5 {
	margin-top: 120px
}

@media (max-width:751px) {
	.cl-after-sale-service-tab6 .item5 {
		margin-top: 65px
	}
}

.cl-after-sale-service-tab6 .item5 .title {
	margin-bottom: 30px
}

.cl-after-sale-service-tab6 .item5 .desc {
	margin-bottom: 10px
}

.cl-after-sale-service-tab6 .item5 .list-container {
	background: #f6f3f2;
	padding: 30px;
	margin-bottom: 120px;
	margin-top: 160px
}

@media (max-width:751px) {
	.cl-after-sale-service-tab6 .item5 .list-container {
		margin-top: 10px;
		margin-bottom: 0;
		background: #fff;
		position: relative
	}

	.cl-after-sale-service-tab6 .item5 .list-container .container {
		padding: 0
	}
}

.cl-after-sale-service-tab6 .item5 .list-container .mb-bg {
	height: 150px;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	background: #f6f3f2;
	z-index: 3
}

.cl-after-sale-service-tab6 .item5 .todo-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 40%
}

@media (max-width:751px) {
	.cl-after-sale-service-tab6 .item5 .todo-container {
		width: 100%
	}
}

.cl-after-sale-service-tab6 .item5 .todo-container .item {
	background: #fff;
	border: 1px solid #e4dcd3;
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 10px
}

@media (max-width:751px) {
	.cl-after-sale-service-tab6 .item5 .todo-container .item {
		background: #f6f3f2
	}
}

.cl-after-sale-service-tab6 .item5 .content-container {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end
}

@media (max-width:751px) {
	.cl-after-sale-service-tab6 .item5 .content-container {
		display: block
	}
}

@media (min-width:752px) {
	.cl-after-sale-service-tab6 .item5 .content-container .img-pc {
		width: 60%;
		position: absolute;
		left: 25%;
		top: 0;
		-webkit-transform: translate(-50%, -40%);
		transform: translate(-50%, -40%)
	}
}

@media (max-width:751px) {
	.cl-after-sale-service-tab6 .item5 .content-container .img-pc {
		width: 100%;
		margin-top: 20px;
		position: relative;
		z-index: 5
	}
}

.c-maintenance-station-tab-content {
	width: 100%
}

.c-maintenance-station-tab-content .dept-banner-container {
	position: relative;
	height: 50rem
}

@media (max-width:751px) {
	.c-maintenance-station-tab-content .dept-banner-container {
		height: 40rem
	}
}

.c-maintenance-station-tab-content .dept-banner-container .banner-item0 .container .small-title,
.c-maintenance-station-tab-content .dept-banner-container .banner-item0 .container .title {
	color: #fff !important
}

.c-maintenance-station-tab-content .dept-banner-container .banner-item1 .container .small-title,
.c-maintenance-station-tab-content .dept-banner-container .banner-item1 .container .title {
	color: #000 !important
}

.c-maintenance-station-tab-content .banner-item {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	display: none
}

.c-maintenance-station-tab-content .dept-map-item {
	display: none
}

.c-maintenance-station-tab-content .dept-tab-container {
	margin-bottom: 100px
}

@media (max-width:751px) {
	.c-maintenance-station-tab-content .dept-tab-container {
		margin-bottom: 50px
	}
}

.c-maintenance-station-tab-content .dept-tab-container .dept-tab .left,
.c-maintenance-station-tab-content .dept-tab-container .dept-tab .right {
	display: none !important
}

.c-maintenance-station-tab-content .dept-tab-container .dept-tab .tab-mb-scroll {
	overflow: hidden
}

.c-maintenance-station-tab-content .dept-tab-container .dept-tab .tab-container {
	width: 100%;
	min-width: 100%
}

@media (max-width:751px) {
	.c-maintenance-station-tab-content .dept-tab-container .dept-tab .tab-container {
		border-bottom: 1px solid #e4dcd3 !important;
		display: -webkit-box !important;
		display: -ms-flexbox !important;
		display: flex !important;
		-webkit-box-align: center !important;
		-ms-flex-align: center !important;
		align-items: center !important;
		margin-left: 0 !important
	}
}

@media (max-width:751px) and (max-width:751px) {
	.c-maintenance-station-tab-content .dept-tab-container .dept-tab .tab-container a {
		border: 0 !important
	}
}

.c-maintenance-station-tab-content .dept-map-container .title {
	margin-bottom: 60px
}

@media (max-width:751px) {
	.c-maintenance-station-tab-content .dept-map-container .title {
		margin-bottom: 40px
	}

	.c-maintenance-station-tab-content .dept-map-container .title span {
		display: block;
		font-family: HyundaiSansHead-Regular
	}
}

.c-maintenance-station-tab-content .dept-map-container .desc {
	margin-bottom: 60px
}

@media (max-width:751px) {
	.c-maintenance-station-tab-content .dept-map-container .desc {
		margin-bottom: 40px
	}
}

@media (max-width:751px) {
	.c-maintenance-station-tab-content .search-container {
		background: #f6f3f2;
		border: 1px solid #979797;
		border-left: 0;
		border-right: 0;
		padding: 30px
	}
}

.c-maintenance-station-tab-content .search-container .input-container {
	width: 100%;
	height: 40px;
	border: 1px solid #e4dcd3;
	background: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 0 15px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 30px
}

@media (max-width:751px) {
	.c-maintenance-station-tab-content .search-container .input-container {
		margin-bottom: 10px
	}
}

.c-maintenance-station-tab-content .search-container .input-container input {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding: 0 10px;
	color: #999
}

.c-maintenance-station-tab-content .search-container .input-container .search {
	color: #999
}

.c-maintenance-station-tab-content .search-container .select-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 700px;
	margin-bottom: 30px
}

@media (max-width:751px) {
	.c-maintenance-station-tab-content .search-container .select-container {
		width: 100%;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		margin-bottom: 0
	}
}

.c-maintenance-station-tab-content .search-container .select-container .label {
	color: #999;
	text-align: left;
	margin-bottom: 6px
}

.c-maintenance-station-tab-content .search-container .select-container .select-city,
.c-maintenance-station-tab-content .search-container .select-container .select-province {
	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-flex: 1;
	-ms-flex: 1;
	flex: 1
}

@media (max-width:751px) {

	.c-maintenance-station-tab-content .search-container .select-container .select-city,
	.c-maintenance-station-tab-content .search-container .select-container .select-province {
		width: 100%
	}
}

.c-maintenance-station-tab-content .search-container .select-container .select-city select,
.c-maintenance-station-tab-content .search-container .select-container .select-province select {
	height: 40px;
	border: 1px solid #e4dcd3;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: #fff url(../img/icon_arrow_select.png) no-repeat calc(100% - 15px) 50%;
	background-size: 15px;
	padding: 0 15px
}

.c-maintenance-station-tab-content .search-container .select-container .select-province {
	margin-right: 20px
}

@media (max-width:751px) {
	.c-maintenance-station-tab-content .search-container .select-container .select-province {
		margin: 0
	}
}

.c-maintenance-station-tab-content .map-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 520px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 130px
}

@media (max-width:751px) {
	.c-maintenance-station-tab-content .map-container {
		margin-bottom: 65px;
		width: 100%;
		height: 600px;
		padding: 0;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		position: relative
	}
}

.c-maintenance-station-tab-content .map-container .map {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.c-maintenance-station-tab-content .map-container .data-list {
	width: 360px;
	margin-left: 20px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	overflow: scroll
}

.c-maintenance-station-tab-content .map-container .data-list .data-list-container .data-list-item {
	padding: 30px 20px;
	border: 1px solid #fff;
	-webkit-transition: all .3s ease;
	transition: all .3s ease
}

.c-maintenance-station-tab-content .map-container .data-list .data-list-container .data-list-item .data-list-title {
	font-weight: 700;
	margin-bottom: 20px
}

.c-maintenance-station-tab-content .map-container .data-list .data-list-container .data-list-item .icon-group {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 20px
}

.c-maintenance-station-tab-content .map-container .data-list .data-list-container .data-list-item .icon-group .icon-item {
	margin-right: 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.c-maintenance-station-tab-content .map-container .data-list .data-list-container .data-list-item .icon-group .icon-item .iconfont {
	margin-right: 4px
}

.c-maintenance-station-tab-content .map-container .data-list .data-list-container .data-list-item .desc-info-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 5px
}

.c-maintenance-station-tab-content .map-container .data-list .data-list-container .data-list-item .desc-info-container .desc-info-label {
	width: 50px;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.c-maintenance-station-tab-content .map-container .data-list .data-list-container .data-list-item-active {
	background: #f6f3f2;
	border: 1px solid #e4dcd3
}

@media (max-width:751px) {
	.c-maintenance-station-tab-content .map-container .data-list {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 245px;
		margin: 20px 0;
		z-index: 999999;
		padding-left: 0
	}

	.c-maintenance-station-tab-content .map-container .data-list .data-list-container {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}

	.c-maintenance-station-tab-content .map-container .data-list .data-list-container .data-list-item {
		-ms-flex-negative: 0;
		flex-shrink: 0;
		background: #fff
	}

	.c-maintenance-station-tab-content .map-container .data-list .map-mb-swiper {
		padding: 0 30px
	}
}

#cus_overlay {
	z-index: 0
}

.custom-map-content-container {
	padding: 30px;
	background: #fff;
	width: 420px;
	position: relative;
	border: 1px solid #e4dcd3;
	-webkit-transform: translateY(-30px);
	transform: translateY(-30px)
}

.custom-map-content-container .iconfont {
	position: absolute;
	top: 10px;
	right: 5px;
	font-size: 25px;
	cursor: pointer;
	width: 40px;
	height: 40px;
	text-align: center
}

.custom-map-content-container .custom-map-title {
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 20px
}

.custom-map-content-container .custom-map-address,
.custom-map-content-container .custom-map-phone {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 10px
}

.custom-map-content-container .custom-map-address span:first-child,
.custom-map-content-container .custom-map-phone span:first-child {
	width: 45px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	font-size: 14px
}

.custom-map-content-container .custom-map-button-group {
	margin-top: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.custom-map-content-container .custom-map-button-group .custom-map-button1,
.custom-map-content-container .custom-map-button-group .custom-map-button2 {
	width: 140px;
	height: 40px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 14px;
	cursor: pointer;
	-webkit-transition: all .3s ease;
	transition: all .3s ease
}

.custom-map-content-container .custom-map-button-group .custom-map-button1 {
	border: 1px solid #000;
	color: #000
}

.custom-map-content-container .custom-map-button-group .custom-map-button1:hover {
	color: #fff;
	background: #012c5f
}

.custom-map-content-container .custom-map-button-group .custom-map-button2 {
	border: 1px solid #012c5f;
	color: #fff;
	background: #012c5f;
	margin-left: 20px
}

.custom-map-content-container .dialog-jiantou {
	position: absolute;
	bottom: 0;
	left: 50%;
	-webkit-transform: translate(-50%, 100%);
	transform: translate(-50%, 100%)
}

.c-websit-map {
	margin-top: 180px;
	margin-bottom: 120px
}

@media (max-width:751px) {
	.c-websit-map {
		margin-top: 120px;
		margin-bottom: 65px
	}
}

.c-websit-map .content {
	padding: 0
}

.c-websit-map .content .container {
	padding: 0 15px
}

@media (max-width:751px) {
	.c-websit-map .content {
		padding: 0 30px
	}
}

.c-websit-map .max-title {
	margin-bottom: 60px
}

@media (max-width:751px) {
	.c-websit-map .max-title {
		margin-bottom: 40px
	}
}

.c-websit-map .level1 {
	background: #f6f3f2;
	padding: 0
}

.c-websit-map .level1 .container {
	padding: 0
}

@media (max-width:751px) {
	.c-websit-map .level1 {
		background: transparent
	}
}

.c-websit-map .l1-container {
	background: #f6f3f2;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 20px 15px;
	-webkit-transition: all .3s ease;
	transition: all .3s ease
}

.c-websit-map .l1-container .iconfont {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	-webkit-transition: all .3s ease;
	transition: all .3s ease
}

@media (max-width:751px) {
	.c-websit-map .collapse-container {
		border-bottom: 1px solid #e4dcd3;
		margin-top: -1px
	}
}

.c-websit-map .collapsed {
	border-bottom: 1px solid #e4dcd3;
	background: transparent
}

.c-websit-map .collapsed .iconfont {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg)
}

.c-websit-map .l2-container {
	margin-bottom: 0
}

@media (max-width:751px) {
	.c-websit-map .l2-container {
		margin-bottom: 0
	}
}

.c-websit-map .l2-container .level2 {
	display: inline-block;
	width: 180px;
	margin-right: 30px;
	white-space: nowrap;
	margin-top: 30px
}

@media (max-width:751px) {
	.c-websit-map .l2-container .level2 {
		width: 100%;
		margin-top: 20px
	}
}

.c-websit-map .l2-container .level2:last-child {
	margin-bottom: 0
}

.c-websit-map .l3-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	margin-bottom: 20px
}

@media (max-width:751px) {
	.c-websit-map .l3-container {
		margin-bottom: 0
	}
}

.c-websit-map .l2-title {
	margin-bottom: 10px
}

@media (max-width:751px) {
	.c-websit-map .level2:last-child {
		margin-bottom: 40px;
		padding-bottom: 30px
	}
}

.c-websit-map .l3-title {
	margin-top: 10px;
	color: #999
}

@media (max-width:751px) {
	.c-websit-map .l3-title {
		padding-left: 15px
	}
}

.c-privacy-policy {
	margin-top: 200px;
	margin-bottom: 120px
}

@media (max-width:751px) {
	.c-privacy-policy {
		margin-top: 130px;
		margin-bottom: 65px
	}
}

.c-privacy-policy .title-container {
	border-bottom: 1px solid #e4dcd3;
	padding-bottom: 60px;
	margin-bottom: 60px
}

@media (max-width:751px) {
	.c-privacy-policy .title-container {
		padding-bottom: 30px;
		margin-bottom: 30px
	}
}

.c-privacy-policy .desc-container {
	padding-bottom: 30px;
	border-bottom: 1px solid #e4dcd3
}

.c-privacy-policy .desc-container .desc {
	line-height: 25px
}

.c-privacy-policy .child-container {
	background: #f6f3f2;
	padding: 30px
}

@media (max-width:751px) {
	.c-privacy-policy .child-container {
		padding: 15px
	}
}

.c-privacy-policy .text-group {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.c-privacy-policy .l-label {
	width: 20px;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

@media (max-width:751px) {
	.c-privacy-policy .l-label {
		width: 15px
	}
}

.c-privacy-policy .l3 {
	padding-left: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 15px
}

.c-privacy-policy .text-group {
	margin-bottom: 15px
}

.c-privacy-policy .l1 {
	padding: 20px;
	border-bottom: 1px solid #e4dcd3;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.c-privacy-policy .l1 .iconfont {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	-webkit-transition: all .3s ease;
	transition: all .3s ease
}

.c-privacy-policy .collapsed .iconfont {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg)
}

.c-privacy-policy .value {
	line-height: 25px
}

.c-contact-us .item-container {
	padding-bottom: 60px;
	margin-bottom: 60px;
	border-bottom: 1px solid #e4dcd3
}

@media (max-width:751px) {
	.c-contact-us .item-container {
		padding-bottom: 0;
		margin-bottom: 0;
		border: 0
	}
}

@media (max-width:751px) {
	.c-contact-us .item-container:first-child {
		margin-bottom: 50px
	}

	.c-contact-us .item-container:first-child .container {
		padding: 0 30px
	}
}

.c-contact-us .item-container:last-child {
	padding-bottom: 0;
	margin-bottom: 120px;
	border-bottom: 0
}

@media (max-width:751px) {
	.c-contact-us .item-container:last-child {
		margin-bottom: 0
	}
}

.c-contact-us .max-title {
	margin-top: 100px
}

@media (max-width:751px) {
	.c-contact-us .max-title {
		margin-top: 50px
	}
}

.c-contact-us .small-title {
	margin-bottom: 30px
}

@media (max-width:751px) {
	.c-contact-us .small-title {
		margin-bottom: 20px
	}
}

.c-contact-us .list-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

@media (max-width:751px) {
	.c-contact-us .list-container {
		display: block
	}
}

.c-contact-us .list-container .item {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.c-contact-us .list-container .item-title {
	margin-bottom: 30px
}

@media (max-width:751px) {
	.c-contact-us .list-container .item-title {
		margin-bottom: 15px
	}
}

.c-contact-us .icon-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 15px
}

.c-contact-us .icon-container .iconfont {
	margin-right: 15px
}

.c-contact-us .weibo-container {
	cursor: pointer
}

.c-contact-us .weixin {
	width: 130px;
	height: 130px
}

@media (max-width:751px) {
	.c-contact-us .container {
		padding: 0
	}

	.c-contact-us .container .item {
		padding: 0 30px;
		padding-bottom: 50px;
		margin-bottom: 50px;
		border-bottom: 1px solid #e4dcd3
	}
}

.c-contact-us .item-container:last-child .item:last-child {
	border: 0;
	margin-bottom: 0
}

.c-contact-us-banner {
	position: relative
}

.c-contact-us-banner .banner-container {
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 0;
	padding-bottom: 26%
}

@media (max-width:751px) {
	.c-contact-us-banner .banner-container {
		padding-bottom: 110.66%
	}
}

.c-contact-us-banner .title {
	position: absolute;
	left: 20%;
	top: 35%;
	color: #fff
}

@media (max-width:751px) {
	.c-contact-us-banner .title {
		left: 50%;
		top: 30%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%)
	}
}

.c-book .title-box {
	margin-bottom: 6rem
}

.c-book .c-form {
	position: relative;
	z-index: 10;
	overflow: visible
}

.c-book .c-form .h3 {
	font-size: 32px
}

.c-book .c-form .h4 {
	font-size: 18px
}

@media screen and (max-width:767px) {
	.c-book .c-form .h3 {
		font-size: 22px
	}

	.c-book .c-form .h4 {
		font-size: 16px
	}
}

.c-book .c-form .content {
	position: relative;
	margin: 15px auto 0;
	padding-bottom: 30px;
	border-bottom: 1px solid transparent
}

.c-book .c-form .form-group {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 40px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.c-book .c-form .form-group.hidden {
	display: none
}

.c-book .c-form .group-title {
	margin-bottom: 10px
}

.c-book .c-form .form-radio {
	position: relative;
	width: 22px;
	height: 22px;
	display: inline-block;
	border: 1px solid #d6d6d6;
	border-radius: 50%;
	cursor: pointer;
	background: #f6f3f2;
	margin-right: 5px
}

.c-book .c-form .active .form-radio:after {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 12px;
	height: 12px;
	display: block;
	content: "";
	background: #000;
	border-radius: 50%
}

.c-book .c-form .error {
	color: red
}

.c-book .c-form .error .form-check {
	border-color: red
}

.c-book .c-form .input-group {
	position: relative;
	width: 31%;
	height: 70px;
	line-height: 70px;
	border: 1px solid #d6d6d6
}

.c-book .c-form .input-group.error {
	color: red;
	border-color: red;
	background: rgba(255, 0, 0, .1)
}

.c-book .c-form .input-group .iconfont {
	position: absolute;
	top: 15px;
	left: 15px
}

.c-book .c-form .input-group .placeholder {
	position: absolute;
	top: 22px;
	left: 60px;
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
	pointer-events: none
}

.c-book .c-form .input-group input {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 70%;
	padding: 0 15px 0 60px;
	background: transparent;
	border: none;
	-webkit-box-shadow: none;
	box-shadow: none
}

.c-book .c-form .input-group input[readonly] {
	pointer-events: none
}

.c-book .c-form .input-group.focus .placeholder {
	-webkit-transform: scale(.7) translate(-10px, -20px);
	transform: scale(.7) translate(-10px, -20px)
}

.c-book .c-form .input-group.code-group .placeholder {
	left: 30px
}

.c-book .c-form .input-group.code-group input {
	padding-left: 30px
}

.c-book .c-form .input-group.code-group button {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	display: block;
	right: 15px;
	height: 64%;
	padding: 0 12px;
	background: #000;
	border: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #fff
}

.c-book .c-form .first-group {
	margin-bottom: 80px
}

.c-book .c-form .sex-wrap {
	position: absolute;
	top: 100%;
	left: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	margin-top: 15px;
	color: #000
}

.c-book .c-form .sex-wrap.error {
	color: red
}

.c-book .c-form .sex-wrap .item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	margin-right: 50px;
	cursor: pointer
}

.c-book .c-form .sex-wrap .item:last-of-type {
	margin-right: 0
}

.c-book .c-form .sex-wrap .item span {
	display: block;
	line-height: 24px
}

.c-book .c-form .form-select-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	z-index: 2;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.c-book .c-form .form-select-wrap .item {
	width: 31%
}

.c-book .c-form .date-group {
	position: relative;
	z-index: 2;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.c-book .c-form .date-group .input-group {
	width: 100%;
	cursor: pointer;
	background: #f6f3f2
}

.c-book .c-form .date-group .input-group.error {
	background: rgba(255, 0, 0, .1)
}

.c-book .c-form .date-group .input-group .arrow {
	position: absolute;
	top: 30px;
	right: 15px;
	border-top: 10px solid #000;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent
}

.c-book .c-form .date-group .input-group .date-trigger {
	pointer-events: auto;
	cursor: pointer;
	opacity: 0
}

.c-book .c-form .date-group .input-group .date-mask,
.c-book .c-form .date-group .input-group .date-trigger {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.c-book .c-form .c-form1 .date-group .objective-list,
.c-book .c-form .c-form1 .date-group .time-list,
.c-book .c-form .date-group .date-list,
.c-book .c-form .date-group .objective-list,
.c-book .c-form .date-group .time-list,
.c-form1 .c-book .c-form .date-group .objective-list,
.c-form1 .c-book .c-form .date-group .time-list {
	position: absolute;
	top: 100%;
	left: 0;
	display: none;
	width: 100%;
	max-height: 400px;
	background: #fff;
	border: 1px solid #d6d6d6;
	border-top: none;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	overflow-y: auto
}

.c-book .c-form .c-form1 .date-group .objective-list li,
.c-book .c-form .c-form1 .date-group .time-list li,
.c-book .c-form .date-group .date-list li,
.c-book .c-form .date-group .objective-list li,
.c-book .c-form .date-group .time-list li,
.c-form1 .c-book .c-form .date-group .objective-list li,
.c-form1 .c-book .c-form .date-group .time-list li {
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
	line-height: 64px;
	border-top: 1px solid transparent;
	border-bottom: 1px solid transparent;
	text-align: center;
	font-weight: 700;
	cursor: pointer
}

.c-book .c-form .c-form1 .date-group .objective-list li.active,
.c-book .c-form .c-form1 .date-group .objective-list li:hover,
.c-book .c-form .c-form1 .date-group .time-list li.active,
.c-book .c-form .c-form1 .date-group .time-list li:hover,
.c-book .c-form .date-group .date-list li.active,
.c-book .c-form .date-group .date-list li:hover,
.c-book .c-form .date-group .objective-list li.active,
.c-book .c-form .date-group .objective-list li:hover,
.c-book .c-form .date-group .time-list li.active,
.c-book .c-form .date-group .time-list li:hover,
.c-form1 .c-book .c-form .date-group .objective-list li.active,
.c-form1 .c-book .c-form .date-group .objective-list li:hover,
.c-form1 .c-book .c-form .date-group .time-list li.active,
.c-form1 .c-book .c-form .date-group .time-list li:hover {
	border-top: 1px solid #959595;
	border-bottom: 1px solid #959595;
	background: #f6f3f2
}

.c-book .c-form .form-check {
	position: relative;
	margin-bottom: 20px
}

.c-book .c-form .form-check span {
	cursor: default
}

.c-book .c-form .form-check a {
	text-decoration: underline;
	color: #000
}

.c-book .c-form .form-check a:hover {
	color: #08295d
}

.c-book .c-form .form-check.error,
.c-book .c-form .form-check.error a {
	color: red
}

.c-book .c-form .form-submit-wrap {
	margin-bottom: 90px;
	text-align: center
}

.c-book .c-form .form-submit-wrap .btn-submit {
	width: 400px;
	height: 72px;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
	display: inline-block;
	line-height: 72px;
	color: #fff;
	background: rgba(0, 0, 0, .9)
}

.c-book .c-form .form-submit-wrap .btn-submit:hover {
	background: #000
}

.c-book .calendar-picker-wrap tr td.day {
	position: relative;
	background: none
}

.c-book .calendar-picker-wrap tr td.day:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	z-index: -1;
	content: "";
	border: 1px solid #08295d;
	border-radius: 4px
}

.c-book .calendar-picker-wrap tr td.disabled {
	color: #999;
	border-radius: 4px;
	cursor: default
}

.c-book .calendar-picker-wrap tr td.disabled:after {
	background: #d8d8d8;
	border-color: #666
}

.c-book .calendar-picker-wrap tr td.day:hover {
	background: none
}

.c-book .calendar-picker-wrap tr td.day:hover:after {
	background: #eee
}

.c-book .calendar-picker-wrap tr td.disabled:hover {
	background: none
}

.c-book .calendar-picker-wrap tr td.active,
.c-book .calendar-picker-wrap tr td.active:hover {
	color: #fff;
	background: #08295d
}

.c-book .check-group-box .check-box {
	display: inline-block;
	width: 19px;
	height: 19px;
	border: 1px solid #d6d6d6;
	background: #f6f3f2;
	text-align: center;
	cursor: pointer;
	margin-right: 8px;
	vertical-align: middle
}

.c-book .check-group-box .check-box .iconfont {
	display: block;
	line-height: 18px;
	font-size: 18px;
	color: #08295d;
	font-weight: bolder;
	opacity: 0;
	-webkit-transition: opacity .3s ease;
	transition: opacity .3s ease
}

.c-book .check-group-box .checked-label {
	line-height: 18px;
	vertical-align: middle;
	cursor: default
}

.c-book .check-group-box.checked .check-box .iconfont {
	opacity: 1
}

@media screen and (min-width:768px) {
	.c-book .calendar-picker-wrap tr td {
		width: 55px;
		height: 55px
	}
}

@media screen and (max-width:767px) {
	.c-book .c-form .content {
		margin-top: 0;
		padding-bottom: 0
	}

	.c-book .c-form .form-group {
		display: block;
		margin-bottom: 20px
	}

	.c-book .c-form .group-title {
		margin-bottom: 5px
	}

	.c-book .c-form .form-radio {
		width: 20px;
		height: 20px;
		top: 3px
	}

	.c-book .c-form .input-group {
		width: 100%;
		height: 60px;
		margin-bottom: 20px;
		line-height: 60px
	}

	.c-book .c-form .input-group .iconfont {
		top: 17px
	}

	.c-book .c-form .input-group .placeholder {
		top: 18px;
		left: 50px
	}

	.c-book .c-form .input-group input {
		padding-left: 48px
	}

	.c-book .c-form .input-group.code-group .placeholder {
		left: 17px
	}

	.c-book .c-form .input-group.code-group input {
		padding-left: 15px
	}

	.c-book .c-form .username-group {
		margin-bottom: 55px
	}

	.c-book .c-form .form-select-wrap {
		display: block
	}

	.c-book .c-form .form-select-wrap .item {
		position: relative;
		z-index: 1;
		width: 100%
	}

	.c-book .c-form .form-select-wrap .item:first-of-type {
		z-index: 3
	}

	.c-book .c-form .form-select-wrap .item:nth-of-type(2) {
		z-index: 2
	}

	.c-book .c-form .date-group .input-group {
		width: 100%
	}

	.c-book .c-form .date-group .input-group .arrow {
		top: 25px;
		border-top-width: 8px;
		border-left-width: 6px;
		border-right-width: 6px
	}

	.c-book .c-form .c-form1 .date-group .objective-list,
	.c-book .c-form .c-form1 .date-group .time-list,
	.c-book .c-form .date-group .date-list,
	.c-book .c-form .date-group .objective-list,
	.c-book .c-form .date-group .time-list,
	.c-form1 .c-book .c-form .date-group .objective-list,
	.c-form1 .c-book .c-form .date-group .time-list {
		top: 60px;
		width: 100%
	}

	.c-book .c-form .c-form1 .date-group .objective-list li,
	.c-book .c-form .c-form1 .date-group .time-list li,
	.c-book .c-form .date-group .date-list li,
	.c-book .c-form .date-group .objective-list li,
	.c-book .c-form .date-group .time-list li,
	.c-form1 .c-book .c-form .date-group .objective-list li,
	.c-form1 .c-book .c-form .date-group .time-list li {
		line-height: 50px
	}

	.c-book .c-form .date-group .time-list {
		top: 100%
	}

	.c-book .c-form .form-check {
		margin-bottom: 10px;
		padding-left: 25px
	}

	.c-book .c-form .form-check.active i:after {
		width: 12px;
		height: 12px
	}

	.c-book .c-form .form-submit-wrap {
		margin-bottom: 60px
	}

	.c-book .c-form .form-submit-wrap .btn-submit {
		width: 80%;
		height: 50px;
		line-height: 50px
	}
}

.c-book .c-form-title {
	margin-top: 30px
}

.c-book .c-form-title .content {
	position: relative
}

.c-book .c-form-title .line {
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 100%;
	height: 2px;
	top: 0;
	background: #000
}

.c-book .c-form-title .title {
	margin-bottom: 60px;
	padding-top: 50px;
	letter-spacing: 2px;
	text-align: center
}

@media screen and (max-width:767px) {
	.c-book .c-form-title {
		margin-top: 15px
	}

	.c-book .c-form-title .line {
		height: 1px
	}

	.c-book .c-form-title .title {
		padding-top: 30px;
		margin-bottom: 30px
	}
}

.c-book .c-layer,
.c-book .c-layer-privacy,
.c-book .c-layer-success {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	z-index: 101;
	background: rgba(0, 0, 0, .7)
}

.c-book .c-layer .layer-content {
	width: 300px
}

.c-book .c-layer-privacy .layer-content,
.c-book .c-layer-success .layer-content,
.c-book .c-layer .layer-content {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	max-width: 50%;
	margin-top: -5%;
	padding: 30px 40px;
	white-space: nowrap;
	background: #f6f3f2;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #000
}

.c-book .c-layer-privacy p,
.c-book .c-layer-success p,
.c-book .c-layer p {
	margin: 0;
	color: #000
}

@media screen and (min-width:768px) {

	.c-book .c-layer-privacy .layer-content,
	.c-book .c-layer-success .layer-content,
	.c-book .c-layer .layer-content {
		margin-top: -2%;
		padding: 30px 50px
	}
}

@media screen and (min-width:1600px) {

	.c-book .c-layer-privacy .layer-content,
	.c-book .c-layer-success .layer-content,
	.c-book .c-layer .layer-content {
		padding: 40px 60px
	}
}

.c-book .c-layer-privacy,
.c-book .c-layer-success {
	background: rgba(0, 0, 0, .7)
}

.c-book .c-layer-privacy .layer-content,
.c-book .c-layer-success .layer-content {
	display: block;
	width: 500px;
	padding: 60px 50px 30px;
	text-align: center;
	background: #f6f3f2
}

.c-book .c-layer-privacy .layer-content .close-box,
.c-book .c-layer-success .layer-content .close-box {
	position: absolute;
	top: 0;
	right: 0;
	width: 55px;
	height: 55px;
	cursor: pointer
}

.c-book .c-layer-privacy .layer-content .description,
.c-book .c-layer-success .layer-content .description {
	white-space: normal;
	word-break: break-all;
	word-wrap: break-word
}

.c-book .c-layer-privacy .layer-content .close-box .iconfont,
.c-book .c-layer-success .layer-content .close-box .iconfont {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.c-book .c-layer-privacy .layer-content .close-box:hover .iconfont,
.c-book .c-layer-success .layer-content .close-box:hover .iconfont {
	opacity: .7
}

.c-book .c-layer-privacy .layer-content .title,
.c-book .c-layer-success .layer-content .title {
	margin-bottom: 15px
}

.c-book .c-layer-privacy .layer-content .btn-confirm,
.c-book .c-layer-success .layer-content .btn-confirm {
	display: inline-block;
	width: 250px;
	margin-top: 40px;
	line-height: 50px;
	color: #fff;
	background: #000
}

@media screen and (max-width:767px) {

	.c-book .c-layer-privacy .layer-content,
	.c-book .c-layer-success .layer-content {
		width: 90%;
		max-width: 300px;
		padding-left: 30px;
		padding-right: 30px
	}

	.c-book .c-layer-privacy .layer-content .close-box,
	.c-book .c-layer-success .layer-content .close-box {
		width: 45px;
		height: 45px
	}

	.c-book .c-layer-privacy .layer-content .btn-confirm,
	.c-book .c-layer-success .layer-content .btn-confirm {
		width: 80%;
		margin-top: 30px;
		line-height: 40px
	}
}

.c-book .c-layer-privacy .layer-content {
	white-space: normal;
	text-align: left
}

.c-book .c-layer-privacy .layer-content .title {
	text-align: center
}

.c-book .c-layer-privacy .layer-content .scroll-content {
	max-height: 60vh;
	overflow: auto
}

@media screen and (max-width:767px) {
	.c-book .c-layer-privacy .layer-content {
		max-width: none;
		padding-left: 15px;
		padding-right: 15px
	}
}

.c-book .c-text-info .sub-title {
	margin-bottom: 5px
}

.c-book .c-text-info .tip {
	color: #08295d
}

.c-book .c-text-info .description {
	margin-top: 20px
}

@media screen and (max-width:767px) {
	.c-book .c-text-info .description {
		margin-top: 5px
	}
}

.calendar-picker-wrap {
	display: none;
	position: absolute;
	z-index: 99;
	padding: 10px;
	border: 1px solid rgba(0, 0, 0, .15);
	border-radius: 4px;
	background: #fff;
	-webkit-box-shadow: 2px 3px 0 rgba(0, 0, 0, .1);
	box-shadow: 2px 3px 0 rgba(0, 0, 0, .1)
}

.calendar-picker-wrap,
.calendar-picker-wrap * {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.calendar-picker-wrap * {
	-webkit-tap-highlight-color: transparent
}

.calendar-picker-wrap table {
	border-collapse: collapse;
	border-spacing: 0
}

.calendar-picker-wrap tr th {
	width: 40px;
	height: 40px;
	padding: 5px;
	font-size: 16px;
	text-align: center;
	border-radius: 4px
}

.calendar-picker-wrap tr th.next,
.calendar-picker-wrap tr th.prev {
	white-space: nowrap;
	cursor: pointer
}

.calendar-picker-wrap tr th.next:hover,
.calendar-picker-wrap tr th.prev:hover {
	background: #eee
}

.calendar-picker-wrap tr th.prev span {
	border-right: 8px solid #000
}

.calendar-picker-wrap tr th.next span,
.calendar-picker-wrap tr th.prev span {
	display: inline-block;
	position: relative;
	top: -1px;
	line-height: 1;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent
}

.calendar-picker-wrap tr th.next span {
	border-left: 8px solid #000
}

.calendar-picker-wrap tr td {
	width: 40px;
	height: 40px;
	padding: 5px;
	text-align: center;
	border: 2px solid #fff;
	border-radius: 8px;
	color: #333;
	font-size: 14px;
	cursor: default
}

.calendar-picker-wrap tr td.day {
	background: #d3e8f5;
	cursor: pointer
}

.calendar-picker-wrap tr td.day:hover {
	background: #eee
}

.calendar-picker-wrap tr td.disabled,
.calendar-picker-wrap tr td.disabled:hover {
	color: #999;
	background: #d8d8d8;
	cursor: default
}

.calendar-picker-wrap tr td.current,
.calendar-picker-wrap tr td.current:hover {
	color: #fff;
	background: #f75a26
}

.calendar-picker-wrap tr td.active,
.calendar-picker-wrap tr td.active:hover {
	background: #b7c906
}

.calendar-picker-layer {
	display: none;
	position: fixed;
	z-index: 98;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(33, 33, 33, .6)
}

@media screen and (max-width:991px) {
	.calendar-picker-layer.active {
		display: block
	}

	.calendar-picker-wrap {
		position: fixed !important;
		top: 50% !important;
		left: 50% !important;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		margin: 0 !important;
		width: 300px;
		border: none !important;
		-webkit-box-shadow: none;
		box-shadow: none
	}
}

.selePlaceholder .isOpen {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 20px
}

.selePlaceholder .isOpen>div:first-child {
	margin-right: 20px
}

.selePlaceholder .isOpen .active {
	border-bottom: .4rem solid #0e306c
}

.selePlaceholder-box .form-group {
	margin-bottom: 20px !important
}

.selePlaceholder-box .address {
	background: #f6f3f2;
	padding-block: 20px;
	padding-left: 10px;
	font-weight: 700
}

.chexing {
	height: 100%;
	width: 32px;
	top: 0 !important
}

.chexing:before {
	content: "";
	background: url(https://static.hyundai.com.cn/upload/85/75ab6c30d49a8a1ca16d6998078442.png) 0 0 no-repeat;
	width: 32px;
	height: 27px;
	position: absolute;
	display: block;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	background-size: contain
}

@media screen and (max-width:767px) {
	.chexing:before {
		height: 18px
	}
}

.body-ownerCert-wrap,
.body-palisadeclub-wrap {
	opacity: 0
}

.ownerCert-wrap,
.palisadeclub-wrap {
	position: relative;
	max-width: 750px;
	height: 100vh;
	margin: 0 auto
}

.ownerCert-wrap .page-full,
.palisadeclub-wrap .page-full {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding-bottom: 14.5%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden
}

.ownerCert-wrap .page-full .content,
.palisadeclub-wrap .page-full .content {
	width: 100%;
	height: 100%;
	position: relative
}

.ownerCert-wrap .footer-logo,
.palisadeclub-wrap .footer-logo {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	pointer-events: none
}

.ownerCert-wrap .loading,
.palisadeclub-wrap .loading {
	background: url(../img/loading-bg.jpg) bottom no-repeat #057ebb;
	background-size: cover
}

.ownerCert-wrap .loading .brand,
.palisadeclub-wrap .loading .brand {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 19.46%;
	margin: -27.5% 0 0 -10%
}

.ownerCert-wrap .loading .h4,
.palisadeclub-wrap .loading .h4 {
	position: absolute;
	bottom: 6%;
	left: 50%;
	width: 130px;
	margin-left: -65px;
	color: #fff;
	letter-spacing: 2px;
	white-space: nowrap
}

.ownerCert-wrap .form,
.palisadeclub-wrap .form {
	background: url(../img/form-bg2.jpg) bottom no-repeat #f3f1ef;
	background-size: cover;
	color: #0d546b
}

.ownerCert-wrap .form .form-content,
.palisadeclub-wrap .form .form-content {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 92.13%;
	padding-bottom: 17%
}

.ownerCert-wrap .form .form-content .bg,
.palisadeclub-wrap .form .form-content .bg {
	width: 100%
}

.ownerCert-wrap .form .form-content .form-wrap,
.palisadeclub-wrap .form .form-content .form-wrap {
	position: absolute;
	top: 4%;
	left: 18.02%;
	width: 63.96%
}

.ownerCert-wrap .form .form-content .h1,
.palisadeclub-wrap .form .form-content .h1 {
	margin-top: 5%;
	font-size: 28px;
	letter-spacing: 2px;
	text-align: center
}

.ownerCert-wrap .form .form-content .h2,
.ownerCert-wrap .form .form-content .h3,
.palisadeclub-wrap .form .form-content .h2,
.palisadeclub-wrap .form .form-content .h3 {
	letter-spacing: 0;
	text-align: center
}

.ownerCert-wrap .form .form-content .form-input-group,
.palisadeclub-wrap .form .form-content .form-input-group {
	position: relative;
	width: 80%;
	margin: 5% auto 0
}

.ownerCert-wrap .form .form-content .form-input-group .required,
.palisadeclub-wrap .form .form-content .form-input-group .required {
	position: absolute;
	bottom: 5px;
	left: -12px;
	height: 18px;
	font-size: 18px;
	color: #000
}

.ownerCert-wrap .form .form-content .form-input-group .h4,
.palisadeclub-wrap .form .form-content .form-input-group .h4 {
	margin-bottom: 4px;
	text-align: center
}

.ownerCert-wrap .form .form-content .form-input-group input,
.palisadeclub-wrap .form .form-content .form-input-group input {
	width: 100%;
	height: 24px;
	padding: 5px 10px;
	border: 1px solid #0d546b;
	background: none;
	color: #000;
	font-size: 12px;
	letter-spacing: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-radius: 2px !important
}

.ownerCert-wrap .form .form-content .form-input-group .send-code,
.palisadeclub-wrap .form .form-content .form-input-group .send-code {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 40%;
	height: 26px;
	color: #fff;
	font-size: 12px;
	line-height: 24px;
	letter-spacing: 0;
	text-align: center;
	background-color: #000
}

.ownerCert-wrap .form .form-content .form-input-group.code,
.palisadeclub-wrap .form .form-content .form-input-group.code {
	background-color: #545d62;
	border-radius: 4px
}

.ownerCert-wrap .form .form-content .form-input-group.code input,
.palisadeclub-wrap .form .form-content .form-input-group.code input {
	color: #fff;
	border-radius: 4px !important
}

.ownerCert-wrap .form .form-content .form-input-group.code input::-webkit-input-placeholder,
.palisadeclub-wrap .form .form-content .form-input-group.code input::-webkit-input-placeholder {
	color: #fff
}

.ownerCert-wrap .form .form-content .form-input-group.code input:-moz-placeholder,
.ownerCert-wrap .form .form-content .form-input-group.code input::-moz-placeholder,
.palisadeclub-wrap .form .form-content .form-input-group.code input:-moz-placeholder,
.palisadeclub-wrap .form .form-content .form-input-group.code input::-moz-placeholder {
	color: #fff
}

.ownerCert-wrap .form .form-content .form-input-group.code input:-ms-input-placeholder,
.palisadeclub-wrap .form .form-content .form-input-group.code input:-ms-input-placeholder {
	color: #fff
}

.ownerCert-wrap .form .form-content .form-input-group.form-tip-group,
.palisadeclub-wrap .form .form-content .form-input-group.form-tip-group {
	margin-top: 2%
}

.ownerCert-wrap .form .form-content .form-input-group.form-tip-group .tip,
.palisadeclub-wrap .form .form-content .form-input-group.form-tip-group .tip {
	text-align: right;
	font-size: 12px;
	line-height: 1
}

.ownerCert-wrap .form .form-content .form-select-group,
.palisadeclub-wrap .form .form-content .form-select-group {
	position: relative;
	width: 80%;
	margin: 7% auto 0
}

.ownerCert-wrap .form .form-content .form-select-group .h4,
.palisadeclub-wrap .form .form-content .form-select-group .h4 {
	margin-bottom: 4px;
	text-align: center
}

.ownerCert-wrap .form .form-content .form-select-group .select-wrap,
.palisadeclub-wrap .form .form-content .form-select-group .select-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.ownerCert-wrap .form .form-content .form-select-group .h-select,
.palisadeclub-wrap .form .form-content .form-select-group .h-select {
	border: 1px solid #364046;
	-webkit-box-shadow: none;
	box-shadow: none;
	width: 48%;
	height: 24px;
	background: #e6f1f9;
	position: relative;
	border-radius: 4px;
	cursor: pointer
}

.ownerCert-wrap .form .form-content .form-select-group .h-select select,
.palisadeclub-wrap .form .form-content .form-select-group .h-select select {
	position: relative;
	left: 0;
	top: 0;
	z-index: 10;
	width: 100%;
	height: 100%;
	opacity: 0
}

.ownerCert-wrap .form .form-content .form-select-group .select-value,
.palisadeclub-wrap .form .form-content .form-select-group .select-value {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	font-size: 12px;
	line-height: 24px;
	z-index: 5;
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
	padding: 0 5px;
	cursor: pointer
}

.ownerCert-wrap .form .form-content .form-select-group .select-icon,
.palisadeclub-wrap .form .form-content .form-select-group .select-icon {
	position: absolute;
	z-index: 1;
	top: 0;
	bottom: 0;
	right: 5px;
	margin: auto 0;
	height: 20px;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	font-size: 12px;
	color: #364046
}

.ownerCert-wrap .form .form-content .car-wrap,
.palisadeclub-wrap .form .form-content .car-wrap {
	margin: 10% -5% 0;
	overflow: hidden
}

.ownerCert-wrap .form .form-content .car-wrap .car,
.palisadeclub-wrap .form .form-content .car-wrap .car {
	width: 50.9%;
	margin-left: 2%
}

.ownerCert-wrap .form .form-footer,
.palisadeclub-wrap .form .form-footer {
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	bottom: 0;
	width: 72%;
	margin-left: 1%
}

.ownerCert-wrap .form .form-footer .agree-wrap,
.palisadeclub-wrap .form .form-footer .agree-wrap {
	margin-bottom: 2%;
	font-size: 12px;
	color: #000
}

.ownerCert-wrap .form .form-footer .agree-wrap .agree,
.palisadeclub-wrap .form .form-footer .agree-wrap .agree {
	display: inline-block;
	position: relative;
	padding-left: 18px
}

.ownerCert-wrap .form .form-footer .agree-wrap .agree span,
.palisadeclub-wrap .form .form-footer .agree-wrap .agree span {
	position: absolute;
	top: 2px;
	left: 0;
	width: 12px;
	height: 12px;
	display: block;
	border: 1px solid #000;
	background: #fff
}

.ownerCert-wrap .form .form-footer .agree-wrap .agree span .iconfont,
.palisadeclub-wrap .form .form-footer .agree-wrap .agree span .iconfont {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	display: none;
	font-size: 12px
}

.ownerCert-wrap .form .form-footer .agree-wrap .agree span.active .iconfont,
.palisadeclub-wrap .form .form-footer .agree-wrap .agree span.active .iconfont {
	display: block
}

.ownerCert-wrap .form .form-footer .agree-wrap a,
.palisadeclub-wrap .form .form-footer .agree-wrap a {
	color: #00607f
}

.ownerCert-wrap .form .form-footer .submit,
.palisadeclub-wrap .form .form-footer .submit {
	width: 100%
}

.ownerCert-wrap .form .form-tip,
.palisadeclub-wrap .form .form-tip {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	display: none;
	padding: 7px 10px;
	font-size: 14px;
	line-height: 1;
	color: #fff;
	white-space: nowrap;
	letter-spacing: 0;
	background: rgba(43, 42, 40, .9);
	border-radius: 4px
}

.ownerCert-wrap .form .form-layer,
.palisadeclub-wrap .form .form-layer {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	background: rgba(0, 0, 0, .9)
}

.ownerCert-wrap .form .form-layer .layer-wrap,
.palisadeclub-wrap .form .form-layer .layer-wrap {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 68.13%;
	background: #fff
}

.ownerCert-wrap .form .form-layer .layer-wrap .layer-content,
.palisadeclub-wrap .form .form-layer .layer-wrap .layer-content {
	position: relative;
	width: 88.25%;
	margin: 7% auto
}

.ownerCert-wrap .form .form-layer .layer-wrap .layer-content .bg-wrap,
.palisadeclub-wrap .form .form-layer .layer-wrap .layer-content .bg-wrap {
	position: relative;
	width: 100%
}

.ownerCert-wrap .form .form-layer .layer-wrap .layer-content .bg-wrap .bg,
.palisadeclub-wrap .form .form-layer .layer-wrap .layer-content .bg-wrap .bg {
	width: 100%
}

.ownerCert-wrap .form .form-layer .layer-wrap .layer-content .bg-wrap .text-title,
.palisadeclub-wrap .form .form-layer .layer-wrap .layer-content .bg-wrap .text-title {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.ownerCert-wrap .form .form-layer .layer-wrap .layer-content .bg-wrap .text-title .text-content,
.palisadeclub-wrap .form .form-layer .layer-wrap .layer-content .bg-wrap .text-title .text-content {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 0;
	width: 100%;
	text-align: center
}

.ownerCert-wrap .form .form-layer .layer-wrap .layer-content .bg-wrap .text-title .text-content .h4,
.palisadeclub-wrap .form .form-layer .layer-wrap .layer-content .bg-wrap .text-title .text-content .h4 {
	margin-top: 4px;
	letter-spacing: 1px
}

.ownerCert-wrap .form .form-layer .layer-wrap .layer-content .close-wrap,
.palisadeclub-wrap .form .form-layer .layer-wrap .layer-content .close-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 21.06%
}

.ownerCert-wrap .form .form-layer .layer-wrap .layer-content .close-wrap .btn-close,
.palisadeclub-wrap .form .form-layer .layer-wrap .layer-content .close-wrap .btn-close {
	display: block;
	width: 50.54%;
	margin: 20% auto
}

.ownerCert-wrap .form .form-layer .layer-wrap .layer-content .text-wrap,
.palisadeclub-wrap .form .form-layer .layer-wrap .layer-content .text-wrap {
	position: absolute;
	top: 19%;
	left: 0;
	width: 100%;
	height: 75%;
	color: #000;
	overflow: auto;
	-webkit-overflow-scrolling: touch
}

.ownerCert-wrap .form .form-layer .layer-wrap .layer-content .text-wrap h5,
.palisadeclub-wrap .form .form-layer .layer-wrap .layer-content .text-wrap h5 {
	margin-bottom: 10px;
	text-align: center
}

.ownerCert-wrap .form .form-layer .layer-wrap .layer-content .text-wrap .layer-main-content,
.palisadeclub-wrap .form .form-layer .layer-wrap .layer-content .text-wrap .layer-main-content {
	padding: 0 5%
}

.ownerCert-wrap .form .form-cert-success .layer-wrap .layer-content .text-wrap,
.ownerCert-wrap .form .form-success .layer-wrap .layer-content .text-wrap,
.palisadeclub-wrap .form .form-cert-success .layer-wrap .layer-content .text-wrap,
.palisadeclub-wrap .form .form-success .layer-wrap .layer-content .text-wrap {
	position: relative;
	left: 0;
	margin-top: 12px;
	padding: 0 5px;
	width: 100%;
	color: #0d546b
}

.ownerCert-wrap .form .form-cert-success .layer-wrap .layer-content .text-wrap span,
.ownerCert-wrap .form .form-success .layer-wrap .layer-content .text-wrap span,
.palisadeclub-wrap .form .form-cert-success .layer-wrap .layer-content .text-wrap span,
.palisadeclub-wrap .form .form-success .layer-wrap .layer-content .text-wrap span {
	font-weight: 700
}

.ownerCert-wrap .prize,
.palisadeclub-wrap .prize {
	background-image: url(../img/form-prize-bg.jpg)
}

.ownerCert-wrap .prize .form-content,
.palisadeclub-wrap .prize .form-content {
	text-align: center
}

.ownerCert-wrap .prize .form-content .brand,
.palisadeclub-wrap .prize .form-content .brand {
	display: block;
	width: 25%;
	margin: -2% auto 0
}

.ownerCert-wrap .prize .form-content .title1,
.palisadeclub-wrap .prize .form-content .title1 {
	margin-top: 5%
}

.ownerCert-wrap .prize .form-content .h4,
.ownerCert-wrap .prize .form-content .title2,
.palisadeclub-wrap .prize .form-content .h4,
.palisadeclub-wrap .prize .form-content .title2 {
	margin-top: 2%
}

.ownerCert-wrap .prize .form-content .title1,
.palisadeclub-wrap .prize .form-content .title1 {
	margin-top: 30%
}

.ownerCert-wrap .prize .form-content .h4,
.palisadeclub-wrap .prize .form-content .h4 {
	margin-top: 5%
}

.ownerCert-wrap .prize .form-content .code,
.palisadeclub-wrap .prize .form-content .code {
	width: 70%;
	margin: 4% auto 0;
	padding: 5px 0;
	line-height: 1;
	text-align: center;
	font-size: 24px;
	border-radius: 4px;
	border: 1px solid #343f46;
	background: #e6f1f9
}

.ownerCert-wrap .prize .form-content .code-tip,
.palisadeclub-wrap .prize .form-content .code-tip {
	margin-top: 1%
}

.ownerCert-wrap .prize .form-content .description,
.palisadeclub-wrap .prize .form-content .description {
	margin: 4% auto
}

.ownerCert-wrap .prize .form-content .description span,
.palisadeclub-wrap .prize .form-content .description span {
	font-weight: 700
}

.ownerCert-wrap .prize .form-content .car-wrap,
.palisadeclub-wrap .prize .form-content .car-wrap {
	margin-top: 48%
}

.ownerCert-wrap .prize .form-content .text-tip,
.palisadeclub-wrap .prize .form-content .text-tip {
	margin: 4% -5% 0
}

.ownerCert-wrap .prize .form-content .text-tip p,
.palisadeclub-wrap .prize .form-content .text-tip p {
	line-height: 1.4;
	white-space: nowrap
}

.ownerCert-wrap .qrcode,
.palisadeclub-wrap .qrcode {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.ownerCert-wrap .collect,
.palisadeclub-wrap .collect {
	background-image: url(../img/collect-bg.jpg)
}

.ownerCert-wrap .collect .collect-content,
.palisadeclub-wrap .collect .collect-content {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 0;
	width: 100%
}

.ownerCert-wrap .collect .collect-content .pic,
.palisadeclub-wrap .collect .collect-content .pic {
	width: 100%
}

.ownerCert-wrap .collect .collect-content .collect-btn,
.palisadeclub-wrap .collect .collect-content .collect-btn {
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 76.66%;
	height: 9%;
	bottom: 0;
	opacity: 0
}

.palisadeclub-wrap .submit-form .form-content {
	width: 84.13%;
	padding-bottom: 21%
}

.palisadeclub-wrap .submit-form .form-content .bg-wrap {
	position: relative
}

.palisadeclub-wrap .submit-form .form-content .bg-wrap .car-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	margin: 0
}

.palisadeclub-wrap .submit-form .form-content .bg-wrap .car-wrap .car {
	width: 34%;
	margin-left: 5%;
	margin-bottom: 2%;
	opacity: 0
}

.palisadeclub-wrap .submit-form .form-content .h1 {
	margin-top: 3%;
	margin-bottom: 0;
	line-height: 1.1;
	font-size: 32px;
	letter-spacing: 3px
}

.palisadeclub-wrap .submit-form .form-content .h2 {
	margin-top: 0;
	line-height: 1.1;
	font-size: 24px;
	letter-spacing: 3px
}

.palisadeclub-wrap .submit-form .form-content .form-wrap {
	top: 2%;
	left: 6.2%;
	width: 90%
}

.palisadeclub-wrap .submit-form .form-content .form-input-group {
	margin-top: 4%
}

.palisadeclub-wrap .submit-form .form-content .form-input-group input {
	height: 32px;
	border-radius: 0 !important
}

.palisadeclub-wrap .submit-form .form-content .form-input-group input::-webkit-input-placeholder {
	color: #0d546b
}

.palisadeclub-wrap .submit-form .form-content .form-input-group input:-moz-placeholder,
.palisadeclub-wrap .submit-form .form-content .form-input-group input::-moz-placeholder {
	color: #0d546b
}

.palisadeclub-wrap .submit-form .form-content .form-input-group input:-ms-input-placeholder {
	color: #0d546b
}

.palisadeclub-wrap .submit-form .form-content .form-input-group .send-code {
	width: 34%;
	height: 32px;
	line-height: 32px;
	background: #043667
}

.palisadeclub-wrap .submit-form .form-content .form-input-group.code {
	background: none
}

.palisadeclub-wrap .submit-form .form-content .form-input-group.code input::-webkit-input-placeholder {
	color: #0d546b
}

.palisadeclub-wrap .submit-form .form-content .form-input-group.code input:-moz-placeholder,
.palisadeclub-wrap .submit-form .form-content .form-input-group.code input::-moz-placeholder {
	color: #0d546b
}

.palisadeclub-wrap .submit-form .form-content .form-input-group.code input:-ms-input-placeholder {
	color: #0d546b
}

.palisadeclub-wrap .submit-form .form-content .form-input-group.code input {
	color: #0d546b;
	border-radius: 0 !important
}

.palisadeclub-wrap .submit-form .form-content .form-select-group {
	margin-top: 4%
}

.palisadeclub-wrap .submit-form .form-content .form-select-group .select-value {
	line-height: 32px
}

.palisadeclub-wrap .submit-form .form-content .form-select-group .h-select {
	height: 32px;
	color: #364046
}

.palisadeclub-wrap .submit-form .form-content .form-footer {
	left: 0;
	width: 100%;
	-webkit-transform: none;
	transform: none
}

.palisadeclub-wrap .submit-form .form-content.iphone5 .h1 {
	font-size: 32px
}

.palisadeclub-wrap .submit-form .form-content.iphone5 .h2 {
	font-size: 24px
}

.palisadeclub-wrap .submit-form .form-content.iphone5 .form-input-group input {
	height: 30px
}

.palisadeclub-wrap .submit-form .form-content.iphone5 .form-input-group .send-code {
	width: 36%;
	height: 30px;
	line-height: 30px
}

.palisadeclub-wrap .submit-form .form-content.iphone5 .form-select-group .select-value {
	line-height: 30px
}

.palisadeclub-wrap .submit-form .form-content.iphone5 .form-select-group .h-select {
	height: 30px
}

.pageArticle-wrap .pageArticle {
	padding-bottom: 120px
}

.pageArticle-wrap .pageArticle .eq-video {
	max-width: 100%
}

.pageArticle-wrap .pageArticle .movieContent1 {
	position: relative
}

.pageArticle-wrap .pageArticle div:has(>.eq-video) {
	position: relative
}

.pageArticle-wrap .pageArticle .btn-play {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	background: url(../img/icon-player.svg) no-repeat 50%;
	background-size: 100px 100px;
	opacity: .6;
	cursor: pointer
}

.pageArticle-wrap .pageArticle .btn-play:hover {
	opacity: 1
}

.pageArticle-wrap .pageArticle .btn-play.isPlaying {
	opacity: 0;
	background: none
}

.pageArticle-wrap .pageArticle .desc {
	word-break: normal
}

.pageArticle-wrap .pageArticle .cmpnt-quote .quoteArea>.desc {
	padding-right: 20px;
	word-break: normal
}

@media screen and (min-width:0) and (max-width:740px) {
	.is-vertical.mobile {
		overflow: auto;
		overflow-x: hidden;
		height: 100%
	}

	.is-vertical.mobile .pageArticle {
		padding-bottom: 60px
	}

	.is-vertical.mobile .pageArticle .cmpnt-quote .quoteArea>.desc {
		padding-right: 20px;
		word-break: normal
	}

	.is-vertical.mobile .pageArticle .mtNormal .movieContent1 {
		padding: 0
	}

	.is-vertical.mobile .pageArticle .btn-play {
		background: url(../img/icon-player.svg) no-repeat 50%;
		background-size: 60px 60px
	}
}

.ethics-content .blue {
	color: #002c5f
}

.ethics-content .gray {
	color: #666
}

.ethics-content h2.title {
	padding-top: .5em
}

.ethics-content .section-title {
	padding-top: 20px;
	padding-bottom: 10px
}

.ethics-content .section-body {
	margin-top: 60px;
	margin-bottom: 60px
}

.ethics-content .section-body p {
	line-height: 1.5
}

.ethics-content .section-body .img-logo {
	width: 85%
}

.ethics-content .text-indent {
	text-indent: 2em;
	margin-top: .7em;
	line-height: 1.5
}

.ethics-content .text-box {
	margin-top: 2rem
}

.ethics-content .section-text {
	margin-top: 30px;
	margin-bottom: 10px;
	line-height: 1.5
}

.ethics-content .lis {
	position: relative;
	margin-top: 30px
}

.ethics-content .lis .lis-num {
	color: #002c5f;
	font-family: HyundaiSansHeadCN-Medium, HyundaiSansHead-Medium, HanSans, Microsoft YaHei, PingFang SC, Open Sans, Arial, Hiragino Sans GB, SimSun, sans-serif;
	font-size: 50px;
	width: 75px;
	display: inline-block;
	border-right: 1px solid #002c5f;
	position: absolute;
	line-height: .8;
	margin-top: 8px;
	left: 0;
	top: 0
}

.ethics-content .lis .lis-content {
	padding-left: 110px
}

.ethics-content .lis .lis-content li,
.ethics-content .ul-list li {
	list-style: disc;
	margin-top: .7em;
	margin-left: .9em
}

.ethics-content .clear_list_style {
	list-style: none !important;
	margin-left: 0 !important;
	margin-top: 0 !important
}

.is-vertical .ethics-content h2.title {
	text-align: center
}

.is-vertical .ethics-content .section-body {
	margin-top: 30px;
	margin-bottom: 30px
}

.is-vertical .ethics-content .section-body .img-logo {
	width: 70%;
	margin: 0 auto
}

.is-vertical .ethics-content .lis .lis-num {
	font-size: 40px;
	width: 65px;
	margin-top: 5px
}

.is-vertical .ethics-content .lis .lis-content {
	padding-left: 82px
}

.ethics-wrap .c-banner .swiper-slide {
	position: relative;
	padding-bottom: 39.6%
}

.ethics-wrap .c-banner .swiper-slide .cont {
	position: absolute;
	top: 0;
	left: 0
}

.is-vertical .ethics-wrap .c-banner .swiper-slide {
	padding-bottom: 110.6%
}

.c-video-list {
	background: #e3e3e3;
	overflow: visible;
	z-index: 1
}

.c-video-list .video-wrap {
	margin-top: 16px;
	background: #fff;
	margin-bottom: 10px
}

.c-video-list .video-wrap .video-group {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.c-video-list .video-wrap .video-box {
	display: inline-block;
	width: 79.5%;
	overflow: hidden
}

.c-video-list .video-wrap .video-box .show-video {
	width: 100%;
	aspect-ratio: 16/9;
	display: block
}

.c-video-list .video-wrap .video-items {
	display: inline-block;
	width: 19.3%;
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	overflow-y: auto
}

.c-video-list .video-wrap .video-items .video-item {
	background: #95999d;
	margin-bottom: 9.2%;
	overflow: hidden;
	position: relative
}

.c-video-list .video-wrap .video-items .video-item.can-player {
	cursor: pointer
}

.c-video-list .video-wrap .video-items .video-item.can-player:after {
	content: "";
	position: absolute;
	top: 45%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
	font-size: 46px;
	color: #fff;
	width: 50px;
	height: 50px;
	background: url(../img/icon-player.svg) no-repeat 50%;
	background-size: contain;
	border-radius: 50%;
	opacity: .7;
	cursor: pointer;
	z-index: 9
}

.c-video-list .video-wrap .video-items .video-item.can-player:hover:after {
	opacity: 1
}

.c-video-list .video-wrap .video-items .video-item.active {
	cursor: default
}

.c-video-list .video-wrap .video-items .video-item.active:after {
	display: none
}

.c-video-list .video-wrap .video-items .video-item-title {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	color: #fff;
	padding-bottom: 10px;
	text-align: center
}

.c-video-list .video-wrap .video-items .video-item:last-of-type {
	margin-bottom: 0
}

.c-video-list .video-wrap .text-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 15px;
	-webkit-box-pack: space-evenly;
	-ms-flex-pack: space-evenly;
	justify-content: space-evenly;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap
}

.c-video-list .video-wrap .text-wrap .title {
	padding: 15px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.c-video-list .video-wrap .text-wrap .description {
	padding: 15px
}

.is-vertical .c-video-list .container {
	padding-left: 0;
	padding-right: 0
}

.is-vertical .c-video-list .video-wrap {
	margin-top: 0;
	border-radius: 0
}

.is-vertical .c-video-list .video-wrap .video-group {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.is-vertical .c-video-list .video-wrap .video-box {
	border-radius: 0;
	width: 100%
}

.is-vertical .c-video-list .video-wrap .video-items {
	display: block;
	width: 100%;
	margin-top: 0;
	padding: 5px 6px 30px;
	overflow-x: auto;
	position: relative;
	white-space: nowrap
}

.is-vertical .c-video-list .video-wrap .video-items::-webkit-scrollbar {
	height: 0
}

.is-vertical .c-video-list .video-wrap .video-items .video-item {
	width: 30%;
	margin-bottom: 0;
	display: inline-block
}

.is-vertical .c-video-list .video-wrap .video-items .video-item.can-player:after {
	width: 36px;
	height: 36px
}

.is-vertical .c-video-list .video-wrap .video-items .video-item-title {
	padding-bottom: 6px
}

@media screen and (max-width:400px) {
	.is-vertical .c-video-list .video-wrap .video-items .video-item-title.mb-h6 {
		font-size: 12px
	}
}

.is-vertical .c-video-list .video-wrap .text-wrap {
	padding: 20px 5px
}

.is-vertical .c-video-list .video-wrap .text-wrap .title {
	padding: 5px 15px;
	text-align: center
}

.is-vertical .c-video-list .video-wrap .text-wrap .description {
	padding: 5px 15px;
	-webkit-box-flex: 2.5;
	-ms-flex: 2.5;
	flex: 2.5
}

.is-vertical .c-video-list .video-wrap .text-wrap .description br {
	display: none
}

.c-masonry {
	background: #e3e3e3
}

.c-masonry .title-box {
	margin: 24px 0;
	text-align: center
}

.c-masonry .title-box .title {
	margin-left: 1em;
	margin-right: 1em
}

.c-masonry .title-box .title-line {
	height: 2px;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	background: #000
}

.c-masonry .content .grid {
	margin-left: -10px;
	margin-right: -10px
}

.c-masonry .content .grid .grid-item {
	width: calc(25% - 20px);
	background: #93989c;
	margin: 10px;
	overflow: hidden;
	display: inline-block;
	cursor: pointer
}

.is-vertical .c-masonry .content .grid {
	margin-left: -5px;
	margin-right: -5px
}

.is-vertical .c-masonry .content .grid .grid-item {
	width: calc(33.33% - 10px);
	margin: 5px
}

.c-activity-content {
	background-color: #f7f4f0
}

.c-activity-content .c-activity-content-mb {
	display: none
}

.c-activity-content .container .h5 {
	letter-spacing: .1rem
}

.c-activity-content .container .c-activity-content-swiper {
	position: relative;
	margin-bottom: 5rem
}

.c-activity-content .container .c-activity-content-swiper .img-box {
	height: 55rem
}

.c-activity-content .container .c-activity-content-swiper .description p {
	text-align: center;
	margin-top: 1em
}

.c-activity-content .container .c-activity-content-swiper .img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.c-activity-content .container .c-activity-content-swiper .button-container.inner-container .swiper-button-prev {
	left: 36px
}

.c-activity-content .container .c-activity-content-swiper .button-container.inner-container .swiper-button-next {
	right: 36px
}

.c-activity-content .my-mb {
	margin-bottom: 6rem
}

.c-activity-content .my-pad {
	padding: 20px 0
}

.c-activity-content .img {
	width: 100%
}

.c-activity-content .pic_1 {
	width: 100%;
	margin-bottom: 5rem;
	position: relative
}

.c-activity-content .pic_1 .img-text {
	position: relative;
	color: #000;
	text-align: center
}

.c-activity-content .img-text {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	color: #fff;
	padding: 1em;
	opacity: .8;
	letter-spacing: .1em
}

.c-activity-content .item-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.c-activity-content .item-content>div {
	width: calc(50% - 5px);
	margin-bottom: 10px;
	position: relative
}

.c-activity-content .item-content .item-content-data {
	padding-left: 20px;
	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-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.c-activity-content .item-content .item-content-data .data-title {
	margin-bottom: 2em
}

.c-activity-content .item-content .item-content-data .data-title .text-color {
	color: #00a6d7
}

.gradient-icon {
	position: relative
}

.gradient-icon:after {
	content: "";
	position: absolute;
	width: 50px;
	height: 7px;
	background: -webkit-gradient(linear, left top, right top, from(#00a6d7), color-stop(14.3%, #00a6d7), color-stop(14.3%, transparent), color-stop(28.6%, transparent), color-stop(28.6%, #11b3e3), color-stop(42.9%, #11b3e3), color-stop(42.9%, transparent), color-stop(57.2%, transparent), color-stop(57.2%, #1bc0f1), color-stop(71.5%, #1bc0f1), color-stop(71.5%, transparent), color-stop(85.8%, transparent), color-stop(85.8%, #58d1f5), to(#58d1f5));
	background: linear-gradient(90deg, #00a6d7, #00a6d7 14.3%, transparent 0, transparent 28.6%, #11b3e3 0, #11b3e3 42.9%, transparent 0, transparent 57.2%, #1bc0f1 0, #1bc0f1 71.5%, transparent 0, transparent 85.8%, #58d1f5 0, #58d1f5);
	left: 50%;
	-webkit-transform: translate(-50%);
	transform: translate(-50%);
	bottom: -20px
}

.my-mb {
	margin-bottom: 6rem
}

.my-pad {
	padding: 20px 0
}

.is-vertical .c-activity-content {
	overflow: hidden
}

.is-vertical .c-activity-content .c-activity-content-mb {
	display: block;
	position: relative;
	overflow: hidden
}

.is-vertical .c-activity-content .c-activity-content-mb .description {
	text-align: right;
	padding-top: .5rem
}

.is-vertical .c-activity-content .c-activity-content-mb .description p {
	font-size: 10px;
	text-align: center
}

.is-vertical .c-activity-content .c-activity-content-swiper {
	margin-bottom: 2rem
}

.is-vertical .c-activity-content .c-activity-content-swiper .img-box {
	height: 21rem
}

.is-vertical .c-activity-content .c-activity-content-swiper .description p {
	font-size: 10px;
	margin-top: .5rem
}

.is-vertical .c-activity-content .c-activity-content-swiper .button-container.inner-container .swiper-button-prev {
	left: -36px
}

.is-vertical .c-activity-content .c-activity-content-swiper .button-container.inner-container .swiper-button-next {
	right: -36px
}

.is-vertical .c-activity-content .button-container .swiper-button-next,
.is-vertical .c-activity-content .button-container .swiper-button-prev {
	font-size: 20px !important
}

.is-vertical .c-activity-content .button-container.inner-container .swiper-button-prev {
	left: -8px
}

.is-vertical .c-activity-content .button-container.inner-container .swiper-button-next {
	right: -8px
}

.is-vertical .c-activity-content .my-mb {
	margin-bottom: 4rem
}

.is-vertical .c-activity-content .pic_1 {
	margin-bottom: 2rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.is-vertical .c-activity-content .pic_1 .img-text {
	padding: .5rem;
	font-size: 10px;
	text-align: right;
	opacity: 1;
	color: #000;
	position: relative !important;
	text-align: center
}

.is-vertical .c-activity-content .item-content .pic {
	display: none
}

.is-vertical .c-activity-content .item-content .item-content-data {
	width: 100%;
	padding: 0;
	margin-top: 1rem
}

.is-vertical .c-activity-content .item-content .item-content-data>div:nth-child(2) p {
	line-height: 2;
	letter-spacing: .1rem
}

.is-vertical .c-activity-content .item-content .data-title {
	margin-bottom: 1rem;
	text-align: center
}

.is-vertical .c-activity-content .item-content .data-title p {
	line-height: 1.2
}

.c-activity-news-list {
	overflow: hidden;
	background-color: #f8f4f0
}

.c-activity-news-list .gradient-icon:after {
	display: none
}

.c-activity-news-list .button-center {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.c-activity-news-list .swiper {
	overflow: hidden;
	padding-left: 10px
}

.c-activity-news-list .swiper .swiper-slide {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 100%;
	padding-bottom: 7rem;
	background-color: #e9e5e2
}

.c-activity-news-list .swiper .swiper-slide .icon-show {
	position: absolute;
	bottom: -4rem;
	right: 2rem;
	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
}

.c-activity-news-list .swiper .swiper-slide .icon-show span {
	padding-right: .5em
}

.c-activity-news-list .swiper .swiper-slide .icon-show i {
	font-size: 14px
}

.c-activity-news-list .icon {
	position: absolute;
	bottom: 15px;
	right: 15px;
	border-radius: 50%;
	overflow: hidden;
	color: #00aad2;
	cursor: pointer;
	display: block
}

.c-activity-news-list .icon:hover {
	background: #00aad2;
	color: #fff
}

.c-activity-news-list .icont {
	position: relative;
	display: block;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 24px
}

.c-activity-news-list .icont:before {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%) rotate(45deg);
	transform: translate(-50%, -50%) rotate(45deg)
}

.c-activity-news-list .img-box {
	border: 1px solid #e4dcd3
}

.c-activity-news-list .swiper {
	position: relative;
	overflow: visible
}

.c-activity-news-list .swiper .intelligent-machine-swiper {
	overflow: hidden
}

.c-activity-news-list .swiper-pagination {
	visibility: hidden
}

.c-activity-news-list .title-box {
	margin-bottom: 60px
}

.c-activity-news-list .title-box .h5 {
	color: #00aad2;
	margin-bottom: 10px
}

.c-activity-news-list .swiper-pagination-bullet {
	display: none;
	width: auto;
	height: auto;
	position: relative;
	margin: 0 15px;
	background: none;
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1)
}

.c-activity-news-list .swiper-pagination-bullet span {
	opacity: .5;
	display: inline-block;
	vertical-align: middle
}

.c-activity-news-list .swiper-pagination-bullet span.current {
	opacity: 1
}

.c-activity-news-list .swiper-pagination-bullet.swiper-pagination-bullet-active {
	display: block
}

.c-activity-news-list .button-container {
	top: 30%
}

.c-activity-news-list .text-wrap {
	position: relative;
	width: 100%;
	padding: 0 5%
}

.c-activity-news-list .text-wrap .title {
	color: #012c5f;
	min-height: 3em
}

.c-activity-news-list .text-wrap .description {
	height: 5em;
	display: none;
	margin-top: 20px
}

.c-activity-news-list .text-wrap .description p {
	letter-spacing: 2px
}

.c-activity-news-list .c-button a {
	border-color: #012c5f;
	color: #012c5f
}

.c-activity-news-list .img-box {
	width: 100%;
	margin-bottom: 35px;
	position: relative
}

.c-activity-news-list .img-box .play {
	width: 10%;
	max-width: 70px;
	height: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.c-activity-news-list .img-box img {
	width: 100%
}

.c-activity-news-list .img-box .icon-player {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
	font-size: 46px;
	color: #fff;
	width: 100%;
	height: 100%;
	background: url(../img/icon-player.svg) no-repeat 50%;
	opacity: .5;
	cursor: pointer
}

.c-activity-news-list .img-box .icon-player:hover {
	opacity: 1
}

.c-activity-news-list .title-box .description {
	margin: 20px 0 30px
}

.c-activity-news-list .swiper-pagination {
	position: static;
	bottom: 0;
	margin-top: 50px;
	text-align: right
}

.c-activity-news-list.full-container .button-container {
	top: 45%
}

.c-activity-news-list.full-container .page-padding>.container {
	padding: 0
}

.c-activity-news-list.full-container .page-padding>.container .swiper {
	width: 100vw
}

@media (min-width:1750px) {
	.c-activity-news-list.full-container .inner-container {
		width: 1690px
	}
}

.is-vertical .c-activity-news-list .container {
	padding-right: 0
}

.is-vertical .c-activity-news-list .gradient-icon:after {
	display: block
}

.is-vertical .c-activity-news-list .swiper-button-next,
.is-vertical .c-activity-news-list .swiper-button-prev {
	width: 20px;
	font-size: 20px !important
}

.is-vertical .c-activity-news-list .swiper {
	overflow: visible;
	margin: auto;
	padding: 0 8% !important
}

.is-vertical .c-activity-news-list .swiper .swiper-slide {
	padding-bottom: 0;
	height: auto
}

.is-vertical .c-activity-news-list .swiper .swiper-slide>div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.is-vertical .c-activity-news-list .swiper .swiper-slide .title {
	font-size: 16px
}

.is-vertical .c-activity-news-list .swiper .swiper-slide .description p {
	letter-spacing: .2rem;
	word-break: break-word
}

.is-vertical .c-activity-news-list .swiper .swiper-slide .img-box {
	margin-bottom: 0
}

.is-vertical .c-activity-news-list .swiper .swiper-slide .text-wrap {
	padding-right: 32%;
	height: 8em !important;
	padding-left: 5%;
	height: 100%;
	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
}

.is-vertical .c-activity-news-list .swiper .swiper-slide .text-wrap p {
	font-size: 12px
}

.is-vertical .c-activity-news-list .swiper .swiper-slide .icon-show {
	width: 30%;
	height: 100%;
	right: 1px;
	top: -1px;
	background-color: #003070;
	color: #fff
}

.is-vertical .c-activity-news-list .title-box {
	margin-bottom: 30px;
	padding-right: 30px
}

.is-vertical .c-activity-news-list .swiper-slide {
	text-align: left
}

.is-vertical .c-activity-news-list .img-box {
	margin-bottom: 30px
}

.is-vertical .c-activity-news-list .icon {
	bottom: 10px;
	right: 10px
}

.is-vertical .c-activity-news-list .icont {
	width: 42px;
	height: 42px;
	line-height: 42px;
	font-size: 20px
}

.is-vertical .c-activity-news-list .swiper-pagination {
	margin-top: 30px;
	padding-right: 30px
}

.is-vertical .c-activity-news-list.full-container .swiper {
	padding-left: 0
}

.is-vertical .c-activity-news-list.border-line .swiper {
	padding-left: 30px
}

.banner-activity .c-banner .description {
	position: relative
}

.banner-activity .c-banner .description :after {
	content: "";
	position: absolute;
	width: 100px;
	height: 12.5px;
	background: -webkit-gradient(linear, left top, right top, from(#00a6d7), color-stop(12.5%, #00a6d7), color-stop(12.5%, transparent), color-stop(25%, transparent), color-stop(25%, #11b3e3), color-stop(37.5%, #11b3e3), color-stop(37.5%, transparent), color-stop(50%, transparent), color-stop(50%, #1bc0f1), color-stop(62.5%, #1bc0f1), color-stop(62.5%, transparent), color-stop(75%, transparent), color-stop(75%, #58d1f5), color-stop(87.5%, #58d1f5), color-stop(87.5%, transparent), to(transparent));
	background: linear-gradient(90deg, #00a6d7, #00a6d7 12.5%, transparent 0, transparent 25%, #11b3e3 0, #11b3e3 37.5%, transparent 0, transparent 50%, #1bc0f1 0, #1bc0f1 62.5%, transparent 0, transparent 75%, #58d1f5 0, #58d1f5 87.5%, transparent 0, transparent);
	left: 0;
	bottom: -20px
}

.is-vertical .banner-activity .c-banner .replace-bg {
	background-position: 100%
}

.c-activity-content-section {
	background-color: #ffff
}

.c-activity-content-section .big-img {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding-top: 0
}

.c-activity-content-section .big-img>div {
	width: 50%
}

.c-activity-content-section .big-img>div:last-child {
	background-color: #262d38
}

.c-activity-content-section .big-img .big-content {
	position: relative;
	padding: 5%
}

.c-activity-content-section .big-img .big-content .border-line {
	position: absolute
}

.c-activity-content-section .big-img .big-content .big-img-bg {
	display: none
}

.c-activity-content-section .big-img .big-content .border-line:after,
.c-activity-content-section .big-img .big-content .border-line:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 30px;
	height: 4px;
	background-color: #4d535c
}

.c-activity-content-section .big-img .big-content .border-line:before {
	width: 4px;
	height: 30px
}

.c-activity-content-section .big-img .big-content .top-left {
	left: 2rem;
	top: 2rem
}

.c-activity-content-section .big-img .big-content .bottom-right {
	bottom: 2rem;
	right: 2rem
}

.c-activity-content-section .big-img .big-content .bottom-right:before {
	top: auto;
	bottom: -4px
}

.c-activity-content-section .big-img .big-content .bottom-right:after {
	right: -4px;
	left: auto
}

.c-activity-content-section .big-img .big-content .content-data {
	position: absolute;
	width: 80%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	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-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	color: #fff
}

.c-activity-content-section .big-img .big-content .content-data .border-line:after,
.c-activity-content-section .big-img .big-content .content-data .border-line:before {
	background-color: #fff
}

.c-activity-content-section .big-img .big-content .content-data .border-line:after {
	height: 1px;
	-webkit-transform: scaleY(.5);
	transform: scaleY(.5)
}

.c-activity-content-section .big-img .big-content .content-data .border-line:before {
	width: 1px;
	-webkit-transform: scaleX(.5);
	transform: scaleX(.5)
}

.c-activity-content-section .big-img .big-content .content-data .top-right {
	right: -.5rem;
	top: -.5rem
}

.c-activity-content-section .big-img .big-content .content-data .top-right:after {
	left: auto;
	right: 0
}

.c-activity-content-section .big-img .big-content .content-data .bottom-left {
	bottom: -1rem;
	left: -1rem
}

.c-activity-content-section .big-img .big-content .content-data .bottom-left:before {
	top: auto;
	bottom: 0
}

.c-activity-content-section .big-img .big-content .content-data>div {
	position: relative
}

.c-activity-content-section .big-img .big-content .content-data .data-title {
	margin-bottom: 6rem
}

.c-activity-content-section .big-img .big-content .content-data p {
	letter-spacing: .1em
}

.c-activity-content-section .big-img .big-content .content-data .gradient-icon:after {
	left: 0;
	-webkit-transform: none;
	transform: none
}

.c-activity-content-section .container {
	padding-top: 0
}

.c-activity-content-section .img {
	width: 100%
}

.c-activity-content-section .pic_1 {
	width: 100%;
	margin-bottom: 5rem;
	position: relative
}

.c-activity-content-section .img-text {
	position: absolute;
	bottom: -50px;
	width: 100%;
	padding: 1em;
	opacity: .8;
	letter-spacing: .1em
}

.c-activity-content-section .item-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.c-activity-content-section .item-content .item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 80px
}

.c-activity-content-section .item-content .item>div {
	width: 50%;
	position: relative;
	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
}

.c-activity-content-section .item-content .item .item-text {
	letter-spacing: .12rem;
	line-height: 1.5
}

.c-activity-content-section .item-content .item .item-text-right {
	padding-right: 50px
}

.c-activity-content-section .item-content .item .item-text-left {
	padding-left: 50px
}

.is-vertical .c-activity-content-section .big-img {
	background-color: #262d38;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.is-vertical .c-activity-content-section .big-img .big-img-bg {
	display: none
}

.is-vertical .c-activity-content-section .big-img>div {
	width: 100%
}

.is-vertical .c-activity-content-section .big-img>div:first-child {
	padding: 0 5%
}

.is-vertical .c-activity-content-section .big-img .big-content {
	padding: 10% 5%
}

.is-vertical .c-activity-content-section .big-img .big-content .border-line {
	display: none
}

.is-vertical .c-activity-content-section .big-img .big-content .content-data {
	width: 100%
}

.is-vertical .c-activity-content-section .big-img .big-content .content-data .h5 {
	line-height: 2;
	letter-spacing: 0
}

.is-vertical .c-activity-content-section .big-img .big-content .big-img-bg {
	display: block;
	margin-bottom: 2rem
}

.is-vertical .c-activity-content-section .big-img .big-content .data-title .h4 {
	text-align: center
}

.is-vertical .c-activity-content-section .big-img .big-content .gradient-icon:after {
	left: 50%;
	-webkit-transform: translate(-50%);
	transform: translate(-50%)
}

.is-vertical .c-activity-content-section .big-img .big-content .loading-container {
	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;
	gap: 2px;
	padding: 20px 0 0
}

.is-vertical .c-activity-content-section .big-img .big-content .triangle {
	width: 0;
	height: 0;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 10px solid #fff;
	-webkit-animation: hollow-dots-spinner-animation 1s infinite;
	animation: hollow-dots-spinner-animation 1s infinite
}

.is-vertical .c-activity-content-section .big-img .big-content .triangle:first-child {
	-webkit-animation-delay: 0s;
	animation-delay: 0s
}

.is-vertical .c-activity-content-section .big-img .big-content .triangle:nth-child(2) {
	-webkit-animation-delay: .3s;
	animation-delay: .3s
}

.is-vertical .c-activity-content-section .big-img .big-content .triangle:nth-child(3) {
	-webkit-animation-delay: .6s;
	animation-delay: .6s
}

.is-vertical .c-activity-content-section .big-img .content-data {
	position: relative;
	-webkit-transform: none;
	transform: none
}

.is-vertical .c-activity-content-section .container {
	padding-top: 30px
}

.is-vertical .c-activity-content-section .container .my-mb {
	margin-bottom: 2rem
}

.is-vertical .c-activity-content-section .container .pic_1 {
	margin-bottom: 0
}

.is-vertical .c-activity-content-section .container .item-content .item {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	margin-bottom: 2rem
}

.is-vertical .c-activity-content-section .container .item-content .item>div {
	width: 100%
}

.is-vertical .c-activity-content-section .container .item-content .item .pic {
	padding: 0 5%;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.is-vertical .c-activity-content-section .container .item-content .item .pic .img-text {
	width: 100%;
	position: relative;
	text-align: center;
	padding: .5rem;
	color: #fff;
	font-size: 10px;
	opacity: 1;
	color: #000;
	bottom: auto
}

.is-vertical .c-activity-content-section .container .item-content .item>.item-text {
	padding: 0;
	line-height: 2;
	margin-top: 2rem;
	letter-spacing: .1rem
}

.is-vertical .c-activity-content-section .container .item-content .item:nth-child(2) {
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	-ms-flex-direction: column-reverse;
	flex-direction: column-reverse
}

@-webkit-keyframes slideDown {

	0%,
	to {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: .2
	}

	50% {
		-webkit-transform: translateY(10px);
		transform: translateY(10px);
		opacity: 1
	}
}

@keyframes slideDown {

	0%,
	to {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: .2
	}

	50% {
		-webkit-transform: translateY(10px);
		transform: translateY(10px);
		opacity: 1
	}
}

@-webkit-keyframes hollow-dots-spinner-animation {
	50% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}

	to {
		opacity: 0
	}
}

@keyframes hollow-dots-spinner-animation {
	50% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}

	to {
		opacity: 0
	}
}

@media screen and (max-width:375px) {
	.is-vertical .c-activity-content-section .item-content .img-text {
		letter-spacing: .04rem
	}
}

.c-media-testimony .gradient-icon:after {
	top: -.5rem;
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
	left: 0
}

.c-media-testimony .video-box {
	position: relative;
	width: 100%;
	height: 58rem;
	overflow: hidden
}

.c-media-testimony .video-box video {
	width: 100%;
	height: 100%;
	overflow: hidden;
	-o-object-fit: cover;
	object-fit: cover
}

.c-media-testimony .my-mb {
	margin-bottom: 4rem
}

.c-media-testimony .icon-player {
	position: absolute;
	top: 50%;
	z-index: 99;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
	font-size: 46px;
	color: #fff;
	width: 100%;
	height: 100%;
	background: url(../img/activity-icon-player.svg) no-repeat 50%;
	opacity: .5;
	cursor: pointer
}

.is-vertical .c-media-testimony .gradient-icon:after {
	left: 50%;
	-webkit-transform: translate(-50%);
	transform: translate(-50%);
	top: auto
}

.is-vertical .c-media-testimony .container .h3 {
	text-align: center
}

.is-vertical .c-media-testimony .container .h5 {
	letter-spacing: .2rem
}

.is-vertical .c-media-testimony .video-box {
	height: 21rem
}

.is-vertical .c-media-testimony .my-pad {
	padding-top: 0
}

.is-vertical .c-media-testimony .my-mb {
	margin-bottom: 4rem
}

.c-video-appreciation {
	background-color: #f8f4f0
}

.c-video-appreciation .gradient-icon:after {
	top: -.5rem;
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
	left: 0
}

.c-video-appreciation .video-box-mb {
	display: none
}

.c-video-appreciation .video-box {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.c-video-appreciation .video-box .video-item {
	position: relative;
	height: 30rem;
	margin-bottom: 10px;
	overflow: hidden
}

.c-video-appreciation .video-box .video-item img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.c-video-appreciation .video-box .video-item-min {
	width: calc(43% - 5px)
}

.c-video-appreciation .video-box .video-item-big {
	width: calc(57% - 5px)
}

.c-video-appreciation .icon-player {
	position: absolute;
	top: 50%;
	z-index: 99;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
	font-size: 46px;
	color: #fff;
	width: 100%;
	height: 100%;
	background: url(../img/activity-icon-player.svg) no-repeat 50%;
	opacity: .5;
	cursor: pointer
}

.is-vertical .c-video-appreciation .base-gallery-swiper {
	width: 100%;
	height: 50vw
}

.is-vertical .c-video-appreciation .video-box {
	display: none
}

.is-vertical .c-video-appreciation .h3 {
	text-align: center
}

.is-vertical .c-video-appreciation .gradient-icon:after {
	left: 50%;
	-webkit-transform: translate(-50%);
	transform: translate(-50%);
	top: auto
}

.is-vertical .c-video-appreciation .video-box-mb {
	display: block
}

.is-vertical .c-video-appreciation .video-box-mb .icon-player {
	z-index: 99;
	opacity: 1
}

.is-vertical .c-video-appreciation .base-thumb-swiper {
	margin-top: 2rem
}

.is-vertical .c-video-appreciation .base-thumb-swiper .swiper-slide {
	position: relative
}

.is-vertical .c-video-appreciation .base-thumb-swiper .swiper-slide:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .5);
	top: 0;
	left: 0
}

.is-vertical .c-video-appreciation .base-thumb-swiper .swiper-slide.swiper-slide-active:after {
	display: none
}

.is-vertical .c-video-appreciation .base-thumb-swiper .swiper-slide .img {
	width: 100%
}

.c-exciting-pictures .gradient-icon:after {
	top: -.5rem;
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
	left: 0
}

.c-exciting-pictures .img-box-mb {
	display: none
}

.c-exciting-pictures .img-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.c-exciting-pictures .img-box>div {
	margin-bottom: 20px
}

.c-exciting-pictures .img-box>div img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-webkit-transition: all .4s;
	transition: all .4s
}

.c-exciting-pictures .img-box>div img:hover {
	-webkit-transform: scale(1.2);
	transform: scale(1.2)
}

.c-exciting-pictures .img-box .img-box-t {
	display: grid !important;
	grid-template-areas: "a a b b " "a a c d";
	gap: 20px
}

.c-exciting-pictures .img-box .img-box-t .img-item {
	overflow: hidden
}

.c-exciting-pictures .img-box .img-box-t .img-item:first-child {
	grid-area: a
}

.c-exciting-pictures .img-box .img-box-t .img-item:nth-child(2) {
	grid-area: b
}

.c-exciting-pictures .img-box .img-box-t .img-item:nth-child(3) {
	grid-area: c
}

.c-exciting-pictures .img-box .img-box-t .img-item:nth-child(4) {
	grid-area: d
}

.c-exciting-pictures .img-box .img-t-l,
.c-exciting-pictures .img-box .img-t-r {
	width: calc(50% - 10px)
}

.c-exciting-pictures .img-box .img-t-r {
	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-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.c-exciting-pictures .img-box .img-t-r>div {
	height: calc(100% - 20px);
	overflow: hidden
}

.c-exciting-pictures .img-box .img-t-r-b {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.c-exciting-pictures .img-box .img-t-r-b>div {
	width: calc(50% - 10px);
	overflow: hidden
}

.c-exciting-pictures .img-box .img-t-r-b>div img {
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.c-exciting-pictures .img-box .img-box-b {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.c-exciting-pictures .img-box .img-box-b img {
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.c-exciting-pictures .img-box .img-box-b .img-b-l {
	width: calc(40% - 10px);
	overflow: hidden
}

.c-exciting-pictures .img-box .img-box-b .img-b-r {
	width: calc(60% - 10px);
	overflow: hidden
}

.is-vertical .c-exciting-pictures .gradient-icon:after {
	left: 50%;
	-webkit-transform: translate(-50%);
	transform: translate(-50%);
	top: auto
}

.is-vertical .c-exciting-pictures .container .h3 {
	text-align: center
}

.is-vertical .c-exciting-pictures .img-box-t {
	gap: 10px;
	display: none !important
}

.is-vertical .c-exciting-pictures .img-box-b {
	display: none !important
}

.is-vertical .c-exciting-pictures .img-box-mb {
	display: block;
	display: grid !important;
	grid-template-areas: "a  b " "a  c " "d  e " "f  f ";
	gap: 10px
}

.is-vertical .c-exciting-pictures .img-box-mb .img-item {
	overflow: hidden
}

.is-vertical .c-exciting-pictures .img-box-mb .img-item:first-child {
	grid-area: a
}

.is-vertical .c-exciting-pictures .img-box-mb .img-item:nth-child(2) {
	grid-area: b
}

.is-vertical .c-exciting-pictures .img-box-mb .img-item:nth-child(3) {
	grid-area: c
}

.is-vertical .c-exciting-pictures .img-box-mb .img-item:nth-child(4) {
	grid-area: d
}

.is-vertical .c-exciting-pictures .img-box-mb .img-item:nth-child(5) {
	grid-area: e
}

.is-vertical .c-exciting-pictures .img-box-mb .img-item:nth-child(6) {
	grid-area: f
}

@media (min-width:1200px) and (max-width:1359px) {
	.c-ioniq-electric-banner .container {
		width: 1170px !important
	}
}

@media screen and (min-width:1366px) and (max-width:1440px) {
	.c-ioniq-electric-banner .container {
		width: 1200px !important
	}
}

@media screen and (min-width:1441px) and (max-width:1749px) {
	.c-ioniq-electric-banner .container {
		width: 1368px !important
	}
}

@media (min-width:1750px) {
	.c-ioniq-electric-banner .container {
		width: 1690px !important
	}
}

.c-ioniq-electric-banner .icon-player {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
	font-size: 46px;
	color: #fff;
	width: 100%;
	height: 100%;
	background: url(../img/icon-player.svg) no-repeat 50%;
	background-size: 7rem;
	opacity: .5;
	cursor: pointer;
	z-index: 9
}

.c-ioniq-electric-banner .icon-player:hover {
	opacity: 1
}

.c-ioniq-electric-banner .banner-swiper {
	height: 100%
}

.c-ioniq-electric-banner .ioniq-electric-banner-text {
	position: absolute;
	z-index: 5;
	left: 50%;
	top: 25%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	color: #fff
}

.c-ioniq-electric-banner .ioniq-electric-banner-text .title-box {
	display: inline-block;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.c-ioniq-electric-banner .ioniq-electric-banner-text .title-box .word-block {
	width: 100%
}

.c-ioniq-electric-banner .ioniq-electric-banner-text .text-color {
	color: #09a9d3;
	font-weight: bolder
}

.c-ioniq-electric-banner .ioniq-electric-banner-text .text-font {
	font-family: HyundaiSansHeadCN-Regular
}

.c-ioniq-electric-banner .ioniq-electric-banner-text .word-inner {
	word-break: keep-all;
	text-align: justify;
	-moz-text-align-last: justify;
	text-align-last: justify;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	-webkit-animation: transform-y .8s ease .8s forwards;
	animation: transform-y .8s ease .8s forwards
}

@-webkit-keyframes transform-y {
	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@keyframes transform-y {
	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

.c-ioniq-electric-banner .swiper-slide {
	position: relative;
	padding-bottom: 80vh
}

.c-ioniq-electric-banner .swiper-slide .ioniq-electric-banner-logo {
	position: absolute;
	top: 10%;
	right: 6.8%;
	width: 100px;
	z-index: 5
}

.c-ioniq-electric-banner .banner-slide {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.c-ioniq-electric-banner .banner-slide>img {
	width: 100%
}

.c-ioniq-electric-banner .banner-slide .slide-inner {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0
}

.c-ioniq-electric-banner .banner-slide .slide-inner .replace-bg {
	height: 100%;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover
}

.c-ioniq-electric-banner .banner-slide .slide-inner .container {
	position: absolute;
	top: 80%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	z-index: 9
}

.c-ioniq-electric-banner .banner-slide .slide-inner .container .title {
	display: none
}

.c-ioniq-electric-banner .banner-slide .slide-inner .container .btn-link-wrap {
	overflow: hidden
}

.c-ioniq-electric-banner .banner-slide .slide-inner .container .c-button {
	cursor: pointer;
	-webkit-transform: translateY(120%);
	transform: translateY(120%)
}

.c-ioniq-electric-banner .banner-slide .slide-content {
	position: absolute;
	top: 45vh;
	width: 100%;
	left: 0;
	color: #fff;
	-webkit-transform: translateY(-50%) scale(1.5);
	transform: translateY(-50%) scale(1.5);
	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-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.c-ioniq-electric-banner .banner-slide .slide-description {
	color: hsla(0, 0%, 100%, .6);
	font-family: HyundaiSansHeadCN-Medium
}

.c-ioniq-electric-banner .pagination-container {
	position: absolute;
	bottom: 1vh;
	width: 100%;
	z-index: 9;
	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
}

.c-ioniq-electric-banner .pagination-container .swiper-pagination {
	bottom: 0 !important;
	text-align: center
}

.c-ioniq-electric-banner .pagination-container .swiper-pagination-bullet {
	width: 30px;
	height: 5px;
	border-radius: 5px;
	background-color: hsla(0, 0%, 100%, .6);
	display: inline-block;
	-webkit-transition: all .4s;
	transition: all .4s;
	margin: 0 5px
}

.c-ioniq-electric-banner .pagination-container .swiper-pagination-bullet-active {
	width: 50px;
	height: 5px;
	border-radius: 5px;
	background-color: #3cc4d0
}

.is-vertical .c-ioniq-electric-banner .slide-description {
	color: #fff
}

.is-vertical .c-ioniq-electric-banner .pagination-container {
	bottom: 2vh
}

.is-vertical .c-ioniq-electric-banner .swiper-slide {
	padding-bottom: 100vh
}

.is-vertical .c-ioniq-electric-banner .swiper-slide .container {
	left: 50%;
	-webkit-transform: translate(-50%, 50%);
	transform: translate(-50%, 50%)
}

.is-vertical .c-ioniq-electric-banner .swiper-slide .icon-player {
	background-size: auto
}

.is-vertical .c-ioniq-electric-banner .swiper-slide .ioniq-electric-banner-logo {
	top: 25%;
	right: 50%;
	-webkit-transform: translateX(50%);
	transform: translateX(50%);
	width: 35vw
}

.is-vertical .c-ioniq-electric-banner .swiper-slide .ioniq-electric-banner-text {
	width: 90%;
	text-align: center
}

.is-vertical .c-ioniq-electric-banner .swiper-slide .ioniq-electric-banner-text .h2 {
	font-size: 26px
}

.c-ioniq-electric-title {
	color: #000;
	position: relative;
	margin-bottom: 3rem
}

.c-ioniq-section-1 {
	background-color: #ececec;
	position: relative;
	padding-bottom: 30px
}

.c-ioniq-section-1 .c-ioniq-section-1-description {
	background: #fff;
	height: 20vh;
	min-height: 150px;
	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
}

.c-ioniq-section-1 .c-ioniq-section-1-description div {
	text-align: center
}

.c-ioniq-section-1 .ioniq-section-1-swiper-contet .page-padding {
	padding: 24px 0
}

.c-ioniq-section-1 .c-ioniq-section-1-tab {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	border-bottom: 2px solid #d2d9e5;
	padding-top: 3rem
}

.c-ioniq-section-1 .c-ioniq-section-1-tab .c-ioniq-section-1-tab-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 2.6rem;
	color: #848484;
	min-height: 2.5em
}

.c-ioniq-section-1 .c-ioniq-section-1-tab .c-ioniq-section-1-tab-box .container {
	padding: 0
}

.c-ioniq-section-1 .c-ioniq-section-1-tab .c-ioniq-section-1-tab-box .tab-item {
	margin-right: 3rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: end;
	cursor: pointer;
	position: relative;
	padding-bottom: .5rem;
	font-family: HyundaiSansHeadCN-Medium
}

.c-ioniq-section-1 .c-ioniq-section-1-tab .c-ioniq-section-1-tab-box .tab-active {
	color: #000
}

.c-ioniq-section-1 .c-ioniq-section-1-tab .c-ioniq-section-1-tab-box .tab-active:after {
	width: 5rem
}

.c-ioniq-section-1 .c-ioniq-section-1-tab .container {
	padding-left: 0
}

.c-ioniq-section-1 .ioniq-section-1-big-swiper .img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	position: absolute
}

.c-ioniq-section-1 .ioniq-section-1-big-swiper .swiper-slide {
	position: relative;
	padding-bottom: 40.025%;
	-webkit-transition: all .4s;
	transition: all .4s;
	-webkit-transform: scaleY(.9);
	transform: scaleY(.9)
}

.c-ioniq-section-1 .ioniq-section-1-big-swiper .swiper-slide-active {
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}

.c-ioniq-section-1 .ioniq-section-1-big-swiper .ioniq-section-1-video-box-item {
	position: absolute;
	width: 100%;
	height: 100%
}

.c-ioniq-section-1 .ioniq-section-1-big-swiper .icon-player {
	position: absolute;
	top: 50%;
	z-index: 99;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
	font-size: 46px;
	color: #fff;
	width: 100%;
	height: 100%;
	background: url(../img/icon-player.svg) no-repeat 50%;
	opacity: .5;
	cursor: pointer;
	display: none
}

.c-ioniq-section-1 .ioniq-section-1-big-swiper .video-mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	-webkit-transition: all .4s;
	transition: all .4s;
	background: rgba(0, 0, 0, .7);
	opacity: 0;
	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
}

.c-ioniq-section-1 .ioniq-section-1-big-swiper .video-mask:hover {
	opacity: 1
}

.c-ioniq-section-1 .ioniq-section-1-big-swiper .video-mask .mask-btn-box {
	width: 66%;
	height: 13%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	color: #fff
}

.c-ioniq-section-1 .ioniq-section-1-big-swiper .video-mask .mask-btn-box div {
	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-flex: 1;
	-ms-flex: 1;
	flex: 1;
	border: 1px solid #fff;
	margin: 0 10%;
	position: relative;
	cursor: pointer;
	-webkit-transition: all .3s;
	transition: all .3s
}

.c-ioniq-section-1 .ioniq-section-1-big-swiper .video-mask .mask-btn-box div:after {
	content: "";
	display: inline-block;
	width: 30px;
	height: 4px;
	position: absolute;
	right: 5%;
	background: -webkit-gradient(linear, left top, right top, from(#fff), color-stop(14.3%, #ffff), color-stop(14.3%, transparent), color-stop(28.6%, transparent), color-stop(28.6%, hsla(0, 0%, 100%, .5)), color-stop(42.9%, hsla(0, 0%, 100%, .5)), color-stop(42.9%, transparent), color-stop(57.2%, transparent), color-stop(57.2%, hsla(0, 0%, 100%, .2)), color-stop(71.5%, hsla(0, 0%, 100%, .2)), color-stop(71.5%, transparent), color-stop(85.8%, transparent), color-stop(85.8%, transparent), to(transparent));
	background: linear-gradient(90deg, #fff, #ffff 14.3%, transparent 0, transparent 28.6%, hsla(0, 0%, 100%, .5) 0, hsla(0, 0%, 100%, .5) 42.9%, transparent 0, transparent 57.2%, hsla(0, 0%, 100%, .2) 0, hsla(0, 0%, 100%, .2) 71.5%, transparent 0, transparent 85.8%, transparent 0, transparent);
	-webkit-transition: all .4s;
	transition: all .4s
}

.c-ioniq-section-1 .ioniq-section-1-big-swiper .video-mask .mask-btn-box div:before {
	content: "";
	display: inline-block;
	width: 30px;
	height: 4px;
	position: absolute;
	left: 5%;
	-webkit-transition: all .4s;
	transition: all .4s;
	background: -webkit-gradient(linear, right top, left top, from(#fff), color-stop(14.3%, #ffff), color-stop(14.3%, transparent), color-stop(28.6%, transparent), color-stop(28.6%, hsla(0, 0%, 100%, .5)), color-stop(42.9%, hsla(0, 0%, 100%, .5)), color-stop(42.9%, transparent), color-stop(57.2%, transparent), color-stop(57.2%, hsla(0, 0%, 100%, .2)), color-stop(71.5%, hsla(0, 0%, 100%, .2)), color-stop(71.5%, transparent), color-stop(85.8%, transparent), color-stop(85.8%, transparent), to(transparent));
	background: linear-gradient(270deg, #fff, #ffff 14.3%, transparent 0, transparent 28.6%, hsla(0, 0%, 100%, .5) 0, hsla(0, 0%, 100%, .5) 42.9%, transparent 0, transparent 57.2%, hsla(0, 0%, 100%, .2) 0, hsla(0, 0%, 100%, .2) 71.5%, transparent 0, transparent 85.8%, transparent 0, transparent);
	background-size: contain;
	margin-left: 10px
}

.c-ioniq-section-1 .ioniq-section-1-big-swiper .video-mask .mask-btn-box div:hover {
	background-color: #fff;
	color: #000
}

.c-ioniq-section-1 .ioniq-section-1-big-swiper .video-mask .mask-btn-box div:hover .mask-btn-img {
	margin-left: 1.2em
}

.c-ioniq-section-1 .ioniq-section-1-big-swiper .video-mask .mask-btn-box div:hover:after,
.c-ioniq-section-1 .ioniq-section-1-big-swiper .video-mask .mask-btn-box div:hover:before {
	-webkit-filter: invert(100%);
	filter: invert(100%)
}

.c-ioniq-section-1 .ioniq-section-1-big-swiper .video-mask .mask-btn-box div .mask-btn-img {
	width: 2em;
	height: auto;
	margin-left: .5em;
	-webkit-transition: all .4s cubic-bezier(0, -.4, .64, 1.1);
	transition: all .4s cubic-bezier(0, -.4, .64, 1.1);
	display: none
}

.c-ioniq-section-1 .ioniq-section-1-text-swiper-box {
	margin-top: 0;
	position: relative
}

.c-ioniq-section-1 .ioniq-section-1-text-swiper {
	width: 50%;
	overflow: hidden;
	margin: 0 auto;
	position: relative;
	margin-top: 1rem;
	margin-bottom: 1rem
}

.c-ioniq-section-1 .ioniq-section-1-description-swiper {
	width: 77%;
	overflow: hidden
}

.c-ioniq-section-1 .button-container {
	top: 55%
}

.c-ioniq-section-1 .button-container .swiper-button-next,
.c-ioniq-section-1 .button-container .swiper-button-prev {
	font-size: 30px !important
}

.c-ioniq-section-1 .ioniq-section-1-description {
	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-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.c-ioniq-section-1 .ioniq-section-1-description .h5 {
	text-align: center;
	font-size: 18px
}

.c-ioniq-section-1 .ioniq-btn {
	margin-top: 2rem;
	margin-bottom: 30px;
	width: 18rem;
	height: 4rem;
	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;
	cursor: pointer;
	-webkit-transition: all .4s;
	transition: all .4s;
	font-family: HyundaiSansHeadCN-Medium;
	letter-spacing: .1em
}

.c-ioniq-section-1 .ioniq-btn .icon-right {
	padding-left: .5em
}

.c-ioniq-section-1 .ioniq-btn:hover {
	border-color: #3cc4d0;
	color: #3cc4d0
}

@media screen and (max-width:1024px) {
	.c-ioniq-section-1 .ioniq-section-1-description .h5 {
		font-size: 14px !important
	}
}

@media screen and (max-width:1600px) {
	.c-ioniq-section-1 .ioniq-section-1-description-swiper {
		width: 84%
	}

	.c-ioniq-section-1 .ioniq-section-1-description .h5 {
		font-size: 16px
	}
}

.c-ioniq-section-1 .btn {
	width: 130px;
	padding: 10px 16px;
	background-color: transparent;
	color: #002c5f;
	position: relative;
	-webkit-transition: all .4s;
	transition: all .4s;
	-webkit-animation: textColor 6s ease-in-out infinite;
	animation: textColor 6s ease-in-out infinite
}

.c-ioniq-section-1 .btn:before {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: center center;
	transform-origin: center center;
	content: "";
	-webkit-animation: fillMotion 6s ease-in-out infinite;
	animation: fillMotion 6s ease-in-out infinite;
	background-color: #002c5f;
	z-index: -1;
	-webkit-transition: all .4s;
	transition: all .4s
}

.c-ioniq-section-1 .btn:after {
	content: "";
	display: none;
	width: 7px;
	height: 7px;
	vertical-align: middle;
	border-style: solid;
	border-width: 0 2px 2px 0;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	border-color: inherit;
	margin-left: 6px
}

.c-ioniq-section-1 .btn:hover {
	color: #fff;
	background-color: #002c5f
}

.c-ioniq-section-1 .btn:hover,
.c-ioniq-section-1 .btn:hover:before,
.c-ioniq-section-1 .btn:hover svg {
	-webkit-animation: none;
	animation: none
}

.c-ioniq-section-1 .btn svg {
	-webkit-transition: all .4s;
	transition: all .4s;
	stroke: #002c5f;
	-webkit-animation: lineMotion 6s ease-in-out infinite;
	animation: lineMotion 6s ease-in-out infinite;
	position: absolute;
	left: 0;
	top: 0;
	fill: none;
	stroke-width: 2px;
	stroke-dasharray: 10 500;
	stroke-dashoffset: 100;
	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-keyframes textColor {
	40% {
		color: #002c5f
	}

	50% {
		color: #fff
	}

	85% {
		color: #fff
	}

	90% {
		color: #002c5f
	}
}

@keyframes textColor {
	40% {
		color: #002c5f
	}

	50% {
		color: #fff
	}

	85% {
		color: #fff
	}

	90% {
		color: #002c5f
	}
}

@-webkit-keyframes lineMotion {
	30% {
		opacity: 1;
		stroke-dasharray: 500 500
	}

	50% {
		opacity: 1
	}

	58% {
		opacity: 0
	}

	to {
		opacity: 0;
		stroke-dasharray: 500 500
	}
}

@keyframes lineMotion {
	30% {
		opacity: 1;
		stroke-dasharray: 500 500
	}

	50% {
		opacity: 1
	}

	58% {
		opacity: 0
	}

	to {
		opacity: 0;
		stroke-dasharray: 500 500
	}
}

@-webkit-keyframes fillMotion {
	40% {
		-webkit-transform: scaleX(0);
		transform: scaleX(0)
	}

	50% {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}

	80% {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}

	90% {
		-webkit-transform: scaleX(0);
		transform: scaleX(0)
	}
}

@keyframes fillMotion {
	40% {
		-webkit-transform: scaleX(0);
		transform: scaleX(0)
	}

	50% {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}

	80% {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}

	90% {
		-webkit-transform: scaleX(0);
		transform: scaleX(0)
	}
}

.is-vertical .c-ioniq-section-1 .c-ioniq-section-1-description {
	height: auto
}

.is-vertical .c-ioniq-section-1 .c-ioniq-section-1-description div {
	letter-spacing: 0;
	text-align: left
}

.is-vertical .c-ioniq-section-1 .ioniq-section-1-description-swiper {
	width: 100%
}

.is-vertical .c-ioniq-section-1 .ioniq-section-1-big-swiper {
	overflow: hidden;
	padding: 0
}

.is-vertical .c-ioniq-section-1 .ioniq-section-1-big-swiper img {
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.is-vertical .c-ioniq-section-1 .ioniq-section-1-big-swiper .swiper-slide {
	padding-bottom: 42.025%
}

.is-vertical .c-ioniq-section-1 .ioniq-section-1-big-swiper .video-mask {
	display: none !important
}

.is-vertical .c-ioniq-section-1 .ioniq-section-1-big-swiper .icon-player {
	display: block
}

.is-vertical .c-ioniq-section-1 .ioniq-section-1-description {
	margin-top: 3rem
}

.is-vertical .c-ioniq-section-1 .ioniq-section-1-description .h5 {
	text-align: left;
	letter-spacing: .01em
}

.is-vertical .c-ioniq-section-1 .c-ioniq-section-1-tab .container {
	margin: 0;
	padding-left: 30px
}

.is-vertical .c-ioniq-section-1 .c-ioniq-section-1-tab-box {
	width: 100%;
	font-size: inherit;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: start
}

.is-vertical .c-ioniq-section-1 .c-ioniq-section-1-tab-box .tab-item {
	margin: 0;
	margin-right: 1em
}

.is-vertical .c-ioniq-section-1 .ioniq-section-1-text-swiper-box .ioniq-section-1-text-swiper {
	margin: 3rem auto
}

.is-vertical .c-ioniq-section-1 .ioniq-section-1-text-swiper-box .swiper-container {
	width: 80%
}

.is-vertical .c-ioniq-section-1 .button-container {
	width: 100% !important;
	top: 37%
}

.is-vertical .c-ioniq-section-1 .button-container .swiper-button-next {
	right: 0;
	color: #000;
	font-size: 25px !important;
	text-shadow: none !important
}

.is-vertical .c-ioniq-section-1 .button-container .swiper-button-prev {
	left: 0;
	color: #000;
	font-size: 25px !important;
	text-shadow: none !important
}

.is-vertical .c-ioniq-section-1 .ioniq-btn {
	font-size: 14px;
	margin-bottom: 0
}

.c-ioniq-section-2 {
	font-family: HyundaiSansHeadCN-Medium
}

.c-ioniq-section-2 .c-ioniq-section-2__background {
	position: relative;
	background-position: bottom;
	background-size: cover
}

.c-ioniq-section-2 .c-ioniq-section-2__background .page-padding {
	padding: 70px 0
}

.c-ioniq-section-2 .c-ioniq-section-2__background .c-ioniq-section-2-bg-swiper {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 0
}

.c-ioniq-section-2 .c-ioniq-section-2__background .c-ioniq-section-2-bg-swiper img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.c-ioniq-section-2 .c-ioniq-section-2__background:before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-position: bottom;
	background-size: 100%;
	background-repeat: no-repeat
}

.c-ioniq-section-2 .c-ioniq-section-2__background .c-ioniq-section-2-swiper {
	-webkit-transform: translateY(50%);
	transform: translateY(50%)
}

.c-ioniq-section-2 .c-ioniq-section-2__background .c-ioniq-section-2-swiper .swiper-slide {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.c-ioniq-section-2 .c-ioniq-section-2__background .c-ioniq-section-2-swiper .swiper-slide img {
	width: 65%
}

.c-ioniq-section-2 .c-ioniq-section-2__background .half-circle-spinner,
.c-ioniq-section-2 .c-ioniq-section-2__background .half-circle-spinner * {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.c-ioniq-section-2 .c-ioniq-section-2__background .half-circle-spinner {
	width: 80px;
	height: 80px;
	border-radius: 100%;
	position: absolute
}

.c-ioniq-section-2 .c-ioniq-section-2__background .half-circle-spinner .circle {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 100%;
	border: 6px solid transparent
}

.c-ioniq-section-2 .c-ioniq-section-2__background .half-circle-spinner .circle.circle-1 {
	border-top-color: #000;
	-webkit-animation: half-circle-spinner-animation 1s infinite;
	animation: half-circle-spinner-animation 1s infinite
}

.c-ioniq-section-2 .c-ioniq-section-2__background .half-circle-spinner .circle.circle-2 {
	border-bottom-color: #000;
	-webkit-animation: half-circle-spinner-animation 1s infinite alternate;
	animation: half-circle-spinner-animation 1s infinite alternate
}

@-webkit-keyframes half-circle-spinner-animation {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

@keyframes half-circle-spinner-animation {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

.c-ioniq-section-2 .c-ioniq-section-2__background .c-ioniq-section-2-720 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: absolute;
	width: 100%;
	top: 30%;
	left: 0
}

.c-ioniq-section-2 .c-ioniq-section-2__background .c-ioniq-section-2-720 img {
	cursor: pointer
}

.c-ioniq-section-2 .c-ioniq-section-2__background .c-ioniq-section-2-720>img {
	position: relative;
	z-index: 9
}

.c-ioniq-section-2 .c-ioniq-section-2__background .c-ioniq-section-2-720 .ioniq_5n_car_720_click {
	position: absolute;
	width: 3rem;
	top: 84%;
	right: 50%;
	-webkit-transform: translateX(210%);
	transform: translateX(210%);
	-webkit-animation: head-flash 1s ease infinite alternate;
	animation: head-flash 1s ease infinite alternate
}

@-webkit-keyframes head-flash {
	0% {
		-webkit-transform: translateX(210%) scale(1);
		transform: translateX(210%) scale(1)
	}

	20% {
		-webkit-transform: translateX(210%) scale(1.5);
		transform: translateX(210%) scale(1.5)
	}

	40% {
		-webkit-transform: translateX(210%) scale(1);
		transform: translateX(210%) scale(1)
	}
}

@keyframes head-flash {
	0% {
		-webkit-transform: translateX(210%) scale(1);
		transform: translateX(210%) scale(1)
	}

	20% {
		-webkit-transform: translateX(210%) scale(1.5);
		transform: translateX(210%) scale(1.5)
	}

	40% {
		-webkit-transform: translateX(210%) scale(1);
		transform: translateX(210%) scale(1)
	}
}

.c-ioniq-section-2 .c-ioniq-section-2__background .c-ioniq-section-2-720 .ioniq_5n_car_720_bg {
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%) rotateX(75deg);
	transform: translateX(-50%) rotateX(75deg);
	top: -1.55rem
}

.c-ioniq-section-2 .c-ioniq-section-2__background .c-ioniq-section-2-720 .ioniq_5n_car_720_bg .rotate-box {
	border-radius: 50% 50%;
	-webkit-transition: .5s;
	transition: .5s;
	-webkit-animation: rotate 2s linear infinite;
	animation: rotate 2s linear infinite;
	width: 11rem;
	height: 11rem;
	border: 3px solid #000;
	position: relative
}

.c-ioniq-section-2 .c-ioniq-section-2__background .c-ioniq-section-2-720 .ioniq_5n_car_720_bg .rotate-box i {
	width: 0;
	height: 0;
	border-left: .8rem solid transparent;
	border-right: .8rem solid transparent;
	border-bottom: .8rem solid #000;
	position: absolute;
	left: 2rem;
	-webkit-transform: rotate(80deg);
	transform: rotate(80deg)
}

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

	50% {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg)
	}

	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

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

	50% {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg)
	}

	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

.c-ioniq-section-2 .container {
	padding-left: 0
}

.c-ioniq-section-2 .ioniq-section-2-car-color {
	margin-top: 5rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.c-ioniq-section-2 .ioniq-section-2-car-color .car-color-item-group {
	margin: 2rem 5rem
}

.c-ioniq-section-2 .ioniq-section-2-car-color .car-color-item-group-title {
	margin-bottom: 2rem;
	display: inline-block;
	position: relative
}

.c-ioniq-section-2 .ioniq-section-2-car-color .car-color-item-group-title:after {
	display: none;
	content: "";
	position: absolute;
	right: -1rem;
	width: 4px;
	height: 60%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	background-color: #3cc4d0
}

.c-ioniq-section-2 .ioniq-section-2-car-color .car-color-item-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.c-ioniq-section-2 .ioniq-section-2-car-color .car-color-item-box .car-color-item {
	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-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 0 .5rem;
	cursor: pointer
}

.c-ioniq-section-2 .ioniq-section-2-car-color .car-color-item-box .car-color-item:first-child {
	margin: 0
}

.c-ioniq-section-2 .ioniq-section-2-car-color .car-color-item-box .car-color-item .car-color-item-img {
	padding: .4rem;
	position: relative;
	border-radius: 50%
}

.c-ioniq-section-2 .ioniq-section-2-car-color .car-color-item-box .car-color-item .car-color-item-img:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	z-index: 0;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: var(--my-bg);
	-webkit-transition: all .4s;
	transition: all .4s
}

.c-ioniq-section-2 .ioniq-section-2-car-color .car-color-item-box .car-color-item .car-color-item-img img {
	position: relative;
	z-index: 99;
	border: 5px solid #fff;
	border-radius: 50%;
	opacity: .6
}

.c-ioniq-section-2 .ioniq-section-2-car-color .car-color-item-box .car-color-item .car-color-item-active:before,
.c-ioniq-section-2 .ioniq-section-2-car-color .car-color-item-box .car-color-item .car-color-item-active img {
	opacity: 1
}

.c-ioniq-section-2 .ioniq-section-2-car-color .car-color-item-box .car-color-item .car-color-item-name {
	margin-top: .5rem;
	color: #848484
}

.ioniq-electric-page {
	width: 100%;
	overflow: hidden
}

@media (min-width:992px) {
	.ioniq-electric-page .c-ioniq-section-2 .ioniq-section-2-car-color .car-color-item-box .car-color-item img {
		width: 5rem
	}
}

@media (min-width:1024px) {
	.ioniq-electric-page .container {
		width: 1000px
	}
}

@media (min-width:1360px) {
	.ioniq-electric-page .container {
		width: 1260px
	}
}

@media (min-width:1760px) {
	.ioniq-electric-page .container {
		width: 1624px
	}
}

.ioniq-electric-page .prop-ifream-box {
	position: fixed;
	width: 100vw;
	height: 100vh;
	background-color: #000;
	top: 0;
	left: 0;
	z-index: 9999;
	display: none
}

.ioniq-electric-page .prop-ifream-close {
	pointer-events: none;
	position: absolute;
	top: 4%;
	right: 44px;
	cursor: pointer;
	padding: 1%;
	display: none
}

.ioniq-electric-page .prop-ifream-close span {
	pointer-events: all;
	background-color: #fff;
	padding: 10px;
	border-radius: 50%
}

.is-vertical .c-ioniq-section-2 .container {
	padding-bottom: 5rem;
	padding-left: 30px
}

.is-vertical .c-ioniq-section-2 .c-ioniq-section-2__background .c-ioniq-section-2-720 img {
	width: 15vw
}

.is-vertical .c-ioniq-section-2 .c-ioniq-section-2__background .c-ioniq-section-2-720 .ioniq_5n_car_720_bg {
	top: -1rem
}

.is-vertical .c-ioniq-section-2 .c-ioniq-section-2__background .c-ioniq-section-2-720 .rotate-box {
	width: 8rem;
	height: 8rem
}

.is-vertical .c-ioniq-section-2 .c-ioniq-section-2__background .c-ioniq-section-2-720 .rotate-box i {
	left: 5rem;
	-webkit-transform: rotate(122deg);
	transform: rotate(122deg)
}

.is-vertical .c-ioniq-section-2 .c-ioniq-section-2__background .ioniq_5n_car_720_click {
	top: 60%;
	right: 51%;
	width: 5vw !important
}

.is-vertical .c-ioniq-section-2 .c-ioniq-section-2__background .c-ioniq-section-2-swiper .swiper-slide img {
	width: 100%
}

.is-vertical .c-ioniq-section-2 .ioniq-section-2-car-color {
	margin-top: 0
}

.is-vertical .c-ioniq-section-2 .ioniq-section-2-car-color .car-color-item-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	display: none
}

.is-vertical .c-ioniq-section-2 .ioniq-section-2-car-color .car-color-item-box .car-color-item:first-child {
	margin-right: 1rem
}

.is-vertical .c-ioniq-section-2 .ioniq-section-2-car-color .car-color-item-box .car-color-item .car-color-item-img {
	padding: .3rem
}

.is-vertical .c-ioniq-section-2 .ioniq-section-2-car-color .car-color-item-box .car-color-item .car-color-item-img img {
	width: 8.5vw;
	border: 1px solid #fff
}

.is-vertical .c-ioniq-section-2 .ioniq-section-2-car-color .car-color-item-box .car-color-item .car-color-item-name {
	word-break: keep-all;
	font-size: 12px
}

.is-vertical .c-ioniq-section-2 .ioniq-section-2-car-color .color-box-active {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.is-vertical .c-ioniq-section-2 .car-color-item-group-top {
	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
}

.is-vertical .c-ioniq-section-2 .car-color-item-group-top>div {
	text-align: center;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.is-vertical .c-ioniq-section-2 .car-color-item-group-top>div:after {
	display: none;
	height: 2px;
	width: 2em;
	right: auto;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	top: auto;
	bottom: -2px
}

.is-vertical .c-ioniq-section-2 .car-color-item-group-top .color-title-active:after {
	display: block
}

@media screen and (min-width:500px) and (max-width:915px) {
	.ioniq-section-2-car-color {
		margin-top: 5rem !important
	}

	.is-vertical .c-ioniq-section-2__background .c-ioniq-section-2-720 img {
		width: 10vw !important
	}

	.is-vertical .c-ioniq-section-2__background .c-ioniq-section-2-720 .rotate-box {
		width: 13rem !important;
		height: 13rem !important
	}

	.is-vertical .c-ioniq-section-2__background .c-ioniq-section-2-720 .rotate-box i {
		left: 8rem !important
	}

	.is-vertical .c-ioniq-section-2__background .c-ioniq-section-2-720 .ioniq_5n_car_720_click {
		width: 8vw !important
	}

	.is-vertical .c-ioniq-section-2__background .c-ioniq-section-2-720 .ioniq_5n_car_720_bg {
		top: -1.3rem !important
	}
}

.is-vertical .ioniq-electric-page .page-padding {
	padding: 30px
}

.is-vertical .ioniq-electric-page .prop-ifream-close {
	bottom: 16%;
	right: 2%;
	top: auto;
	-webkit-transform: scale(.8);
	transform: scale(.8)
}

.c-ioniq-section-3 .c-ioniq-electric-title {
	margin-bottom: 0
}

.c-ioniq-section-3 .page-padding {
	padding: 0
}

.c-ioniq-section-3 .row-tab {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	border-bottom: 2px solid #dfe9f6
}

.c-ioniq-section-3 .row-tab,
.c-ioniq-section-3 .row-tab .tab-left {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.c-ioniq-section-3 .row-tab .tab-left .tab-item {
	margin-right: 2em;
	vertical-align: bottom;
	cursor: pointer;
	position: relative;
	color: #000
}

.c-ioniq-section-3 .row-tab .tab-left .tab-item,
.c-ioniq-section-3 .row-tab .tab-right {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: end;
	padding-bottom: .5rem
}

.c-ioniq-section-3 .tab-content-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 2rem;
	border-bottom: 2px solid #fff
}

.c-ioniq-section-3 .tab-content-box>div {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	position: relative;
	overflow: hidden;
	cursor: pointer;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%)
}

.c-ioniq-section-3 .tab-content-box>div img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.c-ioniq-section-3 .tab-content-box>div:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .6);
	z-index: 1;
	top: 0;
	left: 0
}

.c-ioniq-section-3 .tab-content-box>div:before {
	content: "";
	position: absolute;
	inset: -20%;
	background: linear-gradient(45deg, hsla(0, 0%, 100%, 0) 40%, hsla(0, 0%, 100%, .5), hsla(0, 0%, 100%, 0) 60%);
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	z-index: 1
}

.c-ioniq-section-3 .tab-content-box>div .item-title {
	position: absolute;
	top: 1rem;
	right: 1rem;
	color: hsla(0, 0%, 100%, .8);
	font-size: 3rem
}

.c-ioniq-section-3 .tab-content-box .tab-content-item-active {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-animation: line-grayscale .8s ease-in-out forwards;
	animation: line-grayscale .8s ease-in-out forwards
}

.c-ioniq-section-3 .tab-content-box .tab-content-item-active .item-title {
	color: #fff;
	font-weight: 900
}

.c-ioniq-section-3 .tab-content-box .tab-content-item-active:after {
	border: 2px solid #3cc4d0;
	background-color: transparent
}

.c-ioniq-section-3 .tab-content-box .tab-content-item-active:before {
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	-webkit-transform: translateX(100%);
	transform: translateX(100%)
}

@-webkit-keyframes line-grayscale {
	50% {
		-webkit-filter: grayscale(0);
		filter: grayscale(0)
	}

	to {
		-webkit-filter: grayscale(0);
		filter: grayscale(0)
	}
}

@keyframes line-grayscale {
	50% {
		-webkit-filter: grayscale(0);
		filter: grayscale(0)
	}

	to {
		-webkit-filter: grayscale(0);
		filter: grayscale(0)
	}
}

.c-ioniq-section-3 .item-box {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	padding-bottom: 32%
}

.c-ioniq-section-3 .item-box>div {
	position: absolute;
	width: 50%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: end;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: var(--my-bg);
	background-position: 50%;
	-webkit-transition: all .6s;
	transition: all .6s;
	cursor: pointer;
	overflow: hidden
}

.c-ioniq-section-3 .item-box>div:after {
	display: none;
	content: "";
	inset: -20%;
	background: linear-gradient(45deg, hsla(0, 0%, 100%, 0) 40%, hsla(0, 0%, 100%, .5), hsla(0, 0%, 100%, 0) 60%);
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	z-index: 1
}

.c-ioniq-section-3 .item-box>div .item-img-bg,
.c-ioniq-section-3 .item-box>div:after {
	position: absolute;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out
}

.c-ioniq-section-3 .item-box>div .item-img-bg {
	background-image: var(--my-bg);
	background-size: cover;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-position: inherit
}

.c-ioniq-section-3 .item-box>div:hover:after {
	-webkit-transform: translateX(100%);
	transform: translateX(100%)
}

.c-ioniq-section-3 .item-box>div:hover .item-img-bg {
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}

.c-ioniq-section-3 .item-box .bg-position-center {
	background-position: 50% !important
}

.c-ioniq-section-3 .item-box>div:first-child {
	width: 65%
}

.c-ioniq-section-3 .item-box>div:last-child {
	width: 35%
}

.c-ioniq-section-3 .item-box .item-appearance {
	left: 0;
	top: 0;
	background-color: #89898a
}

.c-ioniq-section-3 .item-box .item-interior-design {
	right: 0;
	top: 0;
	background-color: #3cc4d0
}

.c-ioniq-section-3 .item-box .item-appearance-1 {
	background-position: 100%
}

.c-ioniq-section-3 .item-box .item-interior-design-1 {
	background-position: 0
}

.c-ioniq-section-3 .item-box .item-appearance-2 {
	background-position: 100%
}

.c-ioniq-section-3 .item-box .item-interior-design-2 {
	background-position: 0
}

.c-ioniq-section-3 .item-box .item-btn {
	width: 100%;
	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-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding-top: 2em;
	padding-bottom: 2em;
	white-space: nowrap;
	background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .6)));
	background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .6));
	color: hsla(0, 0%, 100%, .8);
	z-index: 1
}

.c-ioniq-section-3 .item-box .item-btn i {
	font-size: inherit
}

.c-ioniq-section-3 .item-box .gradient-text {
	-webkit-background-clip: text;
	color: transparent;
	color: #fff;
	opacity: .9
}

.c-ioniq-section-3 .c-ioniq-section-3-prop-box {
	display: none;
	position: fixed;
	width: 100%;
	height: 100vh;
	background-color: hsla(0, 0%, 100%, .8);
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	top: 0;
	left: 0;
	z-index: 1040
}

.c-ioniq-section-3 .c-ioniq-section-3-prop-box .pop-close {
	position: absolute;
	bottom: 3%;
	color: #fff;
	left: 50%;
	-webkit-transform: translateX(-50%) scale(.8);
	transform: translateX(-50%) scale(.8);
	-webkit-filter: brightness(0);
	filter: brightness(0);
	cursor: pointer
}

.c-ioniq-section-3 .c-ioniq-section-3-prop-box .pop-close span {
	border: 1px solid #fff;
	border-radius: 50%;
	padding: 20%
}

.c-ioniq-section-3 .c-ioniq-section-3-prop-box .c-ioniq-section-3-prop-content {
	position: relative;
	top: 47%;
	width: 90%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.c-ioniq-section-3 .c-ioniq-section-3-prop-box .c-ioniq-section-3-prop-content .c-ioniq-section-3-prop-video-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	color: #fff
}

.c-ioniq-section-3 .c-ioniq-section-3-prop-box .c-ioniq-section-3-prop-content .c-ioniq-section-3-prop-video-box .video-explain {
	width: 100%;
	text-align: left;
	margin-top: 1rem
}

.c-ioniq-section-3 .c-ioniq-section-3-prop-box .c-ioniq-section-3-prop-content .eq-video {
	width: 100%
}

.c-ioniq-section-3 .c-ioniq-section-3-prop-box .c-ioniq-section-3-prop-content>div {
	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;
	position: relative
}

.c-ioniq-section-3 .c-ioniq-section-3-prop-box .c-ioniq-section-3-prop-content .button-container {
	width: 80%
}

.c-ioniq-section-3 .c-ioniq-section-3-prop-box .c-ioniq-section-3-prop-swiper,
.c-ioniq-section-3 .c-ioniq-section-3-prop-box .c-ioniq-section-3-prop-swiper-min {
	width: 90%;
	overflow: hidden
}

.c-ioniq-section-3 .c-ioniq-section-3-prop-box .c-ioniq-section-3-prop-swiper {
	position: relative;
	overflow: hidden
}

.c-ioniq-section-3 .c-ioniq-section-3-prop-box .c-ioniq-section-3-prop-swiper .swiper-slide {
	position: relative;
	padding-bottom: 39%
}

.c-ioniq-section-3 .c-ioniq-section-3-prop-box .c-ioniq-section-3-prop-swiper .c-ioniq-section-3-prop-item {
	position: absolute;
	width: 100%;
	height: 100%
}

.c-ioniq-section-3 .c-ioniq-section-3-prop-box .c-ioniq-section-3-prop-swiper .c-ioniq-section-3-prop-item img {
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.c-ioniq-section-3 .c-ioniq-section-3-prop-box .c-ioniq-section-3-prop-swiper .c-ioniq-section-3-prop-item video {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.c-ioniq-section-3 .c-ioniq-section-3-prop-box .c-ioniq-section-3-prop-item,
.c-ioniq-section-3 .c-ioniq-section-3-prop-box .c-ioniq-section-3-prop-item .img {
	width: 100%
}

.c-ioniq-section-3 .c-ioniq-section-3-prop-box .c-ioniq-section-3-prop-swiper-min {
	margin: 0 auto;
	margin-top: 2rem
}

.c-ioniq-section-3 .c-ioniq-section-3-prop-box .c-ioniq-section-3-prop-swiper-min .active .c-ioniq-section-3-prop-item {
	opacity: 1
}

.c-ioniq-section-3 .c-ioniq-section-3-prop-box .c-ioniq-section-3-prop-swiper-min .swiper-slide {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.c-ioniq-section-3 .c-ioniq-section-3-prop-box .c-ioniq-section-3-prop-swiper-min .c-ioniq-section-3-prop-item {
	width: 32%;
	position: relative;
	padding-top: 18px;
	text-align: left;
	border-color: transparent #737373 #737373;
	border-top: 1px solid #737373;
	background-color: #fff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	opacity: .8;
	padding: 18px;
	cursor: pointer
}

.c-ioniq-section-3 .c-ioniq-section-3-prop-box .c-ioniq-section-3-prop-swiper-min .c-ioniq-section-3-prop-item .prop-item-title {
	font-weight: 900
}

.c-ioniq-section-3 .c-ioniq-section-3-prop-box .c-ioniq-section-3-prop-swiper-min .c-ioniq-section-3-prop-item .prop-item-desc {
	height: 5em;
	overflow-y: auto;
	margin-top: 1em;
	letter-spacing: .15em;
	overflow-x: hidden;
	scrollbar-3dlight-color: #999;
	scrollbar-arrow-color: #fff;
	scrollbar-base-color: #fff;
	scrollbar-face-color: #999
}

.c-ioniq-section-3 .c-ioniq-section-3-prop-box .c-ioniq-section-3-prop-swiper-min .c-ioniq-section-3-prop-item.active {
	opacity: 1
}

.c-ioniq-section-3 .c-ioniq-section-3-prop-box .c-ioniq-section-3-prop-swiper-min .c-ioniq-section-3-prop-item:nth-child(2) {
	margin: 0 2%
}

.c-ioniq-section-3 .c-ioniq-section-3-prop-box .c-ioniq-section-3-prop-swiper-min .active-bar {
	position: absolute;
	top: 0;
	height: 2px;
	background-color: #007fa8;
	max-width: 100vw;
	width: 0;
	left: 0;
	z-index: 5
}

.is-vertical .c-ioniq-section-3 .c-ioniq-electric-title {
	padding: 30px 0 0 30px
}

.is-vertical .c-ioniq-section-3 .row-tab {
	padding: 0 30px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	border: none;
	min-height: 3em
}

.is-vertical .c-ioniq-section-3 .row-tab .tab-left {
	position: relative
}

.is-vertical .c-ioniq-section-3 .row-tab .tab-left .h4 {
	font-size: 15px
}

.is-vertical .c-ioniq-section-3 .row-tab .tab-left .tab-item {
	position: relative;
	z-index: 1;
	margin-right: 1.5em
}

.is-vertical .c-ioniq-section-3 .row-tab .tab-left .tab-item:nth-child(3) {
	margin-right: 0
}

.is-vertical .c-ioniq-section-3 .row-tab .tab-left:after {
	content: "";
	position: absolute;
	width: 100vw;
	left: -30px;
	bottom: -2px;
	height: 2px;
	background: #dfe9f6
}

.is-vertical .c-ioniq-section-3 .row-tab .tab-right {
	padding-bottom: 0;
	margin-top: .6em;
	margin-bottom: .6em
}

.is-vertical .c-ioniq-section-3 .container {
	padding: 0
}

.is-vertical .c-ioniq-section-3 .tab-content-box {
	margin-top: 0
}

.is-vertical .c-ioniq-section-3 .tab-content-box .tab-content-item {
	padding-bottom: 20%
}

.is-vertical .c-ioniq-section-3 .tab-content-box .tab-content-item img {
	position: absolute
}

.is-vertical .c-ioniq-section-3 .tab-content-box .tab-content-item .item-title {
	font-size: 14px
}

.is-vertical .c-ioniq-section-3 .c-ioniq-section-3-prop-content {
	width: 90% !important
}

.is-vertical .c-ioniq-section-3 .c-ioniq-section-3-prop-swiper,
.is-vertical .c-ioniq-section-3 .c-ioniq-section-3-prop-swiper-min {
	width: 90%
}

.is-vertical .c-ioniq-section-3 .item-box {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	padding-bottom: 0
}

.is-vertical .c-ioniq-section-3 .item-box>div {
	position: relative;
	width: 100%;
	height: 80vw
}

.is-vertical .c-ioniq-section-3 .item-box>div:after {
	display: none
}

.is-vertical .c-ioniq-section-3 .item-box>div .item-img-bg {
	-webkit-filter: grayscale(0) !important;
	filter: grayscale(0) !important
}

.is-vertical .c-ioniq-section-3 .item-box>div:hover .item-img-bg {
	-webkit-transform: none;
	transform: none
}

.is-vertical .c-ioniq-section-3 .c-ioniq-section-3-prop-box {
	background-color: #fff
}

.is-vertical .c-ioniq-section-3 .c-ioniq-section-3-prop-box .c-ioniq-section-3-prop-swiper-min {
	width: 100%
}

.is-vertical .c-ioniq-section-3 .c-ioniq-section-3-prop-box .c-ioniq-section-3-prop-swiper-min .c-ioniq-section-3-prop-item {
	width: 100%;
	border: none;
	padding: 0
}

.is-vertical .c-ioniq-section-3 .c-ioniq-section-3-prop-box .c-ioniq-section-3-prop-swiper {
	width: 100%
}

.is-vertical .c-ioniq-section-3 .c-ioniq-section-3-prop-box .c-ioniq-section-3-prop-swiper .c-ioniq-section-3-prop-item {
	background: #000;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.is-vertical .c-ioniq-section-3 .c-ioniq-section-3-prop-box .c-ioniq-section-3-prop-swiper .c-ioniq-section-3-prop-item img {
	-o-object-fit: contain;
	object-fit: contain
}

.is-vertical .c-ioniq-section-3 .c-ioniq-section-3-prop-box .c-ioniq-section-3-prop-swiper .swiper-slide {
	padding-bottom: 70%
}

.is-vertical .c-ioniq-section-3 .c-ioniq-section-3-prop-box .active-bar {
	display: none
}

.is-vertical .c-ioniq-section-3 .c-ioniq-section-3-prop-box .button-container.outer-container .swiper-button-next {
	right: -40px
}

.is-vertical .c-ioniq-section-3 .c-ioniq-section-3-prop-box .button-container.outer-container .swiper-button-prev {
	left: -40px
}

.is-vertical .c-ioniq-section-3 .pop-close {
	bottom: 15vh
}

.c-ioniq-section-4 {
	overflow: hidden
}

.c-ioniq-section-4 .swiper-slide {
	position: relative
}

.c-ioniq-section-4 .swiper-slide img {
	width: 100%;
	height: 100%
}

.c-ioniq-section-4 .icon-player {
	position: absolute;
	top: 50%;
	z-index: 99;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
	font-size: 46px;
	color: #fff;
	width: 100%;
	height: 100%;
	background: url(../img/icon-player.svg) no-repeat 50%;
	opacity: .5;
	cursor: pointer
}

.c-ioniq-section-4 .c-ioniq-section-4-swiper {
	overflow: hidden
}

.c-ioniq-section-4 .c-ioniq-section-4-swiper .swiper-slide {
	position: relative;
	padding-bottom: 37.32%
}

.c-ioniq-section-4 .c-ioniq-section-4-swiper .c-ioniq-section-4-swiper-item {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0
}

.c-ioniq-section-4 .c-ioniq-section-4-swiper .video-explain {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
	color: #fff;
	padding: 1rem;
	width: 100%
}

.c-ioniq-section-4 .c-ioniq-section-4-swiper .video-explain:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .6);
	z-index: -1
}

.c-ioniq-section-4 .c-ioniq-section-4-swiper-min .swiper-slide {
	position: relative;
	padding-bottom: 9%;
	cursor: pointer
}

.c-ioniq-section-4 .c-ioniq-section-4-swiper-min .swiper-slide img {
	position: absolute;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.c-ioniq-section-4 .c-ioniq-section-4-swiper-min .swiper-slide:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, .6)
}

.c-ioniq-section-4 .c-ioniq-section-4-swiper-min .swiper-slide .swiper-min-index {
	position: absolute;
	width: 100%;
	bottom: 0;
	color: #fff;
	padding: 0 10px;
	text-align: right
}

.c-ioniq-section-4 .c-ioniq-section-4-swiper-min .active {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.c-ioniq-section-4 .c-ioniq-section-4-swiper-min .active:after {
	background-color: transparent;
	border: 2px solid #3cc4d0
}

.is-vertical .c-ioniq-section-4 .c-ioniq-section-4-swiper {
	margin-bottom: 1rem
}

.is-vertical .c-ioniq-section-4 .c-ioniq-section-4-swiper .swiper-slide {
	padding-bottom: 54%
}

.is-vertical .c-ioniq-section-4 .c-ioniq-section-4-swiper .video-explain {
	padding: 0 .5em;
	font-size: 1em
}

.is-vertical .c-ioniq-section-4 .c-ioniq-section-4-swiper-min .swiper-slide {
	padding-bottom: 12%
}

.c-ioniq-section-5 {
	background: url(../img/ioniq-section-5-bg.jpg?v=1);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 100%;
	position: relative
}

.c-ioniq-section-5 .img {
	width: 100%
}

.c-ioniq-section-5 .c-ioniq-section-5-container {
	position: absolute;
	top: 0;
	left: 50%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	padding-top: 16%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	display: flex;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: end;
	padding-bottom: 6%;
	z-index: 9
}

.c-ioniq-section-5 .c-ioniq-section-5-container .c-ioniq-electric-title {
	color: #fff
}

.c-ioniq-section-5 .c-ioniq-section-5-container .ioniq-section-5-describe {
	color: #fff;
	text-align: center
}

.c-ioniq-section-5 .c-ioniq-section-5-container .ioniq-section-5-more {
	color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 5%;
	cursor: pointer
}

.c-ioniq-section-5 .c-ioniq-section-5-container .ioniq-section-5-more span {
	display: block
}

.c-ioniq-section-5 .c-ioniq-section-5-container .ioniq-section-5-more i {
	font-size: inherit
}

.c-ioniq-section-5 .c-ioniq-section-5-car-container {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	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
}

.c-ioniq-section-5 .c-ioniq-section-5-car-container .c-ioniq-section-5-car-item {
	position: relative
}

.c-ioniq-section-5 .c-ioniq-section-5-car-container .c-ioniq-section-5-car-item .img {
	-o-object-fit: cover;
	object-fit: cover;
	position: relative;
	z-index: 1
}

.c-ioniq-section-5 .c-ioniq-section-5-car-container .c-ioniq-section-5-car-item .img-bg {
	position: absolute;
	width: 100%
}

.c-ioniq-section-5 .c-ioniq-section-5-car-container .c-ioniq-section-5-car-item:nth-child(2) {
	max-width: 658px;
	width: 65.8rem;
	z-index: 2;
	margin-right: 5%
}

.c-ioniq-section-5 .c-ioniq-section-5-car-container .c-ioniq-section-5-car-item:nth-child(2) .img-bg {
	left: -7%;
	width: 112%;
	bottom: -42%
}

.c-ioniq-section-5 .c-ioniq-section-5-car-container .c-ioniq-section-5-car-item:first-child {
	width: 63.4rem;
	max-width: 634px;
	left: 15%
}

.c-ioniq-section-5 .c-ioniq-section-5-car-container .c-ioniq-section-5-car-item:first-child .img-bg {
	bottom: -43%;
	left: -2%
}

.c-ioniq-section-5 .c-ioniq-section-5-car-container .c-ioniq-section-5-car-item:nth-child(3) {
	max-width: 577px;
	width: 55.7rem;
	right: 15%
}

.c-ioniq-section-5 .c-ioniq-section-5-car-container .c-ioniq-section-5-car-item:nth-child(3) .img-bg {
	width: 103%;
	bottom: -31%;
	left: 3%
}

@-webkit-keyframes shark-img {
	to {
		-webkit-transform: translateX(100%);
		transform: translateX(100%)
	}
}

@keyframes shark-img {
	to {
		-webkit-transform: translateX(100%);
		transform: translateX(100%)
	}
}

.c-ioniq-section-5 .c-ioniq-electric-title,
.c-ioniq-section-5 .ioniq-section-5-describe {
	-webkit-transform: translateY(30px);
	transform: translateY(30px);
	opacity: 0
}

@media (min-width:1360px) {
	.c-ioniq-section-5 .container {
		width: 1260px
	}
}

@media (min-width:1660px) {
	.c-ioniq-section-5 .container {
		width: 1620px
	}
}

.is-vertical .c-ioniq-section-5 {
	background: url(../img/ioniq-section-5-bg-mb.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 100%
}

.is-vertical .c-ioniq-section-5 .c-ioniq-section-5-container {
	width: 100%;
	padding: 0 30px;
	top: 12%;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: start;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: start
}

.is-vertical .c-ioniq-section-5 .c-ioniq-section-5-container .ioniq-section-5-describe {
	text-align: left;
	opacity: 0
}

.is-vertical .c-ioniq-section-5 .c-ioniq-section-5-container .ioniq-section-5-more {
	display: none
}

.is-vertical .c-ioniq-section-5 .c-ioniq-section-5-car-container .c-ioniq-section-5-car-item {
	margin-top: 40%
}

.c-ioniq-section-6 .icon-player {
	position: absolute;
	top: 50%;
	z-index: 99;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
	font-size: 46px;
	color: #fff;
	width: 100%;
	height: 100%;
	background: url(../img/icon-player.svg) no-repeat 50%;
	opacity: .5;
	cursor: pointer
}

.c-ioniq-section-6 .swiper-slide {
	position: relative;
	padding-bottom: 46.37%
}

.c-ioniq-section-6 .swiper-slide .c-ioniq-section-6-swiper-item {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0
}

.c-ioniq-section-6 .item-explain {
	position: absolute;
	bottom: 1em;
	left: 0;
	padding-left: 1em;
	z-index: 1;
	color: #fff
}

.c-ioniq-section-6 .pagination-container {
	position: relative;
	bottom: -3vh;
	width: 100%;
	z-index: 9;
	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
}

.c-ioniq-section-6 .pagination-container .swiper-pagination {
	bottom: 0 !important;
	text-align: center
}

.c-ioniq-section-6 .pagination-container .swiper-pagination-bullet {
	width: 30px;
	height: 5px;
	border-radius: 5px;
	background-color: hsla(0, 0%, 81%, .6);
	display: inline-block;
	-webkit-transition: all .4s;
	transition: all .4s;
	margin: 0 5px
}

.c-ioniq-section-6 .pagination-container .swiper-pagination-bullet-active {
	width: 50px;
	height: 5px;
	border-radius: 5px;
	background-color: #3cc4d0
}

.c-ioniq-section-6 .button-container {
	margin-top: 15px
}

.c-ioniq-section-6 .button-container .swiper-button-prev {
	left: -3%
}

.c-ioniq-section-6 .button-container .swiper-button-next {
	right: -3%
}

.is-vertical .c-ioniq-section-6 .c-ioniq-section-6-swiper {
	position: relative
}

.is-vertical .c-ioniq-section-6 .c-ioniq-section-6-swiper .item-explain {
	position: relative;
	bottom: 0;
	color: #000;
	padding-left: 0;
	font-size: 12px
}

.is-vertical .c-ioniq-section-6 .c-ioniq-section-6-swiper .pagination-container {
	display: none
}

.is-vertical .c-ioniq-section-6 .c-ioniq-section-6-swiper .swiper-slide {
	padding-bottom: 60%
}

.is-vertical .c-ioniq-section-6 .swiper-pagination {
	padding: 0
}

.is-vertical .c-ioniq-section-6 .button-container {
	width: 100% !important;
	display: block;
	margin-top: -20px
}

.is-vertical .c-ioniq-section-6 .button-container .swiper-button-next {
	right: -35px;
	color: #000;
	font-size: 25px !important;
	text-shadow: none !important
}

.is-vertical .c-ioniq-section-6 .button-container .swiper-button-prev {
	left: -35px;
	color: #000;
	font-size: 25px !important;
	text-shadow: none !important
}

.body-campaign-wrap .blackedition-desc {
	line-height: 1.4
}

.body-campaign-wrap .video-box {
	background-color: #000
}

.body-campaign-wrap .c-video-list .video-items {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.body-campaign-wrap .c-video-list .video-item {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.body-campaign-wrap .c-video-list .video-item img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.body-campaign-wrap .c-video-list .video-wrap .text-wrap {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: start
}

.body-campaign-wrap .c-static-banner .content {
	width: auto
}

.body-campaign-wrap .c-static-banner .content .c-static-banner-title {
	margin-bottom: 5px
}

.body-campaign-wrap .c-static-banner .content .c-static-banner-max-title {
	margin-bottom: 20px
}

.body-campaign-wrap .c-static-banner .banner-container {
	padding-bottom: 57.5%
}

.body-campaign-wrap .c-campaign-list .content .grid .grid-item img {
	-o-object-fit: cover;
	object-fit: cover
}

.body-campaign-wrap .c-campaign-list {
	background: #e3e3e3
}

.body-campaign-wrap .c-campaign-list .title-box {
	margin: 24px 0;
	text-align: center
}

.body-campaign-wrap .c-campaign-list .title-box .title {
	margin-left: 1em;
	margin-right: 1em
}

.body-campaign-wrap .c-campaign-list .title-box .title-line {
	height: 2px;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	background: #000
}

.body-campaign-wrap .c-campaign-list .content .grid {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.body-campaign-wrap .c-campaign-list .content .grid-item {
	position: relative;
	margin-bottom: 20px
}

.body-campaign-wrap .c-campaign-list .content .grid-item img {
	-o-object-fit: cover;
	object-fit: cover;
	width: 100%;
	height: 100%
}

.body-campaign-wrap .c-campaign-list .content .grid-flex-1 {
	width: 100%
}

.body-campaign-wrap .c-campaign-list .content .grid-flex-6 {
	width: calc(60% - 10px)
}

.body-campaign-wrap .c-campaign-list .content .grid-flex-4 {
	width: calc(40% - 10px)
}

.body-campaign-wrap .c-campaign-list .content .grid-flex-3 {
	width: calc(33% - 10px)
}

.body-campaign-wrap.is-vertical .c-campaign-list .content .grid {
	margin-left: -5px;
	margin-right: -5px;
	margin-bottom: 10px
}

.body-campaign-wrap.is-vertical .c-campaign-list .content .grid .grid-item {
	width: calc(33% - 5px)
}

.body-campaign-wrap.is-vertical .c-campaign-list .content .grid .grid-area-1,
.body-campaign-wrap.is-vertical .c-campaign-list .content .grid .grid-area-4,
.body-campaign-wrap.is-vertical .c-campaign-list .content .grid .grid-area-7,
.body-campaign-wrap.is-vertical .c-campaign-list .content .grid .grid-area-10,
.body-campaign-wrap.is-vertical .c-campaign-list .content .grid .grid-area-13,
.body-campaign-wrap.is-vertical .c-campaign-list .content .grid .grid-area-16,
.body-campaign-wrap.is-vertical .c-campaign-list .content .grid .grid-area-19,
.body-campaign-wrap.is-vertical .c-campaign-list .content .grid .grid-area-20,
.body-campaign-wrap.is-vertical .c-campaign-list .content .grid .grid-area-23,
.body-campaign-wrap.is-vertical .c-campaign-list .content .grid .grid-area-24 {
	width: calc(66% - 5px)
}

.body-campaign-wrap.is-vertical .c-campaign-list .content .grid .grid-area-5,
.body-campaign-wrap.is-vertical .c-campaign-list .content .grid .grid-area-6,
.body-campaign-wrap.is-vertical .c-campaign-list .content .grid .grid-area-11,
.body-campaign-wrap.is-vertical .c-campaign-list .content .grid .grid-area-12 {
	width: calc(49.5% - 5px)
}

.body-campaign-wrap.is-vertical .c-campaign-list .content .grid .grid-area-17 {
	width: 100%
}

.body-campaign-wrap.is-vertical .c-video-list {
	margin-top: 4px
}

.body-campaign-wrap.is-vertical .c-video-list .video-wrap .video-items {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row
}

.body-campaign-wrap.is-vertical .c-video-list .video-wrap .video-items .video-item {
	width: 40%;
	margin: 10px
}

@media (max-width:751px) {
	.body-campaign-wrap.is-vertical .c-static-banner .content-container {
		width: 100%
	}
}

.body-campaign-wrap.is-vertical .c-static-banner .content-container .content .c-static-banner-max-title {
	text-align: center
}

.body-campaign-wrap.is-vertical .c-static-banner .content-container .content {
	position: absolute;
	top: 0;
	height: 100%;
	bottom: auto
}

.body-campaign-wrap.is-vertical .c-static-banner .content-container .content .c-static-banner-max-title {
	position: absolute;
	top: 16%;
	width: 100%;
	font-size: 42px
}

.body-campaign-wrap.is-vertical .c-static-banner .content-container .content .btn-link-wrap {
	position: absolute;
	bottom: 50px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}

.body-campaign-wrap.is-vertical .c-static-banner .btn-link-wrap {
	text-align: center
}

.body-campaign-wrap.is-vertical .c-static-banner .banner-container {
	padding-bottom: 159%
}

.body-campaign-wrap.is-vertical .c-static-banner .blackedition-desc {
	line-height: 1.4
}

@media (max-width:380px) {
	.body-campaign-wrap.is-vertical .c-static-banner .blackedition-desc {
		font-size: 13px
	}
}

.brand-concept-wrap .c-banner .swiper-slide {
	position: relative;
	padding-bottom: 29.5%
}

.brand-concept-wrap .c-banner .swiper-slide .cont {
	position: absolute;
	top: 0;
	left: 0
}

.is-vertical .brand-concept-wrap .c-banner .swiper-slide {
	padding-bottom: 110.5%
}

.c-banner1 {
	height: 100vh
}

.c-banner1 .scrolled {
	opacity: 1
}

.c-banner1 .banner-swiper1 {
	border-bottom: 1px solid #fff
}

.c-banner1 .swiper-wrap {
	position: relative;
	height: 100%
}

.c-banner1>.container {
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 100%;
	left: 0;
	top: 0;
	height: 100%;
	-webkit-transform: none;
	transform: none;
	background: rgba(0, 0, 0, .3)
}

.c-banner1 .bg {
	width: 100%;
	height: 100vh;
	-o-object-fit: cover;
	object-fit: cover
}

.c-banner1 .c-eq-video {
	position: absolute;
	top: 0;
	left: 0
}

.c-banner1 .text-wrap {
	position: absolute;
	top: 47%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 26%;
	text-align: center;
	color: #fff;
	max-width: 375px
}

.c-banner1 .text-wrap .text-main {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 20px
}

.c-banner1 .text-wrap .text-main p {
	font-size: 12px;
	margin-left: 10px
}

.c-banner1 .title {
	letter-spacing: 2px
}

.c-banner1 .title span {
	display: block
}

.c-banner1 .banner-logo {
	display: block;
	width: 35%;
	margin: 30px auto;
	max-width: 800px
}

.c-banner1 .banner-logo-mb {
	display: none
}

.c-banner1 .description {
	margin-top: 15px
}

.c-banner1 .swiper-pagination-bullet {
	display: block !important;
	width: 30px;
	height: 100% !important;
	border-radius: 0;
	margin: 0 5px !important;
	background-color: #5f5f5f;
	position: relative
}

.c-banner1 .swiper-pagination-bullet:before {
	content: "";
	position: absolute;
	top: -2px;
	left: 0;
	width: 30px;
	height: 10px;
	background: transparent
}

.c-banner1 .banner-pagination1 {
	height: 6px;
	bottom: 50px !important;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	text-align: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

#main-wrap .c-banner1 .swiper-pagination .swiper-pagination-bullet-active {
	width: 60px;
	background-color: #1bc0f1
}

#main-wrap .c-banner1 .swiper-pagination .swiper-pagination-bullet-active:before {
	width: 60px
}

@media screen and (max-width:900px) {
	.c-banner1 .banner-pagination1 {
		bottom: 30px !important
	}
}

@media screen and (max-width:900px) {
	.c-banner1 {
		height: calc(100vh - 55px)
	}

	.c-banner1 .banner-swiper1,
	.c-banner1 .banner-swiper1 .slide-inner {
		height: 100%
	}

	.c-banner1 .banner-swiper1 .slide-inner>.bg {
		height: 100% !important
	}

	.c-banner1>.container {
		width: 100%;
		z-index: 5
	}

	.c-banner1 .title {
		font-size: 24px
	}

	.c-banner1 .title span {
		font-size: 22px
	}

	.c-banner1 .banner-logo {
		display: none
	}

	.c-banner1 .banner-logo-mb {
		display: block;
		width: 50%;
		margin: 30px auto;
		max-width: 800px
	}

	.c-banner1 .description {
		position: absolute;
		bottom: 7%;
		left: 0;
		padding: 0 15px
	}

	.c-banner1 .text-wrap {
		left: 50%;
		top: 35%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		width: 75%;
		height: auto
	}

	.c-banner1 .text-wrap .text-main {
		margin-top: 20px
	}

	.c-banner1 .text-wrap .text-main p {
		margin-left: 5px;
		text-align: left
	}
}

.c-experience .scrolled {
	opacity: 1
}

.c-experience .img-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 20px
}

.c-experience .swiper-wrap {
	position: relative;
	width: 68%;
	padding-right: 30px
}

.c-experience .experience-swiper {
	position: relative;
	height: 100%;
	overflow: hidden
}

.c-experience .experience-swiper .swiper-slide {
	position: relative;
	padding-bottom: 55%;
	overflow: hidden
}

.c-experience .experience-swiper .slide-inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.c-experience .side-wrap {
	width: 32%
}

.c-experience .row-bottom {
	margin-top: 80px
}

.c-experience .row-bottom,
.c-experience .text-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.c-experience .text-wrap {
	width: 35%;
	padding-right: 30px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.c-experience .text-wrap .title {
	color: #012c5f
}

.c-experience .text-wrap .description {
	position: relative;
	top: -5%
}

.c-experience .btn-activity {
	width: 234px;
	height: 60px;
	display: inline-block;
	line-height: 60px;
	letter-spacing: 2px;
	text-align: center;
	color: #fff;
	background: #012c5f
}

.c-experience .img-box {
	width: 65%
}

.c-experience .count {
	width: 100%;
	height: 100%;
	position: relative
}

.c-experience .count .experience-main {
	width: auto;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.c-experience .count .title {
	color: #1bc0f1;
	margin-bottom: 30px
}

.c-experience .count .text {
	color: #fff
}

.c-experience .count1 .container {
	position: absolute;
	height: 100%;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}

.c-experience .count1 .experience-main {
	text-align: right;
	right: 15px
}

@media screen and (max-width:767px) {
	.c-experience>div:first-child {
		border-bottom: 1px solid #fff
	}

	.c-experience .count .title {
		margin-bottom: 1.5vw
	}

	.c-experience .count .text {
		font-size: 2.7vw
	}

	.c-experience .count .experience-main {
		top: 41%
	}

	.c-experience .container {
		width: 100%
	}

	.c-experience .count1 .experience-main {
		top: 35%
	}
}

.c-form1 {
	position: relative;
	z-index: 10;
	overflow: visible;
	background-color: #f6f3f2;
	padding-bottom: 60px
}

.c-form1 .scrolled {
	opacity: 1
}

.c-form1 .content {
	position: relative;
	margin: 15px auto 0;
	padding-bottom: 30px
}

.c-form1 .drive-tabs {
	margin: 0 auto;
	margin-bottom: 50px;
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	position: relative
}

.c-form1 .drive-tabs:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	left: 0;
	bottom: 0;
	background-color: #e0eef2
}

.c-form1 .tab-item {
	font-family: HyundaiSansTextCN-Regular;
	font-weight: 700;
	width: 234px;
	height: 60px;
	display: inline-block;
	line-height: 60px;
	letter-spacing: 2px;
	text-align: center;
	cursor: pointer;
	position: relative
}

.c-form1 .tab-item.active {
	cursor: default
}

.c-form1 .tab-item.active:after {
	content: "";
	position: absolute;
	width: 60%;
	height: 2px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	bottom: 0;
	background-color: #1bc0f1;
	z-index: 2
}

.c-form1 .item-address .form-group {
	display: none
}

.c-form1 .item-address.active .form-group {
	display: block
}

.c-form1 .form-group {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 40px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.c-form1 .form-group2 .item {
	width: 31%;
	position: relative
}

.c-form1 .group-title {
	margin-bottom: 10px
}

.c-form1 .form-radio {
	width: 24px;
	height: 21px;
	cursor: pointer;
	background: url(../img/xuan1.png) 0 2px no-repeat;
	background-size: contain
}

.c-form1 .active .form-radio {
	background: url(../img/xuan2.png) 0 2px no-repeat;
	background-size: contain
}

.c-form1 .error {
	color: red
}

.c-form1 .error .form-check {
	border-color: red
}

.c-form1 .input-group {
	position: relative;
	width: 31%
}

.c-form1 .input-group.error input,
.c-form1 .input-group.error textarea {
	border: 1px solid red
}

.c-form1 .input-group .placeholder {
	margin-bottom: 10px;
	font-family: HyundaiSansTextCN-Regular;
	font-weight: 700;
	display: inline-block
}

.c-form1 .input-group input {
	width: 100%;
	height: 40px;
	font-family: HyundaiSansTextCN-Regular;
	border-radius: 0;
	font-weight: 700;
	padding: 0 15px;
	background: #e0dddc;
	border: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	font-size: 15px
}

.c-form1 .input-group input[readonly] {
	pointer-events: none
}

.c-form1 .input-group.code-group .placeholder {
	left: 30px
}

.c-form1 .input-group.code-group input {
	padding-left: 30px
}

.c-form1 .input-group.code-group button {
	position: absolute;
	width: 45%;
	height: 40px;
	bottom: 0;
	right: 0;
	background: #08285d;
	border: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #fff
}

.c-form1 .textarea-group {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.c-form1 .textarea-group textarea {
	width: 100%;
	padding: 15px;
	font-size: 15px;
	background: #e0dddc;
	font-family: HyundaiSansTextCN-Regular;
	font-weight: 700
}

.c-form1 .first-group {
	margin-bottom: 40px
}

.c-form1 .sex-wrap {
	position: absolute;
	top: 100%;
	left: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	margin-top: 15px;
	color: #000
}

.c-form1 .sex-wrap.error {
	color: red
}

.c-form1 .sex-wrap .item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	padding-left: 30px;
	margin-right: 50px;
	cursor: pointer
}

.c-form1 .sex-wrap .item:last-of-type {
	margin-right: 0
}

.c-form1 .sex-wrap .item span {
	display: block;
	line-height: 24px
}

.c-form1 .sex-wrap1 {
	width: 31%
}

.c-form1 .form-select-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	z-index: 2;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.c-form1 .form-select-wrap .item {
	width: 31%
}

.c-form1 .date-group {
	position: relative;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.c-form1 .date-group .input-group {
	width: 100%;
	cursor: pointer
}

.c-form1 .date-group .input-group .arrow {
	position: absolute;
	top: 75%;
	right: 15px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	border-top: 10px solid #000;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent
}

.c-form1 .date-group .input-group .date-trigger {
	pointer-events: auto;
	cursor: pointer;
	opacity: 0
}

.c-form1 .date-group .input-group .date-mask,
.c-form1 .date-group .input-group .date-trigger {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.c-form1 .date-group .date-list,
.c-form1 .date-group .objective-list,
.c-form1 .date-group .time-list {
	position: absolute;
	top: 100%;
	left: 0;
	display: none;
	width: 100%;
	max-height: 400px;
	background: #fff;
	border: 1px solid #d6d6d6;
	border-top: none;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	overflow-y: auto
}

.c-form1 .date-group .date-list li,
.c-form1 .date-group .objective-list li,
.c-form1 .date-group .time-list li {
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
	line-height: 64px;
	border-top: 1px solid transparent;
	border-bottom: 1px solid transparent;
	text-align: center;
	font-weight: 700;
	cursor: pointer
}

.c-form1 .date-group .date-list li.active,
.c-form1 .date-group .date-list li:hover,
.c-form1 .date-group .objective-list li.active,
.c-form1 .date-group .objective-list li:hover,
.c-form1 .date-group .time-list li.active,
.c-form1 .date-group .time-list li:hover {
	border-top: 1px solid #959595;
	border-bottom: 1px solid #959595;
	background: #f6f3f2
}

.c-form1 .form-check {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 10px auto 0
}

.c-form1 .form-check span {
	cursor: default
}

.c-form1 .form-check a {
	text-decoration: underline;
	color: #000
}

.c-form1 .form-check a:hover {
	color: #012c5f
}

.c-form1 .form-check.error,
.c-form1 .form-check.error a {
	color: red
}

.c-form1 .form-submit-wrap {
	margin-bottom: 20px;
	text-align: center
}

.c-form1 .form-submit-wrap .btn-submit {
	width: 350px;
	height: 40px;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: auto;
	color: #fff;
	background: #08285d
}

.c-form1 .form-submit-wrap .btn-submit:hover {
	background: #000
}

.c-form-title1 .content {
	margin: 0 auto;
	padding: 0
}

.calendar-picker-wrap tr td.day {
	position: relative;
	background: none
}

.calendar-picker-wrap tr td.day:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	z-index: -1;
	content: "";
	border: 1px solid #012c5f;
	border-radius: 4px
}

.calendar-picker-wrap tr td.disabled {
	color: #999;
	border-radius: 4px;
	cursor: default
}

.calendar-picker-wrap tr td.disabled:after {
	background: #d8d8d8;
	border-color: #666
}

.calendar-picker-wrap tr td.day:hover {
	background: none
}

.calendar-picker-wrap tr td.day:hover:after {
	background: #eee
}

.calendar-picker-wrap tr td.disabled:hover {
	background: none
}

.calendar-picker-wrap tr td.active,
.calendar-picker-wrap tr td.active:hover {
	color: #fff;
	background: #012c5f
}

@media screen and (min-width:768px) {
	.calendar-picker-wrap tr td {
		width: 55px;
		height: 55px
	}
}

@media screen and (max-width:767px) {
	.c-form1 {
		padding: 0 15px
	}

	.c-form1 .content {
		margin-top: 0;
		padding-bottom: 0
	}

	.c-form1 .form-group {
		display: block;
		margin-bottom: 20px
	}

	.c-form1 .form-group .item {
		width: 48%
	}

	.c-form1 .form-group .item:first-child {
		width: 100%
	}

	.c-form1 .form-group2 {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.c-form1 .drive-tabs,
	.c-form1 .form-group2 {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}

	.c-form1 .drive-tabs {
		width: 100%;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between
	}

	.c-form1 .tab-item {
		width: 46%;
		margin: 0
	}

	.c-form1 .group-title {
		margin-bottom: 5px
	}

	.c-form1 .form-radio {
		width: 20px;
		height: 20px
	}

	.c-form1 .input-group {
		width: 100%;
		height: auto;
		margin-bottom: 15px;
		line-height: 40px
	}

	.c-form1 .input-group input {
		font-size: 14px
	}

	.c-form1 .input-group .iconfont {
		top: 17px
	}

	.c-form1 .input-group .placeholder {
		top: 18px;
		left: 47px
	}

	.c-form1 .input-group.code-group .placeholder {
		left: 17px
	}

	.c-form1 .input-group.code-group input {
		padding-left: 15px
	}

	.c-form1 .textarea-group textarea {
		font-size: 14px
	}

	.c-form1 .sex-wrap1 {
		width: auto
	}

	.c-form1 .form-select-wrap {
		display: block
	}

	.c-form1 .form-select-wrap .item {
		position: relative;
		z-index: 1;
		width: 100%
	}

	.c-form1 .form-select-wrap .item:first-of-type {
		z-index: 3
	}

	.c-form1 .form-select-wrap .item:nth-of-type(2) {
		z-index: 2
	}

	.c-form1 .date-group .input-group {
		width: 100%
	}

	.c-form1 .date-group .input-group .arrow {
		top: 75%;
		border-top-width: 8px;
		border-left-width: 6px;
		border-right-width: 6px
	}

	.c-form1 .date-group .date-list,
	.c-form1 .date-group .objective-list,
	.c-form1 .date-group .time-list {
		top: 60px;
		width: 100%
	}

	.c-form1 .date-group .date-list li,
	.c-form1 .date-group .objective-list li,
	.c-form1 .date-group .time-list li {
		line-height: 50px
	}

	.c-form1 .date-group .time-list {
		top: 100%
	}

	.c-form1 .form-check {
		margin-bottom: 30px;
		padding-left: 25px
	}

	.c-form1 .form-check.active i:after {
		width: 12px;
		height: 12px
	}

	.c-form1 .form-submit-wrap {
		margin-bottom: 20px
	}

	.c-form1 .form-submit-wrap .btn-submit {
		width: 80%;
		height: 50px;
		line-height: 50px
	}
}

.c-form-title1 .content {
	position: relative
}

.c-form-title1 .line {
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 100%;
	height: 2px;
	top: 0;
	background: #000
}

.c-form-title1 .title {
	margin-bottom: 60px;
	padding-top: 50px;
	letter-spacing: 2px;
	text-align: center
}

@media screen and (max-width:767px) {
	.c-form-title1 {
		margin-top: 0
	}

	.c-form-title1 .line {
		height: 1px
	}

	.c-form-title1 .title {
		padding-top: 30px;
		margin-bottom: 30px
	}
}

.c-constitute {
	color: #000;
	background: #fff;
	padding-bottom: 80px
}

.c-constitute .title {
	text-align: center;
	margin: 80px 0
}

.c-constitute .video_box {
	width: 100%;
	height: 100%;
	position: relative
}

.c-constitute .video_box .video_cover {
	width: 100%
}

.c-constitute .video_box .play_btn {
	display: block;
	width: 4.5vw;
	height: 4.5vw;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background: url(../img/24gl-playCircle.png) no-repeat;
	background-size: contain;
	z-index: 2;
	cursor: pointer
}

.c-constitute .video_box .video {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	background-color: #000;
	display: none
}

.c-constitute .carList {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.c-constitute .carList .car-main {
	width: 30%;
	position: relative
}

.c-constitute .carList .car-main img {
	width: 100%
}

.c-constitute .carList .car-main .car-text {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	position: absolute;
	top: 0;
	width: 100%;
	padding: 40px
}

.c-constitute .carList .car-main .car-text a,
.c-constitute .carList .car-main .car-text span {
	color: #fff
}

.c-constitute .carList .car-main .car-text .mb-h4 {
	font-size: 18px
}

.c-constitute .carList .car-main .car-text a {
	margin-top: 20px;
	-webkit-transition: all .5s;
	transition: all .5s
}

.c-constitute .carList .car-main .car-text a .iconfont {
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
	position: relative;
	line-height: 1
}

.c-constitute .carList .car-main .car-text a:hover .iconfont {
	margin-left: 8px
}

.c-constitute .mb-only {
	display: none
}

@media screen and (max-width:900px) {
	.c-constitute {
		padding-bottom: 60px
	}

	.c-constitute .title {
		margin: 30px 0
	}

	.c-constitute .video_box .play_btn {
		width: 8.5vw;
		height: 8.5vw
	}

	.c-constitute .pc-only {
		display: none
	}

	.c-constitute .mb-only {
		display: block
	}

	.c-constitute .carSwiper {
		width: 100%
	}

	.c-constitute .carSwiper .car-main {
		width: auto;
		position: relative
	}

	.c-constitute .carSwiper .car-main img {
		width: 100%
	}

	.c-constitute .carSwiper .car-main .car-text {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		position: absolute;
		top: 0;
		width: 100%;
		padding: 40px
	}

	.c-constitute .carSwiper .car-main .car-text a,
	.c-constitute .carSwiper .car-main .car-text span {
		color: #fff
	}

	.c-constitute .carSwiper .car-main .car-text .mb-h4 {
		font-size: 16px
	}

	.c-constitute .carSwiper .car-main .car-text a {
		margin-top: 10px;
		-webkit-transition: all .5s;
		transition: all .5s
	}

	.c-constitute .carSwiper .car-main .car-text a .iconfont {
		-webkit-transition: all .4s ease;
		transition: all .4s ease;
		position: relative;
		line-height: 1
	}

	.c-constitute .carSwiper .car-main .car-text a:hover .iconfont {
		margin-left: 8px
	}

	.c-constitute .swiper {
		position: relative;
		width: 100%;
		margin: 0 auto;
		padding: 0 35px;
		overflow: hidden
	}

	.c-constitute .swiper-next,
	.c-constitute .swiper-prev {
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		width: 45px;
		height: 45px;
		z-index: 2;
		color: #fff;
		border-radius: 50%;
		cursor: pointer
	}

	.c-constitute .swiper-next .iconfont,
	.c-constitute .swiper-prev .iconfont {
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		font-size: 32px;
		color: #989796;
		text-shadow: 1px 1px 2px rgba(0, 0, 0, .5)
	}

	.c-constitute .swiper-prev {
		left: -10px
	}

	.c-constitute .swiper-next {
		right: -10px
	}

	.c-constitute .swiper-button-disabled {
		opacity: .5;
		cursor: default
	}
}

.c-private {
	background-color: #f6f3f2
}

.c-private .title {
	padding-top: 80px;
	margin-bottom: 80px;
	text-align: center
}

.c-private .video_box {
	width: 100%;
	height: 100%;
	position: relative
}

.c-private .video_box .video_cover {
	width: 100%
}

.c-private .video_box .play_btn {
	display: block;
	width: 4.5vw;
	height: 4.5vw;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background: url(../img/24gl-playCircle.png) no-repeat;
	background-size: contain;
	z-index: 2;
	cursor: pointer
}

.c-private .video_box .video {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	background-color: #000;
	display: none
}

.c-private .container {
	margin: 40px auto 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding-bottom: 40px
}

.c-private .container .video_box {
	width: 60%;
	position: relative
}

.c-private .container .video_box .video_cover {
	width: 100%
}

.c-private .container .video_box .play_btn {
	display: block;
	width: 4.5vw;
	height: 4.5vw;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background: url(../img/24gl-playCircle.png) no-repeat;
	background-size: contain;
	z-index: 2;
	cursor: pointer
}

.c-private .container .video_box .video {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	background-color: #000;
	display: none
}

.c-private .container .main-title {
	position: relative;
	margin-bottom: 40px
}

.c-private .container .rights {
	width: auto;
	margin-left: 40px
}

.c-private .container .rights ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.c-private .container .rights ul li {
	width: 32%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	color: #7c7a7a
}

.c-private .container .rights ul li span {
	display: inline-block;
	width: 4px;
	height: 4px;
	background-color: #1bc0f1;
	margin-right: 5px
}

.c-private .container .rights .button {
	width: 173px;
	height: 50px;
	background-color: #08285d;
	border-radius: 3px;
	cursor: pointer;
	margin: 40px auto 0
}

.c-private .container .rights .button a {
	color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
	height: 100%
}

.c-private .mb-only {
	display: none
}

@media screen and (max-width:767px) {
	.c-private {
		padding: 60px 0 0
	}

	.c-private .title {
		margin: 0 0 40px;
		padding-top: 0
	}

	.c-private .video_box .play_btn {
		width: 8.5vw;
		height: 8.5vw
	}

	.c-private .container {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.c-private .container .video_box {
		width: 100%
	}

	.c-private .container .video_box .play_btn {
		width: 8.5vw;
		height: 8.5vw
	}

	.c-private .container .main-title {
		margin: 0 auto 20px
	}

	.c-private .container .rights {
		margin-left: 0;
		margin-top: 20px
	}

	.c-private .content {
		display: block
	}

	.c-private .img-wrap {
		width: 100%;
		margin-bottom: 15px
	}

	.c-private .text-wrap {
		width: 100%
	}

	.c-private .mb-only {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}

	.c-private .pc-only {
		display: none
	}
}

.c-always1 {
	z-index: 99;
	width: 135px;
	padding: 5px 0 2px;
	background: #fff
}

.c-always1 .item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	padding: 0 13px;
	height: 65px;
	line-height: 65px;
	color: #000;
	cursor: pointer
}

.c-always1 .item:hover,
.c-always1 .item:hover .iconfont {
	color: #012c5f
}

.c-always1 .item .iconfont-box,
.c-always1 .item .name {
	display: inline-block
}

.c-always1 .item .iconfont-box {
	margin-right: 15px;
	width: 22px;
	position: relative;
	top: 3px
}

.c-always1 .item .iconfont-order-box {
	-webkit-transform: scale(.8);
	transform: scale(.8)
}

.c-always1 .item .iconfont-fangxiangpan-box {
	-webkit-transform: scale(.6);
	transform: scale(.6)
}

.c-always1 .item .iconfont-shoucang-box {
	-webkit-transform: scale(.7);
	transform: scale(.7)
}

.c-always1 .item .iconfont {
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
	position: relative;
	top: 2px;
	font-weight: 700
}

@media screen and (min-width:901px) {
	.c-always1 {
		position: fixed;
		top: 0;
		-webkit-transition: all .4s ease;
		transition: all .4s ease;
		top: 60%;
		right: 0;
		-webkit-transform: translate(85px, -50%);
		transform: translate(85px, -50%)
	}

	.c-always1.active,
	.c-always1:hover {
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%)
	}
}

@media screen and (max-width:900px) {
	.c-always1 {
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		padding: 0;
		-webkit-transform: none;
		transform: none;
		-webkit-transition: none;
		transition: none;
		border-top: 1px solid #ebebeb
	}

	.c-always1.active {
		-webkit-transform: translate(0);
		transform: translate(0)
	}

	.c-always1 .content {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}
}

@media only screen and (max-width:900px) and (device-width:375px) and (device-height:812px) and (-webkit-device-pixel-ratio:3) {
	.c-always1 .content {
		padding-bottom: 12px
	}
}

@media screen and (max-width:900px) {
	.c-always1 .item {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
		height: 55px;
		padding: 0;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		line-height: 1;
		text-align: center
	}

	.c-always1 .item .iconfont-box {
		width: 100%;
		height: 28px;
		margin-right: 0;
		margin-bottom: 7px
	}

	.c-always1 .item .iconfont {
		font-size: 30px
	}
}

.c-map .info {
	padding: 60px 0;
	color: #fff;
	background: #000
}

.c-map .info a,
.c-map .info a:active,
.c-map .info a:focus,
.c-map .info a:hover {
	color: #fff
}

.c-map .info .content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 0 auto;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.c-map .info .address,
.c-map .info .tel {
	position: relative;
	padding-left: 35px;
	color: #d4d4d4;
	font-weight: 700
}

.c-map .info .address em,
.c-map .info .tel em {
	display: block;
	color: #fff
}

.c-map .info .address .iconfont,
.c-map .info .tel .iconfont {
	position: absolute;
	top: -3px;
	left: 0;
	color: #fff
}

.c-map .info .tel {
	color: #fff
}

.c-map .img-wrap {
	position: relative
}

.c-map .img-wrap .pop-text {
	position: absolute;
	top: 24.5%;
	right: 36%;
	padding: 15px 30px;
	background: #f6f3f2;
	border: 1px solid #231916;
	border-radius: 10px
}

.c-map .img-wrap .pop-text .address,
.c-map .img-wrap .pop-text .goto-road,
.c-map .img-wrap .pop-text .title {
	line-height: 1.2
}

.c-map .img-wrap .pop-text .address,
.c-map .img-wrap .pop-text .title {
	margin-bottom: 5px;
	white-space: nowrap
}

.c-map .img-wrap .pop-text .goto-road {
	display: inline-block;
	padding: 7px 30px;
	color: #fff;
	background: #012c5f
}

.c-map .map {
	height: 545px
}

.c-map .map .address {
	white-space: normal;
	word-break: break-all
}

.c-map .map .BMapLabel:after {
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	border: 1px solid #000;
	position: absolute;
	left: 50%;
	bottom: 5px;
	-webkit-transform: translate(-50%, 110%) rotate(45deg);
	transform: translate(-50%, 110%) rotate(45deg);
	background: #fff;
	border-left: 0;
	border-top: 0
}

.c-map .map .address,
.c-map .map .title {
	margin-bottom: 5px
}

.c-map .map .btn-road {
	width: 120px;
	height: 35px;
	line-height: 35px;
	color: #fff;
	text-align: center;
	background: #012c5f;
	cursor: pointer
}

@media screen and (max-width:767px) {
	.c-map .info {
		padding: 40px 0
	}

	.c-map .info .content {
		display: block;
		padding: 0 15px
	}

	.c-map .info .address,
	.c-map .info .tel {
		padding-left: 35px
	}

	.c-map .info .address .iconfont,
	.c-map .info .tel .iconfont {
		top: -4px;
		font-size: 24px
	}

	.c-map .info .address {
		margin-bottom: 15px
	}

	.c-map .img-wrap .pop-text {
		top: 40%;
		right: 50%;
		-webkit-transform: translateX(50%);
		transform: translateX(50%)
	}

	.c-map .map {
		height: 400px
	}
}

.c-layer1,
.c-layer-privacy1,
.c-layer-success1 {
	position: fixed;
	top: 0;
	width: 100%;
	height: 100%;
	display: none;
	z-index: 101;
	background: rgba(0, 0, 0, .7)
}

.c-layer1 .layer-content,
.c-layer-privacy1 .layer-content,
.c-layer-success1 .layer-content {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	max-width: 50%;
	margin-top: -5%;
	padding: 30px 40px;
	white-space: nowrap;
	background: #f6f3f2;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #000
}

.c-layer1 p,
.c-layer-privacy1 p,
.c-layer-success1 p {
	margin: 0;
	color: #000
}

@media screen and (min-width:768px) {

	.c-layer1 .layer-content,
	.c-layer-privacy1 .layer-content,
	.c-layer-success1 .layer-content {
		margin-top: -2%;
		padding: 30px 50px
	}
}

@media screen and (min-width:1600px) {

	.c-layer1 .layer-content,
	.c-layer-privacy1 .layer-content,
	.c-layer-success1 .layer-content {
		padding: 40px 60px
	}
}

.c-layer-privacy1,
.c-layer-success1 {
	background: rgba(0, 0, 0, .7)
}

.c-layer-privacy1 .layer-content,
.c-layer-success1 .layer-content {
	display: block;
	width: 500px;
	padding: 60px 50px 30px;
	text-align: center;
	background: #f6f3f2
}

.c-layer-privacy1 .layer-content .close-box,
.c-layer-success1 .layer-content .close-box {
	position: absolute;
	top: 0;
	right: 0;
	width: 55px;
	height: 55px;
	cursor: pointer
}

.c-layer-privacy1 .layer-content .close-box .iconfont,
.c-layer-success1 .layer-content .close-box .iconfont {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.c-layer-privacy1 .layer-content .close-box:hover .iconfont,
.c-layer-success1 .layer-content .close-box:hover .iconfont {
	opacity: .7
}

.c-layer-privacy1 .layer-content .title,
.c-layer-success1 .layer-content .title {
	margin-bottom: 15px
}

.c-layer-privacy1 .layer-content .btn-confirm,
.c-layer-success1 .layer-content .btn-confirm {
	display: inline-block;
	width: 250px;
	margin-top: 40px;
	line-height: 50px;
	color: #fff;
	background: #000
}

@media screen and (max-width:767px) {

	.c-layer-privacy1 .layer-content,
	.c-layer-success1 .layer-content {
		width: 90%;
		max-width: 300px;
		padding-left: 30px;
		padding-right: 30px
	}

	.c-layer-privacy1 .layer-content .close-box,
	.c-layer-success1 .layer-content .close-box {
		width: 45px;
		height: 45px
	}

	.c-layer-privacy1 .layer-content .btn-confirm,
	.c-layer-success1 .layer-content .btn-confirm {
		width: 80%;
		margin-top: 30px;
		line-height: 40px
	}
}

.c-layer-privacy1 .layer-content {
	white-space: normal;
	text-align: left
}

.c-layer-privacy1 .layer-content .title {
	text-align: center
}

.c-layer-privacy1 .layer-content .scroll-content {
	max-height: 60vh;
	overflow: auto
}

@media screen and (max-width:767px) {
	.c-layer-privacy1 .layer-content {
		max-width: none;
		padding-left: 15px;
		padding-right: 15px
	}
}

.c-action-IONIQ .anniu {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 6vw;
	cursor: pointer
}

.c-action-IONIQ video {
	display: none;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	z-index: 3
}

.c-action-IONIQ .poster,
.c-action-IONIQ video {
	position: absolute;
	top: 0;
	left: 0
}

.c-action-IONIQ .video-main {
	position: relative
}

.c-action-IONIQ .video-main .video-box {
	position: absolute;
	top: 51%;
	left: 51.6%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 62vw;
	height: 35vw
}

.c-action-IONIQ .video-main-2 {
	position: relative
}

.c-action-IONIQ .video-main-2 .video-box-2 {
	position: absolute;
	width: 100%;
	top: 0
}

.c-action-IONIQ .video-main-2 .video-box-2>div {
	width: 45%;
	position: absolute;
	top: 0
}

.c-action-IONIQ .video-main-2 .video-box-2 .video-2 {
	left: 3%
}

.c-action-IONIQ .video-main-2 .video-box-2 .video-2 div {
	position: absolute;
	top: 13%;
	left: 4%;
	width: 92%;
	height: 81%
}

.c-action-IONIQ .video-main-2 .video-box-2 .video-2 div .anniu {
	width: 4vw
}

.c-action-IONIQ .video-main-2 .video-box-2 .video-3 {
	right: 3%
}

.c-action-IONIQ .video-main-2 .video-box-2 .video-3 div {
	position: absolute;
	top: 13%;
	left: 4%;
	width: 92%;
	height: 81%
}

.c-action-IONIQ .video-main-2 .video-box-2 .video-3 div .anniu {
	width: 5vw
}

.c-action-IONIQ .videoSwiper {
	position: relative;
	width: 100vw;
	height: 48.6459vw;
	background: url(../img/bg-5.jpg) 0 0 no-repeat;
	background-size: cover
}

.c-action-IONIQ .videoSwiper .c-aciton-swiper1 {
	top: 36%;
	padding: 0 3%
}

.c-action-IONIQ .videoSwiper .c-aciton-swiper1 .video-box {
	position: absolute;
	top: 13%;
	left: 4%;
	width: 92%;
	height: 81%
}

.c-action-IONIQ .videoSwiper .c-aciton-swiper1 .video-box .anniu {
	width: 4vw
}

.c-action-IONIQ .picsSwiper {
	position: relative;
	width: 100vw;
	height: 80.46875vw;
	background: url(../img/bg-6.jpg) 0 0 no-repeat;
	background-size: cover
}

.c-action-IONIQ .picsSwiper .swiper-box {
	position: relative;
	top: 15%
}

.c-action-IONIQ .picsSwiper .c-aciton-swiper2 {
	width: 80%;
	margin: 0 auto;
	padding-bottom: 50px
}

.c-action-IONIQ .picsSwiper .c-aciton-swiper2 .action-main {
	width: 80%;
	margin: 0 auto
}

.c-action-IONIQ .picsSwiper .swiper-pagination {
	bottom: 0 !important;
	text-align: center
}

.c-action-IONIQ .picsSwiper .swiper-pagination-bullet {
	width: 30px;
	height: 5px;
	background-color: #7a8e9a;
	border-radius: 0;
	display: inline-block
}

.c-action-IONIQ .picsSwiper .swiper-pagination-bullet-active {
	width: 50px;
	background-color: #00b4ff;
	margin: 0 4px
}

.c-action-IONIQ .picsSwiper .swiper-prev {
	left: 0;
	background: url(../img/jiantou-left.png) 0 0 no-repeat;
	background-size: cover
}

.c-action-IONIQ .picsSwiper .swiper-next,
.c-action-IONIQ .picsSwiper .swiper-prev {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 36px;
	height: 50px;
	z-index: 10
}

.c-action-IONIQ .picsSwiper .swiper-next {
	right: 0;
	background: url(../img/jiantou-right.png) 0 0 no-repeat;
	background-size: cover
}

.c-action-IONIQ .IONIQ-link {
	position: relative
}

.c-action-IONIQ .IONIQ-link .link1 {
	position: absolute;
	right: 17.8vw;
	top: 3.3vw;
	width: 18vw;
	height: 5vw
}

.c-action-IONIQ .IONIQ-link .link2 {
	position: absolute;
	right: 17.8vw;
	top: 10.6vw;
	width: 18vw;
	height: 5vw
}

.c-action-IONIQ .zanwu {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000000e6;
	display: none;
	z-index: 15
}

.c-action-IONIQ .zanwu .torl {
	max-width: 60%;
	position: relative;
	margin: auto;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.c-action-IONIQ .zanwu .torl img {
	width: 100%
}

.c-action-IONIQ .zanwu .torl span {
	display: inline-block;
	position: absolute;
	cursor: pointer;
	top: 0;
	width: 17vw;
	height: 6vw
}

.c-action-IONIQ .pic-big {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000000e6;
	display: none;
	z-index: 15
}

.c-action-IONIQ .pic-big .pic-box {
	width: 80%;
	position: relative;
	margin: auto;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.c-action-IONIQ .pic-big .pic-box img {
	width: 100%
}

.c-action-IONIQ .pic-big .pic-box span {
	display: inline-block;
	position: absolute;
	cursor: pointer;
	top: -16%;
	right: -6%;
	width: 6vw;
	height: 6vw;
	background: url(../img/guanbi-2.png) 0 0 no-repeat;
	background-size: contain
}

.mb-only {
	display: none
}

@media screen and (max-width:768px) {
	.is-vertical .c-action-IONIQ .video-main .video-box {
		top: 14%;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		width: 85vw;
		height: 48vw
	}

	.is-vertical .c-action-IONIQ .video-main .video-box img {
		display: inline-block
	}

	.is-vertical .c-action-IONIQ .video-main .video-box .anniu {
		width: 12vw
	}

	.is-vertical .c-action-IONIQ .video-main .link1 {
		position: absolute;
		left: 27.5vw;
		bottom: 5.5vw;
		width: 49vw;
		height: 7vw
	}

	.is-vertical .c-action-IONIQ .video-main .link2 {
		position: absolute;
		left: 27.5vw;
		bottom: 5.5vw;
		width: 49vw;
		height: 8vw
	}

	.is-vertical .c-action-IONIQ .main-2 .video-box {
		top: 21%
	}

	.is-vertical .c-action-IONIQ .videoSwiper {
		background-image: url(../img/mb-bg-5.jpg);
		height: 76.57vw
	}

	.is-vertical .c-action-IONIQ .videoSwiper .c-aciton-swiper1 {
		top: 24%;
		padding: 0 3%
	}

	.is-vertical .c-action-IONIQ .videoSwiper .c-aciton-swiper1 .video-box .anniu {
		width: 9vw
	}

	.is-vertical .c-action-IONIQ .picsSwiper {
		background-image: url(../img/mb-bg-6.jpg);
		height: 99.8vw
	}

	.is-vertical .c-action-IONIQ .picsSwiper .swiper-box {
		top: 18%
	}

	.is-vertical .c-action-IONIQ .picsSwiper .c-aciton-swiper2 {
		width: 100%;
		padding: 0 3% 20px
	}

	.is-vertical .c-action-IONIQ .picsSwiper .c-aciton-swiper2 .action-main {
		width: 100%
	}

	.is-vertical .c-action-IONIQ .picsSwiper .swiper-pagination-bullet {
		width: 12px;
		height: 3px;
		border-radius: 0;
		display: inline-block;
		margin: 0 2px
	}

	.is-vertical .c-action-IONIQ .picsSwiper .swiper-pagination-bullet-active {
		width: 20px;
		background-color: #00b4ff;
		margin: 0 2px
	}

	.is-vertical .c-action-IONIQ .zanwu .torl span {
		top: unset;
		bottom: 0;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		width: 19vw;
		height: 8vw
	}

	.pc-only {
		display: none
	}

	.mb-only {
		display: block
	}
}

.c-swiper1025 {
	overflow: hidden
}

.c-swiper1025 .title-box {
	margin-bottom: 60px
}

.c-swiper1025 .top-main {
	display: none
}

.c-swiper1025 .top-main:first-child {
	display: block
}

.c-swiper1025 .bottom-main {
	display: none
}

.c-swiper1025 .bottom-main:first-child {
	display: block
}

.c-swiper1025 .img-box-1028 {
	position: relative
}

.c-swiper1025 .img-box-1028 img {
	width: 100%
}

.c-swiper1025 .icon-player {
	position: absolute;
	top: 50%;
	z-index: 99;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
	font-size: 46px;
	color: #fff;
	width: 100%;
	height: 100%;
	background: url(../img/icon-player.svg) no-repeat 50%;
	opacity: .5;
	cursor: pointer
}

.c-swiper1025 .icon-player:hover {
	opacity: 1
}

.c-swiper1025 .intelligent-safety-swiper {
	padding-bottom: 70px
}

.c-swiper1025 .intelligent-safety-swiper img {
	width: 100%
}

.c-swiper1025 .swiper-list {
	padding: 30px 0 40px;
	overflow: hidden;
	position: relative
}

.c-swiper1025 .swiper-list .swiper-wrapper {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.c-swiper1025 .swiper-list .swiper-slide {
	height: 100%
}

.c-swiper1025 .swiper-list p {
	color: #a1a1a1
}

.c-swiper1025 .swiper-list:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	background-color: #e0e0e0;
	left: 0;
	bottom: 30px
}

.c-swiper1025 .swiper-list .swiper-slide {
	cursor: pointer
}

.c-swiper1025 .swiper-list .active p {
	color: #000
}

.c-swiper1025 .swiper-list .active:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 3px;
	background-color: #3dc4d0;
	left: 0;
	bottom: -11px;
	z-index: 2
}

.c-swiper1025 .swiper-pagination1 {
	position: relative;
	bottom: -30px !important;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-ms-flex-pack: distribute;
	justify-content: space-around
}

.c-swiper1025 .swiper-pagination1:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	background-color: #e0e0e0;
	left: 0;
	bottom: -10px
}

.c-swiper1025 .swiper-pagination1 .swiper-pagination-bullet {
	position: relative;
	width: auto;
	height: 100%;
	background: none;
	display: inline-block;
	text-align: center;
	padding: 0 10px
}

.c-swiper1025 .swiper-pagination1 .swiper-pagination-bullet-active:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 3px;
	background-color: #3dc4d0;
	left: 0;
	bottom: -11px;
	z-index: 2
}

.c-swiper1025 .swiper2 {
	overflow: hidden
}

.c-swiper1025 .weilai {
	border: 1px solid #b4b4b4;
	background-color: #f5f4f2
}

.c-swiper1025 .weilai .text-box {
	padding: 0 60px 30px;
	width: 100%;
	position: absolute;
	bottom: 0
}

.c-swiper1025 .weilai .text-box p {
	color: #b3b3b3;
	margin-top: 15px
}

.c-swiper1025 .weilai-swiper .swiper-list {
	padding: 0;
	background-color: #f5f4f2;
	border: 1px solid #b4b4b4;
	border-top: 0
}

.c-swiper1025 .weilai-swiper .swiper-list .active:after,
.c-swiper1025 .weilai-swiper .swiper-list:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: transparent;
	left: 0;
	bottom: 0
}

.c-swiper1025 .weilai-swiper .swiper-list .active:after {
	z-index: 2
}

.c-swiper1025 .weilai-swiper .swiper-slide {
	border-right: 1px solid #b4b4b4;
	border-top: 0
}

.c-swiper1025 .weilai-swiper .swiper-slide:last-child {
	border-right: 0
}

.c-swiper1025 .weilai-swiper .swiper-slide:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #f5f4f2;
	left: 0;
	bottom: 0;
	opacity: .5
}

.c-swiper1025 .weilai-swiper .swiper-slide img {
	width: 100%
}

.c-swiper1025 .weilai-swiper .swiper-slide h5 {
	padding-bottom: 10px
}

.c-swiper1025 .icon {
	position: absolute;
	bottom: 15px;
	right: 15px;
	border-radius: 50%;
	overflow: hidden;
	color: #00aad2;
	cursor: pointer;
	display: block
}

.c-swiper1025 .icon:hover {
	background: #00aad2;
	color: #fff
}

.c-swiper1025 .icont {
	position: relative;
	display: block;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 24px
}

.c-swiper1025 .icont:before {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%) rotate(45deg);
	transform: translate(-50%, -50%) rotate(45deg)
}

#kjbl222 .img-box-1028>:nth-child(2),
.c-swiper1025 .swiper-navigation {
	display: none
}

#modulePnD .img-box-1028 {
	border: 1px solid #ececec
}

#modulePnD .img-box-1028>img {
	width: 90%;
	margin: auto
}

#weilaiMain>div.big-padding {
	padding-top: 0
}

#weilaiMain .img-box-1028>:nth-child(2) {
	display: none
}

#weilaiMain .img-box-1028>img {
	width: 75%;
	margin: auto
}

#weilaiMain .weilai-swiper .swiper-slide h5 {
	margin-top: -20px
}

#weilaiMain .title-box>:nth-child(2) {
	display: none
}

#jiqiren1 .img-box-1028 {
	border: 1px solid #ececec
}

#jiqiren1 .img-box-1028>img {
	width: 80%;
	margin: auto
}

#jiqiren1 .swiper-slide {
	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
}

#jiqirenMain2 {
	background-color: #ececec
}

#jiqirenMain2 .weilai,
#jiqirenMain2 .weilai-swiper .swiper-list {
	background-color: #fff
}

#jiqirenMain2 .img-box-1028>img {
	width: 80%;
	margin: auto
}

#jiqirenMain3 .weilai,
#jiqirenMain3 .weilai-swiper .swiper-list {
	background-color: #fff
}

#jiqirenMain3 .weilai-swiper .swiper-slide h5 {
	margin-top: -30px
}

#jiqirenMain3 .img-box-1028>img {
	width: 70%;
	margin: auto
}

.is-vertical .c-swiper1025 .title-box {
	margin-bottom: 20px
}

.is-vertical .c-swiper1025 .icon-player {
	opacity: 1
}

.is-vertical .c-swiper1025 .swiper-box {
	position: relative
}

.is-vertical .c-swiper1025 .swiper-button-next,
.is-vertical .c-swiper1025 .swiper-button-prev {
	width: auto;
	height: auto;
	top: 50%;
	color: #c4c4c4;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.is-vertical .c-swiper1025 .swiper-button-prev {
	left: -25px
}

.is-vertical .c-swiper1025 .swiper-button-next {
	right: -25px
}

.is-vertical .c-swiper1025 .swiper-list .active:after {
	width: 60%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}

.is-vertical .c-swiper1025 .weilai .text-box {
	position: unset;
	padding: 0 10px 20px
}

.is-vertical .c-swiper1025 .weilai .text-box h4 {
	font-size: 16px
}

.is-vertical .c-swiper1025 .weilai .text-box p {
	font-size: 12px
}

.is-vertical .c-swiper1025 .icon {
	top: 0;
	right: 0
}

.is-vertical .c-swiper1025 .icon:hover {
	background: transparent;
	color: #00aad2
}

.is-vertical #kjbl111 .bottom-main .text-center {
	text-align: left
}

.is-vertical #kjbl111 .eq-video {
	height: 60vh
}

.is-vertical #jiqirenMain3 .weilai-swiper .swiper-slide h5,
.is-vertical #weilaiMain .weilai-swiper .swiper-slide h5 {
	margin-top: 0
}

.is-vertical #kjbl111 .cont-box,
.is-vertical #kjbl222 .cont-box {
	padding-inline: 0;
	margin-inline: 0
}

.c-list-box,
.c-list-box .title-box {
	margin-bottom: 60px
}

.c-list-box .img-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.c-list-box .img-list .img-box {
	position: relative;
	width: calc(100% / 2 - 15px);
	margin-bottom: 30px
}

.c-list-box .img-list .img-box:nth-child(2n) {
	margin-left: 30px
}

.c-list-box .img-list .img-box a {
	display: block;
	width: 100%;
	height: 100%
}

.c-list-box .img-list .img-box img {
	width: 100%
}

.c-list-box .img-list .img-box .img-text {
	position: absolute;
	bottom: 0;
	padding: 20px;
	color: #fff;
	width: 100%
}

.is-vertical .c-list-box {
	margin-bottom: 0;
	background-color: #ebedec;
	padding-top: 40px
}

.is-vertical .c-list-box .title-box {
	margin-bottom: 30px
}

.is-vertical .c-list-box .list-swiper {
	position: relative
}

.is-vertical .c-list-box .swiper-navigation {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0
}

.is-vertical .c-list-box .swiper-button-next,
.is-vertical .c-list-box .swiper-button-prev {
	display: block
}

.is-vertical .c-list-box .swiper-slide img {
	width: 100%
}

.is-vertical .c-list-box .swiper-slide .img-text {
	position: absolute;
	bottom: 20px;
	color: #fff;
	width: 100%;
	text-align: center
}

.c-video-box .icon-player {
	position: absolute;
	top: 50%;
	z-index: 99;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
	font-size: 46px;
	color: #fff;
	width: 100%;
	height: 100%;
	background: url(../img/icon-player.svg) no-repeat 50%;
	opacity: .5;
	cursor: pointer
}

.c-video-box .icon-player:hover {
	opacity: 1
}

.c-video-box .link,
.c-video-box .link .img-box {
	position: relative
}

.c-video-box .link .text-box {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 40px 80px;
	z-index: 2;
	color: #fff
}

.c-video-box .link .enlarge-title {
	position: absolute;
	top: 0;
	z-index: 2;
	margin: 0 auto
}

.c-video-box .white {
	color: #fff
}

#video-box1 .icon-player {
	display: none
}

#video-box1 .title-box {
	padding-top: 90px
}

#video-box2 {
	margin-top: 90px
}

#jiqiren-video-box1 {
	background-color: #ececec;
	padding: 90px 0
}

#jiqiren-video-box1 .title-box {
	padding-top: 0
}

#jiqiren-video-box1 .icon-player {
	display: none
}

#jiqiren-video-box2 .icon-player {
	background-color: #222121bf
}

#jiqiren-video-box2 .icon-player:hover {
	opacity: .5
}

#jiqiren-video-box2 .eq-video {
	display: block
}

#jiqiren-video-box2 .text-box.enlarge-title {
	top: unset;
	bottom: 60px
}

#jiqiren-video-box2 .text-box.enlarge-title h4 {
	margin-bottom: 15px
}

.is-vertical #video-box1 .title-box {
	padding-top: 40px
}

.is-vertical #video-box1 .link .text-box {
	position: unset;
	color: #000;
	padding-block: 30px 0;
	padding-inline: 30px
}

.is-vertical #video-box1 .link .text-box .text {
	text-align: left
}

.is-vertical #video-box1 .eq-video {
	height: 60vh
}

.is-vertical #video-box1 .icon-player {
	display: block;
	height: 60vh;
	top: 33%
}

.is-vertical #video-box2 {
	margin-top: 40px
}

.is-vertical #video-box2 .eq-video {
	height: 100vh
}

.is-vertical #jiqiren-video-box1 {
	padding: 40px 0
}

.is-vertical #jiqiren-video-box1 .eq-video {
	height: 60vh
}

.is-vertical #jiqiren-video-box1 .link .text-box {
	padding-block: 30px 0;
	padding-inline: 30px;
	position: unset;
	color: #000
}

.is-vertical #jiqiren-video-box1 .link .text-box p {
	text-align: left
}

.is-vertical #jiqiren-video-box1 .icon-player {
	display: block;
	height: 60vh;
	top: 33%
}

.is-vertical #jiqiren-video-box2 .eq-video {
	height: 100vh
}

.is-vertical #jiqiren-video-box2 .link .text-box {
	padding: 0 30px;
	bottom: 30%;
	text-align: center
}

.is-vertical #jiqiren-video-box2 .play-box {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	z-index: 2;
	background-color: #222121bf
}

.is-vertical #jiqiren-video-box2 .play {
	position: absolute;
	bottom: 16%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 250px
}

.is-vertical #jiqiren-video-box2 .play a {
	padding-block: 15px
}

.barnd-concept-2024 .section-1 {
	background-color: #fff
}

.barnd-concept-2024 .section-1 .logo {
	width: 10em
}

.barnd-concept-2024 .section-1 .title {
	line-height: 2
}

.barnd-concept-2024 .section-1 .describe {
	opacity: .8;
	line-height: 2
}

.barnd-concept-2024 .section-2 {
	background-color: #f5f3f2;
	margin-top: 5em
}

.barnd-concept-2024 .section-2 .section-2-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.barnd-concept-2024 .section-2 .section-2-content .img_container {
	width: 60%;
	-webkit-transform: translateY(-5%);
	transform: translateY(-5%)
}

.barnd-concept-2024 .section-2 .section-2-content .img_container img {
	width: 100%
}

.barnd-concept-2024 .section-2 .section-2-content .section-2-describe {
	padding-left: 4em;
	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-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.barnd-concept-2024 .section-2 .section-2-content .section-2-describe .title {
	margin-bottom: 1em
}

.barnd-concept-2024 .section-2 .section-2-content .section-2-describe .describe {
	line-height: 2
}

.barnd-concept-2024 .section-3 {
	background-color: #fff
}

.barnd-concept-2024 .section-3 .container {
	position: relative
}

.barnd-concept-2024 .section-3 .img_logo {
	width: 6.2em;
	opacity: .6
}

.barnd-concept-2024 .section-3 .title span {
	font-size: 2em;
	text-align: left;
	display: inline-block;
	-webkit-transform: translateX(-.08em);
	transform: translateX(-.08em)
}

.barnd-concept-2024 .section-3 .describe {
	opacity: .8;
	line-height: 2
}

.barnd-concept-2024 .section-3 .img_02 {
	width: 100%;
	margin-bottom: 8em
}

.barnd-concept-2024 .section-3 .max-describe-bg {
	position: absolute;
	width: 50vw;
	left: 50%;
	padding-bottom: 25%;
	bottom: 6em;
	background-color: #f3f1ea
}

.barnd-concept-2024 .section-3 .max-describe {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: absolute;
	width: 49%;
	left: 50%;
	bottom: -1em;
	padding: 5em 0 5em 7em;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.barnd-concept-2024 .section-3 .max-describe:before {
	content: "";
	position: absolute;
	width: 50vw;
	height: 100%;
	background-color: #f3f1ea;
	left: -1px;
	z-index: 0
}

.barnd-concept-2024 .section-3 .max-describe>div {
	position: relative
}

.barnd-concept-2024 .section-3 .max-describe .max-describe-title {
	color: #000;
	line-height: 2;
	margin-bottom: .5em
}

.barnd-concept-2024 .section-3 .max-describe .max-describe-content {
	line-height: 1.5
}

.barnd-concept-2024 .section-3 .max-describe .max-describe-content p {
	letter-spacing: .1em;
	margin-bottom: .5em
}

.barnd-concept-2024 .section-4 .img_03 {
	width: 100%
}

.barnd-concept-2024 .section-4 .container {
	position: relative
}

.barnd-concept-2024 .section-4 .section-4-content {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	color: #f5f3f2;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.barnd-concept-2024 .section-4 .section-4-content .describe,
.barnd-concept-2024 .section-4 .section-4-content .title {
	-webkit-transform: translateY(50%);
	transform: translateY(50%);
	-webkit-transition: all .4s;
	transition: all .4s
}

.barnd-concept-2024 .section-4 .section-4-content .describe {
	margin-top: 5%;
	text-align: center;
	line-height: 1.5;
	letter-spacing: .1em;
	opacity: 0
}

.barnd-concept-2024 .section-4 .section-4-content:hover .describe {
	-webkit-transform: translateY(0);
	transform: translateY(0);
	opacity: 1
}

.barnd-concept-2024 .section-4 .section-4-content:hover .title {
	-webkit-transform: translateY(0);
	transform: translateY(0)
}

@media (min-width:919px) and (max-width:1199px) {
	.barnd-concept-2024 .section-2-content .describe {
		font-size: 12px
	}
}

.is-vertical .barnd-concept-2024 {
	overflow: hidden
}

.is-vertical .barnd-concept-2024 .section-1 {
	padding: 60px 0
}

.is-vertical .barnd-concept-2024 .section-1 .logo {
	width: 6em
}

.is-vertical .barnd-concept-2024 .section-1 .describe {
	letter-spacing: 0
}

.is-vertical .barnd-concept-2024 .section-2 {
	margin-top: 0
}

.is-vertical .barnd-concept-2024 .section-2 .section-2-content {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.is-vertical .barnd-concept-2024 .section-2 .section-2-content .img_container {
	width: 100%;
	margin-top: 2em;
	-webkit-transform: none;
	transform: none
}

.is-vertical .barnd-concept-2024 .section-2 .section-2-content .section-2-describe {
	padding: 60px 0
}

.is-vertical .barnd-concept-2024 .section-2 .section-2-content .section-2-describe .describe {
	letter-spacing: .05em;
	line-height: 1.5
}

.is-vertical .barnd-concept-2024 .section-3 {
	padding-top: 100px
}

.is-vertical .barnd-concept-2024 .section-3 .title {
	line-height: 1.3
}

.is-vertical .barnd-concept-2024 .section-3 .img_02 {
	width: 100vw;
	-webkit-transform: translateX(-30px);
	transform: translateX(-30px);
	margin-bottom: 18em
}

.is-vertical .barnd-concept-2024 .section-3 .describe {
	padding-top: 50px;
	padding-bottom: 100px
}

.is-vertical .barnd-concept-2024 .section-3 .max-describe {
	position: absolute;
	width: 100%;
	left: auto;
	right: -30px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 3em 60px 3em 3em
}

.is-vertical .barnd-concept-2024 .section-3 .max-describe:before {
	width: 100%
}

.is-vertical .barnd-concept-2024 .section-3 .max-describe p {
	line-height: 1.5;
	font-size: 3vw
}

.is-vertical .barnd-concept-2024 .section-4 .img_03 {
	width: 100vw;
	-webkit-transform: translateX(-30px);
	transform: translateX(-30px)
}

.is-vertical .barnd-concept-2024 .section-4 .section-4-content {
	padding: 30px
}

.is-vertical .barnd-concept-2024 .section-4 .section-4-content .title {
	margin-top: 10%
}

.is-vertical .barnd-concept-2024 .section-4 .section-4-content .describe {
	font-size: 12px;
	opacity: .8;
	letter-spacing: .05em;
	margin-top: 15%;
	opacity: 0
}

.is-vertical .barnd-concept-2024 .section-4.show-describe .section-4-content .title {
	-webkit-transform: translateY(0);
	transform: translateY(0)
}

.is-vertical .barnd-concept-2024 .section-4.show-describe .section-4-content .describe {
	-webkit-transform: translateY(0);
	transform: translateY(0);
	opacity: 1
}

.body-brand-history2024-wrap .base-general {
	background-color: #f6f6f6
}

.brand-history-2024 {
	overflow: hidden
}

.brand-history-2024 .brand-history-2024__container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: end
}

.brand-history-2024 .brand-history-2024__container .brand-history-2024__content .brand-history-2024__year {
	text-align: center;
	font-size: 7em;
	color: #f4f4f4
}

.brand-history-2024 .brand-history-2024__container .brand-history-2024__content .brand-history-2024__year span {
	display: inline-block;
	font-size: .36em;
	-webkit-transform: translateX(-.5em);
	transform: translateX(-.5em)
}

.brand-history-2024 .brand-history-2024__container .brand-history-2024__content .history-list {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	margin-left: -5px;
	margin-right: -5px
}

.brand-history-2024 .brand-history-2024__container .brand-history-2024__content .history-list .history-item {
	margin: 5px;
	background: #f6f6f4;
	border: 1px solid #e4dcd3;
	width: calc(50% - 17px);
	display: inline-block;
	padding: 8rem 3.6rem 8rem 4rem
}

.brand-history-2024 .brand-history-2024__container .brand-history-2024__content .history-list .history-item p {
	font-family: HyundaiSansTextCN-Regular
}

.brand-history-2024 .brand-history-2024__container .brand-history-2024__content .history-list .history-item .title {
	margin-bottom: 10px
}

.brand-history-2024 .brand-history-2024__container .container {
	position: relative
}

.brand-history-2024 .brand-history-2024__container .slide-bar-history {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
	height: 100%;
	max-height: 100vh;
	overflow: hidden;
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
	padding: 3em 0 3em 2em
}

.brand-history-2024 .brand-history-2024__container .slide-bar-history .swiper-container,
.brand-history-2024 .brand-history-2024__container .slide-bar-history .swiper-container .swiper-wrapper {
	height: 100%
}

.brand-history-2024 .brand-history-2024__container .slide-bar-history .swiper-slide {
	color: #d4d3d3;
	-webkit-transition: all .4s;
	transition: all .4s;
	height: auto
}

.brand-history-2024 .brand-history-2024__container .slide-bar-history .swiper-slide .item-year {
	-webkit-transform: scale(.8);
	transform: scale(.8);
	-webkit-transform-origin: 0;
	transform-origin: 0;
	-webkit-transition: all .4s;
	transition: all .4s;
	padding-right: 1em
}

.brand-history-2024 .brand-history-2024__container .slide-bar-history .swiper-slide .item-year:after {
	content: "";
	position: absolute;
	left: -.7em;
	top: 50%;
	width: .6em;
	height: .6em;
	border-radius: 50%;
	border: .2em solid #04a9cf;
	-webkit-transform: scale(0) translateY(-50%);
	transform: scale(0) translateY(-50%);
	-webkit-transition: all .4s;
	transition: all .4s;
	-webkit-transform-origin: center;
	transform-origin: center
}

.brand-history-2024 .brand-history-2024__container .slide-bar-history .active {
	color: #04a9cf
}

.brand-history-2024 .brand-history-2024__container .slide-bar-history .active .item-year {
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}

.brand-history-2024 .brand-history-2024__container .slide-bar-history .active .item-year:after {
	-webkit-transform: scale(1) translateY(-50%);
	transform: scale(1) translateY(-50%)
}

.brand-history-2024 .brand-history-2024__container .slide-bar-history .swiper-slide:hover {
	color: #04a9cf
}

.brand-history-2024 .brand-history-2024__container .slide-bar-history .swiper-slide:hover .item-year {
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}

.brand-history-2024 .brand-history-2024__container .slide-bar-history .swiper-slide:hover .item-year:after {
	-webkit-transform: scale(1) translateY(-50%);
	transform: scale(1) translateY(-50%)
}

@media (min-width:768px) and (max-width:991px) {
	.brand-history-2024 .brand-history-2024__container .slide-bar-history .h3 {
		font-size: 23px
	}
}

@media (min-width:992px) and (max-width:1199px) {
	.brand-history-2024 .brand-history-2024__container .brand-history-2024__content .brand-history-2024__year {
		font-size: 6.5em
	}

	.brand-history-2024 .brand-history-2024__container .slide-bar-history {
		-webkit-transform: translateX(66%);
		transform: translateX(66%)
	}

	.brand-history-2024 .brand-history-2024__container .slide-bar-history .h3 {
		font-size: 23px
	}
}

@media (min-width:1200px) and (max-width:1352px) {
	.brand-history-2024 .brand-history-2024__container .slide-bar-history {
		-webkit-transform: translateX(33%);
		transform: translateX(33%)
	}
}

@media (min-width:1353px) and (max-width:1452px) {
	.brand-history-2024 .brand-history-2024__container .slide-bar-history {
		-webkit-transform: translateX(65%);
		transform: translateX(65%)
	}
}

@media screen and (min-width:1453px) and (max-width:1580px) {
	.brand-history-2024 .brand-history-2024__container .slide-bar-history {
		-webkit-transform: translateX(49%);
		transform: translateX(49%)
	}
}

@media screen and (min-width:1581px) and (max-width:1749px) {
	.brand-history-2024 .brand-history-2024__container .slide-bar-history {
		-webkit-transform: translateX(90%);
		transform: translateX(90%)
	}
}

@media screen and (min-width:1750px) and (max-width:1920px) {
	.brand-history-2024 .brand-history-2024__container .slide-bar-history {
		-webkit-transform: translateX(86%);
		transform: translateX(86%)
	}
}

.is-vertical .brand-history-2024 .brand-history-2024__container {
	background-color: #f6f6f6;
	padding-top: 0
}

.is-vertical .brand-history-2024 .brand-history-2024__container .brand-history-2024__year {
	font-size: 3.3em;
	color: #c8cac9
}

.is-vertical .brand-history-2024 .brand-history-2024__container .container {
	width: 100%
}

.is-vertical .brand-history-2024 .brand-history-2024__container .slide-bar-history {
	position: relative;
	width: 100%;
	-webkit-transform: none;
	transform: none;
	height: auto;
	padding: none;
	overflow: visible;
	padding: 0
}

.is-vertical .brand-history-2024 .brand-history-2024__container .slide-bar-history:after {
	content: "";
	position: absolute;
	width: 100vw;
	height: 2px;
	background-color: #ced0cf;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	bottom: 0
}

.is-vertical .brand-history-2024 .brand-history-2024__container .slide-bar-history .swiper-container {
	overflow: hidden
}

.is-vertical .brand-history-2024 .brand-history-2024__container .slide-bar-history .swiper-container .swiper-slide:hover {
	color: #d4d3d3
}

.is-vertical .brand-history-2024 .brand-history-2024__container .slide-bar-history .swiper-container .swiper-slide:hover .active {
	-webkit-transform: none;
	transform: none
}

.is-vertical .brand-history-2024 .brand-history-2024__container .slide-bar-history .swiper-container .swiper-slide:hover .item-year {
	-webkit-transform: scale(1);
	transform: scale(1)
}

.is-vertical .brand-history-2024 .brand-history-2024__container .slide-bar-history .swiper-container .swiper-slide:hover .item-year:after {
	-webkit-transform: scale(0);
	transform: scale(0)
}

.is-vertical .brand-history-2024 .brand-history-2024__container .slide-bar-history .swiper-container .item-year {
	-webkit-transform: none;
	transform: none;
	text-align: center;
	padding-right: 0;
	padding-bottom: 20px;
	font-size: 18px
}

.is-vertical .brand-history-2024 .brand-history-2024__container .slide-bar-history .swiper-container .item-year:after {
	width: 100%;
	left: 0;
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	bottom: -1px;
	background-color: #3dc4d0;
	border-radius: 0;
	border: 0;
	height: 4px;
	top: auto;
	-webkit-transform: scale(0);
	transform: scale(0)
}

.is-vertical .brand-history-2024 .brand-history-2024__container .slide-bar-history .swiper-container .active {
	color: #000 !important
}

.is-vertical .brand-history-2024 .brand-history-2024__container .slide-bar-history .swiper-container .active .item-year,
.is-vertical .brand-history-2024 .brand-history-2024__container .slide-bar-history .swiper-container .active .item-year:after {
	-webkit-transform: scale(1) !important;
	transform: scale(1) !important
}

.is-vertical .brand-history-2024 .brand-history-2024__container .slide-bar-history .slide-bar-histiry-line-box {
	position: absolute;
	bottom: -1px;
	width: 100%;
	height: 4px;
	z-index: 1
}

.is-vertical .brand-history-2024 .brand-history-2024__container .slide-bar-history .slide-bar-histiry-line-box .slide-bar-histiry-line {
	position: absolute;
	width: 20%;
	height: 4px;
	bottom: 0;
	left: 0;
	background-color: red
}

.is-vertical .brand-history-2024 .brand-history-2024__container .slide-bar-history .swiper-button-prev {
	left: -30px;
	display: block
}

.is-vertical .brand-history-2024 .brand-history-2024__container .slide-bar-history .swiper-button-next {
	right: -40px;
	display: block
}

.is-vertical .brand-history-2024 .brand-history-2024__container .brand-history-2024__content {
	overflow: hidden
}

.is-vertical .brand-history-2024 .brand-history-2024__container .brand-history-2024__content .history-list .history-item {
	width: 100%;
	padding: 3rem
}

.is-vertical .brand-history-2024 .brand-history-2024__container .brand-history-2024__content .history-list .history-item .title {
	font-size: 30px
}

.is-vertical .brand-history-2024 .brand-history-2024__container .brand-history-2024__content .history-list .history-item .h4 {
	font-size: 14px
}

.is-vertical .brand-history-wrap {
	overflow: hidden
}

.is-vertical .brand-history-wrap .c-banner .swiper-slide {
	padding-bottom: 175%
}

.is-vertical .brand-history-wrap .base-general {
	background-color: #fff
}

.ioniq5n-zhuanti-wrap .ioniq-box-m {
	display: none
}

.ioniq5n-zhuanti-wrap .ioniq-img-100 {
	width: 100%
}

.ioniq5n-zhuanti-wrap p {
	color: #fff
}

.ioniq5n-zhuanti-wrap div>p:last-child {
	margin-bottom: 0 !important
}

.ioniq5n-zhuanti-wrap .ioniq-img-line {
	width: 100%;
	max-width: 380px;
	margin: 0 auto
}

.ioniq5n-zhuanti-wrap .relative {
	position: relative
}

.ioniq5n-zhuanti-wrap .absolute {
	position: absolute;
	z-index: 2
}

.ioniq5n-zhuanti-wrap .position-center {
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.ioniq5n-zhuanti-wrap .flex-column {
	height: 100%;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.ioniq5n-zhuanti-wrap .flex-column,
.ioniq5n-zhuanti-wrap .ioniq-1224-1 .content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.ioniq5n-zhuanti-wrap .ioniq-1224-1 .content .content-img {
	margin-right: 60px
}

.ioniq5n-zhuanti-wrap .ioniq-1224-1 .content>div {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.ioniq5n-zhuanti-wrap .ioniq-1224-1 .content .content-text {
	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-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center
}

.ioniq5n-zhuanti-wrap .ioniq-1224-1 .content .ioniq-img-line {
	width: 50%;
	display: block;
	margin: 20px auto
}

.ioniq5n-zhuanti-wrap .ioniq-1224-3 {
	text-align: center
}

.ioniq5n-zhuanti-wrap .ioniq-1224-3 p {
	margin-bottom: 1vw
}

.ioniq5n-zhuanti-wrap .ioniq-1224-5 .content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.ioniq5n-zhuanti-wrap .ioniq-1224-5 .content>div {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.ioniq5n-zhuanti-wrap .ioniq-1224-5 .content .content-text {
	margin-left: 40px;
	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-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative
}

.ioniq5n-zhuanti-wrap .ioniq-1224-5 .content .content-text p {
	margin-bottom: 1vw
}

.ioniq5n-zhuanti-wrap .ioniq-1224-5 .content .content-text .ioniq-icon-auto {
	width: 43px
}

.ioniq5n-zhuanti-wrap .ioniq-1224-5 .content .content-text .icon-top {
	margin-bottom: 1vw
}

.ioniq5n-zhuanti-wrap .ioniq-1224-5 .content .content-text .icon-bottom {
	margin-left: auto
}

.ioniq5n-zhuanti-wrap .ioniq-1224-6 .content p {
	margin-bottom: 1vw;
	text-align: center
}

.ioniq5n-zhuanti-wrap .ioniq-1224-6 .content .img-box-1 {
	width: 100%
}

.ioniq5n-zhuanti-wrap .ioniq-1224-6 .content .img-box-2 {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.ioniq5n-zhuanti-wrap .ioniq-1224-6 .content .img-box-2>div:first-child {
	margin-right: 10px
}

.ioniq5n-zhuanti-wrap .ioniq-1224-7 .content p {
	margin-bottom: 1vw;
	text-align: center
}

.ioniq5n-zhuanti-wrap .ioniq-1224-7 .content .img-box-right {
	width: 100%;
	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
}

.ioniq5n-zhuanti-wrap .ioniq-1224-7 .content .img-box-right>div {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.ioniq5n-zhuanti-wrap .ioniq-1224-7 .content .img-box-right .text-box {
	margin-right: 60px
}

.ioniq5n-zhuanti-wrap .ioniq-1224-7 .content .text-box .text-content {
	width: 100%;
	height: 100%
}

.ioniq5n-zhuanti-wrap .ioniq-1224-7 .content .text-box .text-content p {
	text-align: left;
	width: 80%;
	line-height: 1.5;
	letter-spacing: 1px
}

.ioniq5n-zhuanti-wrap .ioniq-1224-7 .content .text-box .text-content .ioniq-icon-2 {
	right: 10%;
	width: 7%;
	bottom: 10%
}

.ioniq5n-zhuanti-wrap .ioniq-1224-7 .content .img-box-left {
	width: 100%;
	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
}

.ioniq5n-zhuanti-wrap .ioniq-1224-7 .content .img-box-left>div {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.ioniq5n-zhuanti-wrap .ioniq-1224-7 .content .img-box-left .img-content {
	margin-right: 60px
}

.ioniq5n-zhuanti-wrap .ioniq-1224-7 .content .img-box-left .ioniq-icon-2 {
	left: 10%;
	width: 7%;
	bottom: 10%;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.ioniq5n-zhuanti-wrap .ioniq-1224-8 .position-center {
	top: 30%
}

.ioniq5n-zhuanti-wrap .ioniq-1224-8 .title {
	color: #fff;
	text-align: center;
	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;
	margin-block: 3.25vw
}

.ioniq5n-zhuanti-wrap .ioniq-1224-8 .title h4 {
	margin-inline: 40px
}

.ioniq5n-zhuanti-wrap .ioniq-1224-8 .title .rotate {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.ioniq5n-zhuanti-wrap .ioniq-1224-8 .title .ioniq-icon {
	width: 60px
}

.ioniq5n-zhuanti-wrap .ioniq-1224-8 p {
	margin-bottom: 1vw;
	text-align: center
}

@media screen and (max-width:1280px) and (min-width:992px) {
	.ioniq5n-zhuanti-wrap p {
		font-size: 12px
	}

	.ioniq5n-zhuanti-wrap .ioniq-1224-3 p,
	.ioniq5n-zhuanti-wrap .ioniq-1224-5 p {
		margin-bottom: .5vw
	}
}

@media screen and (max-width:991px) {
	.ioniq5n-zhuanti-wrap .b-container {
		padding-inline: 15px
	}

	.ioniq5n-zhuanti-wrap .ioniq-box {
		display: none
	}

	.ioniq5n-zhuanti-wrap .content-img {
		margin-bottom: 4vw
	}

	.ioniq5n-zhuanti-wrap .ioniq-box-m {
		display: block
	}

	.ioniq5n-zhuanti-wrap .ioniq-box-m p {
		font-size: 11px
	}

	.ioniq5n-zhuanti-wrap .ioniq-box-m .ioniq-1224-3 p,
	.ioniq5n-zhuanti-wrap .ioniq-box-m .ioniq-1224-5 p {
		margin-bottom: 2vw
	}

	.ioniq5n-zhuanti-wrap .ioniq-box-m .ioniq-img-line {
		width: 60%;
		max-width: 300px;
		margin: 4vw auto
	}

	.ioniq5n-zhuanti-wrap .ioniq-box-m .ioniq-1224-1 {
		height: 120.4vw
	}

	.ioniq5n-zhuanti-wrap .ioniq-box-m .ioniq-1224-1 p {
		text-align: center
	}

	.ioniq5n-zhuanti-wrap .ioniq-box-m .ioniq-1224-1 .ioniq-img-line {
		margin: 2vw auto
	}

	.ioniq5n-zhuanti-wrap .ioniq-box-m .ioniq-1224-2 {
		margin-block: 4vw
	}

	.ioniq5n-zhuanti-wrap .ioniq-box-m .ioniq-1224-2 video {
		width: 100%
	}

	.ioniq5n-zhuanti-wrap .ioniq-box-m .ioniq-1224-3 {
		height: 58vw
	}

	.ioniq5n-zhuanti-wrap .ioniq-box-m .ioniq-1224-3 .ioniq-img-line {
		margin-top: 0
	}

	.ioniq5n-zhuanti-wrap .ioniq-box-m .ioniq-1224-4 {
		height: 50vw;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}

	.ioniq5n-zhuanti-wrap .ioniq-box-m .ioniq-1224-5 {
		height: 117vw
	}

	.ioniq5n-zhuanti-wrap .ioniq-box-m .ioniq-1224-5 .content {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.ioniq5n-zhuanti-wrap .ioniq-box-m .ioniq-1224-5 .content .content-text {
		margin-left: 0;
		text-align: center
	}

	.ioniq5n-zhuanti-wrap .ioniq-box-m .ioniq-1224-6 {
		height: 430vw;
		margin-block: 6vw
	}

	.ioniq5n-zhuanti-wrap .ioniq-box-m .ioniq-1224-6 .ioniq-img-line {
		margin-top: 0
	}

	.ioniq5n-zhuanti-wrap .ioniq-box-m .ioniq-1224-7 {
		height: 286vw
	}

	.ioniq5n-zhuanti-wrap .ioniq-box-m .ioniq-1224-7 .ioniq-img-line {
		margin-top: 0
	}

	.ioniq5n-zhuanti-wrap .ioniq-box-m .ioniq-1224-7 .content .text-box .text-content {
		margin-top: 2vw
	}

	.ioniq5n-zhuanti-wrap .ioniq-box-m .ioniq-1224-7 .content .text-box .text-content p {
		width: 100%;
		text-align: center
	}

	.ioniq5n-zhuanti-wrap .ioniq-box-m .ioniq-1224-7 .img-box-left,
	.ioniq5n-zhuanti-wrap .ioniq-box-m .ioniq-1224-7 .img-box-right {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.ioniq5n-zhuanti-wrap .ioniq-box-m .ioniq-1224-7 .img-box-left .img-content,
	.ioniq5n-zhuanti-wrap .ioniq-box-m .ioniq-1224-7 .img-box-right .text-box {
		margin-right: 0
	}

	.ioniq5n-zhuanti-wrap .ioniq-box-m .ioniq-1224-8 .title {
		position: relative
	}

	.ioniq5n-zhuanti-wrap .ioniq-box-m .ioniq-1224-8 .title h4 {
		font-size: 14px;
		margin-bottom: 10px
	}

	.ioniq5n-zhuanti-wrap .ioniq-box-m .ioniq-1224-8 .title h4:after {
		content: "";
		width: 32px;
		height: 6px;
		position: absolute;
		bottom: 0;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		background: url(../img/icon-1224.png) 0 0 no-repeat;
		background-size: contain
	}
}

.c-drive-appointment {
	height: 100vh;
	width: 100%;
	background: url(../img/drive-bg-1-0801.png) 0 0 no-repeat;
	background-size: cover;
	background-position: center 80%
}

.c-drive-appointment .b-container {
	color: #000
}

.c-drive-appointment .zhengce {
	position: absolute;
	width: 100%;
	padding: 10px 5px;
	background-color: #00000080;
	border-radius: 0;
	margin: 0 auto;
	margin-top: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	gap: 4vw;
	bottom: 0;
	color: #fff
}

.c-drive-appointment .zhengce sub,
.c-drive-appointment .zhengce sup {
	font-size: 30%
}

.c-drive-appointment .zhengce sup {
	top: -1vw
}

.c-drive-appointment .zhengce .xiao {
	font-size: 80%
}

.c-drive-appointment .zhengce .text {
	text-align: center
}

.c-drive-appointment input::-webkit-input-placeholder {
	color: #000
}

.c-drive-appointment input::-moz-placeholder {
	color: #000
}

.c-drive-appointment input::-ms-input-placeholder {
	color: #000
}

.c-drive-appointment input::placeholder {
	color: #000
}

.c-drive-appointment .custon-select-input {
	min-width: 180px;
	padding: 0 8px 5px;
	position: relative;
	display: inline-block;
	width: 100%;
	font-size: 14px;
	border-bottom: 1px solid #b0a19b;
	background-color: transparent
}

.c-drive-appointment .mb-show {
	display: none
}

.c-drive-appointment .pc-show img {
	width: 90%
}

.c-drive-appointment .custom-arrow {
	position: absolute;
	top: 50%;
	right: 10px;
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #0e2a5c;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.c-drive-appointment .custom-select {
	position: relative
}

.c-drive-appointment .custom-select ul {
	position: absolute;
	top: 100%;
	left: 0;
	display: none;
	width: 100%;
	max-height: 400px;
	background: #fff;
	border: 1px solid #d6d6d6;
	border-top: none;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	z-index: 1;
	overflow-y: auto
}

.c-drive-appointment .custom-select ul li {
	line-height: 2.5;
	border-top: 1px solid #ddd;
	text-align: center;
	cursor: pointer
}

.c-drive-appointment .custom-select ul li:first-child {
	border-top: 0
}

.c-drive-appointment .custom-select ul li:hover {
	background-color: #f2f2f2
}

.c-drive-appointment .b-container {
	position: relative;
	top: 5vw
}

.c-drive-appointment .b-container .title {
	width: 80%;
	max-width: 800px;
	text-align: center;
	margin: auto;
	margin-bottom: 10px;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.c-drive-appointment .b-container .title .line {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	height: 1px;
	background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(hsla(0, 0%, 100%, .8)), to(transparent));
	background: linear-gradient(90deg, transparent, hsla(0, 0%, 100%, .8), transparent);
	-webkit-filter: blur(.3px);
	filter: blur(.3px)
}

.c-drive-appointment .b-container .title h2 {
	padding-inline: 20px
}

.c-drive-appointment .b-container .title span {
	font-family: HyundaiSansTextCN-Regular
}

.c-drive-appointment .b-container .main-box {
	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
}

.c-drive-appointment .b-container .left {
	width: 55%;
	min-width: 470px;
	text-align: center;
	margin-right: auto
}

.c-drive-appointment .b-container .left .left-main-title {
	text-align: left;
	color: #fff
}

.c-drive-appointment .b-container .left .left-main-box {
	border-left: 10px solid #003468;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: 10px;
	padding-bottom: 10px;
	position: relative;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch
}

.c-drive-appointment .b-container .left .left-main-box:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #00326733;
	top: 0;
	z-index: -1
}

.c-drive-appointment .b-container .left .chengce {
	width: 25%;
	padding: 10px 5px 0;
	color: #fff
}

.c-drive-appointment .b-container .left .chengce .left-title {
	position: relative;
	padding-bottom: 6px
}

.c-drive-appointment .b-container .left .chengce .left-title:after {
	content: "";
	position: absolute;
	width: 80%;
	height: 2px;
	background-color: #fff;
	bottom: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 2
}

.c-drive-appointment .b-container .left .chengce .h5 {
	margin-top: 6px;
	display: block;
	font-family: HyundaiSansHeadCN-Medium
}

.c-drive-appointment .b-container .right {
	width: 28vw
}

.c-drive-appointment .form-drive .form-group {
	margin-bottom: 0;
	position: relative
}

.c-drive-appointment .form-drive .form-group label {
	display: block;
	margin-bottom: 5px
}

.c-drive-appointment .form-drive .form-group input,
.c-drive-appointment .form-drive .form-group select {
	width: 100%;
	min-width: 180px;
	padding: 0 8px 5px;
	font-size: 14px;
	margin-bottom: 5px;
	background: transparent;
	border-bottom: 1px solid #b0a19b
}

.c-drive-appointment .form-drive .gender {
	position: absolute;
	right: 0;
	top: 0
}

.c-drive-appointment .form-drive .gender .gender-selection {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.c-drive-appointment .form-drive .gender .gender-selection label {
	color: #000;
	margin-bottom: 0
}

.c-drive-appointment .form-drive .gender input {
	width: 50px;
	min-width: auto
}

.c-drive-appointment .form-drive .form-group .error {
	color: red;
	font-size: 12px;
	padding-left: 8px;
	min-height: 18px
}

.c-drive-appointment .form-drive .driveTime {
	position: relative
}

.c-drive-appointment .form-drive .driveTime #datetimeDialog {
	display: none;
	position: absolute;
	width: 525px;
	background-color: #fff
}

.c-drive-appointment .form-drive .driveTime #datetimeDialog .dialog-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 20px;
	padding: 20px
}

.c-drive-appointment .form-drive .driveTime #datetimeDialog .dialog-content p {
	margin-bottom: 5px
}

.c-drive-appointment .form-drive .driveTime #datetimeDialog .calendar-box {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.c-drive-appointment .form-drive .driveTime #datetimeDialog .time-slots {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 8px
}

.c-drive-appointment .form-drive .driveTime #datetimeDialog .time-slot {
	padding: 5px 8px;
	border: 1px solid #ddd;
	text-align: center;
	border-radius: 4px;
	background: #f9f9f9;
	color: #666;
	cursor: not-allowed;
	opacity: .6
}

.c-drive-appointment .form-drive .driveTime #datetimeDialog .time-slot.enabled {
	cursor: pointer;
	opacity: 1;
	background: #fff
}

.c-drive-appointment .form-drive .driveTime #datetimeDialog .time-slot.enabled:hover {
	background: #f0f0f0
}

.c-drive-appointment .form-drive .driveTime #datetimeDialog .time-slot.enabled.active {
	background: #409eff;
	color: #fff;
	border-color: #409eff
}

.c-drive-appointment .form-drive .opNone {
	opacity: 0;
	pointer-events: none
}

.c-drive-appointment .form-drive .typeSelection .gender-selection {
	margin-bottom: 2vh;
	padding-left: 8px
}

.c-drive-appointment .form-drive .typeSelection label {
	margin-bottom: 0
}

.c-drive-appointment .form-drive .submitBtn {
	display: block;
	margin: auto;
	padding: 10px 20px;
	min-width: 200px;
	margin-top: 15px;
	width: 100%;
	background-color: #0e2a5c;
	color: #fff;
	border: none;
	cursor: pointer
}

.c-drive-appointment .form-drive .closeFormBtn {
	background-color: transparent;
	border: none;
	color: #0e2a5c;
	font-size: 50px;
	cursor: pointer;
	position: absolute;
	right: 20px;
	line-height: 1
}

.c-drive-appointment .form-drive .privacy-agreement {
	margin-top: 15px;
	font-size: 12px;
	color: #000
}

.c-drive-appointment .form-drive .privacy-agreement label {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0;
	font-weight: 400
}

.c-drive-appointment .form-drive .privacy-agreement label input {
	margin: 0;
	margin-right: 5px
}

.c-drive-appointment .form-drive .privacy-agreement label a {
	text-decoration: underline;
	color: #000
}

.c-drive-appointment .gender-selection {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.c-drive-appointment .gender-selection input[type=radio] {
	display: none
}

.c-drive-appointment .gender-selection label.custom-radio {
	width: 20px;
	height: 20px;
	border: 1px solid #b4a49e;
	margin: 0 10px;
	position: relative;
	cursor: pointer
}

.c-drive-appointment .gender-selection input[type=radio]:checked+label.custom-radio {
	background-color: transparent;
	border-color: #000
}

.c-drive-appointment .gender-selection input[type=radio]:checked+label.custom-radio:after {
	content: "";
	position: absolute;
	top: 4px;
	left: 4px;
	width: 10px;
	height: 10px;
	background-color: #000
}

.c-drive-appointment .gender-selection label {
	font-size: 14px;
	color: #333
}

.c-drive-appointment .c-address-box .area-header-tips {
	color: #999;
	height: 25px;
	line-height: 25px;
	font-size: 12px;
	padding-left: 10px;
	float: left;
	margin-right: 7px
}

.c-drive-appointment .c-address-box .area-header {
	width: 100%;
	min-width: 180px;
	padding: 0 8px 5px;
	font-size: 14px;
	margin-bottom: 5px;
	border-bottom: 1px solid #b0a19b
}

.c-drive-appointment .c-address-box .area-header-hover {
	z-index: 1;
	height: 25px;
	border-bottom: 0
}

.c-drive-appointment .c-address-box .area-header-input {
	overflow: hidden;
	cursor: pointer
}

.c-drive-appointment .c-address-box .area-header-icon {
	width: 17px;
	height: 17px;
	position: absolute;
	top: 3px;
	right: 4px
}

.c-drive-appointment .c-address-box .area-box {
	width: 100%;
	height: 30vh;
	display: none;
	float: left;
	border-radius: 5px;
	color: #000;
	padding: 12px 12px 15px;
	position: absolute;
	z-index: 1031;
	top: 38px;
	right: 0;
	-webkit-box-shadow: 0 0 5px #ddd;
	box-shadow: 0 0 5px #ddd;
	background-color: #fff
}

.c-drive-appointment .c-address-box .area-box-hover {
	display: block
}

.c-drive-appointment .c-address-box .area-box-title ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	list-style: none;
	padding: 0;
	padding-bottom: 2px;
	margin: 0;
	width: 100%;
	height: 25px;
	border-bottom: 2px solid #ddd
}

.c-drive-appointment .c-address-box .area-box-title ul li {
	width: 40%;
	display: block;
	width: auto;
	max-width: 100px;
	text-align: center;
	background-color: #fff;
	border-bottom: 0;
	margin-right: 20px;
	float: left;
	position: relative;
	cursor: pointer;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.c-drive-appointment .c-address-box .area-box-title ul li.active {
	border-bottom: 2px solid #0e2a5c
}

.c-drive-appointment .c-address-box em {
	font-style: normal
}

.c-drive-appointment .c-address-box .area-box-title .area-box-title-visible {
	display: block;
	height: 23px;
	line-height: 23px;
	border: 1px solid #ddd;
	border-bottom: 0;
	padding: 0 25px 1px 6px
}

.c-drive-appointment .c-address-box .area-box-title .area-box-title-current {
	display: block;
	height: 25px;
	line-height: 25px;
	border: 2px solid #e4393c;
	border-bottom: 0;
	padding: 0 25px 0 6px
}

.c-drive-appointment .c-address-box .area-box-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	overflow: hidden;
	height: 90%;
	width: 100%;
	-ms-flex-pack: distribute;
	justify-content: space-around
}

.c-drive-appointment .c-address-box .area-box-content .area-box-content-panel {
	padding-top: 10px;
	display: none;
	width: 100%;
	position: relative
}

.c-drive-appointment .c-address-box .area-box-content .area-box-content-panel ::-webkit-scrollbar {
	width: 10px;
	height: 10px
}

.c-drive-appointment .c-address-box .area-box-content .area-box-content-panel ::-webkit-scrollbar-track {
	position: absolute;
	background-color: #f1f1f1;
	border-radius: 10px
}

.c-drive-appointment .c-address-box .area-box-content .area-box-content-panel ::-webkit-scrollbar-thumb {
	background-color: #888;
	border-radius: 10px;
	border: 2px solid #f1f1f1
}

.c-drive-appointment .c-address-box .area-box-content .area-box-content-panel ::-webkit-scrollbar-thumb:hover {
	background-color: #555
}

.c-drive-appointment .c-address-box .area-box-content .area-box-content-panel ::-webkit-scrollbar-corner {
	background-color: #f1f1f1
}

.c-drive-appointment .c-address-box .area-box-content .area-box-content-panel .area-box-content-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	overflow-y: auto;
	padding-right: 0;
	height: 100%
}

.c-drive-appointment .c-address-box .area-box-content .area-box-content-panel .area-box-content-list li {
	position: relative;
	width: 100%
}

.c-drive-appointment .c-address-box .area-box-content .area-box-content-panel .area-box-content-list li .icon-up {
	position: absolute;
	right: 10px;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg)
}

.c-drive-appointment .c-address-box .area-box-content .dealership-box .area-box-content-list {
	height: auto !important
}

.c-drive-appointment .c-address-box .area-box-content .dealership-box .ul-title {
	margin-top: 10px;
	margin-bottom: 5px;
	color: #0e2a5c;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.c-drive-appointment .c-address-box .area-box-content .dealership-box .ul-title img {
	height: 12px;
	width: auto;
	margin-right: 10px
}

.c-drive-appointment .c-address-box .area-box-content .dealership-box .dealership-group .area-box-content-list {
	border-bottom: 0 solid #ddd;
	padding-bottom: 0;
	margin-bottom: 0
}

.c-drive-appointment .c-address-box .area-box-content-current {
	display: block
}

.c-drive-appointment .c-address-box .area-box-content-panel ul {
	list-style: none;
	padding-top: 0;
	margin-bottom: -5px
}

.c-drive-appointment .c-address-box .area-box-content-list li {
	padding: 5px 20px;
	cursor: pointer;
	padding-left: 0;
	float: left;
	width: auto;
	line-height: 150%;
	display: list-item
}

.c-drive-appointment .c-address-box .area-box-content-list li.active {
	color: #0e2a5c;
	background-color: #eceef1
}

.c-drive-appointment .c-address-box .area-box-content-list .long-area {
	width: 176px
}

.c-drive-appointment .c-address-box .area-box-content-list li:hover {
	color: #0e2a5c;
	background-color: #eceef1
}

.c-drive-appointment .c-address-box .area-box-content-list li a {
	display: block;
	padding: 2px 4px 2px 0;
	text-decoration: none
}

.c-drive-appointment .c-address-box .area-box-content-list li.area-current a {
	color: #e4393c
}

.c-drive-appointment .c-address-box-m {
	display: none
}

.c-drive-appointment .VerCodeClick {
	position: absolute;
	width: 30%;
	min-width: 110px;
	height: 35px;
	top: auto;
	bottom: 0;
	right: 0;
	color: #fff;
	background-color: #0e2a5c
}

.c-drive-appointment .dialog-content td a {
	padding-block: 5px
}

.c-drive-appointment .ui-datepicker-header {
	background-color: transparent;
	border: 0
}

.c-drive-appointment .ui-datepicker-prev {
	left: 2vw;
	-webkit-transform: scale(.8);
	transform: scale(.8)
}

.c-drive-appointment .ui-datepicker-prev .ui-icon {
	background-image: none;
	border: 1px solid #959595;
	border-width: 0 0 1px 1px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.c-drive-appointment .ui-datepicker-next {
	right: 2vw;
	-webkit-transform: scale(.8);
	transform: scale(.8)
}

.c-drive-appointment .ui-datepicker-next .ui-icon {
	background-image: none;
	border: 1px solid #959595;
	border-width: 0 0 1px 1px;
	-webkit-transform: rotate(225deg);
	transform: rotate(225deg)
}

.c-drive-appointment .ui-state-hover {
	border: 0;
	top: 2px;
	cursor: pointer
}

.c-drive-appointment .ui-state-default {
	text-align: center;
	background-color: #f6f6f6;
	border: 0
}

.c-drive-appointment .ui-state-default.ui-state-active {
	background-color: #409eff
}

.c-drive-appointment .ui-state-disabled span {
	cursor: not-allowed;
	background-color: transparent
}

.c-drive-appointment .dialog-close {
	padding: 15px 20px;
	border-top: 1px solid #ddd;
	text-align: right
}

.c-drive-appointment .dialog-close .dialog-button {
	padding: 5px 15px;
	background-color: #f6f6f6;
	border: 1px solid #777676;
	border-radius: 4px
}

.c-drive-appointment .dialog-close .dialog-button:hover {
	background-color: #f0f0f0
}

.c-drive-appointment .c-drive-time-m {
	display: none
}

@media screen and (max-width:1460px) and (min-width:1000px) {
	.c-drive-appointment .b-container {
		top: 5vw
	}

	.c-drive-appointment .b-container .title {
		margin-bottom: 1vw
	}

	.c-drive-appointment .form-drive .typeSelection .gender-selection {
		margin-bottom: .5vw
	}

	.c-drive-appointment .form-drive .form-group input {
		margin-bottom: 0;
		padding-bottom: 2px
	}

	.c-drive-appointment .form-drive .submitBtn {
		margin-top: 10px;
		padding-block: 8px
	}

	.c-drive-appointment .form-drive .privacy-agreement {
		margin-top: 5px
	}

	.c-drive-appointment .c-address-box .area-header {
		margin-bottom: 0;
		padding-bottom: 2px
	}

	.c-drive-appointment .VerCodeClick {
		height: 30px;
		top: auto;
		bottom: 0
	}
}

@media screen and (max-width:990px) {
	.c-drive-appointment .b-container {
		top: 9%
	}

	.c-drive-appointment .c-address-box .area-box.active {
		width: 80vw
	}
}

@media screen and (max-width:1200px) and (min-width:851px) {
	.c-drive-appointment .b-container .left {
		min-width: 320px
	}

	.c-drive-appointment .b-container .right {
		width: 40%;
		min-width: 460px
	}

	.c-drive-appointment .form-drive .submitBtn {
		width: 100%
	}

	.c-drive-appointment .form-drive .privacy-agreement label {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
}

@media screen and (max-width:850px) {
	.c-drive-appointment {
		height: 100vh;
		background: url(../img/drive-bg-1-0801-m.png) 0 0 no-repeat;
		padding-bottom: 0;
		background-size: cover;
		background-position: bottom
	}

	.c-drive-appointment .pc-show {
		display: none
	}

	.c-drive-appointment .b-container {
		top: 10vh
	}

	.c-drive-appointment .zhengce {
		position: absolute;
		width: 100%;
		padding: 10px 5px;
		background-color: #00000080;
		border-radius: 0;
		margin: 0 auto;
		margin-top: 20px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		gap: 4vw;
		bottom: 0;
		color: #fff
	}

	.c-drive-appointment .zhengce sub,
	.c-drive-appointment .zhengce sup {
		font-size: 30%
	}

	.c-drive-appointment .zhengce sup {
		top: -2vw
	}

	.c-drive-appointment .zhengce .xiao {
		font-size: 80%
	}

	.c-drive-appointment .zhengce .text {
		text-align: center
	}

	.c-drive-appointment .mb-show {
		display: block
	}

	.c-drive-appointment .b-container {
		padding-top: 0
	}

	.c-drive-appointment .b-container .title {
		width: 100%;
		margin-bottom: 0
	}

	.c-drive-appointment .b-container .title h2 {
		padding-inline: 1px
	}

	.c-drive-appointment .b-container .main-box {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.c-drive-appointment .b-container .left {
		margin-right: 0;
		width: 100%;
		min-width: auto
	}

	.c-drive-appointment .b-container .left .left-main-box {
		margin-top: 0;
		padding: 0
	}

	.c-drive-appointment .b-container .left h2 {
		display: none
	}

	.c-drive-appointment .b-container .left .chengce {
		-webkit-transform: none;
		transform: none;
		padding: 5px 20px;
		margin-top: 0
	}

	.c-drive-appointment .b-container .left .chengce .left-title {
		padding-bottom: 5px;
		font-size: 14px
	}

	.c-drive-appointment .b-container .left .chengce .h5 {
		margin-top: 5px
	}

	.c-drive-appointment .b-container .left .chengce span {
		margin-top: 5px;
		font-weight: 700
	}

	.c-drive-appointment .b-container .right {
		width: 100%;
		max-width: 600px;
		margin-top: 10px
	}

	.c-drive-appointment .form-drive .submitBtn {
		width: 100%;
		margin-top: 1.5vw
	}

	.c-drive-appointment .form-drive .privacy-agreement {
		margin-top: 5px
	}

	.c-drive-appointment .form-drive .privacy-agreement label {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-top: 0
	}

	.c-drive-appointment .c-address-box .area-box-content .area-box-content-panel {
		width: 45%
	}

	.c-drive-appointment .c-address-box .area-box-content-list li {
		padding: 5px 10px
	}

	.c-drive-appointment .c-address-box .area-box-content-list {
		overflow-y: scroll !important;
		padding-right: 0 !important
	}

	.c-drive-appointment .overlay {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, .5);
		display: none;
		z-index: 1035
	}

	.c-drive-appointment .c-address-box-m {
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 60vh;
		background-color: #fff;
		border-top: 1px solid #b0a19b;
		padding: 20px;
		display: none;
		z-index: 1040
	}

	.c-drive-appointment .c-address-box-m .area {
		height: 100%
	}

	.c-drive-appointment .c-address-box-m .area .title {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		margin-bottom: 20px
	}

	.c-drive-appointment .c-address-box-m .area .title .closeFormBtn {
		background-color: transparent;
		border: none;
		color: #0e2a5c;
		cursor: pointer;
		line-height: 1
	}

	.c-drive-appointment .c-address-box-m .area .area-entrance,
	.c-drive-appointment .c-address-box-m .area .area-entrance .area-box {
		height: 100%
	}

	.c-drive-appointment .c-address-box-m .area-header-tips {
		color: #999;
		height: 25px;
		line-height: 25px;
		font-size: 12px;
		padding-left: 10px;
		float: left;
		margin-right: 7px
	}

	.c-drive-appointment .c-address-box-m .area-header {
		width: 100%;
		min-width: 180px;
		padding: 0 8px 5px;
		font-size: 14px;
		margin-bottom: 5px;
		border-bottom: 1px solid #b0a19b
	}

	.c-drive-appointment .c-address-box-m .area-header-hover {
		z-index: 1;
		height: 25px;
		border-bottom: 0
	}

	.c-drive-appointment .c-address-box-m .area-header-input {
		overflow: hidden;
		cursor: pointer
	}

	.c-drive-appointment .c-address-box-m .area-header-icon {
		width: 17px;
		height: 17px;
		position: absolute;
		top: 3px;
		right: 4px
	}

	.c-drive-appointment .c-address-box-m .area-box-hover {
		display: block
	}

	.c-drive-appointment .c-address-box-m .area-box-title ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		list-style: none;
		padding: 0;
		margin: 0;
		width: 100%;
		height: 25px;
		margin-bottom: 10px
	}

	.c-drive-appointment .c-address-box-m .area-box-title ul li {
		display: block;
		text-align: center;
		min-width: 0;
		width: auto;
		max-width: 100px;
		white-space: nowrap;
		text-overflow: ellipsis;
		background-color: #fff;
		border-bottom: 0;
		margin-right: 10px;
		overflow: hidden;
		float: left;
		position: relative
	}

	.c-drive-appointment .c-address-box-m .area-box-title ul li.active {
		border-bottom: 2px solid #0e2a5c
	}

	.c-drive-appointment .c-address-box-m .area-box-title ul li.dealership1 {
		display: none
	}

	.c-drive-appointment .c-address-box-m em {
		font-style: normal
	}

	.c-drive-appointment .c-address-box-m .area-box-title .area-box-title-visible {
		display: block;
		height: 23px;
		line-height: 23px;
		border: 1px solid #ddd;
		border-bottom: 0;
		padding: 0 25px 1px 6px
	}

	.c-drive-appointment .c-address-box-m .area-box-title .area-box-title-current {
		display: block;
		height: 25px;
		line-height: 25px;
		border: 2px solid #e4393c;
		border-bottom: 0;
		padding: 0 25px 0 6px
	}

	.c-drive-appointment .c-address-box-m .area-box-content {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		overflow: hidden;
		height: 100%;
		-ms-flex-pack: distribute;
		justify-content: space-around;
		position: absolute;
		width: 300%;
		padding-bottom: 20px
	}

	.c-drive-appointment .c-address-box-m .area-box-content .area-box-content-panel {
		display: block;
		width: 100%;
		position: relative;
		padding-top: 0
	}

	.c-drive-appointment .c-address-box-m .area-box-content .area-box-content-panel ::-webkit-scrollbar {
		width: 10px;
		height: 10px;
		display: none
	}

	.c-drive-appointment .c-address-box-m .area-box-content .area-box-content-panel ::-webkit-scrollbar-track {
		position: absolute;
		background-color: #f1f1f1;
		border-radius: 10px
	}

	.c-drive-appointment .c-address-box-m .area-box-content .area-box-content-panel ::-webkit-scrollbar-thumb {
		background-color: #888;
		border-radius: 10px;
		border: 2px solid #f1f1f1
	}

	.c-drive-appointment .c-address-box-m .area-box-content .area-box-content-panel ::-webkit-scrollbar-thumb:hover {
		background-color: #555
	}

	.c-drive-appointment .c-address-box-m .area-box-content .area-box-content-panel ::-webkit-scrollbar-corner {
		background-color: #f1f1f1
	}

	.c-drive-appointment .c-address-box-m .area-box-content .area-box-content-panel .area-box-content-list {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		overflow: scroll;
		height: 75%
	}

	.c-drive-appointment .c-address-box-m .area-box-content .area-box-content-panel .area-box-content-list li {
		position: relative;
		width: 88%
	}

	.c-drive-appointment .c-address-box-m .area-box-content .area-box-content-panel .area-box-content-list li .icon-up {
		position: absolute;
		right: 10px;
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg)
	}

	.c-drive-appointment .c-address-box-m .area-box-content .dealership-box .area-box-content-list {
		height: auto !important
	}

	.c-drive-appointment .c-address-box-m .area-box-content .dealership-box .ul-title {
		padding-left: 20px;
		margin-top: 10px;
		margin-bottom: 5px;
		color: #0e2a5c;
		position: relative;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}

	.c-drive-appointment .c-address-box-m .area-box-content .dealership-box .ul-title img {
		height: 12px;
		width: auto;
		margin-right: 10px
	}

	.c-drive-appointment .c-address-box-m .area-box-content .dealership-box .dealership-group:first-child .area-box-content-list {
		border-bottom: 0 solid #ddd;
		padding-bottom: 0;
		margin-bottom: 0
	}

	.c-drive-appointment .c-address-box-m .area-box-content-current {
		display: block
	}

	.c-drive-appointment .c-address-box-m .area-box-content-panel ul {
		list-style: none;
		padding-top: 0;
		margin-bottom: -5px
	}

	.c-drive-appointment .c-address-box-m .area-box-content-list li {
		padding: 5px 20px;
		cursor: pointer;
		float: left;
		width: auto;
		line-height: 150%;
		display: list-item
	}

	.c-drive-appointment .c-address-box-m .area-box-content-list li.active {
		color: #0e2a5c;
		background-color: #eceef1
	}

	.c-drive-appointment .c-address-box-m .area-box-content-list .long-area {
		width: 176px
	}

	.c-drive-appointment .c-address-box-m .area-box-content-list li a {
		display: block;
		padding: 2px 4px 2px 0;
		text-decoration: none
	}

	.c-drive-appointment .c-address-box-m .area-box-content-list li.area-current a {
		color: #e4393c
	}

	.c-drive-appointment .c-drive-time-m {
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		height: auto;
		background-color: #fff;
		border-top: 1px solid #b0a19b;
		padding: 0 20px 20px;
		z-index: 1040
	}

	.c-drive-appointment .c-drive-time-m .header {
		padding: 15px;
		text-align: center;
		border-bottom: 1px solid #ebedf0;
		position: relative
	}

	.c-drive-appointment .c-drive-time-m .header .close-btn {
		position: absolute;
		right: 20px;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		background: none;
		border: none;
		font-size: 20px;
		color: #969799;
		cursor: pointer
	}

	.c-drive-appointment .c-drive-time-m .picker-label {
		padding: 10px 20px;
		font-size: 14px;
		color: #969799;
		background-color: #f7f8fa;
		border-bottom: 1px solid #ebedf0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}

	.c-drive-appointment .c-drive-time-m .picker-label span {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
		text-align: center
	}

	.c-drive-appointment .c-drive-time-m .picker-container {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		height: 300px;
		position: relative
	}

	.c-drive-appointment .c-drive-time-m .picker-container .picker-column {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
		overflow: hidden;
		position: relative
	}

	.c-drive-appointment .c-drive-time-m .picker-container .picker-column:after,
	.c-drive-appointment .c-drive-time-m .picker-container .picker-column:before {
		content: "";
		position: absolute;
		left: 0;
		right: 0;
		height: 1px;
		background-color: #ebedf0;
		z-index: 2
	}

	.c-drive-appointment .c-drive-time-m .picker-container .picker-column:before {
		top: 50%;
		-webkit-transform: translateY(-22px);
		transform: translateY(-22px)
	}

	.c-drive-appointment .c-drive-time-m .picker-container .picker-column:after {
		bottom: 50%;
		-webkit-transform: translateY(22px);
		transform: translateY(22px)
	}

	.c-drive-appointment .c-drive-time-m .picker-container .picker-column .picker-mask {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, .9)), color-stop(30%, hsla(0, 0%, 100%, .6)), color-stop(50%, transparent), color-stop(50%, transparent), color-stop(70%, hsla(0, 0%, 100%, .6)), to(hsla(0, 0%, 100%, .9)));
		background: linear-gradient(180deg, hsla(0, 0%, 100%, .9) 0, hsla(0, 0%, 100%, .6) 30%, transparent 50%, transparent 0, hsla(0, 0%, 100%, .6) 70%, hsla(0, 0%, 100%, .9));
		pointer-events: none;
		z-index: 1
	}

	.c-drive-appointment .c-drive-time-m .picker-container .picker-column .picker-list {
		list-style: none;
		-webkit-transform: translateY(132px);
		transform: translateY(132px);
		-webkit-transition: -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
		transition: -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
		transition: transform .3s cubic-bezier(.23, 1, .32, 1);
		transition: transform .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1)
	}

	.c-drive-appointment .c-drive-time-m .picker-container .picker-column .picker-item {
		height: 44px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		font-size: 16px;
		color: #646566;
		-webkit-transition: color .2s, font-weight .2s;
		transition: color .2s, font-weight .2s;
		cursor: pointer
	}

	.c-drive-appointment .c-drive-time-m .picker-container .picker-column .picker-item.selected {
		color: #323233;
		font-weight: 600
	}

	.c-drive-appointment .c-drive-time-m .picker-container .picker-column .picker-item .picker-label {
		padding: 10px 20px;
		font-size: 14px;
		color: #969799;
		background-color: #f7f8fa;
		border-bottom: 1px solid #ebedf0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}

	.c-drive-appointment .c-drive-time-m .picker-container .picker-column .picker-item .picker-label span {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
		text-align: center
	}

	.c-drive-appointment .c-drive-time-m .action-buttons {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		padding: 15px 20px;
		gap: 10px
	}

	.c-drive-appointment .c-drive-time-m .action-buttons .btn {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
		height: 44px;
		border: none;
		border-radius: 8px;
		font-size: 16px;
		font-weight: 500;
		cursor: pointer;
		-webkit-transition: all .2s;
		transition: all .2s
	}

	.c-drive-appointment .c-drive-time-m .action-buttons .btn:active {
		opacity: .8;
		-webkit-transform: scale(.98);
		transform: scale(.98)
	}

	.c-drive-appointment .c-drive-time-m .action-buttons .btn-cancel {
		background-color: #f7f8fa;
		color: #646566
	}

	.c-drive-appointment .c-drive-time-m .action-buttons .btn-confirm {
		background-color: #07c160;
		color: #fff
	}

	@-webkit-keyframes fadeIn {
		0% {
			opacity: 0;
			-webkit-transform: translateY(20px);
			transform: translateY(20px)
		}

		to {
			opacity: 1;
			-webkit-transform: translateY(0);
			transform: translateY(0)
		}
	}

	@keyframes fadeIn {
		0% {
			opacity: 0;
			-webkit-transform: translateY(20px);
			transform: translateY(20px)
		}

		to {
			opacity: 1;
			-webkit-transform: translateY(0);
			transform: translateY(0)
		}
	}

	.c-drive-appointment .form-drive .form-group,
	.c-drive-appointment .form-drive .form-group input {
		margin-bottom: 0
	}

	.c-drive-appointment .form-drive .form-group .addressError,
	.c-drive-appointment .form-drive .form-group .error {
		margin-top: 5px
	}

	.c-drive-appointment .form-drive .form-group .addressError222 {
		margin-top: 0
	}
}

.c-drive-appointment1 {
	margin-bottom: 2vw
}

.c-drive-appointment1 .b-container {
	top: 10vh
}

@media screen and (max-width:520px) {
	.c-drive-appointment {
		padding-top: 0;
		padding-bottom: 0
	}

	.c-drive-appointment .title {
		-webkit-transform: scale(.9);
		transform: scale(.9)
	}

	.c-drive-appointment .form-drive .submitBtn {
		margin-top: 1.5vw
	}

	.c-drive-appointment .form-drive .privacy-agreement {
		margin-top: 5px
	}

	.c-drive-appointment .form-drive .privacy-agreement label {
		font-size: 9px
	}

	.c-drive-appointment .b-container .left {
		width: 100%
	}

	.c-drive-appointment .b-container .left .left-main-title {
		-webkit-transform: scale(.9);
		transform: scale(.9)
	}

	.c-drive-appointment .b-container .left .left-main-box {
		margin-top: 0;
		border-left: 7px solid #003468
	}

	.c-drive-appointment .b-container .left .left-main-box .left-title:after {
		height: 1px
	}

	.c-drive-appointment .b-container .left .chengce {
		padding: 5px 0;
		-webkit-transform: none;
		transform: none
	}

	.c-drive-appointment .b-container .left .chengce .left-title,
	.c-drive-appointment .b-container .left .chengce p {
		font-size: 10px
	}

	.c-drive-appointment .b-container .left .chengce .h5 {
		margin-top: 5px
	}

	.c-drive-appointment .b-container .left .chengce span {
		font-size: 10px
	}

	.c-drive-appointment .form-drive .form-group,
	.c-drive-appointment .form-drive .form-group input {
		margin-bottom: 0
	}

	.c-drive-appointment .form-drive .form-group .addressError {
		margin-top: 5px
	}
}

@media screen and (max-width:520px) {
	.c-drive-appointment1 {
		padding-top: 0
	}

	.c-drive-appointment1 .b-container {
		top: 10vh
	}
}

#formContainer2502 {
	position: fixed;
	bottom: -100%;
	left: 0;
	width: 100%;
	background-color: #fff;
	border-top: 1px solid #ccc;
	padding: 20px;
	-webkit-box-shadow: 0 -2px 5px rgba(0, 0, 0, .1);
	box-shadow: 0 -2px 5px rgba(0, 0, 0, .1);
	z-index: 1030;
	-webkit-transition: bottom .4s ease-in-out;
	transition: bottom .4s ease-in-out
}

#formContainer2502.active {
	bottom: 0
}

#formContainer2502 .custon-select-input {
	min-width: 180px;
	padding: 8px;
	position: relative;
	display: inline-block;
	width: 100%;
	font-size: 14px;
	border-bottom: 1px solid #ccc;
	background-color: #fff;
	cursor: pointer
}

#formContainer2502 .custom-arrow {
	position: absolute;
	top: 50%;
	right: 10px;
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #0e2a5c;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

#formContainer2502 .custom-select {
	position: relative
}

#formContainer2502 .custom-select ul {
	position: absolute;
	top: 100%;
	left: 0;
	display: none;
	width: 100%;
	max-height: 400px;
	background: #fff;
	border: 1px solid #d6d6d6;
	border-top: none;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	overflow-y: auto
}

#formContainer2502 .custom-select ul li {
	line-height: 2.5;
	border-top: 1px solid #ddd;
	text-align: center;
	cursor: pointer
}

#formContainer2502 .custom-select ul li:first-child {
	border-top: 0
}

#formContainer2502 .custom-select ul li:hover {
	background-color: #f2f2f2
}

#formContainer2502 h3 {
	text-align: center
}

#formContainer2502 .form-group-box {
	width: 100%;
	max-width: 1200px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 20px auto 0;
	-ms-flex-pack: distribute;
	justify-content: space-around
}

#formContainer2502 .form-group {
	margin-bottom: 15px
}

#formContainer2502 .form-group label {
	display: block;
	margin-bottom: 5px
}

#formContainer2502 .form-group input,
#formContainer2502 .form-group select {
	width: 100%;
	min-width: 180px;
	padding: 8px;
	font-size: 14px;
	margin-bottom: 5px;
	border-bottom: 1px solid #8f9090
}

#formContainer2502 .form-group .error {
	color: red;
	font-size: 12px;
	min-height: 20px
}

#formContainer2502 .submitBtn {
	display: block;
	margin: auto;
	padding: 10px 20px;
	min-width: 200px;
	width: 400px;
	background-color: #0e2a5c;
	color: #fff;
	border: none;
	cursor: pointer
}

#formContainer2502 .drive-title {
	position: relative
}

#formContainer2502 .drive-title .closeFormBtn {
	background-color: transparent;
	border: none;
	color: #0e2a5c;
	font-size: 50px;
	cursor: pointer;
	position: absolute;
	right: 20px;
	line-height: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

#formContainer2502 .privacy-agreement {
	margin-top: 20px;
	font-size: 14px;
	color: #333
}

#formContainer2502 .privacy-agreement label {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 0;
	font-weight: 400
}

#formContainer2502 .privacy-agreement label input {
	margin: 0;
	margin-right: 5px
}

#formContainer2502 .privacy-agreement label a {
	text-decoration: underline
}

.scroll-lock {
	overflow: hidden;
	position: relative;
	height: 100vh
}

#successMessage2502 {
	display: none;
	padding: 10px;
	background-color: #28a745;
	color: #fff;
	margin-top: 10px
}

.c-index-drive .c-address-box {
	position: relative
}

.c-index-drive .c-address-box .area-header-tips {
	color: #999;
	height: 25px;
	line-height: 25px;
	font-size: 12px;
	padding-left: 10px;
	float: left;
	margin-right: 7px
}

.c-index-drive .c-address-box .area-header {
	width: 100%;
	min-width: 180px;
	padding: 8px;
	font-size: 14px;
	margin-bottom: 5px;
	border-bottom: 1px solid #b0a19b
}

.c-index-drive .c-address-box .area-header-hover {
	z-index: 1;
	height: 25px;
	border-bottom: 0
}

.c-index-drive .c-address-box .area-header-input {
	overflow: hidden;
	cursor: pointer
}

.c-index-drive .c-address-box .area-header-icon {
	width: 17px;
	height: 17px;
	position: absolute;
	top: 3px;
	right: 4px
}

.c-index-drive .c-address-box .area-box {
	width: 100%;
	min-width: 400px;
	height: 30vh;
	display: none;
	float: left;
	border: 1px solid #cecbce;
	color: #000;
	padding: 12px 12px 15px;
	position: absolute;
	z-index: 1031;
	bottom: 5vh;
	right: 0;
	-webkit-box-shadow: 0 0 5px #ddd;
	box-shadow: 0 0 5px #ddd;
	background-color: #fff
}

.c-index-drive .c-address-box .area-box-hover {
	display: block
}

.c-index-drive .c-address-box .area-box-title ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: space-evenly;
	-ms-flex-pack: space-evenly;
	justify-content: space-evenly;
	list-style: none;
	padding: 0;
	margin: 0;
	width: 100%;
	height: 25px;
	border-bottom: 2px solid #ddd
}

.c-index-drive .c-address-box .area-box-title ul li {
	width: 40%;
	display: block;
	text-align: center;
	background-color: #fff;
	border-bottom: 0;
	margin-right: 4px;
	overflow: hidden;
	float: left;
	position: relative
}

.c-index-drive .c-address-box em {
	font-style: normal
}

.c-index-drive .c-address-box .area-box-title .area-box-title-visible {
	display: block;
	height: 23px;
	line-height: 23px;
	border: 1px solid #ddd;
	border-bottom: 0;
	padding: 0 25px 1px 6px
}

.c-index-drive .c-address-box .area-box-title .area-box-title-current {
	display: block;
	height: 25px;
	line-height: 25px;
	border: 2px solid #e4393c;
	border-bottom: 0;
	padding: 0 25px 0 6px
}

.c-index-drive .c-address-box .area-box-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	overflow: hidden;
	height: 100%;
	-ms-flex-pack: distribute;
	justify-content: space-around
}

.c-index-drive .c-address-box .area-box-content .area-box-content-panel {
	display: block;
	width: 50%;
	position: relative
}

.c-index-drive .c-address-box .area-box-content .area-box-content-panel ::-webkit-scrollbar {
	width: 10px;
	height: 10px
}

.c-index-drive .c-address-box .area-box-content .area-box-content-panel ::-webkit-scrollbar-track {
	position: absolute;
	background-color: #f1f1f1;
	border-radius: 10px
}

.c-index-drive .c-address-box .area-box-content .area-box-content-panel ::-webkit-scrollbar-thumb {
	background-color: #888;
	border-radius: 10px;
	border: 2px solid #f1f1f1
}

.c-index-drive .c-address-box .area-box-content .area-box-content-panel ::-webkit-scrollbar-thumb:hover {
	background-color: #555
}

.c-index-drive .c-address-box .area-box-content .area-box-content-panel ::-webkit-scrollbar-corner {
	background-color: #f1f1f1
}

.c-index-drive .c-address-box .area-box-content .area-box-content-panel .area-box-content-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	padding-right: 10px;
	overflow-y: hidden;
	height: 100%
}

.c-index-drive .c-address-box .area-box-content .area-box-content-panel .area-box-content-list:hover {
	overflow-y: scroll;
	padding-right: 0
}

.c-index-drive .c-address-box .area-box-content .area-box-content-panel .area-box-content-list li {
	position: relative;
	width: 100%
}

.c-index-drive .c-address-box .area-box-content .area-box-content-panel .area-box-content-list li .icon-up {
	position: absolute;
	right: 10px;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg)
}

.c-index-drive .c-address-box .area-box-content .city-box ul {
	border-left: 1px solid #ddd
}

.c-index-drive .c-address-box .area-box-content-current {
	display: block
}

.c-index-drive .c-address-box .area-box-content-panel ul {
	list-style: none;
	padding-top: 0;
	margin-bottom: -5px
}

.c-index-drive .c-address-box .area-box-content-list li {
	padding: 5px 20px;
	cursor: pointer;
	float: left;
	width: auto;
	line-height: 150%;
	display: list-item
}

.c-index-drive .c-address-box .area-box-content-list li.active {
	color: #0e2a5c;
	background-color: #eceef1
}

.c-index-drive .c-address-box .area-box-content-list .long-area {
	width: 176px
}

.c-index-drive .c-address-box .area-box-content-list li:hover {
	color: #0e2a5c;
	background-color: #eceef1
}

.c-index-drive .c-address-box .area-box-content-list li a {
	display: block;
	padding: 2px 4px 2px 0;
	text-decoration: none
}

.c-index-drive .c-address-box .area-box-content-list li.area-current a {
	color: #e4393c
}

.c-index-drive .c-address-box-m {
	display: none
}

.c-layer,
.c-layer-privacy,
.c-layer-success {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	z-index: 1032;
	background: rgba(0, 0, 0, .7)
}

.c-layer-privacy .layer-content,
.c-layer-success .layer-content,
.c-layer .layer-content {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	max-width: 50%;
	margin-top: -5%;
	padding: 30px 40px;
	white-space: nowrap;
	background: #f6f3f2;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #000
}

.c-layer-privacy p,
.c-layer-success p,
.c-layer p {
	margin: 0;
	color: #000
}

@media screen and (max-width:850px) {
	#formContainer2502 .form-group {
		width: 100%;
		margin-bottom: 10px
	}

	#formContainer2502 .form-group .custom-select {
		margin-bottom: 20px
	}

	#formContainer2502 .submitBtn {
		width: 100%
	}

	#formContainer2502 .privacy-agreement {
		margin-top: 10px
	}

	#formContainer2502 .privacy-agreement label {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.c-address-box .area-box-content .area-box-content-panel {
		width: 45%
	}

	.c-address-box .area-box-content-list li {
		padding: 5px 10px
	}

	.c-address-box .area-box-content-list {
		overflow-y: scroll !important;
		padding-right: 0 !important
	}

	.overlay {
		top: 0;
		height: 100%;
		background-color: rgba(0, 0, 0, .5);
		z-index: 1035
	}

	.c-address-box-m,
	.overlay {
		position: fixed;
		left: 0;
		width: 100%;
		display: none
	}

	.c-address-box-m {
		bottom: 0;
		height: 60vh;
		background-color: #fff;
		border-top: 1px solid #b0a19b;
		padding: 20px;
		z-index: 1040
	}

	.c-address-box-m .area {
		height: 100%
	}

	.c-address-box-m .area .title {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		margin-bottom: 20px
	}

	.c-address-box-m .area .title .closeFormBtn {
		background-color: transparent;
		border: none;
		color: #0e2a5c;
		cursor: pointer;
		line-height: 1
	}

	.c-address-box-m .area .area-entrance,
	.c-address-box-m .area .area-entrance .area-box {
		height: 100%
	}

	.c-address-box-m .area-header-tips {
		color: #999;
		height: 25px;
		line-height: 25px;
		font-size: 12px;
		padding-left: 10px;
		float: left;
		margin-right: 7px
	}

	.c-address-box-m .area-header {
		width: 100%;
		min-width: 180px;
		padding: 0 8px 5px;
		font-size: 14px;
		margin-bottom: 5px;
		border-bottom: 1px solid #b0a19b
	}

	.c-address-box-m .area-header-hover {
		z-index: 1;
		height: 25px;
		border-bottom: 0
	}

	.c-address-box-m .area-header-input {
		overflow: hidden;
		cursor: pointer
	}

	.c-address-box-m .area-header-icon {
		width: 17px;
		height: 17px;
		position: absolute;
		top: 3px;
		right: 4px
	}

	.c-address-box-m .area-box-hover {
		display: block
	}

	.c-address-box-m .area-box-title ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		list-style: none;
		padding: 0;
		margin: 0;
		width: 100%;
		height: 25px;
		margin-bottom: 10px
	}

	.c-address-box-m .area-box-title ul li {
		display: block;
		text-align: center;
		width: 100px;
		background-color: #fff;
		border-bottom: 0;
		margin-right: 4px;
		overflow: hidden;
		float: left;
		position: relative
	}

	.c-address-box-m .area-box-title ul li.active {
		border-bottom: 2px solid #e4393c
	}

	.c-address-box-m em {
		font-style: normal
	}

	.c-address-box-m .area-box-title .area-box-title-visible {
		display: block;
		height: 23px;
		line-height: 23px;
		border: 1px solid #ddd;
		border-bottom: 0;
		padding: 0 25px 1px 6px
	}

	.c-address-box-m .area-box-title .area-box-title-current {
		display: block;
		height: 25px;
		line-height: 25px;
		border: 2px solid #e4393c;
		border-bottom: 0;
		padding: 0 25px 0 6px
	}

	.c-address-box-m .area-box-content {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		overflow: hidden;
		height: 100%;
		-ms-flex-pack: distribute;
		justify-content: space-around;
		position: absolute;
		width: 200%;
		padding-bottom: 20px
	}

	.c-address-box-m .area-box-content .area-box-content-panel {
		display: block;
		width: 100%;
		position: relative
	}

	.c-address-box-m .area-box-content .area-box-content-panel ::-webkit-scrollbar {
		width: 10px;
		height: 10px;
		display: none
	}

	.c-address-box-m .area-box-content .area-box-content-panel ::-webkit-scrollbar-track {
		position: absolute;
		background-color: #f1f1f1;
		border-radius: 10px
	}

	.c-address-box-m .area-box-content .area-box-content-panel ::-webkit-scrollbar-thumb {
		background-color: #888;
		border-radius: 10px;
		border: 2px solid #f1f1f1
	}

	.c-address-box-m .area-box-content .area-box-content-panel ::-webkit-scrollbar-thumb:hover {
		background-color: #555
	}

	.c-address-box-m .area-box-content .area-box-content-panel ::-webkit-scrollbar-corner {
		background-color: #f1f1f1
	}

	.c-address-box-m .area-box-content .area-box-content-panel .area-box-content-list {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		overflow: scroll;
		height: 75%
	}

	.c-address-box-m .area-box-content .area-box-content-panel .area-box-content-list li {
		position: relative;
		width: 88%
	}

	.c-address-box-m .area-box-content .area-box-content-panel .area-box-content-list li .icon-up {
		position: absolute;
		right: 10px;
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg)
	}

	.c-address-box-m .area-box-content-current {
		display: block
	}

	.c-address-box-m .area-box-content-panel ul {
		list-style: none;
		padding-top: 0;
		margin-bottom: -5px
	}

	.c-address-box-m .area-box-content-list li {
		padding: 5px 20px;
		cursor: pointer;
		float: left;
		width: auto;
		line-height: 150%;
		display: list-item
	}

	.c-address-box-m .area-box-content-list li.active {
		color: #0e2a5c;
		background-color: #eceef1
	}

	.c-address-box-m .area-box-content-list .long-area {
		width: 176px
	}

	.c-address-box-m .area-box-content-list li:hover {
		color: #0e2a5c;
		background-color: #eceef1
	}

	.c-address-box-m .area-box-content-list li a {
		display: block;
		padding: 2px 4px 2px 0;
		text-decoration: none
	}

	.c-address-box-m .area-box-content-list li.area-current a {
		color: #e4393c
	}
}

@media screen and (min-width:768px) {

	.c-layer-privacy .layer-content,
	.c-layer-success .layer-content,
	.c-layer .layer-content {
		margin-top: -2%;
		padding: 30px 50px
	}
}

@media screen and (min-width:1600px) {

	.c-layer-privacy .layer-content,
	.c-layer-success .layer-content,
	.c-layer .layer-content {
		padding: 40px 60px
	}
}

.c-layer-privacy,
.c-layer-success {
	background: rgba(0, 0, 0, .7)
}

.c-layer-privacy .layer-content,
.c-layer-success .layer-content {
	display: block;
	width: 500px;
	padding: 60px 50px 30px;
	text-align: center;
	background: #f6f3f2
}

.c-layer-privacy .layer-content .close-box,
.c-layer-success .layer-content .close-box {
	position: absolute;
	top: 0;
	right: 0;
	width: 55px;
	height: 55px;
	cursor: pointer
}

.c-layer-privacy .layer-content .description,
.c-layer-success .layer-content .description {
	white-space: normal;
	word-break: break-all;
	word-wrap: break-word
}

.c-layer-privacy .layer-content .close-box .iconfont,
.c-layer-success .layer-content .close-box .iconfont {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.c-layer-privacy .layer-content .close-box:hover .iconfont,
.c-layer-success .layer-content .close-box:hover .iconfont {
	opacity: .7
}

.c-layer-privacy .layer-content .title,
.c-layer-success .layer-content .title {
	margin-bottom: 15px
}

.c-layer-privacy .layer-content .btn-confirm,
.c-layer-success .layer-content .btn-confirm {
	display: inline-block;
	width: 250px;
	margin-top: 40px;
	line-height: 50px;
	color: #fff;
	background: #000
}

@media screen and (max-width:767px) {

	.c-layer-privacy .layer-content,
	.c-layer-success .layer-content {
		width: 90%;
		max-width: 300px;
		padding-left: 30px;
		padding-right: 30px
	}

	.c-layer-privacy .layer-content .close-box,
	.c-layer-success .layer-content .close-box {
		width: 45px;
		height: 45px
	}

	.c-layer-privacy .layer-content .btn-confirm,
	.c-layer-success .layer-content .btn-confirm {
		width: 80%;
		margin-top: 30px;
		line-height: 40px
	}
}

.c-layer-privacy .layer-content {
	white-space: normal;
	text-align: left
}

.c-layer-privacy .layer-content .title {
	text-align: center
}

.c-layer-privacy .layer-content .scroll-content {
	max-height: 60vh;
	overflow: auto
}

@media screen and (max-width:767px) {
	.c-layer-privacy .layer-content {
		max-width: none;
		padding-left: 15px;
		padding-right: 15px
	}
}

.c-tips-drive {
	height: 100vh;
	width: 100%
}

.c-tips-drive .custon-select-input {
	min-width: 180px;
	padding: 8px;
	position: relative;
	display: inline-block;
	width: 100%;
	font-size: 14px;
	border-bottom: 1px solid #ccc;
	background-color: transparent;
	cursor: pointer
}

.c-tips-drive .custom-arrow {
	position: absolute;
	top: 50%;
	right: 10px;
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #0e2a5c;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.c-tips-drive .custom-select {
	position: relative
}

.c-tips-drive .custom-select ul {
	position: absolute;
	top: 100%;
	left: 0;
	display: none;
	width: 100%;
	max-height: 400px;
	background: #fff;
	border: 1px solid #d6d6d6;
	border-top: none;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	z-index: 1;
	overflow-y: auto
}

.c-tips-drive .custom-select ul li {
	line-height: 2.5;
	border-top: 1px solid #ddd;
	text-align: center;
	cursor: pointer
}

.c-tips-drive .custom-select ul li:first-child {
	border-top: 0
}

.c-tips-drive .custom-select ul li:hover {
	background-color: #f2f2f2
}

.c-tips-drive .container_map_test-drive {
	width: 100%;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 100vh;
	padding-block: 100px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.c-tips-drive .container_map_test-drive .left {
	-webkit-box-flex: 6;
	-ms-flex: 6;
	flex: 6;
	height: 100%;
	padding-left: 5vw;
	width: 100%
}

.c-tips-drive .container_map_test-drive .left .map-container {
	width: 100%;
	height: 100%
}

.c-tips-drive .container_map_test-drive .left .map-container .map {
	height: 100%
}

.c-tips-drive .container_map_test-drive .right {
	height: 100%;
	padding: 0 5vw;
	-webkit-box-flex: 4;
	-ms-flex: 4;
	flex: 4;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.c-tips-drive .container_map_test-drive .right .title {
	position: absolute;
	left: 5vw;
	top: 2vw
}

.c-tips-drive .b-container {
	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;
	height: 100vh;
	padding-block: 100px
}

.c-tips-drive .b-container .left {
	width: 100%;
	height: 100%;
	min-width: 470px;
	text-align: center;
	margin-right: auto
}

.c-tips-drive .b-container .left .map-container,
.c-tips-drive .b-container .left .map-container .map {
	width: 100%;
	height: 100%
}

.c-tips-drive .b-container .left h3 {
	position: relative;
	display: inline-block
}

.c-tips-drive .b-container .left h3:before {
	left: -160px
}

.c-tips-drive .b-container .left h3:after,
.c-tips-drive .b-container .left h3:before {
	content: "";
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 150px;
	height: 1px;
	background: -webkit-gradient(linear, left top, right top, from(#ddd), color-stop(50%, #333), to(#ddd));
	background: linear-gradient(90deg, #ddd 0, #333 50%, #ddd)
}

.c-tips-drive .b-container .left h3:after {
	right: -160px
}

.c-tips-drive .b-container .left .chengce {
	background-color: #002c5f;
	padding: 20px 40px;
	color: #fff;
	font-size: 20px;
	margin-top: 20px
}

.c-tips-drive .b-container .left .chengce span {
	font-size: 40px
}

.c-tips-drive .b-container .right {
	position: relative;
	min-width: 520px;
	padding-left: 40px
}

.c-tips-drive .b-container .right .title {
	text-align: center
}

.c-tips-drive .b-container .right h3 {
	position: relative;
	display: inline-block;
	margin-bottom: 40px
}

.c-tips-drive .b-container .right h3:before {
	left: -160px
}

.c-tips-drive .b-container .right h3:after,
.c-tips-drive .b-container .right h3:before {
	content: "";
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 150px;
	height: 1px;
	background: -webkit-gradient(linear, left top, right top, from(#ddd), color-stop(50%, #333), to(#ddd));
	background: linear-gradient(90deg, #ddd 0, #333 50%, #ddd)
}

.c-tips-drive .b-container .right h3:after {
	right: -160px
}

.c-tips-drive .form-drive .form-group {
	margin-bottom: 15px;
	position: relative
}

.c-tips-drive .form-drive .form-group label {
	display: block;
	margin-bottom: 5px
}

.c-tips-drive .form-drive .form-group input,
.c-tips-drive .form-drive .form-group select {
	width: 100%;
	min-width: 180px;
	padding: 8px;
	font-size: 14px;
	margin-bottom: 5px;
	background: transparent;
	border-bottom: 1px solid #b0a19b
}

.c-tips-drive .form-drive .gender {
	position: absolute;
	right: 0;
	top: 0
}

.c-tips-drive .form-drive .gender .gender-selection {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.c-tips-drive .form-drive .gender .gender-selection label {
	margin-bottom: 0
}

.c-tips-drive .form-drive .gender input {
	width: 50px;
	min-width: auto
}

.c-tips-drive .form-drive .form-group .error {
	color: red;
	font-size: 12px;
	min-height: 20px
}

.c-tips-drive .form-drive .submitBtn {
	display: block;
	margin: auto;
	padding: 10px 20px;
	min-width: 200px;
	width: 400px;
	background-color: #0e2a5c;
	color: #fff;
	border: none;
	cursor: pointer
}

.c-tips-drive .form-drive .closeFormBtn {
	background-color: transparent;
	border: none;
	color: #0e2a5c;
	font-size: 50px;
	cursor: pointer;
	position: absolute;
	right: 20px;
	line-height: 1
}

.c-tips-drive .form-drive .privacy-agreement {
	margin-top: 20px;
	font-size: 14px;
	color: #333
}

.c-tips-drive .form-drive .privacy-agreement label {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0;
	font-weight: 400
}

.c-tips-drive .form-drive .privacy-agreement label input {
	margin: 0;
	margin-right: 5px
}

.c-tips-drive .form-drive .privacy-agreement label a {
	text-decoration: underline
}

.c-tips-drive .gender-selection {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.c-tips-drive .gender-selection input[type=radio] {
	display: none
}

.c-tips-drive .gender-selection label.custom-radio {
	width: 20px;
	height: 20px;
	border: 1px solid #b4a49e;
	margin: 0 10px;
	position: relative;
	cursor: pointer
}

.c-tips-drive .gender-selection input[type=radio]:checked+label.custom-radio {
	background-color: transparent;
	border-color: #042f61
}

.c-tips-drive .gender-selection input[type=radio]:checked+label.custom-radio:after {
	content: "";
	position: absolute;
	top: 4px;
	left: 4px;
	width: 10px;
	height: 10px;
	background-color: #042f61
}

.c-tips-drive .gender-selection label {
	font-size: 14px;
	color: #333
}

.c-tips-drive .c-address-box .area-header-tips {
	color: #999;
	height: 25px;
	line-height: 25px;
	font-size: 12px;
	padding-left: 10px;
	float: left;
	margin-right: 7px
}

.c-tips-drive .c-address-box .area-header {
	width: 100%;
	min-width: 180px;
	padding: 8px;
	font-size: 14px;
	margin-bottom: 5px;
	border-bottom: 1px solid #b0a19b
}

.c-tips-drive .c-address-box .area-header-hover {
	z-index: 1;
	height: 25px;
	border-bottom: 0
}

.c-tips-drive .c-address-box .area-header-input {
	overflow: hidden;
	cursor: pointer
}

.c-tips-drive .c-address-box .area-header-icon {
	width: 17px;
	height: 17px;
	position: absolute;
	top: 3px;
	right: 4px
}

.c-tips-drive .c-address-box .area-box {
	width: 100%;
	height: 30vh;
	display: none;
	float: left;
	border: 1px solid #cecbce;
	color: #000;
	padding: 12px 12px 15px;
	position: absolute;
	z-index: 1031;
	top: 38px;
	left: 0;
	-webkit-box-shadow: 0 0 5px #ddd;
	box-shadow: 0 0 5px #ddd;
	background-color: #fff
}

.c-tips-drive .c-address-box .area-box-hover {
	display: block
}

.c-tips-drive .c-address-box .area-box-title ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: space-evenly;
	-ms-flex-pack: space-evenly;
	justify-content: space-evenly;
	list-style: none;
	padding: 0;
	margin: 0;
	width: 100%;
	height: 25px;
	border-bottom: 2px solid #ddd
}

.c-tips-drive .c-address-box .area-box-title ul li {
	width: 40%;
	display: block;
	text-align: center;
	background-color: #fff;
	border-bottom: 0;
	margin-right: 4px;
	overflow: hidden;
	float: left;
	position: relative
}

.c-tips-drive .c-address-box em {
	font-style: normal
}

.c-tips-drive .c-address-box .area-box-title .area-box-title-visible {
	display: block;
	height: 23px;
	line-height: 23px;
	border: 1px solid #ddd;
	border-bottom: 0;
	padding: 0 25px 1px 6px
}

.c-tips-drive .c-address-box .area-box-title .area-box-title-current {
	display: block;
	height: 25px;
	line-height: 25px;
	border: 2px solid #e4393c;
	border-bottom: 0;
	padding: 0 25px 0 6px
}

.c-tips-drive .c-address-box .area-box-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	overflow: hidden;
	height: 100%;
	-ms-flex-pack: distribute;
	justify-content: space-around
}

.c-tips-drive .c-address-box .area-box-content .area-box-content-panel {
	display: block;
	width: 50%;
	position: relative
}

.c-tips-drive .c-address-box .area-box-content .area-box-content-panel ::-webkit-scrollbar {
	width: 10px;
	height: 10px
}

.c-tips-drive .c-address-box .area-box-content .area-box-content-panel ::-webkit-scrollbar-track {
	position: absolute;
	background-color: #f1f1f1;
	border-radius: 10px
}

.c-tips-drive .c-address-box .area-box-content .area-box-content-panel ::-webkit-scrollbar-thumb {
	background-color: #888;
	border-radius: 10px;
	border: 2px solid #f1f1f1
}

.c-tips-drive .c-address-box .area-box-content .area-box-content-panel ::-webkit-scrollbar-thumb:hover {
	background-color: #555
}

.c-tips-drive .c-address-box .area-box-content .area-box-content-panel ::-webkit-scrollbar-corner {
	background-color: #f1f1f1
}

.c-tips-drive .c-address-box .area-box-content .area-box-content-panel .area-box-content-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	padding-right: 10px;
	overflow-y: hidden;
	height: 100%
}

.c-tips-drive .c-address-box .area-box-content .area-box-content-panel .area-box-content-list:hover {
	overflow-y: scroll;
	padding-right: 0
}

.c-tips-drive .c-address-box .area-box-content .area-box-content-panel .area-box-content-list li {
	position: relative;
	width: 100%
}

.c-tips-drive .c-address-box .area-box-content .area-box-content-panel .area-box-content-list li .icon-up {
	position: absolute;
	right: 10px;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg)
}

.c-tips-drive .c-address-box .area-box-content .city-box ul {
	border-left: 1px solid #ddd
}

.c-tips-drive .c-address-box .area-box-content-current {
	display: block
}

.c-tips-drive .c-address-box .area-box-content-panel ul {
	list-style: none;
	padding-top: 0;
	margin-bottom: -5px
}

.c-tips-drive .c-address-box .area-box-content-list li {
	padding: 5px 20px;
	cursor: pointer;
	float: left;
	width: auto;
	line-height: 150%;
	display: list-item
}

.c-tips-drive .c-address-box .area-box-content-list li.active {
	color: #0e2a5c;
	background-color: #eceef1
}

.c-tips-drive .c-address-box .area-box-content-list .long-area {
	width: 176px
}

.c-tips-drive .c-address-box .area-box-content-list li:hover {
	color: #0e2a5c;
	background-color: #eceef1
}

.c-tips-drive .c-address-box .area-box-content-list li a {
	display: block;
	padding: 2px 4px 2px 0;
	text-decoration: none
}

.c-tips-drive .c-address-box .area-box-content-list li.area-current a {
	color: #e4393c
}

@media screen and (max-width:1400px) and (min-width:981px) {
	.c-tips-drive .container_map_test-drive .right .title {
		top: 20px
	}
}

@media screen and (max-width:1200px) and (min-width:981px) {
	.c-tips-drive .b-container .left {
		min-width: 320px
	}

	.c-tips-drive .b-container .right {
		width: 40%;
		min-width: 330px
	}

	.c-tips-drive .b-container .right h3:before {
		width: 80px;
		left: -90px
	}

	.c-tips-drive .b-container .right h3:after {
		width: 80px;
		right: -90px
	}

	.c-tips-drive .form-drive .submitBtn {
		width: 100%
	}

	.c-tips-drive .form-drive .privacy-agreement label {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
}

@media screen and (max-width:980px) {
	.c-tips-drive {
		height: 100%;
		background-size: cover;
		background-position: bottom
	}

	.c-tips-drive .container_map_test-drive {
		height: 100%
	}

	.c-tips-drive .container_map_test-drive .left {
		width: 90vw;
		height: 90vw;
		padding-left: 0
	}

	.c-tips-drive .container_map_test-drive .right {
		display: block
	}

	.c-tips-drive .container_map_test-drive .right .title {
		position: relative;
		left: 0;
		top: 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		width: 90vw
	}

	.c-tips-drive .b-container {
		height: 100%;
		padding-top: 75px;
		padding-bottom: 40px;
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
		margin-bottom: 5vw
	}

	.c-tips-drive .b-container .left {
		margin-top: 5vw;
		margin-bottom: 5vw;
		margin-right: 0;
		width: 100%;
		min-width: auto;
		max-width: none
	}

	.c-tips-drive .b-container .left .chengce {
		padding: 5px 20px;
		margin-top: 0
	}

	.c-tips-drive .b-container .left .chengce span {
		font-weight: 700
	}

	.c-tips-drive .b-container .right {
		width: 100%;
		max-width: 600px;
		margin-top: 40px;
		padding-left: 0;
		min-width: auto
	}

	.c-tips-drive .b-container .right h3:before {
		width: 120px;
		left: -130px
	}

	.c-tips-drive .b-container .right h3:after {
		width: 120px;
		right: -130px
	}

	.c-tips-drive .form-drive .submitBtn {
		width: 100%
	}

	.c-tips-drive .form-drive .privacy-agreement label {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.c-tips-drive .c-address-box .area-box {
		width: 85%
	}

	.c-tips-drive .c-address-box .area-box-content .area-box-content-panel {
		width: 45%
	}

	.c-tips-drive .c-address-box .area-box-content-list li {
		padding: 5px 10px
	}

	.c-tips-drive .c-address-box .area-box-content-list {
		overflow-y: scroll !important
	}

	.c-tips-drive .custom-map-content-container {
		width: 300px;
		-webkit-transform: scale(.7) translateY(15px);
		transform: scale(.7) translateY(15px)
	}

	.c-tips-drive .map-container {
		padding: 0
	}

	.c-tips-drive .map {
		height: 90vw !important
	}

	.c-tips-drive .overlay {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, .5);
		display: none;
		z-index: 1035
	}

	.c-tips-drive .c-address-box-m {
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 60vh;
		background-color: #fff;
		border-top: 1px solid #ccc;
		padding: 20px;
		display: none;
		z-index: 1040
	}

	.c-tips-drive .c-address-box-m .area {
		height: 100%
	}

	.c-tips-drive .c-address-box-m .area .title {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		margin-bottom: 20px
	}

	.c-tips-drive .c-address-box-m .area .title .closeFormBtn {
		background-color: transparent;
		border: none;
		color: #0e2a5c;
		cursor: pointer;
		line-height: 1
	}

	.c-tips-drive .c-address-box-m .area .area-entrance,
	.c-tips-drive .c-address-box-m .area .area-entrance .area-box {
		height: 100%
	}

	.c-tips-drive .c-address-box-m .area-header-tips {
		color: #999;
		height: 25px;
		line-height: 25px;
		font-size: 12px;
		padding-left: 10px;
		float: left;
		margin-right: 7px
	}

	.c-tips-drive .c-address-box-m .area-header {
		width: 100%;
		min-width: 180px;
		padding: 8px;
		font-size: 14px;
		margin-bottom: 5px;
		border-bottom: 1px solid #b0a19b
	}

	.c-tips-drive .c-address-box-m .area-header-hover {
		z-index: 1;
		height: 25px;
		border-bottom: 0
	}

	.c-tips-drive .c-address-box-m .area-header-input {
		overflow: hidden;
		cursor: pointer
	}

	.c-tips-drive .c-address-box-m .area-header-icon {
		width: 17px;
		height: 17px;
		position: absolute;
		top: 3px;
		right: 4px
	}

	.c-tips-drive .c-address-box-m .area-box-hover {
		display: block
	}

	.c-tips-drive .c-address-box-m .area-box-title ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		list-style: none;
		padding: 0;
		margin: 0;
		width: 100%;
		height: 25px;
		margin-bottom: 10px
	}

	.c-tips-drive .c-address-box-m .area-box-title ul li {
		display: block;
		text-align: center;
		width: 100px;
		background-color: #fff;
		border-bottom: 0;
		margin-right: 4px;
		overflow: hidden;
		float: left;
		position: relative
	}

	.c-tips-drive .c-address-box-m .area-box-title ul li.active {
		border-bottom: 2px solid #e4393c
	}

	.c-tips-drive .c-address-box-m em {
		font-style: normal
	}

	.c-tips-drive .c-address-box-m .area-box-title .area-box-title-visible {
		display: block;
		height: 23px;
		line-height: 23px;
		border: 1px solid #ddd;
		border-bottom: 0;
		padding: 0 25px 1px 6px
	}

	.c-tips-drive .c-address-box-m .area-box-title .area-box-title-current {
		display: block;
		height: 25px;
		line-height: 25px;
		border: 2px solid #e4393c;
		border-bottom: 0;
		padding: 0 25px 0 6px
	}

	.c-tips-drive .c-address-box-m .area-box-content {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		overflow: hidden;
		height: 100%;
		-ms-flex-pack: distribute;
		justify-content: space-around;
		position: absolute;
		width: 200%;
		padding-bottom: 20px
	}

	.c-tips-drive .c-address-box-m .area-box-content .area-box-content-panel {
		display: block;
		width: 100%;
		position: relative
	}

	.c-tips-drive .c-address-box-m .area-box-content .area-box-content-panel ::-webkit-scrollbar {
		width: 10px;
		height: 10px;
		display: none
	}

	.c-tips-drive .c-address-box-m .area-box-content .area-box-content-panel ::-webkit-scrollbar-track {
		position: absolute;
		background-color: #f1f1f1;
		border-radius: 10px
	}

	.c-tips-drive .c-address-box-m .area-box-content .area-box-content-panel ::-webkit-scrollbar-thumb {
		background-color: #888;
		border-radius: 10px;
		border: 2px solid #f1f1f1
	}

	.c-tips-drive .c-address-box-m .area-box-content .area-box-content-panel ::-webkit-scrollbar-thumb:hover {
		background-color: #555
	}

	.c-tips-drive .c-address-box-m .area-box-content .area-box-content-panel ::-webkit-scrollbar-corner {
		background-color: #f1f1f1
	}

	.c-tips-drive .c-address-box-m .area-box-content .area-box-content-panel .area-box-content-list {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		overflow: scroll;
		height: 100%
	}

	.c-tips-drive .c-address-box-m .area-box-content .area-box-content-panel .area-box-content-list li {
		position: relative;
		width: 88%
	}

	.c-tips-drive .c-address-box-m .area-box-content .area-box-content-panel .area-box-content-list li .icon-up {
		position: absolute;
		right: 10px;
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg)
	}

	.c-tips-drive .c-address-box-m .area-box-content-current {
		display: block
	}

	.c-tips-drive .c-address-box-m .area-box-content-panel ul {
		list-style: none;
		padding-top: 0;
		margin-bottom: -5px
	}

	.c-tips-drive .c-address-box-m .area-box-content-list li {
		padding: 5px 20px;
		cursor: pointer;
		float: left;
		width: auto;
		line-height: 150%;
		display: list-item
	}

	.c-tips-drive .c-address-box-m .area-box-content-list li.active {
		color: #0e2a5c;
		background-color: #eceef1
	}

	.c-tips-drive .c-address-box-m .area-box-content-list .long-area {
		width: 176px
	}

	.c-tips-drive .c-address-box-m .area-box-content-list li:hover {
		color: #0e2a5c;
		background-color: #eceef1
	}

	.c-tips-drive .c-address-box-m .area-box-content-list li a {
		display: block;
		padding: 2px 4px 2px 0;
		text-decoration: none
	}

	.c-tips-drive .c-address-box-m .area-box-content-list li.area-current a {
		color: #e4393c
	}
}

@media screen and (max-width:520px) {
	.c-tips-drive .b-container {
		width: 100%;
		padding: 0
	}

	.c-tips-drive .b-container .left {
		width: 100%
	}

	.c-tips-drive .b-container .left h3 {
		margin-bottom: 20px
	}

	.c-tips-drive .b-container .left h3:before {
		width: 120px;
		left: -130px
	}

	.c-tips-drive .b-container .left h3:after {
		width: 120px;
		right: -130px
	}

	.c-tips-drive .b-container .left .chengce {
		font-size: 16px
	}

	.c-tips-drive .b-container .left .chengce span {
		font-size: 30px
	}

	.c-tips-drive .form-drive .form-group {
		margin-bottom: 5px
	}
}

.c-drive-pic {
	background: url(../img/drive-bg-pic.jpg) 0 0 no-repeat;
	background-size: cover;
	background-position: 50% 35%
}

.c-drive-pic .b-container {
	top: 45%;
	height: 60vh;
	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-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.c-drive-pic .b-container .title {
	margin-bottom: auto
}

.c-drive-pic .b-container .main-box {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: end
}

.c-drive-pic .b-container .main-box .right {
	width: 35%
}

@media screen and (max-width:1200px) and (min-width:951px) {
	.c-drive-pic {
		background-position: 25% 35%
	}
}

@media screen and (max-width:1000px) {
	.c-drive-pic {
		background: url(../img/drive-bg-pic-pad.jpg) 0 0 no-repeat;
		padding-bottom: 0;
		background-size: cover;
		background-position: 50% 85%
	}

	.c-drive-pic .b-container {
		height: auto;
		top: 37%
	}

	.c-drive-pic .b-container .title {
		margin-bottom: 40px
	}

	.c-drive-pic .b-container .main-box {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}

	.c-drive-pic .b-container .main-box .right {
		width: 100%;
		max-width: 400px
	}
}

@media screen and (max-width:700px) {
	.c-drive-pic {
		background: url(../img/drive-bg-pic-m.jpg) 0 0 no-repeat;
		padding-bottom: 0;
		background-size: cover;
		background-position: 50% 85%
	}
}

.c-drive-pop .popup-overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .5);
	z-index: 1000
}

.c-drive-pop .popup-overlay,
.c-drive-pop .popup-overlay .popup-content {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.c-drive-pop .popup-overlay .popup-content {
	background-color: #fff;
	padding: 20px;
	border-radius: 8px;
	-webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, .2);
	box-shadow: 0 4px 10px rgba(0, 0, 0, .2);
	position: relative;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 400px;
	width: 70%;
	height: 200px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	text-align: center
}

.c-drive-pop .popup-overlay .popup-content .close-btn {
	display: block;
	padding: 10px 40px;
	width: 140px;
	position: absolute;
	bottom: 0;
	left: 50%;
	-webkit-transform: translate(-50%, 28px);
	transform: translate(-50%, 28px);
	background-color: #002c5f;
	font-size: 18px;
	cursor: pointer;
	color: #fff;
	border-radius: 5px
}

.c-drive-pop .popup-overlay .popup-content .close-btn:hover {
	color: #fff
}

.c-drive-pop .popup-overlay .popup-content .popup-img {
	display: block;
	width: 50px;
	margin: 0 auto 10px
}

.c-drive-pop .h-layer_body {
	position: fixed;
	z-index: 1050;
	top: 0;
	left: 0;
	display: none;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .9)
}

.c-drive-pop .h-layer_body .h-layer_wrap {
	position: absolute;
	z-index: 10;
	top: 50%;
	left: 50%;
	width: 90%;
	max-width: 970px;
	background-color: #fff;
	opacity: 1;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: visibility .3s .1s, opacity .2;
	-webkit-transition: visibility .2s .1s, opacity .2s;
	transition: visibility .2s .1s, opacity .2s;
	overflow: hidden
}

.c-drive-pop .h-layer_body .h-layer_wrap .h-layer_head {
	position: relative;
	min-height: 80px;
	padding: 25px 25px 20px;
	background-color: #fff;
	border-bottom: 1px solid #d9d9d9
}

.c-drive-pop .h-layer_body .h-layer_wrap .h-layer_head .h-layer_close {
	position: absolute;
	font-size: 40px;
	background-color: transparent;
	-webkit-transition: -webkit-transform .5s;
	transition: -webkit-transform .5s;
	transition: transform .5s;
	transition: transform .5s, -webkit-transform .5s;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 25px;
	border: 0
}

.c-drive-pop .h-layer_body .h-layer_wrap .h-layer_cont {
	position: relative;
	width: 100%;
	max-height: calc(100vh - 200px);
	padding: 40px 50px 0;
	font-size: 1.8rem;
	line-height: 1.4;
	overflow-y: auto;
	z-index: 11
}

.c-drive-pop .h-layer_body .h-layer_wrap .h-layer_cont .terms p {
	line-height: 2.1 !important
}

.c-tanchuang .popup {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, .5);
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	z-index: 1050
}

.c-tanchuang .popup .popup-content {
	background: #fff;
	width: 400px;
	padding: 1vw;
	border-radius: 4px;
	-webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, .2);
	box-shadow: 0 4px 8px rgba(0, 0, 0, .2);
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	position: relative
}

.c-tanchuang .popup .popup-content,
.c-tanchuang .popup .popup-content .popup-header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.c-tanchuang .popup .popup-content .popup-header {
	width: 100%;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: end
}

.c-tanchuang .popup .popup-content .popup-header h2 {
	font-weight: 700;
	margin: 0
}

.c-tanchuang .popup .popup-content .popup-header .close-popup {
	background: none;
	border: none;
	font-size: 3rem;
	cursor: pointer
}

.c-tanchuang .popup .popup-content .popup-body {
	position: relative;
	margin-top: 1vw;
	text-align: center
}

.c-tanchuang .popup .popup-content .popup-body .popup-image {
	width: 80%;
	height: auto;
	margin: 1vw auto
}

.c-tanchuang .popup .popup-content .popup-body .text-image {
	position: relative;
	-webkit-transition: top .4s;
	transition: top .4s;
	top: 0
}

.c-tanchuang .popup .popup-content .popup-body .text-image:hover {
	top: -5px
}

.c-tanchuang .popup .popup-content .popup-body .popup-text {
	color: #333
}

.c-tanchuang .popup .popup-content .popup-body .popup-text .discount-box .op1 {
	opacity: .5
}

.c-tanchuang .popup .popup-content .popup-body .popup-text .date {
	font-weight: 700;
	color: #f44336
}

.c-tanchuang .popup .popup-content .popup-body .popup-text .discount {
	font-weight: 700;
	position: relative
}

.c-tanchuang .popup .popup-content .popup-body .popup-text .discount:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 80%;
	height: 1px;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: #00000070
}

.c-tanchuang .popup .popup-content .popup-body .popup-text .discount:last-child:after {
	display: none
}

.c-tanchuang .popup .popup-content .popup-body .popup-text .discount:last-child .left,
.c-tanchuang .popup .popup-content .popup-body .popup-text .discount:last-child .right {
	font-size: 125%
}

.c-tanchuang .popup .popup-content .popup-body .popup-text .discount span {
	display: inline-block
}

.c-tanchuang .popup .popup-content .popup-body .popup-text .discount .left {
	width: 45%;
	text-align: right
}

.c-tanchuang .popup .popup-content .popup-body .popup-text .discount .right {
	width: 50%;
	text-align: left;
	margin-left: 5%
}

.c-tanchuang .popup .popup-content .popup-body .popup-text .note {
	font-size: 12px;
	margin-block: .5vw;
	color: #777
}

.c-tanchuang .popup .popup-content .popup-main {
	margin-block: 1vw;
	color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	right: -1vw;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end
}

.c-tanchuang .popup .popup-content .popup-main .item {
	width: auto;
	padding: 1vw 0;
	padding-right: 1vw;
	background-color: #002c5f;
	position: relative
}

.c-tanchuang .popup .popup-content .popup-main .item:after {
	content: "";
	position: absolute;
	top: 50%;
	right: .5vw;
	width: 1px;
	height: 60%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	background-color: #ffffff70
}

.c-tanchuang .popup .popup-content .popup-main .item:last-child {
	border-bottom: none
}

.c-tanchuang .popup .popup-content .popup-main .item:last-child:after {
	display: none
}

.c-tanchuang .popup .popup-content .popup-main .item:first-child {
	padding-left: 1vw
}

.c-tanchuang .popup .popup-content .popup-main .item .item-num {
	position: absolute;
	left: 0
}

.c-tanchuang .popup .popup-content .popup-main .item span.top {
	font-size: 12px;
	text-align: left;
	display: inline-block
}

.c-tanchuang .popup .popup-content .btn-link-wrap .c-button {
	min-width: 150px
}

.c-tanchuang .popup .popup-content .btn-link-wrap .c-button a {
	padding-block: 12px
}

.c-tanchuang .popup .popup-content .popup-footer {
	width: 100%;
	margin-top: 1vw;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: end
}

.c-tanchuang .popup .popup-content .popup-footer,
.c-tanchuang .popup .popup-content .popup-footer label {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.c-tanchuang .popup .popup-content .popup-footer label {
	font-size: 12px;
	color: #777
}

.c-tanchuang .popup .popup-content .popup-footer label input {
	margin: 0;
	margin-right: 5px
}

.c-tanchuang .popup .c-btn-one .btn {
	-webkit-animation: textColor2-0828 6s ease-in-out 2s infinite;
	animation: textColor2-0828 6s ease-in-out 2s infinite
}

.c-tanchuang .popup .c-btn-one .btn:before,
.c-tanchuang .popup .c-btn-one .btn:hover {
	background-color: #0e2b5c
}

.c-tanchuang .popup .c-btn-one .btn svg {
	stroke: #0e2b5c !important
}

@-webkit-keyframes textColor2-0828 {
	40% {
		color: #0e2b5c
	}

	50% {
		color: #fff
	}

	85% {
		color: #fff
	}
}

@keyframes textColor2-0828 {
	40% {
		color: #0e2b5c
	}

	50% {
		color: #fff
	}

	85% {
		color: #fff
	}
}

@media screen and (max-width:900px) {
	.c-tanchuang .popup .popup-content {
		padding: 1vw 2vw
	}

	.c-tanchuang .popup .popup-content .popup-main {
		margin-block: 3vw;
		right: -2vw
	}

	.c-tanchuang .popup .popup-content .popup-main .item {
		padding: 1vw 0;
		padding-right: 4vw
	}

	.c-tanchuang .popup .popup-content .popup-main .item:after {
		right: 2vw
	}

	.c-tanchuang .popup .popup-content .popup-main .item:last-child {
		border-bottom: none
	}

	.c-tanchuang .popup .popup-content .popup-main .item:last-child:after {
		display: none
	}

	.c-tanchuang .popup .popup-content .popup-main .item:first-child {
		padding-left: 4vw
	}

	.c-tanchuang .popup .popup-content .popup-main .item span.top {
		font-size: 10px
	}

	.c-tanchuang .popup .popup-content .popup-body .popup-text .note {
		font-size: 10px;
		margin-block: .5vw 1.5vw
	}

	.c-tanchuang .popup .popup-content .btn-link-wrap .c-button {
		min-width: 110px
	}

	.c-tanchuang .popup .popup-content .btn-link-wrap .c-button a {
		padding-block: 8px;
		font-size: 14px
	}
}

@media screen and (max-width:550px) {
	.c-tanchuang .popup .popup-content {
		width: 80%;
		max-width: 400px
	}
}

.c-zhuanti-0424 {
	background-color: #dbd5ce
}

.c-zhuanti-0424 .mb-show {
	display: none
}

.c-zhuanti-0424 .pc-show {
	display: block
}

.c-zhuanti-0424 .zhuanti-banner {
	position: relative;
	height: 100vh
}

.c-zhuanti-0424 .zhuanti-banner .banner-title {
	width: 30vw;
	position: absolute;
	top: 9vw;
	left: 50%;
	-webkit-transform: translate(-50%);
	transform: translate(-50%)
}

.c-zhuanti-0424 .zhuanti-main {
	position: relative;
	z-index: 2;
	height: 100%
}

.c-zhuanti-0424 .zhuanti-main:before {
	content: "";
	width: 100%;
	height: 100%;
	background-color: #dbd5ce;
	position: relative;
	z-index: -1
}

.c-zhuanti-0424 .zhuanti-main .section {
	position: relative;
	text-align: center;
	background-color: #f8f1f1;
	padding: 40px 20px;
	margin-top: 60px
}

.c-zhuanti-0424 .zhuanti-main .section:last-child {
	margin-bottom: 80px
}

.c-zhuanti-0424 .zhuanti-main .section .title {
	line-height: 1.3
}

.c-zhuanti-0424 .zhuanti-main .section .subtitle {
	font-weight: 700
}

.c-zhuanti-0424 .zhuanti-main .section .description {
	margin: 20px auto;
	line-height: 1.6;
	color: #2c1e1e;
	width: 60%
}

.c-zhuanti-0424 .zhuanti-main .section .description p {
	margin: 0;
	line-height: 1.8
}

.c-zhuanti-0424 .zhuanti-main .section .video-wrap {
	position: relative;
	margin: 20px auto 0;
	width: 90%;
	aspect-ratio: 720/389;
	height: 100%
}

.c-zhuanti-0424 .zhuanti-main .section .video-wrap .video-cover {
	position: relative;
	cursor: pointer;
	z-index: 5
}

.c-zhuanti-0424 .zhuanti-main .section .video-wrap .video-cover img {
	width: 100%;
	display: block
}

.c-zhuanti-0424 .zhuanti-main .section .video-wrap .video-cover .play-btn {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 5vw;
	height: 5vw;
	border-radius: 50%
}

.c-zhuanti-0424 .zhuanti-main .section .video-wrap video {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.c-zhuanti-0424 .zhuanti-main .section .video-wrap video.visible {
	display: block
}

.c-zhuanti-0424 .zhuanti-main .section video.hidden {
	display: none
}

.c-zhuanti-0424 .zhuanti-main .section .btn-group {
	margin: 40px auto 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 60%
}

.c-zhuanti-0424 .zhuanti-main .section .btn-group .btn {
	padding: 10px 20px;
	width: 12vw;
	min-width: 200px;
	margin: 0 10px;
	cursor: pointer;
	border-radius: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.c-zhuanti-0424 .zhuanti-main .section .btn-group .btn span {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	display: inline-block;
	margin-left: 5px
}

.c-zhuanti-0424 .zhuanti-main .section .btn-group .btn.outline {
	border: 1px solid #000;
	background: transparent
}

.c-zhuanti-0424 .zhuanti-main .section .btn-group .btn.solid {
	border: none;
	background-color: #382318;
	color: #fff
}

.c-zhuanti-0424 .zhuanti-main .ioniq5n .video-wrap {
	position: relative
}

.c-zhuanti-0424 .zhuanti-main .ioniq5n .video-wrap .main-bg {
	position: absolute;
	width: 380px;
	top: -290px;
	left: 0;
	z-index: 5
}

.c-zhuanti-0424 .zhuanti-main .palisade .video-wrap {
	position: relative
}

.c-zhuanti-0424 .zhuanti-main .palisade .video-wrap .main-bg {
	position: absolute;
	width: 380px;
	top: -354px;
	right: 0;
	z-index: 5
}

.c-zhuanti-0424 .zhuanti-main .ELANTRA_N .video-wrap {
	position: relative
}

.c-zhuanti-0424 .zhuanti-main .ELANTRA_N .video-wrap .main-bg {
	position: absolute;
	width: 380px;
	top: -310px;
	right: -7%;
	z-index: 5
}

.c-zhuanti-0424 .zhuanti-main .fancy-box {
	position: relative;
	border: 1px solid #e0d6d2;
	padding: 20px;
	text-align: center;
	max-width: 600px;
	margin: 20px auto;
	background-color: #f8f1f1
}

.c-zhuanti-0424 .zhuanti-main .fancy-box:before {
	content: "";
	position: absolute;
	top: -1px;
	left: -1px;
	width: 16px;
	height: 16px;
	border-left: 2px solid #4e3225;
	border-top: 2px solid #4e3225
}

.c-zhuanti-0424 .zhuanti-main .fancy-box:after {
	content: "";
	position: absolute;
	bottom: -1px;
	right: -1px;
	width: 16px;
	height: 16px;
	border-right: 2px solid #4e3225;
	border-bottom: 2px solid #4e3225
}

.c-zhuanti-0424 .zhuanti-main .fancy-box .corner-top-right {
	content: "";
	position: absolute;
	top: -1px;
	right: -1px;
	width: 16px;
	height: 16px;
	border-top: 2px solid #4e3225;
	border-right: 2px solid #4e3225
}

.c-zhuanti-0424 .zhuanti-main .fancy-box .corner-bottom-left {
	content: "";
	position: absolute;
	bottom: -1px;
	left: -1px;
	width: 16px;
	height: 16px;
	border-left: 2px solid #4e3225;
	border-bottom: 2px solid #4e3225
}

.c-zhuanti-0424 .zhuanti-main .fancy-box p {
	color: #000
}

.c-zhuanti-0424 .zhuanti-main .fancy-box .highlight {
	font-weight: 700
}

.c-zhuanti-0424 .video-modal {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background: rgba(0, 0, 0, .9);
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	z-index: 9999
}

.c-zhuanti-0424 .video-modal.active {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.c-zhuanti-0424 .video-modal .video-modal-content {
	position: relative;
	width: 90vw;
	max-width: 800px
}

.c-zhuanti-0424 .video-modal .video-modal-content video {
	width: 100%;
	height: auto
}

.c-zhuanti-0424 .video-modal .video-modal-content .close-modal {
	position: absolute;
	top: -50px;
	right: 10px;
	font-size: 30px;
	color: #fff;
	cursor: pointer
}

.is-vertical .c-zhuanti-0424 .mb-show {
	display: block
}

.is-vertical .c-zhuanti-0424 .pc-show {
	display: none
}

.is-vertical .c-zhuanti-0424 .zhuanti-banner .bg {
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.is-vertical .c-zhuanti-0424 .zhuanti-banner .banner-title {
	width: auto;
	height: 40vh;
	top: 50%;
	left: 2%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.is-vertical .c-zhuanti-0424 .zhuanti-main .section {
	margin-top: 40px;
	padding: 25px 20px
}

.is-vertical .c-zhuanti-0424 .zhuanti-main .section .description {
	width: 100%;
	margin: 10px auto
}

.is-vertical .c-zhuanti-0424 .zhuanti-main .section .description .fancy-box {
	padding: 10px;
	margin-bottom: 10px
}

.is-vertical .c-zhuanti-0424 .zhuanti-main .section .video-wrap {
	width: 100%;
	margin-top: 10px
}

.is-vertical .c-zhuanti-0424 .zhuanti-main .section .video-wrap .video-cover .play-btn {
	width: 40px;
	height: 40px
}

.is-vertical .c-zhuanti-0424 .zhuanti-main .section .btn-group {
	width: 100%;
	margin-top: 20px
}

.is-vertical .c-zhuanti-0424 .zhuanti-main .section .btn-group .btn {
	min-width: unset;
	width: calc((100% - 20px) / 2);
	margin: 0
}

.is-vertical .c-zhuanti-0424 .zhuanti-main .section .btn-group .btn:first-child {
	margin-right: 20px
}

.is-vertical .c-zhuanti-0424 .zhuanti-main .section:last-child {
	margin-bottom: 40px
}

.is-vertical .c-zhuanti-0424 .ioniq5n .video-wrap {
	position: relative
}

.is-vertical .c-zhuanti-0424 .ioniq5n .video-wrap .main-bg {
	position: absolute;
	width: 100%;
	top: -142%;
	left: 0;
	z-index: 5
}

.is-vertical .c-zhuanti-0424 .palisade .video-wrap {
	position: relative
}

.is-vertical .c-zhuanti-0424 .palisade .video-wrap .main-bg {
	position: absolute;
	width: 100%;
	top: -150%;
	right: 0;
	z-index: 5
}

.is-vertical .c-zhuanti-0424 .ELANTRA_N .video-wrap {
	position: relative
}

.is-vertical .c-zhuanti-0424 .ELANTRA_N .video-wrap .main-bg {
	position: absolute;
	width: 100%;
	top: -150%;
	right: 0;
	z-index: 5
}

.c-news-v3-banner {
	position: relative;
	width: 100%;
	height: 100vh
}

.c-news-v3-banner .banner-container {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	color: #fff;
	margin: 0 auto
}

.c-news-v3-banner .banner-container h1 {
	margin-bottom: 20px
}

.c-news-v3-banner .bg-img {
	width: 100%;
	height: 100vh;
	background-size: cover;
	background-position: 50%
}

.c-news-v3-banner .banner-text,
.c-news-v3-banner .banner-title {
	display: block;
	position: relative;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
	opacity: 0;
	-webkit-transition: opacity .8s ease, -webkit-transform .8s ease;
	transition: opacity .8s ease, -webkit-transform .8s ease;
	transition: transform .8s ease, opacity .8s ease;
	transition: transform .8s ease, opacity .8s ease, -webkit-transform .8s ease;
	will-change: transform, opacity
}

.c-news-v3-banner .banner-title {
	-webkit-transition-delay: .3s;
	transition-delay: .3s
}

.c-news-v3-banner .banner-text {
	-webkit-transition-delay: .5s;
	transition-delay: .5s
}

.banner-loaded .banner-text,
.banner-loaded .banner-title {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	opacity: 1
}

.is-vertical .c-news-v3-banner .banner-container {
	width: 80%;
	text-align: center;
	top: 30%
}

.is-vertical .c-news-v3-banner .banner-container h1 {
	margin-bottom: 2vw
}

.c-news-describe-container {
	padding: 100px 0;
	margin: 0 auto;
	text-align: center
}

.c-news-describe-container .line-contain {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 0 10px;
	margin-bottom: 40px;
	font-family: HyundaiSansTextCN-Regular;
	line-height: 2
}

.c-news-describe-container .line-contain.news-v4 {
	margin-bottom: 0
}

.c-news-describe-container span.h5 {
	display: block;
	margin-bottom: 40px
}

.c-news-describe-container .line-contain:after,
.c-news-describe-container .line-contain:before {
	content: "";
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	height: 0;
	border-top: 2px dashed #dbd5ce;
	margin: 0 10px
}

.c-news-describe-container .line-contain:before {
	margin-right: 20px
}

.c-news-describe-container .line-contain:after {
	margin-left: 20px
}

.c-news-describe-container p {
	margin-bottom: 20px
}

.c-news-describe-container .h5,
.c-news-describe-container .line-contain,
.c-news-describe-container h3 {
	position: relative;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
	opacity: 0;
	-webkit-transition: opacity .8s ease, -webkit-transform .8s ease;
	transition: opacity .8s ease, -webkit-transform .8s ease;
	transition: transform .8s ease, opacity .8s ease;
	transition: transform .8s ease, opacity .8s ease, -webkit-transform .8s ease;
	will-change: transform, opacity
}

.c-news-describe-container .line-contain,
.c-news-describe-container h3 {
	-webkit-transition-delay: .3s;
	transition-delay: .3s
}

.c-news-describe-container .h5 {
	-webkit-transition-delay: .5s;
	transition-delay: .5s
}

.animated .h5,
.animated .line-contain,
.animated h3 {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	opacity: 1
}

.is-vertical .c-news-describe-container {
	padding: 10vw 30px
}

.is-vertical .c-news-describe-container .line-contain {
	padding: 0 1.2vw;
	margin-bottom: 5vw
}

.is-vertical .c-news-describe-container .line-contain.news-v4 {
	margin-bottom: 0
}

.is-vertical .c-news-describe-container span.h5 {
	margin-bottom: 5vw
}

.is-vertical .c-news-describe-container .line-contain:after,
.is-vertical .c-news-describe-container .line-contain:before {
	margin: 0 1.2vw
}

.is-vertical .c-news-describe-container .line-contain:before {
	margin-right: 2vw
}

.is-vertical .c-news-describe-container .line-contain:after {
	margin-left: 2vw
}

.is-vertical .c-news-describe-container p {
	margin-bottom: 2vw
}

.c-news-v3-container img {
	width: 100%;
	display: block
}

.c-news-v3-container .all-container {
	position: relative;
	width: 100%;
	background: url(../img/news-v3-contain-01.png) no-repeat 50%;
	background-size: cover;
	text-align: center;
	color: #fff
}

.c-news-v3-container .all-container .all-contain {
	padding: 140px 120px;
	margin: auto
}

.c-news-v3-container .all-container .all-contain h4 {
	margin-bottom: 50px
}

.c-news-v3-container .about-container {
	margin: 120px auto
}

.c-news-v3-container .about-container .c-flex {
	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;
	gap: 3vw
}

.c-news-v3-container .about-container .c-flex img {
	-webkit-box-flex: 3;
	-ms-flex: 3;
	flex: 3
}

.c-news-v3-container .about-container .c-flex .contain {
	-webkit-box-flex: 2;
	-ms-flex: 2;
	flex: 2
}

.c-news-v3-container .about-container .c-flex .contain h4 {
	margin-bottom: 40px
}

.c-news-v3-container .about-container .right {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	margin-top: 3vw
}

.c-news-v3-container .about-container .line-container {
	margin-top: 160px;
	position: relative;
	text-align: center
}

.c-news-v3-container .about-container .line-container:after,
.c-news-v3-container .about-container .line-container:before {
	content: "";
	width: 20%;
	height: 0;
	border-top: 2px dashed #dbd5ce;
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}

.c-news-v3-container .about-container .line-container p {
	padding-block: 40px
}

.c-news-v3-container .background-container {
	position: relative;
	width: 100%;
	background-color: #ede6de;
	padding: 80px 0
}

.c-news-v3-container .background-container .b-container {
	margin: auto
}

.c-news-v3-container .background-container .text-contain-1 {
	text-align: center;
	padding-bottom: 100px;
	position: relative
}

.c-news-v3-container .background-container .text-contain-1:after {
	content: "";
	width: 80%;
	height: 0;
	border-top: 2px dashed #dbd5ce;
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	bottom: 0
}

.c-news-v3-container .background-container .text-contain-1 h4 {
	margin-block: 60px
}

.c-news-v3-container .background-container .text-contain-1 p {
	margin-bottom: 40px
}

.c-news-v3-container .background-container .text-contain-1 p:last-child {
	margin-bottom: 0
}

.c-news-v3-container .background-container .text-contain-2 {
	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;
	gap: 3vw;
	width: 100%;
	margin-block: 100px
}

.c-news-v3-container .background-container .text-contain-2 h2 {
	text-align: end;
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none
}

.c-news-v3-container .background-container .wid80 {
	width: 70%;
	margin: auto
}

.c-news-v3-container .background-container .full-container {
	width: 100%;
	height: 100vh;
	margin-top: 120px;
	position: relative;
	background: url(../img/news-v3-full.png) no-repeat 50%;
	background-size: cover
}

.c-news-v3-container .background-container .full-container p {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	color: #fff;
	text-align: center
}

.c-news-v3-container .background-container .last-container {
	margin: 120px auto 0;
	text-align: center
}

.c-news-v3-container .background-container .triangle-container {
	text-align: center;
	margin-top: 60px
}

.c-news-v3-container .background-container .triangle-container img {
	width: 80px;
	display: block;
	margin: auto
}

.animate-element {
	opacity: 0;
	-webkit-transition: all .8s ease;
	transition: all .8s ease;
	will-change: transform, opacity
}

.fade-in-left {
	-webkit-transform: translateX(-50px);
	transform: translateX(-50px)
}

.fade-in-right {
	-webkit-transform: translateX(50px);
	transform: translateX(50px)
}

.fade-in-bottom {
	-webkit-transform: translateY(50px);
	transform: translateY(50px)
}

.animate-element.animated {
	opacity: 1;
	-webkit-transform: translate(0);
	transform: translate(0)
}

.is-pc .scale {
	-webkit-transition: -webkit-transform .8s ease;
	transition: -webkit-transform .8s ease;
	transition: transform .8s ease;
	transition: transform .8s ease, -webkit-transform .8s ease
}

.is-vertical .c-news-v3-container .all-container .all-contain {
	padding: 14vw 30px
}

.is-vertical .c-news-v3-container .all-container .all-contain h4 {
	margin-bottom: 10vw
}

.is-vertical .c-news-v3-container .about-container {
	margin: 12vw auto
}

.is-vertical .c-news-v3-container .about-container .c-flex {
	gap: unset;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	padding-inline: 30px
}

.is-vertical .c-news-v3-container .about-container .c-flex .contain {
	text-align: center;
	margin-top: 5vw
}

.is-vertical .c-news-v3-container .about-container .c-flex .contain h4 {
	margin-bottom: 3vw
}

.is-vertical .c-news-v3-container .about-container .right {
	margin-top: 8vw
}

.is-vertical .c-news-v3-container .about-container .line-container {
	margin-top: 15vw;
	padding-inline: 30px
}

.is-vertical .c-news-v3-container .about-container .line-container:after,
.is-vertical .c-news-v3-container .about-container .line-container:before {
	content: ""
}

.is-vertical .c-news-v3-container .about-container .line-container p {
	padding-block: 5vw
}

.is-vertical .c-news-v3-container .background-container {
	padding: 10vw 0
}

.is-vertical .c-news-v3-container .background-container .text-contain-1 {
	padding-bottom: 12vw;
	padding-inline: 30px
}

.is-vertical .c-news-v3-container .background-container .text-contain-1:after {
	content: ""
}

.is-vertical .c-news-v3-container .background-container .text-contain-1 h4 {
	margin-block: 8vw
}

.is-vertical .c-news-v3-container .background-container .text-contain-1 p {
	margin-bottom: 5vw
}

.is-vertical .c-news-v3-container .background-container .text-contain-2 {
	margin-block: 12vw;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	padding-inline: 30px;
	text-align: center
}

.is-vertical .c-news-v3-container .background-container .text-contain-2 h2 {
	text-align: center
}

.is-vertical .c-news-v3-container .background-container .wid80 {
	width: 100%
}

.is-vertical .c-news-v3-container .background-container .full-container {
	margin-top: 15vw
}

.is-vertical .c-news-v3-container .background-container .full-container p {
	width: 100%;
	padding-inline: 30px
}

.is-vertical .c-news-v3-container .background-container .last-container {
	margin: 15vw auto 0;
	padding-inline: 30px
}

.is-vertical .c-news-v3-container .background-container .triangle-container {
	margin-top: 8vw
}

.is-vertical .c-news-v3-container .background-container .triangle-container img {
	width: 80px;
	display: block;
	margin: auto
}

.c-news-v4-container img {
	width: 100%;
	display: block
}

.c-news-v4-container .all-container {
	position: relative;
	width: 100%;
	height: 39.6vw;
	background: url(../img/news-v4-bg-1.png) no-repeat 50%;
	background-size: cover;
	text-align: center;
	color: #fff
}

.c-news-v4-container .all-container .all-contain {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	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: end;
	-ms-flex-align: end;
	align-items: end
}

.c-news-v4-container .all-container .all-contain h4 {
	margin-bottom: 50px;
	width: 35vw
}

.c-news-v4-container .all-container .all-contain .all-text {
	position: relative;
	width: 35vw;
	padding: 40px 60px;
	border: 1px solid #fff;
	background-color: #ede6de4d
}

.c-news-v4-container .all-container .all-contain .all-text:after,
.c-news-v4-container .all-container .all-contain .all-text:before {
	content: "";
	position: absolute;
	top: -1px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 90%;
	height: 1px;
	z-index: 2;
	background-color: #8b5137
}

.c-news-v4-container .all-container .all-contain .all-text:after {
	top: auto;
	bottom: -1px
}

.c-news-v4-container .about-container {
	margin: 100px auto;
	position: relative
}

.c-news-v4-container .about-container .c-flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	gap: 3vw
}

.c-news-v4-container .about-container .c-flex .contain-img {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.c-news-v4-container .about-container .c-flex .contain {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding-top: 30px
}

.c-news-v4-container .about-container .c-flex .contain h4 {
	margin-bottom: 40px;
	position: relative;
	display: inline-block;
	line-height: 1
}

.c-news-v4-container .about-container .c-flex .contain h4 .icon {
	display: inline-block;
	position: absolute;
	width: 6px;
	height: 94%;
	background-color: #f25901;
	top: 3%;
	right: -26px
}

.c-news-v4-container .about-container .c-flex .contain h4 .icon:nth-child(2) {
	background-color: #f7955d;
	right: -37px
}

.c-news-v4-container .about-container .c-flex .contain h4 .icon:nth-child(3) {
	background-color: #f9b085;
	right: -48px
}

.c-news-v4-container .about-container .c-flex .contain p {
	text-align: center
}

.c-news-v4-container .about-container .wid50 {
	position: absolute;
	bottom: -9vw;
	right: 0;
	width: 42.3vw
}

.c-news-v4-container .full-container {
	background-color: #000;
	padding-top: 140px;
	text-align: center;
	color: #fff
}

.c-news-v4-container .full-container .b-container {
	margin: auto
}

.c-news-v4-container .full-container .line-bottom {
	padding-bottom: 40px;
	position: relative
}

.c-news-v4-container .full-container .line-bottom:before {
	content: "";
	position: absolute;
	bottom: 6px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 10%;
	height: 5px;
	background-color: #e6611f
}

.c-news-v4-container .full-container .line-bottom:after {
	content: "";
	position: absolute;
	bottom: -2px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 10%;
	height: 3px;
	background-color: #803511
}

.c-news-v4-container .full-container .video-box {
	width: 100%;
	margin: 100px 0
}

.c-news-v4-container .full-container .text-contain-2 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	gap: 3vw;
	width: 100%;
	margin-block: 100px 200px;
	position: relative
}

.c-news-v4-container .full-container .text-contain-2 h1 {
	text-align: end;
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none;
	height: auto;
	width: 50%
}

.c-news-v4-container .full-container .text-contain-2 h1:before {
	content: "";
	position: absolute;
	bottom: 6px;
	right: 0;
	width: 20%;
	height: 5px;
	background-color: #e6611f
}

.c-news-v4-container .full-container .text-contain-2 h1:after {
	content: "";
	position: absolute;
	bottom: -2px;
	right: 0;
	width: 20%;
	height: 3px;
	background-color: #803511
}

.c-news-v4-container .full-container .text-contain-2 p {
	text-align: left;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.c-news-v4-container .full-container .img-box {
	position: relative;
	width: 60%;
	height: auto;
	overflow: hidden;
	margin: 0 auto
}

.c-news-v4-container .full-container .img-box .hover-img,
.c-news-v4-container .full-container .img-box .main-img {
	width: 100%;
	height: auto;
	margin: auto;
	-webkit-transition: -webkit-transform .5s ease;
	transition: -webkit-transform .5s ease;
	transition: transform .5s ease;
	transition: transform .5s ease, -webkit-transform .5s ease
}

.c-news-v4-container .full-container .img-box .main-img {
	display: block
}

.c-news-v4-container .full-container .img-box .hover-img {
	position: absolute;
	top: 0;
	left: 100%;
	-webkit-transform: translateX(0) !important;
	transform: translateX(0) !important
}

.c-news-v4-container .full-container .img-box:hover .hover-img {
	-webkit-transform: translateX(-100%) !important;
	transform: translateX(-100%) !important
}

.c-news-v4-container .full-container .mb-img-box {
	display: none
}

.c-news-v4-container .full-container .full-container-2 {
	margin-top: 100px;
	width: 100%;
	height: 100vh;
	background: url(../img/news-v4-bg-2.png) 0 0 no-repeat;
	background-size: cover;
	background-position: 50%;
	position: relative
}

.c-news-v4-container .full-container .full-container-2 .contain {
	width: 50%;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align: center;
	color: #fff
}

.c-news-v4-container .full-container .full-container-2 .contain h4 {
	margin-bottom: 40px
}

.c-news-v4-container .full-container .full-container-2 .contain p {
	text-align: center
}

.c-news-v4-container .full-container .about-container-2 {
	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;
	gap: 60px;
	padding-block: 100px
}

.c-news-v4-container .full-container .about-container-2 .contain-img {
	-webkit-box-flex: 3;
	-ms-flex: 3;
	flex: 3
}

.c-news-v4-container .full-container .about-container-2 .contain {
	-webkit-box-flex: 2;
	-ms-flex: 2;
	flex: 2;
	text-align: left
}

.c-news-v4-container .full-container .about-container-2 .contain h4 {
	margin-bottom: 40px
}

.c-news-v4-container .full-container .last-container .contain {
	padding: 100px 4vw;
	margin: auto
}

.c-news-v4-container .full-container .last-container .contain h4 {
	margin-bottom: 40px
}

.c-news-v4-container .full-container .last-container .triangle-container {
	text-align: center;
	margin-top: 60px
}

.c-news-v4-container .full-container .last-container .triangle-container img {
	width: 80px;
	display: block;
	margin: auto
}

.is-pc .scale {
	-webkit-transition: -webkit-transform .8s ease !important;
	transition: -webkit-transform .8s ease !important;
	transition: transform .8s ease !important;
	transition: transform .8s ease, -webkit-transform .8s ease !important
}

.is-pc .scale:hover {
	-webkit-transform: scale(1.1) !important;
	transform: scale(1.1) !important
}

.is-vertical .c-news-v4-container .all-container {
	height: 100vw;
	background: url(../img/news-v4-bg-1.png) no-repeat 50%
}

.is-vertical .c-news-v4-container .all-container .all-contain {
	width: 100%;
	padding-inline: 30px;
	position: absolute
}

.is-vertical .c-news-v4-container .all-container .all-contain h4 {
	margin-bottom: 6vw;
	width: 100%
}

.is-vertical .c-news-v4-container .all-container .all-contain .all-text {
	width: 100%;
	padding: 4vw 6vw
}

.is-vertical .c-news-v4-container .all-container .all-contain .all-text:after,
.is-vertical .c-news-v4-container .all-container .all-contain .all-text:before {
	content: "";
	position: absolute;
	top: -1px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 90%;
	height: 1px;
	z-index: 2;
	background-color: #8b5137
}

.is-vertical .c-news-v4-container .all-container .all-contain .all-text:after {
	top: auto;
	bottom: -1px
}

.is-vertical .c-news-v4-container .about-container {
	margin: 12vw auto
}

.is-vertical .c-news-v4-container .about-container .c-flex {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 8vw
}

.is-vertical .c-news-v4-container .about-container .c-flex .contain {
	padding-top: 0;
	padding-inline: 30px
}

.is-vertical .c-news-v4-container .about-container .c-flex .contain h4 {
	margin-bottom: 4vw
}

.is-vertical .c-news-v4-container .about-container .c-flex .contain h4 .icon {
	display: inline-block;
	position: absolute;
	width: 6px;
	height: 94%;
	background-color: #f25901;
	top: 3%;
	right: -26px
}

.is-vertical .c-news-v4-container .about-container .c-flex .contain h4 .icon:nth-child(2) {
	background-color: #f7955d;
	right: -37px
}

.is-vertical .c-news-v4-container .about-container .c-flex .contain h4 .icon:nth-child(3) {
	background-color: #f9b085;
	right: -48px
}

.is-vertical .c-news-v4-container .about-container .c-flex .contain p {
	text-align: center
}

.is-vertical .c-news-v4-container .about-container .wid50 {
	margin-top: 8vw;
	position: unset;
	width: 100%
}

.is-vertical .c-news-v4-container .full-container {
	padding-top: 12vw
}

.is-vertical .c-news-v4-container .full-container .line-bottom {
	padding-bottom: 6vw;
	padding-inline: 30px
}

.is-vertical .c-news-v4-container .full-container .line-bottom:before {
	content: "";
	position: absolute;
	bottom: 6px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 100px;
	height: 5px;
	background-color: #e6611f
}

.is-vertical .c-news-v4-container .full-container .line-bottom:after {
	content: "";
	position: absolute;
	bottom: -2px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 100px;
	height: 3px;
	background-color: #803511
}

.is-vertical .c-news-v4-container .full-container .video-box {
	width: 100%;
	margin: 12vw 0;
	padding-inline: 30px
}

.is-vertical .c-news-v4-container .full-container .text-contain-2 {
	gap: 8vw;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	margin-block: 12vw 20vw;
	padding-inline: 30px
}

.is-vertical .c-news-v4-container .full-container .text-contain-2 h1 {
	width: 100%;
	text-align: center
}

.is-vertical .c-news-v4-container .full-container .text-contain-2 h1:before {
	content: "";
	position: absolute;
	bottom: 6px;
	right: 0;
	width: 20%;
	height: 5px;
	background-color: #e6611f;
	display: none
}

.is-vertical .c-news-v4-container .full-container .text-contain-2 h1:after {
	content: "";
	position: absolute;
	bottom: -2px;
	right: 0;
	width: 20%;
	height: 3px;
	background-color: #803511;
	display: none
}

.is-vertical .c-news-v4-container .full-container .text-contain-2 p {
	text-align: center
}

.is-vertical .c-news-v4-container .full-container .img-box {
	width: 100%
}

.is-vertical .c-news-v4-container .full-container .img-box .hover-img,
.is-vertical .c-news-v4-container .full-container .img-box .main-img {
	width: 100%;
	height: auto;
	margin: auto;
	-webkit-transition: -webkit-transform .5s ease;
	transition: -webkit-transform .5s ease;
	transition: transform .5s ease;
	transition: transform .5s ease, -webkit-transform .5s ease
}

.is-vertical .c-news-v4-container .full-container .img-box .main-img {
	display: block
}

.is-vertical .c-news-v4-container .full-container .img-box .hover-img {
	position: absolute;
	top: 0;
	left: 100%;
	-webkit-transform: translateX(0) !important;
	transform: translateX(0) !important
}

.is-vertical .c-news-v4-container .full-container .pc-img-box {
	display: none
}

.is-vertical .c-news-v4-container .full-container .mb-img-box {
	display: block;
	padding-bottom: 20px
}

.is-vertical .c-news-v4-container .full-container .mb-img-box .swiper-pagination {
	bottom: 0 !important;
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 2vw;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.is-vertical .c-news-v4-container .full-container .mb-img-box .swiper-pagination .swiper-pagination-bullet {
	margin-left: 0;
	margin-right: 0;
	display: inline-block;
	width: 10px;
	height: 10px;
	background-color: #ddd
}

.is-vertical .c-news-v4-container .full-container .mb-img-box .swiper-pagination .swiper-pagination-bullet-active {
	background-color: #e6611f
}

.is-vertical .c-news-v4-container .full-container .img-box:hover .hover-img {
	-webkit-transform: translateX(-100%) !important;
	transform: translateX(-100%) !important
}

.is-vertical .c-news-v4-container .full-container .full-container-2 {
	margin-top: 12vw;
	background: url(../img/news-v4-bg-2.png) 0 0 no-repeat;
	background-size: cover;
	background-position: 50%
}

.is-vertical .c-news-v4-container .full-container .full-container-2 .contain {
	width: 100%;
	padding-inline: 30px
}

.is-vertical .c-news-v4-container .full-container .full-container-2 .contain h4 {
	margin-bottom: 5vw
}

.is-vertical .c-news-v4-container .full-container .about-container-2 {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 8vw;
	padding-block: 12vw
}

.is-vertical .c-news-v4-container .full-container .about-container-2 .contain-img {
	-webkit-box-flex: 3;
	-ms-flex: 3;
	flex: 3
}

.is-vertical .c-news-v4-container .full-container .about-container-2 .contain {
	-webkit-box-flex: 2;
	-ms-flex: 2;
	flex: 2;
	padding-inline: 30px;
	text-align: center
}

.is-vertical .c-news-v4-container .full-container .about-container-2 .contain h4 {
	margin-bottom: 5vw
}

.is-vertical .c-news-v4-container .full-container .last-container .contain {
	padding: 12vw 30px
}

.is-vertical .c-news-v4-container .full-container .last-container .contain h4 {
	margin-bottom: 5vw
}

.is-vertical .c-news-v4-container .full-container .last-container .triangle-container {
	text-align: center;
	margin-top: 8vw
}

.is-vertical .c-news-v4-container .full-container .last-container .triangle-container img {
	width: 80px;
	display: block;
	margin: auto
}

.c-pa-banner {
	width: 100%;
	height: 100vh;
	overflow: hidden
}

.c-pa-banner .banner-icon-0731 {
	position: absolute;
	top: 16%;
	right: 0;
	width: 10%
}

.c-pa-banner .banner-icon-0909 {
	position: absolute;
	bottom: 16%;
	left: -5px;
	width: 24%
}

.c-pa-banner .zhibo-modal {
	display: none;
	position: fixed;
	z-index: 1031;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .8)
}

.c-pa-banner .zhibo-modal .zhibo-content {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100vw;
	height: 100vh
}

.c-pa-banner .zhibo-modal .zhibo-content video {
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain
}

.c-pa-banner .zhibo-modal .zhibo-content .close {
	width: 40px;
	height: 40px;
	color: #fff;
	position: absolute;
	top: 2vw;
	right: 2vw;
	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;
	opacity: 1;
	font-weight: 400;
	z-index: 10
}

.c-pa-banner .swiper-main {
	width: 100vw;
	height: 100vh;
	position: relative;
	left: 100%;
	-webkit-transition: left 1s ease;
	transition: left 1s ease
}

.c-pa-banner .description {
	margin-top: .8vw
}

.c-pa-banner .loadVideo {
	width: 100vw;
	height: 100%;
	background-color: #000;
	position: absolute;
	top: 0;
	left: -100%
}

.c-pa-banner .loadVideo .eq-video-canvas {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.c-pa-banner .banner-main {
	width: 100vw;
	height: 100vh;
	position: absolute;
	top: 0;
	left: 0
}

.c-pa-banner .text-main {
	width: 100vw;
	height: 100vh;
	position: absolute;
	text-align: center;
	top: 16vh;
	color: #fff
}

.c-pa-banner .text-main h1 {
	margin-top: 10px
}

.c-pa-banner .text-main h1 span {
	font-family: HyundaiSansTextCN-Regular;
	display: block;
	margin-bottom: 0
}

.c-pa-banner .text-main .text {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	margin: 3vh auto 0;
	padding-block: 5px;
	padding-inline: 130px;
	background: hsla(0, 0%, 100%, .2)
}

.c-pa-banner .text-main .countdown {
	margin: 12px auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 50vw;
	-ms-flex-pack: distribute;
	justify-content: space-around
}

.c-pa-banner .text-main .countdown>span {
	color: #c7c7c7;
	position: relative;
	display: inline-block;
	text-align: center
}

.c-pa-banner .text-main .countdown>span:after {
	content: "";
	position: absolute;
	right: -3.3vw;
	top: calc(50% - 8px);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	background-color: #fff;
	width: 1.2vw;
	height: 1px
}

.c-pa-banner .text-main .countdown>span:last-child:after {
	content: "";
	display: none
}

.c-pa-banner .text-main .countdown .num {
	display: inline-block;
	min-width: 6vw;
	text-align: center;
	font-weight: 700;
	font-size: 5vw;
	line-height: 1;
	color: #fff
}

.c-pa-banner .text-main .schedule-button .btn {
	color: #fff
}

.c-pa-banner .text-main .schedule-button .btn:before {
	background-color: #fff
}

.c-pa-banner .text-main .schedule-button .btn:hover {
	color: #000;
	background-color: #fff
}

.c-pa-banner .text-main .schedule-button .btn svg {
	stroke: #fff
}

.loaded .c-pa-banner .banner-main {
	opacity: 1 !important
}

.is-vertical .c-pa-banner {
	width: 100vw;
	height: 100vh;
	overflow: hidden
}

.is-vertical .c-pa-banner .banner-icon-0731 {
	width: 36%;
	top: 13%;
	right: 10px
}

.is-vertical .c-pa-banner .banner-icon-0909 {
	width: 55%;
	bottom: 8%;
	left: 10px
}

.is-vertical .c-pa-banner .text-wrap.top-left {
	top: 24%
}

.is-vertical .c-pa-banner .btn-link-wrap .c-button {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	margin-right: 4vw
}

.is-vertical .c-pa-banner .btn-link-wrap .c-button:last-of-type {
	margin-right: 0
}

.is-vertical .c-pa-banner .btn-link-wrap .c-button a {
	padding: 3vw 4vw
}

.is-vertical .c-pa-banner .btn-link-wrap .c-button a .name {
	font-size: 14px
}

.is-vertical .c-pa-banner .btn-link-wrap .c-button .wh-b .name {
	padding: calc(3vw - 1px) calc(4vw - 1px)
}

.is-vertical .c-pa-banner .zhibo-modal {
	inset: 0
}

.is-vertical .c-pa-banner .zhibo-modal .zhibo-content {
	width: 100%;
	height: 100vh;
	max-height: auto
}

.is-vertical .c-pa-banner .zhibo-modal .zhibo-content video {
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center
}

.is-vertical .c-pa-banner .zhibo-modal .zhibo-content .close {
	position: fixed;
	top: calc(env(safe-area-inset-top, 0px) + 4vw);
	right: calc(env(safe-area-inset-right, 0px) + 4vw)
}

.c-pa-exterior-change {
	height: 100vh;
	background-color: #000
}

.c-pa-exterior-change .scrollmagic-pin-spacer {
	position: relative;
	width: 100%;
	min-height: 100vh;
	height: 100vh
}

.c-pa-exterior-change .universal-overlap {
	position: absolute;
	top: 57%;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: auto;
	height: 18vw;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.c-pa-exterior-change .c-eq-video {
	z-index: -1 !important
}

.c-pa-exterior-change .eq-video-canvas,
.c-pa-exterior-change .videos {
	position: absolute;
	z-index: -1;
	width: 100%;
	height: 100vh;
	-o-object-fit: cover;
	object-fit: cover;
	top: 0
}

.c-pa-exterior-change .car-swiper {
	width: 100vw;
	height: 100%;
	position: relative;
	left: 100vw
}

.c-pa-exterior-change .overlap {
	margin: auto;
	width: 50vw;
	height: 18vw
}

.c-pa-exterior-change .overlap:not(.current) {
	overflow: hidden
}

.c-pa-exterior-change .overlap-content {
	position: relative;
	width: 100%;
	height: 100%
}

.c-pa-exterior-change .image-wrap {
	position: absolute;
	width: 100%;
	height: 100%;
	cursor: none
}

.c-pa-exterior-change .cursor-box {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	background: url(../img/car-exterior-720-icon.png) 0 0 no-repeat;
	width: 50px;
	height: 50px;
	background-size: cover;
	background-position: 50%;
	pointer-events: none;
	z-index: 10;
	-webkit-transition: -webkit-transform .1s ease-out;
	transition: -webkit-transform .1s ease-out;
	transition: transform .1s ease-out;
	transition: transform .1s ease-out, -webkit-transform .1s ease-out
}

.c-pa-exterior-change .image-box {
	position: absolute;
	width: 50vw;
	height: 18vw;
	overflow: hidden
}

.c-pa-exterior-change .image-box img {
	position: absolute;
	left: 0;
	top: 0;
	width: 50vw;
	height: 18vw;
	-o-object-fit: cover;
	object-fit: cover;
	display: block
}

.c-pa-exterior-change .image-box .wheelimg {
	width: 7.3vw;
	height: auto;
	top: auto;
	bottom: 2%;
	left: 15%
}

.c-pa-exterior-change .image-box .w2 {
	left: 66%
}

.c-pa-exterior-change .beijing,
.c-pa-exterior-change .bg-1,
.c-pa-exterior-change .bg-2 {
	position: absolute;
	z-index: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: bottom
}

.c-pa-exterior-change .bg-title {
	position: absolute;
	bottom: 43%;
	left: 6%;
	z-index: -1;
	font-size: 8vw;
	-webkit-transform: scaleY(.9) translateY(-50%);
	transform: scaleY(.9) translateY(-50%);
	color: #fff
}

@media screen and (min-width:751px) and (max-width:1420px) {
	.c-pa-exterior-change .bg-title {
		bottom: 39%
	}
}

.c-pa-exterior-change .bg-2 {
	opacity: 0
}

.c-pa-exterior-change .bg-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	opacity: 1;
	overflow: hidden
}

.c-pa-exterior-change .bg-overlay img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	display: block
}

.c-pa-exterior-change .color-controls {
	position: absolute;
	bottom: 6vw;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 15px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	z-index: 10
}

.c-pa-exterior-change .color-controls .color-item {
	height: auto;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	cursor: pointer;
	text-align: center
}

.c-pa-exterior-change .color-controls .color-item p {
	opacity: 0;
	position: absolute;
	top: 105%;
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	color: #fff;
	line-height: 1.2
}

.c-pa-exterior-change .color-controls .color-item.active .color-btn,
.c-pa-exterior-change .color-controls .color-item:hover .color-btn {
	height: 28px
}

.c-pa-exterior-change .color-controls .color-item.active p {
	opacity: 1
}

.c-pa-exterior-change .color-btn {
	position: relative;
	width: 55px;
	height: 5px;
	border: none;
	padding: 0;
	cursor: pointer;
	-webkit-transition: height .3s ease;
	transition: height .3s ease;
	overflow: visible;
	background-position: 50%;
	background-size: cover
}

.c-pa-exterior-change .caidai {
	-webkit-transition: -webkit-transform .3s ease-out;
	transition: -webkit-transform .3s ease-out;
	transition: transform .3s ease-out;
	transition: transform .3s ease-out, -webkit-transform .3s ease-out
}

.c-pa-exterior-change .text-wrap {
	position: absolute;
	top: 7vw;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 100%;
	text-align: center;
	color: #fff;
	z-index: 2
}

.c-pa-exterior-change .text-wrap .text {
	position: relative
}

.c-pa-exterior-change .text-wrap .text:after,
.c-pa-exterior-change .text-wrap .text:before {
	content: "";
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 5px;
	height: 5px;
	background: #fff;
	margin-left: -20px
}

.c-pa-exterior-change .text-wrap .text:after {
	margin-left: 20px
}

.c-pa-exterior-change .text-wrap .tips {
	margin: auto;
	margin-top: 2vw;
	width: 50px;
	height: 50px;
	background-color: #fff;
	border-radius: 50%;
	cursor: pointer
}

.c-pa-exterior-change .bai-active {
	color: #000
}

.c-pa-exterior-change .wheelimg.ani-wheel-hou {
	animation: wheelAni 1s ease;
	-webkit-animation: wheelAni 1s ease
}

.c-pa-exterior-change .wheelimg.ani-wheel2-qian {
	animation: wheelAni2 1s ease;
	-webkit-animation: wheelAni2 1s ease
}

@-webkit-keyframes wheelAni {
	0% {
		-webkit-transform: rotate(-2turn);
		transform: rotate(-2turn);
		-moz-transform: rotate(-2turn);
		-ms-transform: rotate(-2turn);
		-o-transform: rotate(-2turn)
	}

	to {
		-webkit-transform: rotate(0);
		transform: rotate(0);
		-moz-transform: rotate(0);
		-ms-transform: rotate(0);
		-o-transform: rotate(0)
	}
}

@-webkit-keyframes wheelAni2 {
	0% {
		-webkit-transform: rotate(2turn);
		transform: rotate(2turn);
		-moz-transform: rotate(2turn);
		-ms-transform: rotate(2turn);
		-o-transform: rotate(2turn)
	}

	to {
		-webkit-transform: rotate(0);
		transform: rotate(0);
		-moz-transform: rotate(0);
		-ms-transform: rotate(0);
		-o-transform: rotate(0)
	}
}

@keyframes wheelAni2 {
	0% {
		-webkit-transform: rotate(2turn);
		transform: rotate(2turn);
		-moz-transform: rotate(2turn);
		-ms-transform: rotate(2turn);
		-o-transform: rotate(2turn)
	}

	to {
		-webkit-transform: rotate(0);
		transform: rotate(0);
		-moz-transform: rotate(0);
		-ms-transform: rotate(0);
		-o-transform: rotate(0)
	}
}

.is-vertical .c-pa-exterior-change .bg-1,
.is-vertical .c-pa-exterior-change .bg-2 {
	background-size: cover
}

.is-vertical .c-pa-exterior-change .universal-overlap {
	top: 62%;
	height: 41vw
}

.is-vertical .c-pa-exterior-change .cursor-box {
	display: none
}

.is-vertical .c-pa-exterior-change .image-box,
.is-vertical .c-pa-exterior-change .image-box img,
.is-vertical .c-pa-exterior-change .overlap {
	width: 100vw;
	height: 41vw
}

.is-vertical .c-pa-exterior-change .image-box .wheelimg {
	width: 16vw;
	height: 16vw;
	bottom: 6%;
	left: 14%
}

.is-vertical .c-pa-exterior-change .image-box .w2 {
	left: 66%
}

.is-vertical .c-pa-exterior-change .bg-title {
	top: 66vw;
	font-size: 17vw
}

.is-vertical .c-pa-exterior-change .color-controls {
	bottom: 18vw;
	gap: 2vw
}

.is-vertical .c-pa-exterior-change .color-controls .color-btn {
	width: 12vw
}

.is-vertical .c-pa-exterior-change .color-controls .color-item.active .color-btn {
	height: 6vw
}

.is-vertical .c-pa-exterior-change .wheelimg.ani-wheel2-qian {
	animation: wheelAni2-m 1s ease;
	-webkit-animation: wheelAni2-m 1s ease
}

@-webkit-keyframes wheelAni2-m {
	0% {
		-webkit-transform: rotate(turn);
		transform: rotate(1turn);
		-moz-transform: rotate(1turn);
		-ms-transform: rotate(1turn);
		-o-transform: rotate(1turn)
	}

	to {
		-webkit-transform: rotate(0);
		transform: rotate(0);
		-moz-transform: rotate(0);
		-ms-transform: rotate(0);
		-o-transform: rotate(0)
	}
}

@keyframes wheelAni2-m {
	0% {
		-webkit-transform: rotate(turn);
		transform: rotate(1turn);
		-moz-transform: rotate(1turn);
		-ms-transform: rotate(1turn);
		-o-transform: rotate(1turn)
	}

	to {
		-webkit-transform: rotate(0);
		transform: rotate(0);
		-moz-transform: rotate(0);
		-ms-transform: rotate(0);
		-o-transform: rotate(0)
	}
}

.c-pa-internal-change {
	height: 100vh
}

.c-pa-internal-change .scrollmagic-pin-spacer {
	position: relative;
	width: 100%;
	min-height: 100vh;
	height: 100vh
}

.c-pa-internal-change .tips {
	position: absolute;
	bottom: 20px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 5;
	font-size: 12px;
	color: #fff
}

.c-pa-internal-change .universal-overlap {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	overflow: hidden
}

.c-pa-internal-change .universal-overlap:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .2)));
	background-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, .2));
	z-index: 5
}

.c-pa-internal-change .active-overlap {
	z-index: 2 !important;
	position: relative
}

.c-pa-internal-change .overlap.current {
	z-index: 2
}

.c-pa-internal-change .overlap.current1 {
	z-index: 3
}

.c-pa-internal-change .overlap-content {
	position: relative;
	width: 100vw;
	height: 100vh
}

.c-pa-internal-change .image-wrap {
	position: absolute;
	width: 100vw;
	height: 100vh
}

.c-pa-internal-change .image-box {
	position: absolute;
	width: 0;
	height: 100%;
	overflow: hidden
}

.c-pa-internal-change .overlap.current .image-box {
	width: 100vw !important;
	-webkit-transition: width .8s linear;
	transition: width .8s linear
}

.c-pa-internal-change .overlap.current1 .image-box {
	width: 100vw
}

.c-pa-internal-change .image-box img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: top;
	object-position: top;
	display: block
}

.c-pa-internal-change .module-tabs {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: absolute;
	top: 80%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 10;
	opacity: 0;
	width: 98vw;
	max-width: 800px
}

.c-pa-internal-change .module-tabs:after {
	position: absolute;
	bottom: 0;
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background-color: #aaa
}

.c-pa-internal-change .module-tabs .tab-title {
	position: relative;
	width: auto;
	min-width: 10vw;
	text-align: center;
	color: #ffffff70;
	padding: 0 20px 10px;
	cursor: pointer
}

.c-pa-internal-change .module-tabs .tab-title.active {
	font-weight: 700;
	color: #fff
}

.c-pa-internal-change .module-tabs .tab-title:hover {
	color: #fff
}

.c-pa-internal-change .module-tabs .module-tabs-underline {
	position: absolute;
	bottom: 0;
	height: 2px;
	width: 0;
	z-index: 2;
	background-color: #00c4ff;
	-webkit-transition: all .5s ease;
	transition: all .5s ease
}

.c-pa-internal-change .content-module {
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	visibility: visible;
	height: 100vh
}

.c-pa-internal-change .content-module.hidden {
	display: block;
	opacity: 0;
	visibility: hidden
}

.c-pa-internal-change .color-controls {
	position: absolute;
	top: 86%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: start;
	z-index: 10;
	opacity: 0
}

.c-pa-internal-change .hidden .color-controls {
	opacity: 0
}

.c-pa-internal-change .color-btn {
	padding: 10px 20px;
	width: 6vw;
	min-width: 110px;
	border: 1px solid #fff;
	color: #fff;
	text-align: center
}

.c-pa-internal-change .color-btn img {
	margin: 0 auto
}

.c-pa-internal-change .color-btn p {
	opacity: 0;
	line-height: 1.1;
	margin-top: 5px;
	font-size: 100%
}

.c-pa-internal-change .color-btn.active p {
	opacity: 1
}

.c-pa-internal-change .bg-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: 0;
	opacity: 1;
	background-size: cover;
	background-position: top
}

.c-pa-internal-change .overlap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.c-pa-internal-change .overlap:not(.current) {
	overflow: hidden
}

.c-pa-internal-change .color-btn {
	border: none;
	background: none;
	cursor: pointer;
	padding: 0;
	position: relative
}

.c-pa-internal-change .color-btn img {
	width: 40px
}

.c-pa-internal-change .color-btn.active:after,
.c-pa-internal-change .color-btn:hover:after {
	content: attr(title);
	position: absolute;
	top: -25px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	white-space: nowrap;
	font-size: 14px;
	color: #fff
}

.is-vertical .c-pa-internal-change .color-controls,
.is-vertical .c-pa-internal-change .module-tabs {
	width: 95vw
}

.is-vertical .c-pa-internal-change .module-tabs {
	top: 74%
}

.is-vertical .c-pa-internal-change .color-controls {
	top: 81%;
	-ms-flex-pack: distribute;
	justify-content: space-around
}

.is-vertical .c-pa-internal-change .color-controls .color-btn {
	width: 22vw;
	min-width: unset
}

.is-vertical .c-pa-internal-change .color-controls .color-btn p {
	font-size: 85%
}

.is-vertical .c-pa-internal-change .image-box {
	position: absolute;
	width: 100%;
	height: 0;
	overflow: hidden
}

.is-vertical .c-pa-internal-change .overlap.current .image-box {
	height: 100vh !important;
	-webkit-transition: height .4s linear;
	transition: height .4s linear
}

.is-vertical .c-pa-internal-change .tips {
	bottom: 10px;
	width: 100%;
	font-size: 11px;
	left: 10px;
	-webkit-transform: translateX(0);
	transform: translateX(0)
}

.c-drive-appointment2 {
	position: static;
	top: 0;
	height: 100vh;
	background: url(../img/drive-bg-0815.jpg) 0 0 no-repeat;
	background-size: cover;
	background-position: bottom
}

.c-drive-appointment2 .b-container {
	top: 20vw
}

.c-drive-appointment2 .b-container .title {
	width: 40%
}

.c-drive-appointment2 .b-container .title h5 {
	font-family: TextRegular;
	color: #ffd8ae
}

.c-drive-appointment2 .b-container .title .line {
	background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(#ffd8ae), to(transparent));
	background: linear-gradient(90deg, transparent, #ffd8ae, transparent)
}

.c-drive-appointment2 .b-container .pc-show img {
	width: 80%
}

.c-drive-appointment2 .b-container,
.c-drive-appointment2 .privacy-agreement,
.c-drive-appointment2 a,
.c-drive-appointment2 input::-webkit-input-placeholder,
.c-drive-appointment2 label {
	color: #fff !important
}

.c-drive-appointment2 .b-container,
.c-drive-appointment2 .privacy-agreement,
.c-drive-appointment2 a,
.c-drive-appointment2 input::-moz-placeholder,
.c-drive-appointment2 label {
	color: #fff !important
}

.c-drive-appointment2 .b-container,
.c-drive-appointment2 .privacy-agreement,
.c-drive-appointment2 a,
.c-drive-appointment2 input::-ms-input-placeholder,
.c-drive-appointment2 label {
	color: #fff !important
}

.c-drive-appointment2 .b-container,
.c-drive-appointment2 .privacy-agreement,
.c-drive-appointment2 a,
.c-drive-appointment2 input::placeholder,
.c-drive-appointment2 label {
	color: #fff !important
}

.c-drive-appointment2 input[type=radio]:checked+label.custom-radio {
	border-color: #fff !important
}

.c-drive-appointment2 input[type=radio]:checked+label.custom-radio:after {
	background-color: #fff !important
}

.c-drive-appointment2 .zhengce {
	display: none
}

.is-vertical .c-drive-appointment2 .b-container {
	top: 32vh
}

.is-vertical .c-drive-appointment2 .b-container .title {
	width: 100%
}

.is-vertical .c-drive-appointment2 img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.c-pa-model {
	overflow: unset
}

.c-pa-model .inner {
	left: unset;
	right: 6%;
	bottom: 3vw !important;
	pointer-events: none
}

.c-pa-model .video-box {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	overflow: hidden
}

.c-pa-model #car-swiper2 .video-box canvas,
.c-pa-model #car-swiper2 .video-box video,
.c-pa-model #car-swiper4 .video-box canvas,
.c-pa-model #car-swiper4 .video-box video {
	height: 130vh !important;
	-o-object-position: top;
	object-position: top
}

.c-pa-model .swiper-map {
	position: absolute;
	bottom: 13%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	max-width: 70%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	z-index: 2
}

.c-pa-model .swiper-map:after {
	position: absolute;
	bottom: 1px;
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background-color: #aaa
}

.c-pa-model .swiper-map:after.active {
	color: #fff
}

.c-pa-model .swiper-map .hotspot-swiper {
	width: auto;
	overflow-y: auto
}

.c-pa-model .swiper-map .hotspot-swiper .swiper-slide {
	width: auto !important;
	padding: 0 12px;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	white-space: nowrap
}

.c-pa-model .swiper-map .hotspot {
	width: auto;
	text-wrap: nowrap;
	text-align: center;
	color: #fff;
	padding: 0 20px 10px;
	cursor: pointer;
	position: relative
}

.c-pa-model .swiper-map .hotspot:after {
	position: absolute;
	bottom: 1px;
	left: 0;
	content: "";
	display: block;
	width: 0;
	height: 1px;
	background-color: #00c4ff;
	-webkit-transition: all 1s ease;
	transition: all 1s ease
}

.c-pa-model .swiper-map .hotspot.active:after {
	width: 100%
}

.c-pa-model .swiper-map .hotspot-underline {
	position: absolute;
	bottom: 0;
	height: 2px;
	width: 0;
	z-index: 2;
	background-color: #00c4ff;
	-webkit-transition: all .5s ease;
	transition: all .5s ease
}

.c-pa-model .desc {
	position: absolute;
	top: 88%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	color: #fff;
	margin: auto;
	text-align: center;
	z-index: 5
}

.c-pa-model .scroll-section {
	height: 250vh;
	position: sticky;
	background: #f5f5f7;
	top: 0
}

.c-pa-model .scroll-section .main {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden
}

.c-pa-model .scroll-section .sticky-container {
	position: sticky;
	top: 0;
	height: 100vh;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	overflow: hidden
}

.c-pa-model .scroll-section .sticky-container .background-content {
	position: sticky;
	width: 100%;
	height: 100%
}

.c-pa-model .scroll-section .sticky-container .svg-mask-container {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #000
}

.c-pa-model .scroll-section .sticky-container .svg-mask-container img {
	display: block;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.c-pa-model .scroll-section .sticky-container .svg-mask-container .mask-text {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	transform: translate(-50%, -50%) !important;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.c-pa-model .scroll-section .sticky-container .mask-title {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%) matrix(1, 0, 0, 1, 0, 0);
	transform: translate(-50%, -50%) matrix(1, 0, 0, 1, 0, 0);
	width: auto;
	overflow-x: hidden;
	color: #fff;
	line-height: 1;
	z-index: 3;
	text-align: center
}

.c-pa-model .scroll-section .sticky-container .mask-p {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
	color: #fff;
	margin-top: 5.5vw;
	z-index: 3;
	text-align: center
}

.c-pa-model .slide-switcher {
	position: absolute;
	top: 12vh;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 2;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	background-color: #00000080
}

.c-pa-model .slide-switcher .switch-btn {
	padding: 8px 16px;
	margin: 0 10px;
	cursor: pointer;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	color: #fff;
	opacity: .6;
	border-bottom: 2px solid transparent
}

.c-pa-model .slide-switcher .switch-btn.active {
	opacity: 1;
	border-bottom: 2px solid #fff
}

.c-pa-model img {
	height: 100%
}

.c-pa-model img,
.c-pa-model video {
	opacity: 1;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.c-pa-model video {
	height: 100%;
	height: 100vh
}

.c-pa-model .debug-line {
	position: fixed;
	top: 50%;
	left: 0;
	width: 100%;
	height: 1px;
	z-index: 100;
	opacity: .5
}

.c-pa-model .section2 {
	opacity: 1;
	position: relative;
	width: 100%;
	height: 100vh;
	background: #fff;
	z-index: 2
}

.c-pa-model .section2 .content {
	opacity: 1;
	color: #000;
	line-height: 1.5;
	height: 100%;
	padding-top: 4vw;
	padding-bottom: 3.6vw;
	-webkit-transition: none;
	transition: none
}

.c-pa-model .section2 .content .rotateX {
	opacity: 0;
	margin: auto;
	text-align: center
}

.c-pa-model .section2 .content img {
	opacity: 0
}

.c-pa-model .section2 .anquan-content {
	margin-top: 2vw
}

.c-pa-model .section2 .anquan-content .anquan-swiper {
	height: 28vw
}

.c-pa-model .section2 .anquan-content .anquan-swiper .swiper-button {
	display: none
}

.c-pa-model .section2 .anquan-content .anquan-swiper .swiper {
	height: 100%
}

.c-pa-model .section2 .anquan-content .anquan-swiper img {
	height: 100%;
	position: absolute;
	-o-object-fit: cover;
	object-fit: cover
}

.c-pa-model .section2 .anquan-content .swiper-map {
	position: relative;
	width: 80%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 2vw 0 0;
	z-index: 5
}

.c-pa-model .section2 .anquan-content .swiper-map:after {
	position: absolute;
	bottom: 1px;
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background-color: #ddd
}

.c-pa-model .section2 .anquan-content .swiper-map .anquan-hotspot-swiper {
	width: auto;
	overflow-y: auto
}

.c-pa-model .section2 .anquan-content .swiper-map .anquan-hotspot-swiper .swiper-slide {
	width: auto !important;
	padding: 0 12px;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	white-space: nowrap
}

.c-pa-model .section2 .anquan-content .swiper-map .hotspot {
	width: auto;
	text-wrap: nowrap;
	text-align: center;
	padding: 0 20px 10px;
	cursor: pointer;
	position: relative;
	color: #000
}

.c-pa-model .section2 .anquan-content .swiper-map .hotspot:after {
	position: absolute;
	bottom: 1px;
	left: 0;
	content: "";
	display: block;
	width: 0;
	height: 1px;
	background-color: #00c4ff;
	-webkit-transition: all 1s ease;
	transition: all 1s ease
}

.c-pa-model .section2 .anquan-content .swiper-map .hotspot.active:after {
	width: 100%
}

.c-pa-model .section2 .anquan-content .desc {
	color: #000;
	margin: 1vw auto 0;
	text-align: center;
	position: unset;
	width: 80%;
	margin: 2vw auto 0;
	-webkit-transform: translateX(0);
	transform: translateX(0)
}

.c-pa-model .module-1 {
	width: 100%;
	height: 100%;
	position: relative;
	background-color: #000;
	background-size: cover;
	background-position: 50%
}

.c-pa-model .module-1 sub {
	font-size: 50%
}

.c-pa-model .module-1 .text-wrap {
	position: absolute;
	top: 50%;
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background: #00000087;
	text-align: center;
	color: #fff;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 2
}

.c-pa-model .module-1 .text-wrap .h4 {
	margin-bottom: 1.2vh;
	line-height: 1.2
}

.c-pa-model .module-1 .text-wrap span {
	display: block;
	margin-bottom: 1.5vw;
	line-height: 1.5
}

.c-pa-model .module-1 .text-wrap b {
	font-size: 1.2em
}

.c-pa-model .module-1 .canshu-wrap {
	position: absolute;
	bottom: 10%;
	left: 0;
	width: 100%;
	z-index: 1;
	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;
	margin: auto;
	z-index: 2
}

.c-pa-model .module-1 .canshu-wrap .text {
	width: 16%;
	text-align: center;
	color: #fff;
	position: relative
}

.c-pa-model .module-1 .canshu-wrap .text .h2 {
	line-height: 1
}

.c-pa-model .module-1 .canshu-wrap .text:after {
	content: "";
	width: 1px;
	height: 40%;
	background-color: #fff;
	position: absolute;
	top: 50%;
	right: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.c-pa-model .module-1 .canshu-wrap .text:last-child:after {
	display: none
}

.c-pa-model .module-1 .video-play {
	padding: 10px 40px;
	border: 1px solid hsla(0, 0%, 100%, .4);
	border-radius: 0;
	color: #fff;
	background: #2d2c2c40;
	-webkit-backdrop-filter: blur(4px);
	backdrop-filter: blur(4px)
}

.c-pa-model .module-1 video {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.c-pa-model .module-1 .eq-video-canvas {
	display: none
}

.c-pa-model .img-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .3);
	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
}

.c-pa-model .img-overlay .play-button {
	width: 50px;
	height: 50px;
	background: url(../img/icon-player.svg) no-repeat 50%;
	opacity: .5;
	-webkit-transition: all .4s ease;
	transition: all .4s ease
}

.c-pa-model .img-overlay:hover .play-button {
	opacity: 1
}

.c-pa-model .content-swiper3 .swiper,
.c-pa-model .content-swiper4 .swiper,
.c-pa-model .content-swiper .swiper {
	padding-bottom: 50px;
	width: 100%;
	padding-top: 6vh
}

.c-pa-model .content-swiper3 .swiper-wrapper,
.c-pa-model .content-swiper4 .swiper-wrapper,
.c-pa-model .content-swiper .swiper-wrapper {
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch
}

.c-pa-model .content-swiper3 .swiper-slide,
.c-pa-model .content-swiper4 .swiper-slide,
.c-pa-model .content-swiper .swiper-slide {
	position: relative;
	height: auto;
	overflow: visible
}

.c-pa-model .content-swiper3 .swiper-slide .text-wrap,
.c-pa-model .content-swiper4 .swiper-slide .text-wrap,
.c-pa-model .content-swiper .swiper-slide .text-wrap {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	color: #fff;
	text-align: center;
	background: #00000040
}

.c-pa-model .content-swiper3 .swiper-slide .text-wrap .title,
.c-pa-model .content-swiper4 .swiper-slide .text-wrap .title,
.c-pa-model .content-swiper .swiper-slide .text-wrap .title {
	position: absolute;
	top: -6vh;
	width: 100%
}

.c-pa-model .content-swiper3 .swiper-slide .text-wrap .text,
.c-pa-model .content-swiper4 .swiper-slide .text-wrap .text,
.c-pa-model .content-swiper .swiper-slide .text-wrap .text {
	position: absolute;
	bottom: 3%;
	width: 96%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}

.c-pa-model .content-swiper3 .swiper-slide img,
.c-pa-model .content-swiper4 .swiper-slide img,
.c-pa-model .content-swiper .swiper-slide img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.c-pa-model .content-swiper3 .swiper-pagination,
.c-pa-model .content-swiper4 .swiper-pagination,
.c-pa-model .content-swiper .swiper-pagination {
	text-align: left;
	bottom: 0 !important;
	height: 40px;
	left: 18vw
}

.c-pa-model .content-swiper3 .swiper-pagination .swiper-pagination-bullet,
.c-pa-model .content-swiper4 .swiper-pagination .swiper-pagination-bullet,
.c-pa-model .content-swiper .swiper-pagination .swiper-pagination-bullet {
	display: inline-block;
	width: 16px;
	height: 4px;
	background-color: gray;
	border-radius: 0;
	margin-inline: 2px
}

.c-pa-model .content-swiper3 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
.c-pa-model .content-swiper4 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
.c-pa-model .content-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	width: 28px;
	background-color: #fff;
	margin-inline: 2px
}

.c-pa-model .content-swiper3 .swiper-button,
.c-pa-model .content-swiper4 .swiper-button,
.c-pa-model .content-swiper .swiper-button {
	position: absolute;
	bottom: 0;
	right: 19.2vw;
	width: 100px;
	height: 40px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	z-index: 11
}

.c-pa-model .content-swiper3 .swiper-button .swiper-button-next,
.c-pa-model .content-swiper3 .swiper-button .swiper-button-prev,
.c-pa-model .content-swiper4 .swiper-button .swiper-button-next,
.c-pa-model .content-swiper4 .swiper-button .swiper-button-prev,
.c-pa-model .content-swiper .swiper-button .swiper-button-next,
.c-pa-model .content-swiper .swiper-button .swiper-button-prev {
	cursor: pointer;
	width: 34px;
	height: 34px;
	background-color: #fff;
	position: unset;
	margin-top: 0;
	border-radius: 50%;
	font-weight: 700;
	font-size: 24px;
	color: #000
}

.c-pa-model .content-swiper4 {
	position: relative;
	height: auto
}

.c-pa-model .content-swiper4 .tab-control {
	margin-bottom: 4vh
}

.c-pa-model .content-swiper4 .swiper {
	top: 0;
	height: 100%;
	opacity: 0
}

.c-pa-model .content-swiper4 .swiper.active {
	z-index: 2;
	opacity: 1
}

.c-pa-model .content-swiper4 .swiper .title {
	color: #000
}

.c-pa-model .main-swiper:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: -webkit-gradient(linear, left top, left bottom, from(#00000000), to(#00000073));
	background: linear-gradient(180deg, #00000000, #00000073);
	z-index: 2;
	pointer-events: none
}

.c-pa-model .main-swiper .swiper-slide {
	height: 100vh
}

.c-pa-model .image-fullscreen-overlay {
	display: none
}

.c-pa-model .main0-container .model-pdf-main {
	height: 100vh;
	position: relative;
	padding: 8vw 0 4vw;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: auto;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start
}

.c-pa-model .main0-container .model-pdf-main .sidebar {
	width: 12vw;
	min-width: 290px;
	border-left: 1px solid #aaa;
	padding-left: 16px;
	color: #b8b8b8;
	font-family: HyundaiSansHeadCN-Medium
}

.c-pa-model .main0-container .model-pdf-main .sidebar .tab {
	margin-bottom: 20px
}

.c-pa-model .main0-container .model-pdf-main .sidebar .tab>.tab-title {
	padding: 12px 0;
	cursor: pointer;
	position: relative
}

.c-pa-model .main0-container .model-pdf-main .sidebar .tab>.tab-title.active {
	color: #fff
}

.c-pa-model .main0-container .model-pdf-main .sidebar .tab>.tab-title.active:before {
	content: "";
	position: absolute;
	left: -18px;
	top: 0;
	bottom: 0;
	width: 3px;
	background: #00c4ff
}

.c-pa-model .main0-container .model-pdf-main .sidebar .tab .tab-children {
	margin-left: 12px;
	margin-top: 6px;
	display: none
}

.c-pa-model .main0-container .model-pdf-main .sidebar .tab .tab-children .tab-child {
	padding: 8px 12px;
	cursor: pointer;
	border-radius: 4px;
	position: relative
}

.c-pa-model .main0-container .model-pdf-main .sidebar .tab .tab-children .tab-child span {
	padding: 3px 5px
}

.c-pa-model .main0-container .model-pdf-main .sidebar .tab .tab-children .tab-child.active span {
	background: #082129;
	color: #fff
}

.c-pa-model .main0-container .model-pdf-main .sidebar .tab .tab-children .tab-child.active:before {
	content: "●";
	font-size: 12px;
	color: #00c4ff;
	position: absolute;
	left: -4px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.c-pa-model .main0-container .model-pdf-main .sidebar .open .tab-children {
	display: block
}

.c-pa-model .main0-container .model-pdf-main .content {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	height: 100%;
	padding-inline: 20px 0
}

.c-pa-model .main0-container .model-pdf-main .content .module {
	display: none;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	height: 100%
}

.c-pa-model .main0-container .model-pdf-main .content .module.active {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.c-pa-model .main0-container .model-pdf-main .content .module .model-pdf-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	overflow: hidden;
	background-color: #f7f7f5;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.c-pa-model .main0-container .model-pdf-main .content .module .model-pdf-text {
	padding: 2vw 3vw;
	background-color: #1a1a1a
}

.c-pa-model .main0-container .model-pdf-main .content .module .model-pdf-text ul {
	margin-top: 10px;
	line-height: 1.5
}

.c-pa-model .main0-container .model-pdf-main .content .module .model-pdf-tabs {
	padding: 2vw 3vw 4px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 70%;
	margin: auto;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	border-bottom: 1px solid #aaa
}

.c-pa-model .main0-container .model-pdf-main .content .module .model-pdf-tabs div {
	position: relative;
	color: #a3a3a3;
	cursor: pointer;
	padding-inline: 10px
}

.c-pa-model .main0-container .model-pdf-main .content .module .model-pdf-tabs div.active {
	color: #fff
}

.c-pa-model .main0-container .model-pdf-main .content .module .model-pdf-tabs div.active:after {
	content: "";
	position: absolute;
	bottom: -5px;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #00c4ff
}

.c-pa-model .main0-container .model-pdf-main .content .module img {
	max-height: 100%;
	max-width: 100%;
	-o-object-fit: contain;
	object-fit: contain;
	display: block
}

.c-pa-model .main0-container .model-pdf-main .content .module-tabs .model-pdf-img {
	display: none
}

.c-pa-model .main0-container .model-pdf-main .content .module-tabs .model-pdf-img.active {
	display: block
}

.c-pa-model .main0-container .mb-only {
	display: none
}

.c-pa-model .main1-container {
	background: #0b0b0b;
	padding-block: 0;
	color: #fff;
	position: relative
}

.c-pa-model .main1-container .model-video-box {
	height: 100vh;
	position: relative
}

.c-pa-model .main1-container .model-video-box .model-video-title {
	position: absolute;
	bottom: 10vh;
	text-align: center;
	width: 100%
}

.c-pa-model .main1-container .model-video-box .model-video-title:after {
	content: "";
	position: absolute;
	bottom: -5px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 80%;
	height: 1px;
	background-color: #ddd
}

.c-pa-model .main1-container .model-video-box .model-video-title span {
	display: inline-block;
	width: auto;
	position: relative
}

.c-pa-model .main1-container .model-video-box .model-video-title span:after {
	content: "";
	position: absolute;
	bottom: -5px;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #00c4ff;
	z-index: 2
}

.c-pa-model .main1-container .model-video-box .model-video-text {
	position: absolute;
	bottom: 5vh;
	text-align: center;
	width: 100%
}

.c-pa-model .main1-container .model-video-box2 {
	position: relative;
	height: 180vh
}

.c-pa-model .main1-container .model-video-box2 .video-box {
	position: sticky;
	top: 0;
	height: 100vh;
	overflow: hidden
}

.c-pa-model .main1-container .model-video-box2 .model-video-text,
.c-pa-model .main1-container .model-video-box2 .model-video-title {
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	opacity: 0;
	-webkit-transition: opacity .5s;
	transition: opacity .5s
}

.c-pa-model .main1-container .model-text-box1 {
	height: 100vh
}

.c-pa-model .main1-container .model-xingneng-box {
	height: 100vh;
	width: 100%;
	position: relative;
	overflow: hidden
}

.c-pa-model .main1-container .model-xingneng-box .saidao {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: calc(50% + 10vw)
}

.c-pa-model .main1-container .model-xingneng-box .cars-model {
	width: 20vw;
	position: absolute;
	bottom: -.5vw;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}

.c-pa-model .main1-container .model-xingneng-box .cars-model .cars {
	width: 100%
}

.c-pa-model .main1-container .model-xingneng-box .cars-model .wheelimg {
	position: absolute;
	width: 2.8vw;
	height: 2.8vw;
	bottom: .6vw;
	left: 14.1vw
}

.c-pa-model .main1-container .model-xingneng-box .cars-model .w2 {
	left: auto;
	right: 13.25vw
}

@-webkit-keyframes wheel-spin {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

@keyframes wheel-spin {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

.c-pa-model .main1-container .model-xingneng-box .controls {
	position: absolute;
	bottom: 50%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}

.c-pa-model .main1-container .model-main-box {
	margin-bottom: 4vw
}

.c-pa-model .main1-container .model-main-box .swiper-map {
	bottom: 13%
}

.c-pa-model .main1-container .model-main-box .desc {
	top: 88%
}

.c-pa-model .main1-container .main1-swiper-box {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.c-pa-model .main1-container .main-swiperx {
	padding-bottom: 6vw;
	position: relative
}

.c-pa-model .main1-container .main-swiperx .swiper-slide {
	height: 27vw
}

.c-pa-model .main1-container .main-swiperx .title-box {
	margin-bottom: 3vw
}

.c-pa-model .main1-container .main-swiperx img,
.c-pa-model .main1-container .main-swiperx video {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.c-pa-model .main1-container .swiper-map {
	bottom: 3.6%
}

.c-pa-model .main1-container .desc {
	top: 97%
}

.c-pa-model .main2-container .main-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 80%;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: auto
}

.c-pa-model .main2-container .main-box .left {
	width: auto;
	padding-right: 4vw;
	position: relative
}

.c-pa-model .main2-container .main-box .left:before {
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	display: block;
	width: 1px;
	height: 100%;
	background-color: #918d8d
}

.c-pa-model .main2-container .main-box .left .left-line {
	position: absolute;
	left: 0;
	top: 10px;
	height: 10px;
	width: 1px;
	background-color: #00c4ff;
	-webkit-transition: all .6s ease;
	transition: all .6s ease
}

.c-pa-model .main2-container .main-box .left .item {
	padding-left: 1vw;
	position: relative;
	cursor: pointer;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	margin-bottom: 15px
}

.c-pa-model .main2-container .main-box .left .item p {
	margin: 0;
	color: #828282
}

.c-pa-model .main2-container .main-box .left .item:hover {
	color: #f5f5f5
}

.c-pa-model .main2-container .main-box .left .item.active p {
	color: #fff;
	font-weight: 500
}

.c-pa-model .main2-container .main-box .right {
	width: 20vw;
	height: 100%
}

.c-pa-model .main2-container .main-box .right img.replace {
	width: 100%;
	height: auto;
	-o-object-fit: contain;
	object-fit: contain;
	border-radius: 20px
}

.c-pa-model .main3-container .content-swiper3 {
	margin-bottom: 4vw
}

.c-pa-model .main3-container .main3-box {
	min-height: 100vh;
	position: relative;
	width: 100%
}

.c-pa-model .main3-container .main3-box img {
	width: 100%;
	height: auto;
	-o-object-fit: contain;
	object-fit: contain;
	top: 0
}

.c-pa-model .main3-container .main3-box .op-img {
	opacity: 0;
	position: absolute;
	top: 0
}

.c-pa-model .main3-container .main3-box .item {
	opacity: 1;
	position: unset
}

.c-pa-model .main3-container .main3-box .title-control {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	z-index: 5
}

.c-pa-model .main3-container .main3-box .title-control .tab {
	width: 12px;
	height: 12px;
	position: absolute;
	top: 25.4vw;
	left: 20vw;
	background-color: #fff;
	border-radius: 50%;
	-webkit-box-shadow: 0 0 10px 2px hsla(0, 0%, 100%, .8);
	box-shadow: 0 0 10px 2px hsla(0, 0%, 100%, .8);
	cursor: pointer
}

.c-pa-model .main3-container .main3-box .title-control .tab:before {
	width: 25px;
	height: 25px;
	-webkit-animation: ripple 1s infinite;
	animation: ripple 1s infinite;
	-webkit-animation-delay: 0s;
	animation-delay: 0s
}

.c-pa-model .main3-container .main3-box .title-control .tab:after,
.c-pa-model .main3-container .main3-box .title-control .tab:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	border-radius: 50%;
	border: 2px solid hsla(0, 0%, 100%, .8);
	-webkit-box-shadow: 0 0 15px hsla(0, 0%, 100%, .5);
	box-shadow: 0 0 15px hsla(0, 0%, 100%, .5)
}

.c-pa-model .main3-container .main3-box .title-control .tab:after {
	width: 40px;
	height: 40px;
	-webkit-animation: ripple 1s infinite;
	animation: ripple 1s infinite;
	-webkit-animation-delay: .2s;
	animation-delay: .2s
}

.c-pa-model .main3-container .main3-box .title-control .tab2 {
	top: 30vw;
	left: 60vw
}

.c-pa-model .main3-container .main3-box .title-control .tab3 {
	top: 35vw;
	left: 39vw
}

.c-pa-model .main3-container .main3-box .title-control .tab4 {
	top: 32.5vw;
	left: 23.5vw
}

@-webkit-keyframes ripple {
	0% {
		-webkit-transform: translate(-50%, -50%) scale(1);
		transform: translate(-50%, -50%) scale(1);
		opacity: 1
	}

	to {
		-webkit-transform: translate(-50%, -50%) scale(1.3);
		transform: translate(-50%, -50%) scale(1.3);
		opacity: 0
	}
}

@keyframes ripple {
	0% {
		-webkit-transform: translate(-50%, -50%) scale(1);
		transform: translate(-50%, -50%) scale(1);
		opacity: 1
	}

	to {
		-webkit-transform: translate(-50%, -50%) scale(1.3);
		transform: translate(-50%, -50%) scale(1.3);
		opacity: 0
	}
}

.c-pa-model .main3-container .main3-box .main-wrap {
	position: absolute;
	width: 30vw;
	right: 4vw;
	top: 8vw;
	z-index: 10;
	padding-top: 6vw;
	opacity: 0;
	pointer-events: none
}

.c-pa-model .main3-container .main3-box .main-wrap.leftActive {
	left: auto
}

.c-pa-model .main3-container .main3-box .main-wrap .close {
	width: 40px;
	height: 40px;
	background-color: #fff;
	color: #000;
	font-size: 18px;
	border-radius: 50%;
	position: absolute;
	top: 0;
	right: 0;
	display: none;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	pointer-events: all;
	cursor: pointer;
	opacity: 1
}

.c-pa-model .main3-container .main3-box .main-wrap img {
	width: 100%;
	position: unset;
	height: auto
}

.c-pa-model .main3-container .main3-box .main-wrap .text-wrap {
	margin-top: 2vw
}

.c-pa-model .main4-container {
	background-color: #fff;
	color: #000;
	padding-bottom: 4vw
}

.c-pa-model .main4-container .model-text-box {
	height: 41vw
}

.c-pa-model .main4-container .swiper-button-next,
.c-pa-model .main4-container .swiper-button-prev {
	color: #fff !important;
	background-color: #000 !important
}

.c-pa-model .main4-container .swiper-pagination .swiper-pagination-bullet {
	background-color: #7f7f7f
}

.c-pa-model .main4-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: #000
}

.c-pa-model .tab-control {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: auto;
	position: relative;
	margin-bottom: 20px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	background-color: #c4c4c4;
	border-radius: 20px
}

.c-pa-model .tab-control .tab-click {
	padding: 5px 20px;
	cursor: pointer;
	position: relative;
	z-index: 2
}

.c-pa-model .tab-control .tab-click.active {
	color: #fff
}

.c-pa-model .tab-control .indicator {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 100%;
	background: #000;
	border-radius: 20px;
	z-index: 1;
	-webkit-transition: all .3s ease;
	transition: all .3s ease
}

.c-pa-model .title-box {
	margin: auto;
	text-align: center;
	color: #fff
}

.c-pa-model .model-main-box {
	position: relative;
	width: 100%;
	height: 100vh
}

.c-pa-model .yinxiang {
	position: absolute;
	top: 12vw;
	left: 10vw;
	font-size: 18px;
	line-height: 1
}

.c-pa-model .yinxiang span {
	font-size: 10vw;
	line-height: 1
}

.c-pa-model .qinang {
	position: absolute;
	top: 1vw;
	left: 25vw;
	background-color: #4d4c4c45;
	padding: 5px 2vw
}

.c-pa-model .qinang .line-bottom {
	position: absolute;
	bottom: -12vw;
	right: 50%;
	width: 1px;
	height: 12vw;
	background: url(../img/shu.png)
}

.c-pa-model .qinang .point-bottom {
	bottom: -12vw;
	right: calc(50% - 1.5px);
	width: 4px;
	height: 4px;
	background: #fff;
	border-radius: 50%;
	position: absolute
}

.c-pa-model .shanshuo {
	opacity: 0;
	-webkit-animation: blink 5s infinite;
	animation: blink 5s infinite
}

.c-pa-model .main2-container .wheel-box {
	width: 100%;
	height: 100vh;
	position: relative;
	background: url(../img/wheel-bg-0821.jpg) 0 0 no-repeat;
	background-size: 100%;
	background-position: bottom;
	display: block
}

.c-pa-model .main2-container .wheel-box .left-cars {
	width: 56vw;
	position: absolute;
	height: 100%;
	left: -56vw
}

.c-pa-model .main2-container .wheel-box .left-cars.active {
	left: -56vw;
	-webkit-transition: left 1s ease;
	transition: left 1s ease
}

.c-pa-model .main2-container .wheel-box .left-cars.active .wheelimg {
	-webkit-animation: wheelAni 1s ease;
	animation: wheelAni 1s ease
}

.c-pa-model .main2-container .wheel-box .left-cars .big-cars {
	width: 112vw;
	height: auto;
	-o-object-fit: contain;
	object-fit: contain;
	position: absolute;
	bottom: 6vw;
	right: 0
}

.c-pa-model .main2-container .wheel-box .left-cars .wheelimg {
	width: 16vw;
	height: auto;
	position: absolute;
	bottom: 9.6vw;
	right: 17.2vw
}

.c-pa-model .main2-container .wheel-box .right-wheel {
	width: 44%;
	position: absolute;
	right: 0;
	top: 32%
}

.c-pa-model .main2-container .wheel-box .right-wheel .tab-control {
	margin-bottom: 4vw;
	background-color: #414144
}

.c-pa-model .main2-container .wheel-box .right-wheel .tab-control .indicator {
	background-color: #fff
}

.c-pa-model .main2-container .wheel-box .right-wheel .tab-control .tab-click {
	color: #fff;
	padding: 10px 30px
}

.c-pa-model .main2-container .wheel-box .right-wheel .tab-control .tab-click.active {
	color: #000
}

.c-pa-model .main2-container .wheel-box .right-wheel .wheel-main {
	width: 100%
}

.c-pa-model .main2-container .wheel-box .right-wheel .wheel-main .wheel {
	display: none;
	text-align: center;
	gap: 3%
}

.c-pa-model .main2-container .wheel-box .right-wheel .wheel-main .wheel.active {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.c-pa-model .main2-container .wheel-box .right-wheel .wheel-main .wheel p {
	margin-top: .8vw
}

.c-pa-model .main2-container .wheel-box .right-wheel .wheel-main .wheel .item {
	width: 30%;
	cursor: pointer
}

.c-pa-model .main2-container .wheel-box .right-wheel .wheel-main .wheel .item .img-box {
	background: url(../img/wheel-bg-0821.jpg) 0 0 no-repeat;
	background-position: bottom;
	background-size: cover;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 2vw 3vw
}

.c-pa-model .main2-container .wheel-box .right-wheel .wheel-main .wheel .item img {
	width: 100%;
	height: auto;
	margin: auto
}

.c-pa-model .main2-container .wheel-box .right-wheel .wheel-main .wheel .noClick {
	pointer-events: none;
	opacity: .4
}

@-webkit-keyframes blink {

	0%,
	10% {
		opacity: 0
	}

	10%,
	20% {
		opacity: 1
	}

	20%,
	30% {
		opacity: 0
	}

	30%,
	40% {
		opacity: 1
	}

	40%,
	50% {
		opacity: 0
	}

	50%,
	60% {
		opacity: 1
	}

	60%,
	to {
		opacity: 0
	}
}

@keyframes wheelAni {
	0% {
		-webkit-transform: rotate(-2turn);
		transform: rotate(-2turn);
		-moz-transform: rotate(-2turn);
		-ms-transform: rotate(-2turn);
		-o-transform: rotate(-2turn)
	}

	to {
		-webkit-transform: rotate(0);
		transform: rotate(0);
		-moz-transform: rotate(0);
		-ms-transform: rotate(0);
		-o-transform: rotate(0)
	}
}

.is-vertical .c-pa-model .pc-only {
	display: none !important
}

.is-vertical .c-pa-model .scroll-section .sticky-container .svg-mask-container .mask-title span {
	font-size: 14px
}

.is-vertical .c-pa-model .scroll-section .sticky-container .svg-mask-container .mask-p {
	margin-top: 70px;
	line-height: 1.2;
	width: calc(100% - 60px)
}

.is-vertical .c-pa-model .scroll-section .sticky-container .svg-mask-container .mask-p span {
	font-size: 12px
}

.is-vertical .c-pa-model .scroll-section .sticky-container .background-content .slide-switcher {
	top: 12vh
}

.is-vertical .c-pa-model .scroll-section .sticky-container .background-content .swiper-map {
	width: calc(100% - 60px);
	bottom: 20%
}

.is-vertical .c-pa-model .scroll-section .sticky-container .background-content .swiper-map .hotspot-swiper .swiper-slide {
	padding: 0 2vw
}

.is-vertical .c-pa-model .scroll-section .sticky-container .background-content .swiper-map .hotspot-swiper .swiper-slide .hotspot {
	padding: 0 2vw 10px
}

.is-vertical .c-pa-model .scroll-section .sticky-container .background-content .desc {
	width: calc(100% - 60px);
	top: 82%
}

.is-vertical .c-pa-model .scroll-section .sticky-container .background-content .desc span {
	font-size: 12px
}

.is-vertical .c-pa-model .video-box video {
	display: none
}

.is-vertical .c-pa-model .inner {
	right: 0;
	text-align: left;
	bottom: 8vw !important
}

.is-vertical .c-pa-model .module-1 {
	height: 100%
}

.is-vertical .c-pa-model .module-1 .text-wrap {
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: start
}

.is-vertical .c-pa-model .module-1 .text-wrap .scrolled-box {
	position: absolute;
	padding-inline: 4.6vw;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.is-vertical .c-pa-model .module-1 .text-wrap .h4 {
	font-size: 18px
}

.is-vertical .c-pa-model .module-1 .text-wrap span {
	font-size: 12px
}

.is-vertical .c-pa-model .module-1 .canshu-wrap {
	bottom: 6%;
	width: 90.8vw;
	left: 4.6vw;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.is-vertical .c-pa-model .module-1 .canshu-wrap .text {
	width: auto
}

.is-vertical .c-pa-model .module-1 .canshu-wrap .text:after {
	display: none
}

.is-vertical .c-pa-model .module-1 .canshu-wrap .text .h2 {
	font-family: HyundaiSansTextCN-Regular;
	font-size: 22px
}

.is-vertical .c-pa-model .module-1 .canshu-wrap .text .mb-h5 {
	font-size: 12px
}

.is-vertical .c-pa-model .module-1 .video-play {
	margin-top: .5vw;
	padding: 1.4vw 6vw
}

.is-vertical .c-pa-model .module-1 .eq-video-canvas {
	display: block;
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%
}

.is-vertical .c-pa-model .content-swiper,
.is-vertical .c-pa-model .content-swiper3,
.is-vertical .c-pa-model .content-swiper4 {
	width: calc(100% - 60px);
	margin: 12vh auto 10vh;
	position: relative
}

.is-vertical .c-pa-model .content-swiper3 .text,
.is-vertical .c-pa-model .content-swiper4 .text,
.is-vertical .c-pa-model .content-swiper .text {
	font-size: 2.8vw
}

.is-vertical .c-pa-model .content-swiper3 .title-m,
.is-vertical .c-pa-model .content-swiper4 .title-m,
.is-vertical .c-pa-model .content-swiper .title-m {
	position: absolute;
	top: 0;
	text-align: center;
	font-family: HyundaiSansHeadCN-Medium;
	width: 63%;
	height: 40px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-top: 4px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}

.is-vertical .c-pa-model .content-swiper3 .desc-m,
.is-vertical .c-pa-model .content-swiper4 .desc-m,
.is-vertical .c-pa-model .content-swiper .desc-m {
	text-align: center;
	font-size: 12px;
	height: 52px
}

.is-vertical .c-pa-model .content-swiper3 .swiper,
.is-vertical .c-pa-model .content-swiper4 .swiper,
.is-vertical .c-pa-model .content-swiper .swiper {
	padding-top: 7vh;
	padding-bottom: 2vh;
	height: 71vh
}

.is-vertical .c-pa-model .content-swiper3 .swiper .text-wrap,
.is-vertical .c-pa-model .content-swiper4 .swiper .text-wrap,
.is-vertical .c-pa-model .content-swiper .swiper .text-wrap {
	display: none
}

.is-vertical .c-pa-model .content-swiper3 .swiper-pagination,
.is-vertical .c-pa-model .content-swiper4 .swiper-pagination,
.is-vertical .c-pa-model .content-swiper .swiper-pagination {
	left: 0;
	display: none
}

.is-vertical .c-pa-model .content-swiper3 .swiper-button,
.is-vertical .c-pa-model .content-swiper4 .swiper-button,
.is-vertical .c-pa-model .content-swiper .swiper-button {
	top: 0;
	width: calc(100% - 60px);
	left: 30px
}

.is-vertical .c-pa-model .content-swiper3 .swiper-button .swiper-button-next,
.is-vertical .c-pa-model .content-swiper3 .swiper-button .swiper-button-prev,
.is-vertical .c-pa-model .content-swiper4 .swiper-button .swiper-button-next,
.is-vertical .c-pa-model .content-swiper4 .swiper-button .swiper-button-prev,
.is-vertical .c-pa-model .content-swiper .swiper-button .swiper-button-next,
.is-vertical .c-pa-model .content-swiper .swiper-button .swiper-button-prev {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 28px;
	height: 28px;
	background-color: #000;
	color: #fff;
	font-weight: 400;
	font-size: 32px
}

.is-vertical .c-pa-model .content-swiper3 .title-m {
	margin-top: -1.5vw
}

.is-vertical .c-pa-model .section2 .rotateX {
	width: calc(100% - 60px)
}

.is-vertical .c-pa-model .section2 .content {
	padding-top: 16vw;
	padding-bottom: 16vw
}

.is-vertical .c-pa-model .section2 .anquan-content {
	margin-top: 6vw
}

.is-vertical .c-pa-model .section2 .anquan-content .anquan-swiper {
	position: relative;
	width: calc(100% - 60px);
	height: 68vh;
	margin: auto
}

.is-vertical .c-pa-model .section2 .anquan-content .anquan-swiper .swiper {
	padding-top: 12vw
}

.is-vertical .c-pa-model .section2 .anquan-content .anquan-swiper .swiper-button {
	top: 0;
	height: 40px;
	left: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	padding-inline: 30px;
	position: absolute
}

.is-vertical .c-pa-model .section2 .anquan-content .anquan-swiper .swiper-button .swiper-button-next,
.is-vertical .c-pa-model .section2 .anquan-content .anquan-swiper .swiper-button .swiper-button-prev {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 28px;
	height: 28px;
	background-color: #000;
	color: #fff;
	font-weight: 400;
	font-size: 32px;
	border-radius: 50%;
	top: 28px
}

.is-vertical .c-pa-model .section2 .anquan-content .anquan-swiper .title-m {
	position: absolute;
	top: 0;
	text-align: center;
	font-family: HyundaiSansHeadCN-Medium;
	width: 63%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-top: 10px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}

.is-vertical .c-pa-model .section2 .anquan-content .desc-m {
	width: calc(100% - 60px);
	margin: auto;
	margin-top: 4vw;
	height: 52px;
	font-size: 12px
}

.is-vertical .c-pa-model .section2 .anquan-content .anquan-hotspot-swiper-container {
	display: none
}

.is-vertical .c-pa-model .section2 .anquan-content .swiper-map {
	width: calc(100% - 60px);
	margin-top: 4vw
}

.is-vertical .c-pa-model .section2 .anquan-content .swiper-map .hotspot-swiper .swiper-slide {
	padding: 0 2vw
}

.is-vertical .c-pa-model .section2 .anquan-content .swiper-map .hotspot-swiper .swiper-slide .hotspot {
	padding: 0 2vw 10px
}

.is-vertical .c-pa-model .section2 .anquan-content .desc {
	width: calc(100% - 60px);
	top: 82%
}

.is-vertical .c-pa-model .section2 .anquan-content .desc span {
	font-size: 12px
}

.is-vertical .c-pa-model .content-swiper4 .title-m {
	top: 11vw
}

.is-vertical .c-pa-model .content-swiper4 .tab-control {
	margin-bottom: 20px
}

.is-vertical .c-pa-model .main1-container {
	background: #fff;
	color: #000
}

.is-vertical .c-pa-model .main1-container .model-video-box {
	height: auto;
	padding: 24vw 0 0;
	width: calc(100% - 60px);
	margin: auto
}

.is-vertical .c-pa-model .main1-container .model-video-box .model-video-title {
	position: unset;
	margin-bottom: 6vw
}

.is-vertical .c-pa-model .main1-container .model-video-box .model-video-title:after {
	display: none
}

.is-vertical .c-pa-model .main1-container .model-video-box .model-video-title span:after {
	font-size: 16px;
	display: none
}

.is-vertical .c-pa-model .main1-container .model-video-box .model-video-text {
	margin-top: 6vw;
	position: unset;
	font-size: 12px
}

.is-vertical .c-pa-model .main1-container .model-video-box .video-box-m {
	position: relative
}

.is-vertical .c-pa-model .main1-container .model-text-box1,
.is-vertical .c-pa-model .main1-container .model-video-box .video-box-m video {
	height: auto
}

.is-vertical .c-pa-model .main1-container .main1-swiper-box-mb {
	position: relative;
	top: 0;
	-webkit-transform: unset;
	transform: unset
}

.is-vertical .c-pa-model .main1-container .main1-swiper-m {
	padding-block: 24vw 12vw
}

.is-vertical .c-pa-model .main1-container .main1-swiper-m .title-box {
	color: #000;
	width: calc(100% - 60px);
	margin-bottom: 8vw
}

.is-vertical .c-pa-model .main1-container .main1-swiper-m .title-box .text {
	font-size: 12px
}

.is-vertical .c-pa-model .main1-container .main1-swiper-m .swiper {
	width: calc(100% - 60px);
	padding-top: 12vw
}

.is-vertical .c-pa-model .main1-container .main1-swiper-m .swiper .swiper-slide {
	height: 52vw
}

.is-vertical .c-pa-model .main1-container .main1-swiper-m .swiper .swiper-slide video {
	height: 100%
}

.is-vertical .c-pa-model .main1-container .main1-swiper-m .swiper .swiper-button .swiper-button-next,
.is-vertical .c-pa-model .main1-container .main1-swiper-m .swiper .swiper-button .swiper-button-prev {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 28px;
	height: 28px;
	top: 23px;
	background-color: #000;
	border-radius: 50%;
	color: #fff;
	font-size: 28px
}

.is-vertical .c-pa-model .main1-container .main1-swiper-m .swiper .title-m {
	text-align: center;
	position: absolute;
	top: 0;
	width: 100%;
	margin-top: 2px;
	font-size: 16px
}

.is-vertical .c-pa-model .main1-container .main1-swiper-m .desc-m {
	width: calc(100% - 60px);
	margin: auto;
	margin-top: 6vw;
	text-align: center;
	font-size: 12px;
	height: 52px
}

.is-vertical .c-pa-model .image-fullscreen-overlay {
	position: fixed;
	top: 0;
	left: 0;
	background-color: #f7f7f5;
	z-index: 9999;
	display: none;
	-ms-touch-action: none;
	touch-action: none
}

.is-vertical .c-pa-model .image-fullscreen-overlay,
.is-vertical .c-pa-model .image-fullscreen-overlay .image-fullscreen-container {
	width: 100%;
	height: 100%;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.is-vertical .c-pa-model .image-fullscreen-overlay .image-fullscreen-container {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.is-vertical .c-pa-model .image-fullscreen-overlay .image-fullscreen-img {
	height: 100vw;
	width: 100vh;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	-o-object-fit: contain;
	object-fit: contain
}

.is-vertical .c-pa-model .image-fullscreen-overlay .image-close-btn {
	width: 40px;
	height: 40px;
	background-color: #000;
	color: #fff;
	font-size: 18px;
	border-radius: 50%;
	position: absolute;
	bottom: 6vh;
	right: 10px;
	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;
	pointer-events: all;
	cursor: pointer;
	opacity: 1
}

.is-vertical .c-pa-model .main0-container {
	background-color: #0b0b0b;
	color: #fff
}

.is-vertical .c-pa-model .main0-container .mb-only {
	display: block
}

.is-vertical .c-pa-model .main0-container .main1-swiper-m .title-box {
	color: #fff
}

.is-vertical .c-pa-model .main0-container .model-pdf-main {
	height: auto;
	display: block;
	padding: 24vw 0 0;
	width: 100%
}

.is-vertical .c-pa-model .main0-container .model-pdf-main>div {
	margin-bottom: 8vw
}

.is-vertical .c-pa-model .main0-container .model-pdf-main>div:last-child {
	margin-bottom: 0
}

.is-vertical .c-pa-model .main0-container .model-pdf-main .title {
	width: 100%;
	background-color: #00224a;
	text-align: center;
	padding-block: 2vw
}

.is-vertical .c-pa-model .main0-container .model-pdf-main .model-control {
	width: calc(100% - 60px);
	margin: auto;
	margin-top: 4vw;
	height: 48px;
	position: relative
}

.is-vertical .c-pa-model .main0-container .model-pdf-main .model-control .swiper-button {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0
}

.is-vertical .c-pa-model .main0-container .model-pdf-main .model-control .swiper-button .swiper-button-next,
.is-vertical .c-pa-model .main0-container .model-pdf-main .model-control .swiper-button .swiper-button-prev {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 28px;
	height: 28px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	background-color: #fff;
	border-radius: 50%;
	color: #000;
	font-size: 28px;
	margin-top: 0
}

.is-vertical .c-pa-model .main0-container .model-pdf-main .model-control .model-title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 58%;
	height: 100%;
	margin: auto;
	font-size: 16px;
	text-align: center
}

.is-vertical .c-pa-model .main0-container .model-pdf-main .model-swiper {
	width: calc(100% - 40px);
	margin: auto;
	margin-top: 6vw;
	overflow: hidden
}

.is-vertical .c-pa-model .main0-container .model-pdf-main .model-swiper .model-pdf-text {
	padding: 4vw 6vw;
	background-color: #191919
}

.is-vertical .c-pa-model .main0-container .model-pdf-main .model-swiper .model-pdf-text .text {
	font-size: 13px
}

.is-vertical .c-pa-model .main0-container .model-pdf-main .model-swiper .model-pdf-text ul {
	margin-top: 10px;
	line-height: 1.5;
	font-size: 11px
}

.is-vertical .c-pa-model .main0-container .model-pdf-main .model-swiper .model-pdf-tabs {
	padding: 2vw 0 4px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	margin: auto;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	border-bottom: 1px solid #aaa
}

.is-vertical .c-pa-model .main0-container .model-pdf-main .model-swiper .model-pdf-tabs div {
	position: relative;
	color: #a3a3a3;
	cursor: pointer;
	padding-inline: 0;
	font-size: 11px
}

.is-vertical .c-pa-model .main0-container .model-pdf-main .model-swiper .model-pdf-tabs div.active {
	color: #fff
}

.is-vertical .c-pa-model .main0-container .model-pdf-main .model-swiper .model-pdf-tabs div.active:after {
	content: "";
	position: absolute;
	bottom: -5px;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #00c4ff
}

.is-vertical .c-pa-model .main0-container .model-pdf-main .model-swiper img {
	max-height: 100%;
	max-width: 100%;
	-o-object-fit: contain;
	object-fit: contain;
	display: block
}

.is-vertical .c-pa-model .main0-container .model-pdf-main .module-tabs img {
	display: none
}

.is-vertical .c-pa-model .main0-container .model-pdf-main .module-tabs .model-pdf-img.active {
	display: block
}

.is-vertical .c-pa-model .main0-container .main1-swiper-box-mb .swiper-button .swiper-button-next,
.is-vertical .c-pa-model .main0-container .main1-swiper-box-mb .swiper-button .swiper-button-prev {
	background-color: #fff !important;
	color: #000 !important
}

.is-vertical .c-pa-model .desc,
.is-vertical .c-pa-model .swiper-map {
	width: calc(100% - 60px);
	max-width: none
}

.is-vertical .c-pa-model .swiper-map .hotspot {
	padding: 0 4vw 2vw
}

.is-vertical .c-pa-model .desc {
	font-size: 12px
}

.is-vertical .c-pa-model .main2-container {
	background-color: #0b0b0b
}

.is-vertical .c-pa-model .main2-container .main-box {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.is-vertical .c-pa-model .main2-container .main-box .left,
.is-vertical .c-pa-model .main2-container .main-box .right {
	width: calc(100% - 60px)
}

.is-vertical .c-pa-model .full-container .swiper-button-next,
.is-vertical .c-pa-model .full-container .swiper-button-prev {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.is-vertical .c-pa-model .full-container .swiper-button-prev {
	left: 20px
}

.is-vertical .c-pa-model .full-container .swiper-button-next {
	right: 20px
}

.is-vertical .c-pa-model .wheel-box {
	background-size: cover
}

.is-vertical .c-pa-model .wheel-box .left-cars {
	width: 100%;
	left: -100vw
}

.is-vertical .c-pa-model .wheel-box .left-cars.active {
	left: -100vw
}

.is-vertical .c-pa-model .wheel-box .left-cars .big-cars {
	bottom: 20vw;
	width: 176vw
}

.is-vertical .c-pa-model .wheel-box .left-cars .wheelimg {
	width: 25vw;
	right: 27.4vw;
	bottom: 25.4vw
}

.is-vertical .c-pa-model .wheel-box .right-wheel {
	width: 100%;
	padding-inline: 30px;
	top: 35vw
}

.is-vertical .c-pa-model .wheel-box .right-wheel .tab-control .tab-click {
	padding: 1.5vw 4vw
}

.is-vertical .c-pa-model .wheel-box .right-wheel .wheel-main .wheel {
	gap: 2vw
}

.is-vertical .c-pa-model .wheel-box .right-wheel .wheel-main .wheel .item {
	width: 32%
}

.is-vertical .c-pa-model .wheel-box .right-wheel .wheel-main p,
.is-vertical .c-pa-model .wheel-box .right-wheel .wheel-main span {
	font-size: 12px;
	color: #fff
}

.is-vertical .c-pa-model .main3-container .main3-box {
	min-height: auto
}

.is-vertical .c-pa-model .main3-container .main3-box .title-control .tab {
	width: 4px;
	height: 4px;
	top: 121.4vw;
	left: 13vw
}

.is-vertical .c-pa-model .main3-container .main3-box .title-control .tab:before {
	width: 16px;
	height: 16px
}

.is-vertical .c-pa-model .main3-container .main3-box .title-control .tab:after {
	width: 28px;
	height: 28px
}

.is-vertical .c-pa-model .main3-container .main3-box .title-control .tab2 {
	top: 124.4vw;
	left: 69vw
}

.is-vertical .c-pa-model .main3-container .main3-box .title-control .tab3 {
	top: 132.4vw;
	left: 32vw
}

.is-vertical .c-pa-model .main3-container .main3-box .title-control .tab4 {
	top: 129.4vw;
	left: 17vw
}

.is-vertical .c-pa-model .main3-container .main3-box .main-wrap {
	width: calc(100% - 60px);
	right: 30px;
	top: 19vw;
	padding-top: 16vw;
	color: #fff
}

.is-vertical .c-pa-model .yinxiang {
	top: 35vw;
	left: 4vw
}

.is-vertical .c-pa-model .tab-control .tab-click {
	padding: 1.5vw 4vw
}

.is-vertical .c-pa-model .main4-container .model-text-box {
	height: auto
}

.is-vertical .c-pa-model .qinang {
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	top: 21vw;
	left: 5vw;
	background-color: #afa7a745;
	padding: 2vw 5px
}

.is-vertical .c-pa-model .qinang .line-bottom {
	width: 29vw;
	height: 1px;
	background: url(../img/heng.png)
}

.is-vertical .c-pa-model .qinang .line-bottom,
.is-vertical .c-pa-model .qinang .point-bottom {
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	right: -29vw
}

.c-pa-configure {
	padding-block: 4vw 3vw
}

.c-pa-configure .title-box {
	text-align: center;
	margin-bottom: 1.5vw
}

.c-pa-configure .tab-control {
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	background-color: #c4c4c4;
	border-radius: 40px;
	margin: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	margin-bottom: 10px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center
}

.c-pa-configure .tab-control .tab-click {
	padding: 10px 30px;
	cursor: pointer;
	position: relative;
	z-index: 2;
	line-height: 1.2
}

.c-pa-configure .tab-control .tab-click .price {
	font-weight: 700
}

.c-pa-configure .tab-control .tab-click.active {
	color: #fff
}

.c-pa-configure .tab-control .indicator {
	border-radius: 40px;
	position: absolute;
	bottom: 0;
	left: 0;
	height: 100%;
	background: #000;
	z-index: 1;
	-webkit-transition: all .3s ease;
	transition: all .3s ease
}

.c-pa-configure .tab-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	height: 29vw
}

.c-pa-configure .tab-container .left {
	width: 55%;
	max-width: 35vw
}

.c-pa-configure .tab-container .left .swiper {
	position: relative;
	padding-bottom: 2vw
}

.c-pa-configure .tab-container .left .swiper .swiper-wrapper .swiper-slide {
	position: relative
}

.c-pa-configure .tab-container .left .swiper .swiper-wrapper .swiper-slide img {
	width: 100%;
	height: auto;
	display: block
}

.c-pa-configure .tab-container .left .swiper .swiper-wrapper .swiper-slide .dimension {
	position: absolute;
	height: 0;
	border-top: 1px solid #000;
	width: 83%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	opacity: 0;
	-webkit-transition: opacity .5s ease;
	transition: opacity .5s ease
}

.c-pa-configure .tab-container .left .swiper .swiper-wrapper .swiper-slide .dimension:after,
.c-pa-configure .tab-container .left .swiper .swiper-wrapper .swiper-slide .dimension:before {
	content: "";
	position: absolute;
	top: -5px;
	width: 0;
	height: 10px;
	border-left: 1px solid #000;
	z-index: 2
}

.c-pa-configure .tab-container .left .swiper .swiper-wrapper .swiper-slide .dimension:after {
	right: 0
}

.c-pa-configure .tab-container .left .swiper .swiper-wrapper .swiper-slide .dimension .label {
	position: absolute;
	top: 3px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background: #fff;
	padding: 0 5px;
	font-family: sans-serif;
	font-size: 12px;
	z-index: 3;
	color: #000;
	opacity: 0;
	-webkit-transition: opacity .3s ease .3s;
	transition: opacity .3s ease .3s
}

.c-pa-configure .tab-container .left .swiper .swiper-wrapper .swiper-slide .dimension.active,
.c-pa-configure .tab-container .left .swiper .swiper-wrapper .swiper-slide .dimension.active .label,
.c-pa-configure .tab-container .left .swiper .swiper-wrapper .swiper-slide.swiper-slide-active .dimension,
.c-pa-configure .tab-container .left .swiper .swiper-wrapper .swiper-slide.swiper-slide-active .dimension .label {
	opacity: 1
}

.c-pa-configure .tab-container .left .swiper .swiper-wrapper .swiper-slide .dimension1 {
	bottom: 16%
}

.c-pa-configure .tab-container .left .swiper .swiper-wrapper .swiper-slide .dimension2 {
	bottom: 8%;
	left: 48%;
	width: 52%
}

.c-pa-configure .tab-container .left .swiper .swiper-wrapper .swiper-slide .dimension4 {
	bottom: 8%;
	left: 50%;
	width: 42%
}

.c-pa-configure .tab-container .left .swiper .swiper-wrapper .swiper-slide .dimension5 {
	bottom: 16%;
	width: 48%
}

.c-pa-configure .tab-container .left .swiper .swiper-wrapper .swiper-slide .dimension3 {
	width: 10px;
	height: 60%;
	left: 1px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	border-left: 1px solid #000;
	border-top: 0 solid #000
}

.c-pa-configure .tab-container .left .swiper .swiper-wrapper .swiper-slide .dimension3:after,
.c-pa-configure .tab-container .left .swiper .swiper-wrapper .swiper-slide .dimension3:before {
	content: "";
	position: absolute;
	top: -5px;
	width: 10px;
	height: 0;
	border-left: 0 solid #000;
	border-top: 1px solid #000;
	z-index: 2
}

.c-pa-configure .tab-container .left .swiper .swiper-wrapper .swiper-slide .dimension3:before {
	top: 0;
	left: -5px
}

.c-pa-configure .tab-container .left .swiper .swiper-wrapper .swiper-slide .dimension3:after {
	top: auto;
	left: -5px;
	bottom: 0
}

.c-pa-configure .tab-container .left .swiper .swiper-wrapper .swiper-slide .dimension3 .label {
	top: 18%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 10px
}

.c-pa-configure .tab-container .left .swiper .swiper-pagination {
	bottom: 0 !important;
	text-align: center
}

.c-pa-configure .tab-container .left .swiper .swiper-pagination .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #ccc;
	margin: 0 5px;
	cursor: pointer;
	display: inline-block
}

.c-pa-configure .tab-container .left .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: #002c5f
}

.c-pa-configure .tab-container .right {
	width: 40%;
	padding-left: 20px
}

.c-pa-configure .tab-container .right .configure-main {
	background-color: #f8f7f8
}

.c-pa-configure .tab-container .right .configure-main .configure-title {
	text-align: center;
	padding: 10px 10px 7px;
	background-color: #002c5f;
	color: #fff;
	font-family: HyundaiSansHeadCN-Medium
}

.c-pa-configure .tab-container .right .configure-main .spec-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 10px 10px 7px;
	border-bottom: 1px solid #e5e5e5
}

.c-pa-configure .configure-button {
	margin-top: 1.5vw;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	gap: 2vw
}

.c-pa-configure .configure-button .line-params {
	background-color: #002c5f
}

.c-pa-configure .configure-button .line-params a {
	color: #fff
}

.is-vertical .c-pa-configure {
	width: calc(100% - 60px);
	padding-block: 12vw 10vw
}

.is-vertical .c-pa-configure .tab-control {
	margin-top: 4vw;
	margin-bottom: 0;
	width: 100%
}

.is-vertical .c-pa-configure .tab-control .tab-click {
	-webkit-box-flex: 1;
	-ms-flex: auto;
	flex: auto;
	padding: 1.5vw 3vw
}

.is-vertical .c-pa-configure .tab-control .tab-click .price {
	font-size: 14px
}

.is-vertical .c-pa-configure .tab-control .tab-click .price .text {
	font-size: 12px
}

.is-vertical .c-pa-configure .tab-container {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	height: auto
}

.is-vertical .c-pa-configure .tab-container .left,
.is-vertical .c-pa-configure .tab-container .right {
	width: 100%;
	max-width: 100%
}

.is-vertical .c-pa-configure .tab-container .left {
	height: 72vw;
	padding-bottom: 4vw
}

.is-vertical .c-pa-configure .tab-container .left .swiper {
	padding-bottom: 5vw
}

.is-vertical .c-pa-configure .tab-container .right {
	padding-left: 0
}

.is-vertical .c-pa-configure .configure-button {
	margin-top: 6vw
}

.c-pa-pic-book {
	margin-top: 3vw
}

.c-pa-pic-book img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.c-pa-pic-book .b-container {
	margin: auto
}

.c-pa-pic-book .layer-img-box .pic {
	width: auto !important
}

.c-pa-pic-book .layer-img-box .pic img {
	max-height: 66vh
}

.c-pa-pic-book .video-modal {
	display: none;
	position: fixed;
	z-index: 1031;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .8)
}

.c-pa-pic-book .video-modal .video-content {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 60%;
	max-width: 1000px
}

.c-pa-pic-book .video-modal .video-content video {
	width: 100%
}

.c-pa-pic-book .video-modal .video-content .close {
	position: absolute;
	top: -40px;
	right: 0;
	color: #fff;
	font-size: 30px;
	cursor: pointer;
	opacity: .8
}

.c-pa-pic-book .video-modal .video-content .close:hover {
	opacity: 1
}

.c-pa-pic-book .module-5 {
	position: relative;
	margin-bottom: 4vw
}

.c-pa-pic-book .module-5 .title {
	text-align: center;
	margin-bottom: 2vw
}

.c-pa-pic-book .module-5 .title span {
	font-family: HyundaiSansTextCN-Regular
}

.c-pa-pic-book .module-5 .flex-box {
	width: 72%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	gap: .6vw;
	padding-inline: 0;
	padding-bottom: 0;
	margin: auto;
	margin-top: .6vw
}

.c-pa-pic-book .module-5 .flex-box .item {
	position: relative;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.c-pa-pic-book .module-5 .flex-box .img-box {
	width: 100%;
	height: 8vw;
	cursor: pointer
}

.c-pa-pic-book .module-5 .flex-box .img-box .img-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .3);
	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
}

.c-pa-pic-book .module-5 .flex-box .img-box .img-overlay .play-button {
	width: 40px;
	height: 40px;
	background: url(../img/icon-player.svg) 0 0 no-repeat;
	background-size: 100%;
	opacity: .5;
	-webkit-transition: all .4s ease;
	transition: all .4s ease
}

.c-pa-pic-book .module-5 .flex-box .img-box .img-overlay:hover {
	background: transparent
}

.c-pa-pic-book .module-5 .flex-box .img-box .img-overlay:hover .play-button {
	opacity: 1
}

.c-pa-pic-book .module-5 .flex-box p {
	text-align: center;
	color: #adacab;
	padding-top: .8vh
}

.c-pa-pic-book .module-5 .video-box {
	position: relative;
	width: 72%;
	margin: auto;
	height: 27vw
}

.c-pa-pic-book .module-5 .video-box .img-box {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	cursor: pointer
}

.c-pa-pic-book .module-5 .video-box .img-box .img-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .3);
	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
}

.c-pa-pic-book .module-5 .video-box .img-box .img-overlay .play-button {
	width: 50px;
	height: 50px;
	background: url(../img/icon-player.svg) no-repeat 50%;
	opacity: .5;
	-webkit-transition: all .4s ease;
	transition: all .4s ease
}

.c-pa-pic-book .module-5 .video-box .img-box .img-overlay:hover .play-button {
	opacity: 1
}

.c-pa-pic-book .module-5 .video-box #module5-mb-video {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	display: none
}

.c-pa-pic-book .module-5 .video-box .text-wrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none
}

.c-pa-pic-book .module-5 .video-box .text-wrap div {
	position: absolute;
	top: 2vw;
	text-align: center;
	width: 100%;
	color: #fff
}

.c-pa-pic-book .module-7 {
	position: relative;
	padding-block: 4vw 0;
	background-color: #edebe8
}

.c-pa-pic-book .module-7 .title-box {
	margin-bottom: 2vw;
	text-align: center
}

.c-pa-pic-book .module-7 .swiper-flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 3vw
}

.c-pa-pic-book .module-7 .swiper-flex>div {
	width: 49%;
	background-color: #fff;
	border-radius: 0;
	overflow: hidden
}

.c-pa-pic-book .module-7 .swiper-flex>div .swiper-title {
	text-align: center;
	position: relative;
	padding-block: 1vw
}

.c-pa-pic-book .module-7 .swiper-flex>div .swiper-title .h5 {
	font-family: HyundaiSansHeadCN-Medium
}

.c-pa-pic-book .module-7 .swiper-flex>div .swiper-title .swiper-control {
	position: absolute;
	top: 50%;
	right: 1.5vw;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 70px;
	height: 28px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.c-pa-pic-book .module-7 .swiper-flex>div .swiper-title .swiper-control .swiper-button-next,
.c-pa-pic-book .module-7 .swiper-flex>div .swiper-title .swiper-control .swiper-button-prev {
	cursor: pointer;
	width: 28px;
	height: 28px;
	background-color: #000;
	position: unset;
	margin-top: 0;
	border-radius: 50%;
	font-weight: 700;
	font-size: 22px
}

.c-pa-pic-book .module-7 .swiper-flex>div .swiper {
	margin-inline: 1.5vw;
	margin-bottom: 1vw
}

.c-pa-pic-book .module-7 .swiper-flex>div .swiper .swiper-wrapper .swiper-slide .img-box {
	height: 18vw
}

.c-pa-pic-book .module-7 .swiper-flex>div .swiper .swiper-wrapper .swiper-slide .img-box img {
	-o-object-position: top;
	object-position: top;
	cursor: pointer
}

.c-pa-pic-book .module-7 .swiper-flex>div .swiper .swiper-wrapper .swiper-slide span {
	display: block;
	margin-top: .8vh
}

.c-pa-pic-book .module-7 .swiper-product .img-box {
	position: relative;
	cursor: pointer
}

.c-pa-pic-book .module-7 .swiper-product .img-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .3);
	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
}

.c-pa-pic-book .module-7 .swiper-product .img-overlay .play-button {
	width: 50px;
	height: 50px;
	background: url(../img/icon-player.svg) no-repeat 50%;
	opacity: .5;
	-webkit-transition: all .4s ease;
	transition: all .4s ease
}

.c-pa-pic-book .module-7 .swiper-product .img-overlay:hover .play-button {
	opacity: 1
}

.c-pa-pic-book .module-7 .swiper-sns {
	padding-bottom: 80px;
	position: relative
}

.c-pa-pic-book .module-7 .swiper-sns .swiper-title {
	text-align: center;
	position: relative;
	padding-block: 0 2vw;
	font-family: HyundaiSansHeadCN-Medium
}

.c-pa-pic-book .module-7 .swiper-sns .swiper .swiper-slide a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.c-pa-pic-book .module-7 .swiper-sns .swiper .swiper-slide a img {
	width: 27.1vw;
	height: 17vw
}

.c-pa-pic-book .module-7 .swiper-sns .swiper .swiper-slide a .text-wrap {
	background-color: #e3dad2;
	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-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 0 1vw
}

.c-pa-pic-book .module-7 .swiper-sns .swiper .swiper-slide a .text-wrap .title {
	font-size: 105%;
	font-family: HyundaiSansHeadCN-Medium;
	margin-bottom: .8vh
}

.c-pa-pic-book .module-7 .swiper-sns .swiper .swiper-slide a .text-wrap .tag {
	color: #000
}

.c-pa-pic-book .module-7 .swiper-sns .swiper-control {
	position: absolute;
	bottom: 16px;
	right: 30px;
	width: 70px;
	height: 28px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.c-pa-pic-book .module-7 .swiper-sns .swiper-control .swiper-button-next,
.c-pa-pic-book .module-7 .swiper-sns .swiper-control .swiper-button-prev {
	cursor: pointer;
	width: 28px;
	height: 28px;
	background-color: #000;
	position: unset;
	margin-top: 0;
	border-radius: 50%;
	font-weight: 700;
	font-size: 22px
}

.c-pa-pic-book .module-7 .swiper-sns .swiper-pagination {
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 90vw
}

.c-pa-pic-book .module-7 .swiper-shouhou {
	padding-bottom: 80px;
	position: relative
}

.c-pa-pic-book .module-7 .swiper-shouhou .swiper-title {
	text-align: center;
	position: relative;
	padding-block: 0 2vw;
	font-family: HyundaiSansHeadCN-Medium
}

.c-pa-pic-book .module-7 .swiper-shouhou .swiper .img-box {
	position: relative;
	cursor: pointer
}

.c-pa-pic-book .module-7 .swiper-shouhou .swiper .img-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .3);
	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
}

.c-pa-pic-book .module-7 .swiper-shouhou .swiper .img-overlay .play-button {
	width: 50px;
	height: 50px;
	background: url(../img/icon-player.svg) no-repeat 50%;
	opacity: .5;
	-webkit-transition: all .4s ease;
	transition: all .4s ease
}

.c-pa-pic-book .module-7 .swiper-shouhou .swiper .img-overlay:hover .play-button {
	opacity: 1
}

.c-pa-pic-book .module-7 .swiper-shouhou .swiper-control {
	position: absolute;
	bottom: 16px;
	right: 30px;
	width: 70px;
	height: 28px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.c-pa-pic-book .module-7 .swiper-shouhou .swiper-control .swiper-button-next,
.c-pa-pic-book .module-7 .swiper-shouhou .swiper-control .swiper-button-prev {
	cursor: pointer;
	width: 28px;
	height: 28px;
	background-color: #000;
	position: unset;
	margin-top: 0;
	border-radius: 50%;
	font-weight: 700;
	font-size: 22px
}

.c-pa-pic-book .module-7 .swiper-shouhou .swiper-pagination {
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 90vw
}

.c-pa-pic-book .module-7 .swiper-img .swiper-pagination {
	bottom: 10px !important;
	color: #fff
}

.c-pa-pic-book .module-6 {
	height: 26.5vw;
	position: relative
}

.c-pa-pic-book .module-6 .qr-code {
	position: absolute;
	left: 55%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 10px
}

.c-pa-pic-book .module-6 .qr-code .triangle-box {
	text-align: center;
	padding-block: .4vw .6vw;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: end
}

.c-pa-pic-book .module-6 .qr-code .triangle-down {
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 8px solid #333;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg)
}

.c-pa-pic-book .module-6 .qr-code img {
	width: 7.6vw;
	margin: auto;
	border-radius: 0
}

.c-pa-pic-book .module-6 .xiao {
	position: absolute;
	bottom: 5px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	font-size: 14px
}

.c-pa-pic-book .module-6 .mb-only {
	display: none
}

.is-vertical .c-pa-pic-book {
	margin-top: 12vw
}

.is-vertical .c-pa-pic-book .video-modal .video-content {
	width: 80%
}

.is-vertical .c-pa-pic-book .layer-img-box .pic {
	width: 80% !important
}

.is-vertical .c-pa-pic-book .module-5 .title-box {
	width: calc(100% - 60px);
	margin: auto
}

.is-vertical .c-pa-pic-book .module-5 .title-box .title {
	font-size: 4.5vw
}

.is-vertical .c-pa-pic-book .module-5 .video-box {
	width: calc(100% - 60px);
	height: 60vw
}

.is-vertical .c-pa-pic-book .module-5 .flex-box {
	width: calc(100% - 60px);
	gap: .6vw;
	padding-inline: 0;
	padding-bottom: 0;
	margin-top: 1.6vw
}

.is-vertical .c-pa-pic-book .module-5 .flex-box .img-box {
	height: 14.5vw
}

.is-vertical .c-pa-pic-book .module-5 .flex-box .img-box .img-overlay .play-button {
	width: 4.6vw;
	height: 4.6vw
}

.is-vertical .c-pa-pic-book .module-7 {
	height: auto;
	position: relative;
	padding-block: 8vw 0
}

.is-vertical .c-pa-pic-book .module-7 .title-box {
	margin-bottom: 0
}

.is-vertical .c-pa-pic-book .module-7 .b-container {
	padding-inline: 0 !important;
	background-color: #edebe8;
	padding-top: 4vw
}

.is-vertical .c-pa-pic-book .module-7 .swiper-title .h5 {
	font-size: 100%;
	padding-block: 2vw
}

.is-vertical .c-pa-pic-book .module-7 .swiper-flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 0;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.is-vertical .c-pa-pic-book .module-7 .swiper-flex>div {
	width: 100%;
	background-color: #fff;
	overflow: hidden;
	padding-block: 1vw 6vw;
	width: 96%;
	margin: auto;
	margin-bottom: 3vw;
	border-radius: 0
}

.is-vertical .c-pa-pic-book .module-7 .swiper-flex>div .swiper-title {
	text-align: center;
	position: relative;
	padding-block: 4vw 3vw
}

.is-vertical .c-pa-pic-book .module-7 .swiper-flex>div .swiper-title .swiper-control {
	position: absolute;
	top: 50%;
	right: 30px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 70px;
	height: 28px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.is-vertical .c-pa-pic-book .module-7 .swiper-flex>div .swiper-title .swiper-control .swiper-button-next,
.is-vertical .c-pa-pic-book .module-7 .swiper-flex>div .swiper-title .swiper-control .swiper-button-prev {
	cursor: pointer;
	width: 28px;
	height: 28px;
	background-color: #000;
	position: unset;
	margin-top: 0;
	border-radius: 50%;
	font-weight: 700;
	font-size: 22px
}

.is-vertical .c-pa-pic-book .module-7 .swiper-flex>div .swiper {
	margin-inline: 0;
	margin-bottom: 0
}

.is-vertical .c-pa-pic-book .module-7 .swiper-flex>div .swiper .swiper-wrapper .swiper-slide .img-box {
	height: 46.3vw
}

.is-vertical .c-pa-pic-book .module-7 .swiper-flex>div .swiper .swiper-wrapper .swiper-slide .img-box img {
	-o-object-position: top;
	object-position: top;
	cursor: pointer
}

.is-vertical .c-pa-pic-book .module-7 .swiper-flex>div .swiper .swiper-wrapper .swiper-slide span {
	display: block;
	margin-top: 0;
	font-size: 100%;
	background-color: #eeebe8;
	padding: 2vw 4vw;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0
}

.is-vertical .c-pa-pic-book .module-7 .swiper-product .img-overlay .play-button {
	background-color: transparent !important
}

.is-vertical .c-pa-pic-book .module-7 .swiper-box {
	background-color: #edebe8;
	padding-bottom: 3vw
}

.is-vertical .c-pa-pic-book .module-7 .swiper-sns {
	background-color: #fff;
	padding-bottom: 0;
	padding-block: 1vw 6vw;
	position: relative;
	width: 96%;
	margin: auto;
	margin-bottom: 0;
	border-radius: 0
}

.is-vertical .c-pa-pic-book .module-7 .swiper-sns .swiper-title {
	text-align: center;
	position: relative;
	padding-block: 4vw 3vw
}

.is-vertical .c-pa-pic-book .module-7 .swiper-sns .swiper {
	margin-inline: 0
}

.is-vertical .c-pa-pic-book .module-7 .swiper-sns .swiper .swiper-slide {
	height: auto
}

.is-vertical .c-pa-pic-book .module-7 .swiper-sns .swiper .swiper-slide a {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.is-vertical .c-pa-pic-book .module-7 .swiper-sns .swiper .swiper-slide a img {
	width: 100%;
	height: 44vw
}

.is-vertical .c-pa-pic-book .module-7 .swiper-sns .swiper .swiper-slide a .text-wrap {
	padding: 6vw 4vw
}

.is-vertical .c-pa-pic-book .module-7 .swiper-sns .swiper .swiper-slide a .text-wrap .title {
	font-size: 90%
}

.is-vertical .c-pa-pic-book .module-7 .swiper-sns .swiper .swiper-slide a .text-wrap .tag {
	font-size: 72%
}

.is-vertical .c-pa-pic-book .module-7 .swiper-sns .swiper-pagination {
	background-color: transparent
}

.is-vertical .c-pa-pic-book .module-7 .swiper-sns .swiper-pagination .swiper-pagination-bullet {
	right: 10vw;
	right: 16vw;
	bottom: 0
}

.is-vertical .c-pa-pic-book .module-7 .swiper-sns .swiper-control {
	position: absolute;
	pointer-events: none;
	bottom: 30%;
	right: 50%;
	-webkit-transform: translateX(50%);
	transform: translateX(50%);
	width: 88vw;
	height: 28px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	z-index: 2
}

.is-vertical .c-pa-pic-book .module-7 .swiper-sns .swiper-control .swiper-button-next,
.is-vertical .c-pa-pic-book .module-7 .swiper-sns .swiper-control .swiper-button-prev {
	pointer-events: auto;
	cursor: pointer;
	width: 28px;
	height: 28px;
	background-color: transparent;
	position: unset;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 0;
	border-radius: 50%;
	font-weight: lighter;
	font-size: 42px
}

.is-vertical .c-pa-pic-book .module-7 .swiper-shouhou {
	background-color: #fff;
	padding-bottom: 0;
	padding-block: 1vw 6vw;
	position: relative;
	width: 96%;
	margin: auto;
	margin-bottom: 0;
	border-radius: 0
}

.is-vertical .c-pa-pic-book .module-7 .swiper-shouhou .swiper-title {
	text-align: center;
	position: relative;
	padding-block: 4vw 3vw
}

.is-vertical .c-pa-pic-book .module-7 .swiper-shouhou .swiper {
	margin-inline: 0
}

.is-vertical .c-pa-pic-book .module-7 .swiper-shouhou .swiper .img-overlay .play-button {
	background-color: transparent !important
}

.is-vertical .c-pa-pic-book .module-7 .swiper-shouhou .swiper-pagination {
	background-color: transparent
}

.is-vertical .c-pa-pic-book .module-7 .swiper-shouhou .swiper-pagination .swiper-pagination-bullet {
	right: 10vw;
	right: 16vw;
	bottom: 0
}

.is-vertical .c-pa-pic-book .module-7 .swiper-img .swiper-pagination {
	padding-top: 0;
	background-color: transparent;
	left: -14%
}

.is-vertical .c-pa-pic-book .module-6 {
	height: 51vw
}

.is-vertical .c-pa-pic-book .module-6 .qr-code {
	display: block;
	left: 50%
}

.is-vertical .c-pa-pic-book .module-6 .qr-code .qr-box {
	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-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content
}

.is-vertical .c-pa-pic-book .module-6 .qr-code .triangle-box {
	padding-block: 1vw;
	display: none
}

.is-vertical .c-pa-pic-book .module-6 .qr-code .triangle-down {
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 6px solid #333;
	margin: 3px auto 0;
	-webkit-transform: rotate(0);
	transform: rotate(0)
}

.is-vertical .c-pa-pic-book .module-6 .qr-code img {
	width: 18vw;
	height: 18vw
}

.is-vertical .c-pa-pic-book .module-6 .pc-only {
	display: none
}

.is-vertical .c-pa-pic-book .module-6 .xiao {
	font-size: 12px
}

.is-vertical .c-pa-pic-book .module-6 button {
	margin-top: 2vw;
	padding: 1.4vw 6vw;
	border: 1px solid hsla(0, 0%, 100%, .4);
	border-radius: 0;
	background: #000;
	-webkit-backdrop-filter: blur(4px);
	backdrop-filter: blur(4px)
}

.is-vertical .c-pa-pic-book .module-6 button a {
	width: 100%;
	height: 100%;
	display: block;
	color: #fff
}

.c-simplified-cars .load-img {
	display: block;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.c-simplified-cars .btn-link-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	gap: 2vw
}

.c-simplified-cars .btn-link-wrap .block0829 {
	display: none
}

.c-simplified-cars .b-container {
	width: 91vw !important;
	margin: 0 auto
}

.c-simplified-cars .countup {
	font-variant-numeric: tabular-nums;
	display: inline-block
}

.c-simplified-cars .title-box {
	text-align: center;
	margin-bottom: 1.3vw
}

.c-simplified-cars .title-box .title.h4 {
	text-align: center
}

.c-simplified-cars .title-box i,
.c-simplified-cars .title-box span {
	font-family: HyundaiSansTextCN-Regular
}

.c-simplified-cars sub {
	font-size: 12px
}

.c-simplified-cars .animate-opacity-3 {
	position: relative
}

.c-simplified-cars .animate-opacity-3 img {
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: 2;
	-webkit-animation-duration: 1.6s;
	animation-duration: 1.6s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}

.c-simplified-cars .animate-opacity-3 img:first-child {
	opacity: 1
}

.c-simplified-cars .animate-opacity-3 img:nth-child(2) {
	-webkit-animation-name: fadeMiddle;
	animation-name: fadeMiddle;
	z-index: 2
}

.c-simplified-cars .animate-opacity-3 img:nth-child(3) {
	-webkit-animation-name: fadeTop;
	animation-name: fadeTop;
	z-index: 3
}

@-webkit-keyframes fadeMiddle {

	0%,
	50% {
		opacity: 0
	}

	51%,
	to {
		opacity: 1
	}
}

@keyframes fadeMiddle {

	0%,
	50% {
		opacity: 0
	}

	51%,
	to {
		opacity: 1
	}
}

@-webkit-keyframes fadeTop {

	0%,
	60% {
		opacity: 0
	}

	61%,
	to {
		opacity: 1
	}
}

@keyframes fadeTop {

	0%,
	60% {
		opacity: 0
	}

	61%,
	to {
		opacity: 1
	}
}

.c-simplified-cars .black-label {
	position: relative
}

.c-simplified-cars .black-label .text-wrap {
	width: auto;
	padding-inline: 3vw;
	position: absolute;
	top: 0;
	left: 50%;
	background-color: #000;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	color: #fff;
	text-align: center;
	line-height: 2;
	font-size: 144%
}

.c-simplified-cars .hero {
	opacity: 0;
	text-align: center;
	background: url(../img/pc-banner-0725.png) 0 0 no-repeat;
	background-size: cover;
	background-position: bottom;
	color: #fff;
	width: 100%;
	height: 100vh;
	padding-top: 8vh
}

.c-simplified-cars .hero h1 {
	margin-top: 10px
}

.c-simplified-cars .hero h1 span {
	font-family: HyundaiSansTextCN-Regular;
	display: block;
	margin-bottom: 0
}

.c-simplified-cars .hero .text {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	margin: 4.5vh auto 0;
	padding-block: 5px;
	padding-inline: 130px;
	background: hsla(0, 0%, 100%, .2)
}

.c-simplified-cars .hero .countdown {
	margin: 20px auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 50vw;
	-ms-flex-pack: distribute;
	justify-content: space-around
}

.c-simplified-cars .hero .countdown>span {
	color: #c7c7c7;
	position: relative;
	display: inline-block;
	text-align: center
}

.c-simplified-cars .hero .countdown>span:after {
	content: "";
	position: absolute;
	right: -3.3vw;
	top: calc(50% - 8px);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	background-color: #fff;
	width: 1.2vw;
	height: 1px
}

.c-simplified-cars .hero .countdown>span:last-child:after {
	content: "";
	display: none
}

.c-simplified-cars .hero .countdown .num {
	display: inline-block;
	min-width: 6vw;
	text-align: center;
	font-weight: 700;
	font-size: 5vw;
	line-height: 1;
	color: #fff
}

.c-simplified-cars .hero .schedule-button .btn {
	color: #fff
}

.c-simplified-cars .hero .schedule-button .btn:before {
	background-color: #fff
}

.c-simplified-cars .hero .schedule-button .btn:hover {
	color: #000;
	background-color: #fff
}

.c-simplified-cars .hero .schedule-button .btn svg {
	stroke: #fff
}

@keyframes textColorx {
	40% {
		color: #fff
	}

	50% {
		color: #000
	}

	85% {
		color: #000
	}

	90% {
		color: #fff
	}
}

.c-simplified-cars .hero.target {
	padding-top: 20vh
}

.c-simplified-cars .hero.target .countdown,
.c-simplified-cars .hero.target .target01,
.c-simplified-cars .hero.target .text {
	display: none !important
}

.c-simplified-cars .hero.target .btn-link-wrap {
	margin-top: 6vh
}

.c-simplified-cars .module-1 {
	width: 100%;
	height: 26.5vw;
	position: relative;
	background-color: #000;
	background-size: cover;
	background-position: 50%
}

.c-simplified-cars .module-1 .text-wrap {
	position: absolute;
	top: 50%;
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background: #00000087;
	text-align: center;
	color: #fff;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 2
}

.c-simplified-cars .module-1 .text-wrap .h4 {
	margin-bottom: 1.2vh;
	line-height: 1.2
}

.c-simplified-cars .module-1 .text-wrap span {
	display: block;
	margin-bottom: 1.5vw;
	line-height: 1.5
}

.c-simplified-cars .module-1 .text-wrap b {
	font-size: 1.2em
}

.c-simplified-cars .module-1 .canshu-wrap {
	position: absolute;
	bottom: 10%;
	left: 0;
	width: 100%;
	z-index: 1;
	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;
	margin: auto;
	z-index: 2
}

.c-simplified-cars .module-1 .canshu-wrap .text {
	width: 14%;
	text-align: center;
	color: #fff;
	position: relative
}

.c-simplified-cars .module-1 .canshu-wrap .text .h2 {
	line-height: 1
}

.c-simplified-cars .module-1 .canshu-wrap .text:after {
	content: "";
	width: 1px;
	height: 40%;
	background-color: #fff;
	position: absolute;
	top: 50%;
	right: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.c-simplified-cars .module-1 .canshu-wrap .text:last-child:after {
	display: none
}

.c-simplified-cars .module-1 .video-play {
	padding: 10px 40px;
	border: 1px solid hsla(0, 0%, 100%, .4);
	border-radius: 0;
	color: #fff;
	background: #2d2c2c40;
	-webkit-backdrop-filter: blur(4px);
	backdrop-filter: blur(4px)
}

.c-simplified-cars .module-1 video {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.c-simplified-cars .module-1 .eq-video-canvas {
	display: none
}

.c-simplified-cars .module-2 {
	background-color: #edebe8;
	padding-block: 2.9vw 0
}

.c-simplified-cars .module-2 .module-2-box {
	background-color: #fff;
	padding: 1.3vw 1vw 1vw;
	border-radius: 0
}

.c-simplified-cars .module-2 .module-2-box:nth-child(2) {
	margin-top: 1.6vw;
	padding-inline: 0 !important
}

.c-simplified-cars .tab-control {
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	height: 34px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	background: #cecdca;
	border-radius: 0;
	position: relative;
	margin: 1.2vw auto 1.3vw
}

.c-simplified-cars .tab-control .tab-click {
	padding-inline: 1.4vw;
	color: #4f4f4f;
	cursor: pointer;
	position: relative;
	z-index: 1;
	-webkit-transition: color .3s ease;
	transition: color .3s ease;
	-webkit-transition-delay: .1s;
	transition-delay: .1s;
	text-align: center;
	display: inline-block
}

.c-simplified-cars .tab-control .tab-click.active {
	color: #fff
}

.c-simplified-cars .tab-control .indicator {
	position: absolute;
	width: 33.33333%;
	height: 100%;
	right: 0;
	background: #000;
	border-radius: 0;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	z-index: 0
}

.c-simplified-cars .tab-container {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: .8vw
}

.c-simplified-cars .tab-container .tab-main {
	opacity: 0;
	z-index: 0;
	position: absolute;
	top: 0
}

.c-simplified-cars .tab-container .tab-main.active {
	z-index: 1;
	opacity: 1;
	position: relative
}

.c-simplified-cars .tab-container .box-3 {
	width: 29.2vw
}

.c-simplified-cars .tab-container .box-3 .switch-box {
	height: 12.5vw;
	border-radius: 0;
	position: relative;
	overflow: hidden
}

.c-simplified-cars .tab-container .box-3 .switch-box .switch2 {
	position: absolute;
	bottom: 0;
	z-index: 2;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: #00000033;
	margin-bottom: .6vw;
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content
}

.c-simplified-cars .tab-container .box-3 .switch-box .switch2 .tab-click {
	color: #fff;
	padding-inline: 1vw
}

.c-simplified-cars .tab-container .box-3 .switch-box img {
	position: absolute;
	opacity: 0;
	top: 0;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: bottom;
	object-position: bottom
}

.c-simplified-cars .tab-container .box-3 .switch-box img.active {
	opacity: 1
}

.c-simplified-cars .tab-container .box-3 .size-main {
	padding-top: 1.2vw;
	height: 15.2vw;
	position: relative
}

.c-simplified-cars .tab-container .box-3 .size-main .car-img {
	width: 100%;
	height: 66%;
	position: relative
}

.c-simplified-cars .tab-container .box-3 .size-main .car-img .item-box {
	position: absolute;
	top: 8px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 100%;
	height: 100%;
	display: none
}

.c-simplified-cars .tab-container .box-3 .size-main .car-img .item-box .dimension {
	position: absolute;
	height: 0;
	border-top: 1px solid #000;
	width: 80%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}

.c-simplified-cars .tab-container .box-3 .size-main .car-img .item-box .dimension:after,
.c-simplified-cars .tab-container .box-3 .size-main .car-img .item-box .dimension:before {
	content: "";
	position: absolute;
	top: -5px;
	width: 0;
	height: 10px;
	border-left: 1px solid #000;
	z-index: 2
}

.c-simplified-cars .tab-container .box-3 .size-main .car-img .item-box .dimension:before {
	left: 0
}

.c-simplified-cars .tab-container .box-3 .size-main .car-img .item-box .dimension:after {
	right: 0
}

.c-simplified-cars .tab-container .box-3 .size-main .car-img .item-box .dimension .label {
	position: absolute;
	top: -12px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background: #fff;
	padding: 0 5px;
	font-family: sans-serif;
	font-size: 12px;
	z-index: 3;
	color: #000
}

.c-simplified-cars .tab-container .box-3 .size-main .car-img .item-box .dimension2 {
	width: 10px;
	height: 60%;
	left: auto;
	right: 5%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	border-left: 1px solid #000;
	border-top: 0 solid #000
}

.c-simplified-cars .tab-container .box-3 .size-main .car-img .item-box .dimension2:after,
.c-simplified-cars .tab-container .box-3 .size-main .car-img .item-box .dimension2:before {
	content: "";
	position: absolute;
	top: -5px;
	width: 10px;
	height: 0;
	border-left: 0 solid #000;
	border-top: 1px solid #000;
	z-index: 2
}

.c-simplified-cars .tab-container .box-3 .size-main .car-img .item-box .dimension2:before {
	top: 0;
	left: -5px
}

.c-simplified-cars .tab-container .box-3 .size-main .car-img .item-box .dimension2:after {
	top: auto;
	left: -5px;
	bottom: 0
}

.c-simplified-cars .tab-container .box-3 .size-main .car-img .item-box .dimension2 .label {
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	left: -20px
}

.c-simplified-cars .tab-container .box-3 .size-main .car-img .item-box img {
	-o-object-fit: contain;
	object-fit: contain
}

.c-simplified-cars .tab-container .box-3 .size-main .car-img .item-box:first-child {
	display: block
}

.c-simplified-cars .tab-container .box-3 .size-main .car-img .item-box:first-child .dimension1 {
	top: -10px
}

.c-simplified-cars .tab-container .box-3 .size-main .car-img .item-box:first-child .dimension2 {
	height: 92%
}

.c-simplified-cars .tab-container .box-3 .size-main .car-img .item-box:nth-child(2) .dimension1 {
	top: -10px;
	width: 36%
}

.c-simplified-cars .tab-container .box-3 .size-main .car-img .item-box:nth-child(2) .dimension2 {
	height: 92%;
	left: auto;
	right: 24%
}

.c-simplified-cars .tab-container .box-3 .size-main .car-img .item-box:nth-child(2) img {
	-o-object-fit: fill;
	object-fit: fill
}

.c-simplified-cars .tab-container .box-3 .size-main p {
	text-align: center;
	font-size: 90%;
	margin-top: .2vw
}

.c-simplified-cars .tab-container .box-3 .size-main .car-tabs-main {
	position: absolute;
	bottom: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 1.6vw
}

.c-simplified-cars .tab-container .box-3 .size-main .car-tabs-main .item .icon {
	width: 3.2vw;
	height: 1.5vw;
	cursor: pointer;
	opacity: .4
}

.c-simplified-cars .tab-container .box-3 .size-main .car-tabs-main .item .icon img {
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain
}

.c-simplified-cars .tab-container .box-3 .size-main .car-tabs-main .item .caption {
	opacity: .4;
	margin-top: .3vw;
	background-color: #000;
	color: #fff;
	text-align: center;
	border-radius: 0
}

.c-simplified-cars .tab-container .box-3 .size-main .car-tabs-main .item.active .caption,
.c-simplified-cars .tab-container .box-3 .size-main .car-tabs-main .item.active .icon {
	opacity: 1
}

.c-simplified-cars .tab-main .swiper-box {
	width: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: .8vw
}

.c-simplified-cars .tab-main .swiper-box .exterior-swiper-box {
	width: 49.3vw;
	height: 28vw;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	overflow: hidden
}

.c-simplified-cars .tab-main .swiper-box .exterior-swiper-box .exterior-swiper {
	width: 100%;
	height: 100%
}

.c-simplified-cars .tab-main .swiper-box .exterior-swiper-box .exterior-swiper .swiper-slide {
	position: relative
}

.c-simplified-cars .tab-main .swiper-box .exterior-swiper-box .exterior-swiper .swiper-slide .color {
	display: block;
	width: 100%;
	height: 17.2vw;
	-o-object-fit: cover;
	object-fit: cover;
	border-radius: 0
}

.c-simplified-cars .tab-main .swiper-box .exterior-swiper-box .exterior-swiper .swiper-slide .block-main {
	position: absolute;
	top: 2.9vw;
	left: 2.7vw;
	width: 100%
}

.c-simplified-cars .tab-main .swiper-box .exterior-swiper-box .exterior-swiper .swiper-slide .block-main>div {
	line-height: 1;
	overflow: hidden
}

.c-simplified-cars .tab-main .swiper-box .exterior-swiper-box .exterior-swiper .swiper-slide .block-main>div span {
	display: inline-block;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
	color: #fff
}

.c-simplified-cars .tab-main .swiper-box .exterior-swiper-box .exterior-swiper .swiper-slide .block-main .h2>span {
	font-family: HyundaiSansTextCN-Regular
}

.c-simplified-cars .tab-main .swiper-box .exterior-swiper-box .exterior-swiper .swiper-slide .block-main.black span {
	color: #000
}

.c-simplified-cars .tab-main .swiper-box .exterior-swiper-box .exterior-swiper .swiper-slide .block-main .mb-h5 {
	margin-top: 1vw
}

.c-simplified-cars .tab-main .swiper-box .exterior-swiper-box .exterior-swiper .swiper-slide .exterior-cars {
	position: absolute;
	width: 31.25vw;
	height: 18vw;
	bottom: 0;
	z-index: 2;
	right: 1vw
}

.c-simplified-cars .tab-main .swiper-box .exterior-swiper-box .exterior-swiper .swiper-slide .exterior-cars img {
	position: absolute;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.c-simplified-cars .tab-main .swiper-box .exterior-swiper-box .exterior-swiper .swiper-slide.swiper-slide-active .block-main>div span {
	-webkit-transition-delay: .6s;
	transition-delay: .6s;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	transition: transform .5s ease, -webkit-transform .5s ease
}

.c-simplified-cars .tab-main .swiper-box .exterior-swiper-box .exterior-swiper-contorl {
	position: absolute;
	width: calc(3.6vw * 3 + 10px);
	bottom: 3vw;
	left: 1.7vw;
	z-index: 2;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: start;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 5px
}

.c-simplified-cars .tab-main .swiper-box .exterior-swiper-box .exterior-swiper-contorl .exterior-item {
	cursor: pointer;
	width: 3.6vw;
	height: 3.6vw;
	border-radius: 0;
	padding: 1px;
	background-color: #fff;
	border: 2px solid transparent
}

.c-simplified-cars .tab-main .swiper-box .exterior-swiper-box .exterior-swiper-contorl .exterior-item img {
	border-radius: 0;
	-o-object-fit: fill;
	object-fit: fill
}

.c-simplified-cars .tab-main .swiper-box .exterior-swiper-box .exterior-swiper-contorl .exterior-item.active {
	border: 2px solid #112c5e
}

.c-simplified-cars .tab-main .swiper-box .exterior-swiper-box .exterior-swiper-contorl .exterior-item.active img {
	opacity: 1
}

.c-simplified-cars .tab-main .swiper-box .wheel-main {
	width: 8.9vw;
	height: 100%;
	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-pack: start;
	-ms-flex-pack: start;
	justify-content: start;
	gap: .8vw
}

.c-simplified-cars .tab-main .swiper-box .wheel-main .wheel {
	cursor: pointer;
	border: 1px solid transparent
}

.c-simplified-cars .tab-main .swiper-box .wheel-main .wheel img {
	width: 70% !important;
	margin: .4vw auto
}

.c-simplified-cars .tab-main .swiper-box .wheel-main .wheel p {
	text-align: center;
	line-height: 1.1;
	padding: .2vw .5vw
}

.c-simplified-cars .tab-main .swiper-box .wheel-main .wheel p .small {
	font-size: 90%
}

.c-simplified-cars .tab-main .swiper-box .wheel-main .wheel.active {
	border-radius: 0;
	border: 1px solid #112c5e;
	overflow: hidden
}

.c-simplified-cars .tab-main .swiper-box .wheel-main .wheel.active p {
	background-color: #112c5e;
	color: #fff
}

.c-simplified-cars .tab-main .swiper-box .wheel-main .noClick {
	pointer-events: none;
	opacity: .3
}

.c-simplified-cars .internal-swiper-box {
	margin-top: 1.2vw;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	position: relative;
	overflow: hidden;
	gap: 1.2vw
}

.c-simplified-cars .internal-swiper-box .internal-swiper {
	width: 100%;
	height: 27vw;
	border-radius: 0
}

.c-simplified-cars .internal-swiper-box .internal-swiper .swiper-slide {
	position: relative
}

.c-simplified-cars .internal-swiper-box .internal-swiper-contorl {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 4.8vw;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	gap: 2.5vw
}

.c-simplified-cars .internal-swiper-box .internal-swiper-contorl .internal-item {
	cursor: pointer;
	width: 4.4vw;
	height: 4.8vw;
	padding: 1px;
	background-color: #fff;
	border-radius: 0;
	border: 2px solid transparent
}

.c-simplified-cars .internal-swiper-box .internal-swiper-contorl .internal-item img {
	border-radius: 0;
	-o-object-fit: fill;
	object-fit: fill;
	opacity: .6
}

.c-simplified-cars .internal-swiper-box .internal-swiper-contorl .internal-item.active {
	border: 2px solid #112c5e
}

.c-simplified-cars .internal-swiper-box .internal-swiper-contorl .internal-item.active img {
	opacity: 1
}

.c-simplified-cars .flex-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	gap: .8vw;
	position: relative
}

.c-simplified-cars .flex-box>div {
	-webkit-box-flex: 3;
	-ms-flex: 3;
	flex: 3;
	position: relative
}

.c-simplified-cars .icon-label {
	position: relative;
	width: auto;
	padding-inline: .8vw 1.6vw;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #ffffffa1;
	border-bottom-right-radius: 0;
	color: #000;
	text-align: center;
	line-height: 2;
	font-family: HyundaiSansHeadCN-Medium;
	z-index: 4
}

.c-simplified-cars .icon-label.gray {
	color: #000
}

.c-simplified-cars .text-label {
	position: relative;
	width: auto;
	position: absolute;
	bottom: .6vw;
	width: 96%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	color: #fff;
	text-align: center;
	font-size: 120%;
	z-index: 4
}

.c-simplified-cars .text-label .small {
	font-size: 100%
}

.c-simplified-cars .text-label .xiao {
	font-size: 85%
}

.c-simplified-cars .module-4 {
	padding-block: 1.3vw;
	background-color: #edebe8
}

.c-simplified-cars .module-4 .tab-control {
	top: 1.3vw;
	z-index: 2
}

.c-simplified-cars .module-4 .tab-control .indicator {
	width: 0
}

.c-simplified-cars .module-4 .tab-main {
	margin-top: 1.2vw;
	height: 28.9vw;
	position: relative
}

.c-simplified-cars .module-4 .tab-main .tab-box .item {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0
}

.c-simplified-cars .module-4 .tab-main .tab-box .item img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0
}

.c-simplified-cars .module-4 .tab-main .tab-box .item.active {
	opacity: 1
}

.c-simplified-cars .module-4 .tab-main .text-label .samll {
	font-size: 85%
}

.c-simplified-cars .module-4 .flex-main {
	margin-top: 1.4vw
}

.c-simplified-cars .module-4 .flex-main>div {
	height: 20vw;
	margin-bottom: .8vw
}

.c-simplified-cars .module-4 .flex-main>div:last-child {
	margin-bottom: 0
}

.c-simplified-cars .module-4 .flex-main>div:first-child {
	height: 29vw
}

.c-simplified-cars .module-4 .flex-main .flex5 {
	-webkit-box-flex: 5;
	-ms-flex: 5;
	flex: 5
}

.c-simplified-cars .module-4 .hover-label {
	opacity: 0;
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000000c2;
	z-index: 5;
	text-align: center;
	color: #fff;
	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-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-transition: opacity .4s;
	transition: opacity .4s
}

.c-simplified-cars .module-4 .hover-label .title {
	margin-bottom: .8vw
}

.c-simplified-cars .module-4 .hover-label .text {
	padding-inline: 10%
}

.c-simplified-cars .module-4 .flex-box>div:hover .text-label {
	opacity: 0
}

.c-simplified-cars .module-4 .flex-box>div:hover .hover-label {
	opacity: 1
}

.c-simplified-cars .module-4 .animate-width {
	overflow: hidden;
	background-color: #000
}

.c-simplified-cars .module-4 .animate-width img {
	position: absolute;
	width: 250%;
	right: 0;
	-webkit-animation: shrink 7s infinite;
	animation: shrink 7s infinite
}

@-webkit-keyframes shrink {
	0% {
		width: 250%;
		opacity: 1
	}

	45% {
		width: 100%;
		opacity: .7
	}

	55% {
		width: 100%;
		opacity: 1
	}

	95% {
		width: 100%;
		opacity: 1
	}

	to {
		width: 100%;
		opacity: 0
	}
}

@keyframes shrink {
	0% {
		width: 250%;
		opacity: 1
	}

	45% {
		width: 100%;
		opacity: .7
	}

	55% {
		width: 100%;
		opacity: 1
	}

	95% {
		width: 100%;
		opacity: 1
	}

	to {
		width: 100%;
		opacity: 0
	}
}

.c-simplified-cars .armrest-module .armrest-content {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0
}

.c-simplified-cars .armrest-module .armrest-content .feature {
	position: absolute
}

.c-simplified-cars .armrest-module .armrest-content .feature .point {
	width: 4px;
	height: 4px;
	background: #fff;
	border-radius: 50%;
	position: absolute;
	opacity: 0;
	-webkit-transform: scale(.5);
	transform: scale(.5);
	-webkit-transition: all .4s ease;
	transition: all .4s ease
}

.c-simplified-cars .armrest-module .armrest-content .feature .point.point-top {
	top: -1.5px;
	left: -1.5px;
	-webkit-transition-delay: .4s;
	transition-delay: .4s
}

.c-simplified-cars .armrest-module .armrest-content .feature .point.point-bottom {
	bottom: -1.5px;
	right: -1.5px
}

.c-simplified-cars .armrest-module .armrest-content .feature .line {
	position: absolute;
	background: #fff;
	opacity: 0;
	-webkit-transition: all .6s;
	transition: all .6s
}

.c-simplified-cars .armrest-module .armrest-content .feature .line.line-top {
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	background: url(../img/heng.png);
	-webkit-transition-delay: .4s;
	transition-delay: .4s
}

.c-simplified-cars .armrest-module .armrest-content .feature .line.line-bottom {
	bottom: 0;
	right: 0;
	width: 1px;
	height: 1px;
	background: url(../img/shu.png)
}

.c-simplified-cars .armrest-module .armrest-content .feature .text {
	position: absolute;
	opacity: 0;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
	color: #fff;
	-webkit-transition-delay: .8s;
	transition-delay: .8s;
	width: 13.6vw
}

.c-simplified-cars .armrest-module .armrest-content .feature .text .title {
	background-color: #ffffff45;
	border-radius: 0;
	text-align: center;
	font-size: 1vw;
	margin-bottom: .6vw
}

.c-simplified-cars .armrest-module .armrest-content .feature .text p {
	font-size: .7vw;
	text-align: left
}

.c-simplified-cars .armrest-module .armrest-content .feature.glow-img {
	text-align: center
}

.c-simplified-cars .armrest-module .armrest-content .feature.glow-img .glow-box {
	width: 20.5vw;
	opacity: 0;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	border-radius: 0;
	position: fixed;
	overflow: hidden;
	top: 9%;
	right: 4%;
	-webkit-transition-delay: .8s;
	transition-delay: .8s
}

.c-simplified-cars .armrest-module .armrest-content .feature.glow-img .glow-box img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	border-radius: 0;
	border: 1px solid #fff
}

.c-simplified-cars .armrest-module .armrest-content .feature.glow-img .glow-box .text-label {
	opacity: 1 !important;
	background-color: #ffffff45;
	width: 14vw
}

.c-simplified-cars .armrest-module .armrest-content .feature1 {
	top: 20%;
	left: 1.4%;
	width: 20vw;
	height: 6.5vw;
	z-index: 2
}

.c-simplified-cars .armrest-module .armrest-content .feature1 .line.line-top {
	left: auto;
	right: 0
}

.c-simplified-cars .armrest-module .armrest-content .feature1 .point.point-top {
	left: 50%
}

.c-simplified-cars .armrest-module .armrest-content .feature1 .text {
	top: 10%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}

.c-simplified-cars .armrest-module .armrest-content .feature2 {
	top: 56%;
	left: 4.6%;
	width: 19.6vw;
	height: 5.9vw;
	z-index: 2
}

.c-simplified-cars .armrest-module .armrest-content .feature2 .line.line-top {
	left: auto;
	top: 10%;
	right: 0
}

.c-simplified-cars .armrest-module .armrest-content .feature2 .line.line-bottom {
	top: 0
}

.c-simplified-cars .armrest-module .armrest-content .feature2 .text {
	top: 22%
}

.c-simplified-cars .armrest-module .armrest-content .feature2 .point.point-top {
	top: calc(10% - 1.5px);
	left: 40%
}

.c-simplified-cars .armrest-module .armrest-content .feature2 .point.point-bottom {
	top: -1.5px
}

.c-simplified-cars .armrest-module .armrest-content .feature3 {
	top: 12%;
	left: 31.7%;
	width: 19.7vw;
	height: 6.4vw;
	z-index: 2
}

.c-simplified-cars .armrest-module .armrest-content .feature3 .line.line-top {
	left: 0;
	top: 0
}

.c-simplified-cars .armrest-module .armrest-content .feature3 .line.line-bottom {
	left: 0
}

.c-simplified-cars .armrest-module .armrest-content .feature3 .text {
	top: 10%;
	right: 0
}

.c-simplified-cars .armrest-module .armrest-content .feature3 .point.point-top {
	left: 64%
}

.c-simplified-cars .armrest-module .armrest-content .feature3 .point.point-bottom {
	top: auto;
	left: -1.5px;
	bottom: -1.5px
}

.c-simplified-cars .armrest-module .armrest-content .feature4 {
	top: 65%;
	left: 19.7%;
	width: 14.3vw;
	height: 7.6vw;
	z-index: 2
}

.c-simplified-cars .armrest-module .armrest-content .feature4 .line.line-top {
	left: auto;
	right: 0;
	top: 36%
}

.c-simplified-cars .armrest-module .armrest-content .feature4 .line.line-bottom {
	top: 0
}

.c-simplified-cars .armrest-module .armrest-content .feature4 .text {
	bottom: 0
}

.c-simplified-cars .armrest-module .armrest-content .feature4 .point.point-top {
	left: 40%;
	top: calc(36% - 1.5px)
}

.c-simplified-cars .armrest-module .armrest-content .feature4 .point.point-bottom {
	top: -1.5px
}

.c-simplified-cars .armrest-module .armrest-content .feature5 {
	top: 41%;
	left: 55.7%;
	width: 13vw;
	height: 6.3vw;
	z-index: 2
}

.c-simplified-cars .armrest-module .armrest-content .feature5 .line.line-bottom {
	left: 0
}

.c-simplified-cars .armrest-module .armrest-content .feature5 .text {
	top: 10%;
	left: 5%;
	width: 10.2vw
}

.c-simplified-cars .armrest-module .armrest-content .feature5 .point.point-top {
	left: auto;
	right: -1.5px
}

.c-simplified-cars .armrest-module .armrest-content .feature5 .point.point-bottom {
	left: -1.5px
}

.c-simplified-cars .armrest-module.visible .armrest-content .feature .point {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1)
}

.c-simplified-cars .armrest-module.visible .armrest-content .feature .line,
.c-simplified-cars .armrest-module.visible .armrest-content .feature .text {
	opacity: 1
}

.c-simplified-cars .armrest-module.visible .armrest-content .feature1 .line.line-top {
	width: 50%;
	left: auto;
	right: 0
}

.c-simplified-cars .armrest-module.visible .armrest-content .feature1 .line.line-bottom {
	height: 100%
}

.c-simplified-cars .armrest-module.visible .armrest-content .feature1 .point.point-top {
	left: 50%
}

.c-simplified-cars .armrest-module.visible .armrest-content .feature2 .line.line-top {
	width: 64%;
	left: auto;
	top: 10%;
	right: 0
}

.c-simplified-cars .armrest-module.visible .armrest-content .feature2 .line.line-bottom {
	height: 10%;
	top: 0
}

.c-simplified-cars .armrest-module.visible .armrest-content .feature2 .point.point-top {
	top: calc(10% - 1.5px);
	left: 35%
}

.c-simplified-cars .armrest-module.visible .armrest-content .feature2 .point.point-bottom {
	top: -1.5px
}

.c-simplified-cars .armrest-module.visible .armrest-content .feature3 .line.line-top {
	width: 64%;
	left: 0;
	top: 0
}

.c-simplified-cars .armrest-module.visible .armrest-content .feature3 .line.line-bottom {
	height: 100%;
	left: 0
}

.c-simplified-cars .armrest-module.visible .armrest-content .feature3 .text {
	top: 10%;
	right: 0
}

.c-simplified-cars .armrest-module.visible .armrest-content .feature3 .point.point-top {
	left: 64%
}

.c-simplified-cars .armrest-module.visible .armrest-content .feature3 .point.point-bottom {
	top: auto;
	left: -1.5px;
	bottom: -1.5px
}

.c-simplified-cars .armrest-module.visible .armrest-content .feature4 .line.line-top {
	width: 50%;
	left: auto;
	right: 0;
	top: 36%
}

.c-simplified-cars .armrest-module.visible .armrest-content .feature4 .line.line-bottom {
	top: 0;
	height: 36%
}

.c-simplified-cars .armrest-module.visible .armrest-content .feature4 .point.point-top {
	left: 50%;
	top: calc(36% - 1.5px)
}

.c-simplified-cars .armrest-module.visible .armrest-content .feature4 .point.point-bottom {
	top: -1.5px
}

.c-simplified-cars .armrest-module.visible .armrest-content .feature5 .line.line-top {
	width: 67%
}

.c-simplified-cars .armrest-module.visible .armrest-content .feature5 .line.line-bottom {
	height: 100%;
	left: 0
}

.c-simplified-cars .armrest-module.visible .armrest-content .feature5 .text {
	top: 10%;
	left: 28%;
	width: 10.2vw
}

.c-simplified-cars .armrest-module.visible .armrest-content .feature5 .point.point-top {
	left: auto;
	right: 32%
}

.c-simplified-cars .armrest-module.visible .armrest-content .feature5 .point.point-bottom {
	left: -1.5px
}

.c-simplified-cars .armrest-module.visible .armrest-content .glow-img .glow-box {
	opacity: 1
}

.c-simplified-cars .module-5 {
	padding-block: 1.3vw 1.4vw
}

.c-simplified-cars .module-5 .flex-box {
	margin-top: 2vw;
	height: 20.5vw
}

.c-simplified-cars .module-5 .flex-box img {
	position: absolute;
	top: 0
}

.c-simplified-cars .module-5 .item-main {
	margin-top: 1.3vw
}

.c-simplified-cars .module-5 .item-main .feature {
	position: absolute;
	top: 0;
	z-index: 5
}

.c-simplified-cars .module-5 .item-main .feature .point {
	width: 4px;
	height: 4px;
	background: #fff;
	border-radius: 50%;
	position: absolute;
	-webkit-transform: scale(.5);
	transform: scale(.5);
	-webkit-transition: all .4s ease;
	transition: all .4s ease
}

.c-simplified-cars .module-5 .item-main .feature .point.point-top {
	top: -1.5px;
	left: -1.5px;
	-webkit-transition-delay: .4s;
	transition-delay: .4s
}

.c-simplified-cars .module-5 .item-main .feature .point.point-bottom {
	bottom: -1.5px;
	right: -1.5px
}

.c-simplified-cars .module-5 .item-main .feature .line {
	position: absolute;
	background: #fff;
	-webkit-transition: all .6s;
	transition: all .6s
}

.c-simplified-cars .module-5 .item-main .feature .line.line-bottom {
	bottom: 0;
	right: 0;
	width: 1px;
	height: 100%;
	background: url(../img/shu.png)
}

.c-simplified-cars .module-5 .item-main .feature .text {
	position: absolute;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
	color: #fff;
	-webkit-transition-delay: .8s;
	transition-delay: .8s;
	width: 17.6vw
}

.c-simplified-cars .module-5 .item-main .feature .text .title {
	background-color: #4d4c4c45;
	border-radius: 0;
	text-align: center;
	font-size: 1vw;
	margin-bottom: .6vw
}

.c-simplified-cars .module-5 .item-main .feature1 {
	top: 24%;
	left: 47%;
	width: 1px;
	height: 6.5vw;
	z-index: 2
}

.c-simplified-cars .module-5 .item-main .feature1 .line.line-top {
	left: auto;
	right: 0
}

.c-simplified-cars .module-5 .item-main .feature1 .text {
	top: -30%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}

.c-simplified-cars .module-5 .b-container {
	background-color: #faf9f8
}

.c-simplified-cars .module-5 .animate-opacity-1 {
	position: relative
}

.c-simplified-cars .module-5 .animate-opacity-1 .load-img:nth-child(2) {
	-webkit-animation: blink 5s infinite;
	animation: blink 5s infinite
}

.c-simplified-cars .module-5 .animate-opacity-1:after {
	background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .4)));
	background-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, .4));
	content: "";
	width: 100%;
	height: 52%;
	left: 0;
	opacity: 1;
	position: absolute;
	bottom: 0
}

@keyframes blink {

	0%,
	10% {
		opacity: 0
	}

	10%,
	20% {
		opacity: 1
	}

	20%,
	30% {
		opacity: 0
	}

	30%,
	40% {
		opacity: 1
	}

	40%,
	50% {
		opacity: 0
	}

	50%,
	60% {
		opacity: 1
	}

	60%,
	to {
		opacity: 0
	}
}

.c-simplified-cars .module-5 .animate-opacity-2 .load-img {
	-webkit-transition: opacity .5s ease;
	transition: opacity .5s ease
}

.c-simplified-cars .module-5 .animate-opacity-2 .load-img:nth-child(2) {
	opacity: 0
}

.c-simplified-cars .module-5 .system-model .text-main {
	text-align: center;
	padding-top: 1.3vw
}

.c-simplified-cars .module-5 .system-model .title span {
	font-family: HyundaiSansTextCN-Regular
}

.c-simplified-cars .module-5 .system-model .flex-box {
	gap: 4px;
	height: auto;
	padding-inline: 2.4vw;
	padding-bottom: 1.6vw
}

.c-simplified-cars .module-5 .system-model .flex-box .img-box {
	cursor: pointer;
	height: 13vw;
	position: relative
}

.c-simplified-cars .module-5 .system-model .flex-box .img-box .img-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .3);
	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
}

.c-simplified-cars .module-5 .system-model .flex-box .img-box .img-overlay .play-button {
	width: 50px;
	height: 50px;
	background: url(../img/icon-player.svg) no-repeat 50%;
	opacity: .5;
	-webkit-transition: all .4s ease;
	transition: all .4s ease
}

.c-simplified-cars .module-5 .system-model .flex-box .img-box .img-overlay:hover .play-button {
	opacity: 1
}

.c-simplified-cars .module-5 .system-model .flex-box p {
	text-align: center;
	color: #000;
	padding-top: .8vh
}

.c-simplified-cars .module-5 .pc-only {
	-webkit-transition: all .4s ease;
	transition: all .4s ease
}

.c-simplified-cars .module-5 .pc-only .flex-box {
	height: 16vw;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end
}

.c-simplified-cars .module-5 .pc-only .flex-box span {
	overflow: hidden;
	width: 100%;
	text-align: center;
	display: block;
	white-space: nowrap;
	margin-top: .8vh;
	text-overflow: ellipsis
}

.c-simplified-cars .module-5 .pc-only .item {
	-webkit-transition: -webkit-box-flex .2s;
	transition: -webkit-box-flex .2s;
	transition: flex .2s;
	transition: flex .2s, -webkit-box-flex .2s, -ms-flex .2s;
	-webkit-transition-delay: 0s !important;
	transition-delay: 0s !important
}

.c-simplified-cars .module-5 .pc-only .item .img-box {
	-webkit-transition: height .2s;
	transition: height .2s;
	-webkit-transition-delay: 0s !important;
	transition-delay: 0s !important
}

.c-simplified-cars .module-5 .pc-only .item p {
	-webkit-transition: opacity .2s;
	transition: opacity .2s;
	-webkit-transition-delay: 0s !important;
	transition-delay: 0s !important
}

.c-simplified-cars .module-5 .pc-only .item:hover {
	-webkit-box-flex: 3.2;
	-ms-flex: 3.2;
	flex: 3.2
}

.c-simplified-cars .module-5 .pc-only .item:hover .img-box {
	height: 14vw
}

.c-simplified-cars .module-5 .pc-only .item:hover p {
	opacity: 1
}

.c-simplified-cars .module-7 {
	position: relative;
	padding-block: 1.3vw 0;
	background-color: #edebe8
}

.c-simplified-cars .module-7 .title-box {
	margin-bottom: 1.3vw
}

.c-simplified-cars .module-7 .swiper-flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 1.6vw
}

.c-simplified-cars .module-7 .swiper-flex>div {
	width: 49%;
	background-color: #fff;
	border-radius: 0;
	overflow: hidden
}

.c-simplified-cars .module-7 .swiper-flex>div .swiper-title {
	text-align: center;
	position: relative;
	padding-block: 1vw
}

.c-simplified-cars .module-7 .swiper-flex>div .swiper-title .h5 {
	font-family: HyundaiSansHeadCN-Medium
}

.c-simplified-cars .module-7 .swiper-flex>div .swiper-title .swiper-control {
	position: absolute;
	top: 50%;
	right: 1.5vw;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 70px;
	height: 28px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.c-simplified-cars .module-7 .swiper-flex>div .swiper-title .swiper-control .swiper-button-next,
.c-simplified-cars .module-7 .swiper-flex>div .swiper-title .swiper-control .swiper-button-prev {
	cursor: pointer;
	width: 28px;
	height: 28px;
	background-color: #000;
	position: unset;
	margin-top: 0;
	border-radius: 50%;
	font-weight: 700;
	font-size: 22px
}

.c-simplified-cars .module-7 .swiper-flex>div .swiper {
	margin-inline: 1.5vw;
	margin-bottom: 1vw
}

.c-simplified-cars .module-7 .swiper-flex>div .swiper .swiper-wrapper .swiper-slide .img-box {
	height: 18vw
}

.c-simplified-cars .module-7 .swiper-flex>div .swiper .swiper-wrapper .swiper-slide .img-box img {
	-o-object-position: top;
	object-position: top;
	cursor: pointer
}

.c-simplified-cars .module-7 .swiper-flex>div .swiper .swiper-wrapper .swiper-slide span {
	display: block;
	margin-top: .8vh
}

.c-simplified-cars .module-7 .swiper-product .img-box {
	position: relative;
	cursor: pointer
}

.c-simplified-cars .module-7 .swiper-product .img-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .3);
	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
}

.c-simplified-cars .module-7 .swiper-product .img-overlay .play-button {
	width: 50px;
	height: 50px;
	background: url(../img/icon-player.svg) no-repeat 50%;
	opacity: .5;
	-webkit-transition: all .4s ease;
	transition: all .4s ease
}

.c-simplified-cars .module-7 .swiper-product .img-overlay:hover .play-button {
	opacity: 1
}

.c-simplified-cars .module-7 .swiper-sns {
	padding-bottom: 80px;
	position: relative
}

.c-simplified-cars .module-7 .swiper-sns .swiper-title {
	text-align: center;
	position: relative;
	padding-block: 0 1vw;
	font-family: HyundaiSansHeadCN-Medium
}

.c-simplified-cars .module-7 .swiper-sns .swiper .swiper-slide a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.c-simplified-cars .module-7 .swiper-sns .swiper .swiper-slide a img {
	width: 27.1vw;
	height: 17vw
}

.c-simplified-cars .module-7 .swiper-sns .swiper .swiper-slide a .text-wrap {
	background-color: #e3dad2;
	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-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 0 1vw
}

.c-simplified-cars .module-7 .swiper-sns .swiper .swiper-slide a .text-wrap .title {
	font-size: 105%;
	font-family: HyundaiSansHeadCN-Medium;
	margin-bottom: .8vh
}

.c-simplified-cars .module-7 .swiper-sns .swiper .swiper-slide a .text-wrap .tag {
	color: #000
}

.c-simplified-cars .module-7 .swiper-sns .swiper-control {
	position: absolute;
	bottom: 16px;
	right: 30px;
	width: 70px;
	height: 28px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.c-simplified-cars .module-7 .swiper-sns .swiper-control .swiper-button-next,
.c-simplified-cars .module-7 .swiper-sns .swiper-control .swiper-button-prev {
	cursor: pointer;
	width: 28px;
	height: 28px;
	background-color: #000;
	position: unset;
	margin-top: 0;
	border-radius: 50%;
	font-weight: 700;
	font-size: 22px
}

.c-simplified-cars .module-7 .swiper-sns .swiper-pagination {
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}

.c-simplified-cars .module-6 {
	height: 26.5vw;
	position: relative
}

.c-simplified-cars .module-6 .qr-code {
	position: absolute;
	left: 55%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 10px
}

.c-simplified-cars .module-6 .qr-code .triangle-box {
	text-align: center;
	padding-block: .4vw .6vw;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: end
}

.c-simplified-cars .module-6 .qr-code .triangle-down {
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 8px solid #333;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg)
}

.c-simplified-cars .module-6 .qr-code img {
	width: 7.6vw;
	margin: auto;
	border-radius: 0
}

.c-simplified-cars .module-6 .xiao {
	position: absolute;
	bottom: 5px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}

.c-simplified-cars .module-6 .mb-only {
	display: none
}

.c-simplified-cars .video-modal {
	display: none;
	position: fixed;
	z-index: 1031;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .8)
}

.c-simplified-cars .video-modal .video-content {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 60%;
	max-width: 1000px
}

.c-simplified-cars .video-modal .video-content video {
	width: 100%
}

.c-simplified-cars .video-modal .video-content .close {
	position: absolute;
	top: -40px;
	right: 0;
	color: #fff;
	font-size: 30px;
	cursor: pointer;
	opacity: .8
}

.c-simplified-cars .video-modal .video-content .close:hover {
	opacity: 1
}

.c-simplified-cars .zhibo-modal {
	display: none;
	position: fixed;
	z-index: 1031;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .8)
}

.c-simplified-cars .zhibo-modal .zhibo-content {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100vw;
	height: 100vh
}

.c-simplified-cars .zhibo-modal .zhibo-content video {
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain
}

.c-simplified-cars .zhibo-modal .zhibo-content .close {
	width: 40px;
	height: 40px;
	color: #fff;
	position: absolute;
	top: 2vw;
	right: 2vw;
	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;
	opacity: 1;
	font-weight: 400;
	z-index: 10
}

.c-simplified-cars .scrolled {
	opacity: 0;
	-webkit-transform: translateY(100px);
	transform: translateY(100px);
	-webkit-transition: opacity .5s ease-out, -webkit-transform .5s ease-out;
	transition: opacity .5s ease-out, -webkit-transform .5s ease-out;
	transition: opacity .5s ease-out, transform .5s ease-out;
	transition: opacity .5s ease-out, transform .5s ease-out, -webkit-transform .5s ease-out
}

.c-simplified-cars .scrolled.show {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0)
}

@media screen and (min-width:900px) {
	.c-simplified-cars .scale-label {
		overflow: hidden
	}

	.c-simplified-cars .scale-label img {
		-webkit-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out
	}

	.c-simplified-cars .scale-label img:hover {
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}
}

.c-simplified-cars .layer-img-box .pic {
	width: auto !important
}

.c-simplified-cars .layer-img-box .pic img {
	max-height: 66vh
}

.is-vertical .c-simplified-cars .pc-only {
	display: none !important
}

.is-vertical .c-simplified-cars .b-container {
	padding-inline: 4.6vw !important;
	width: 100vw !important
}

.is-vertical .c-simplified-cars .title-box .h4 {
	font-size: 115%
}

.is-vertical .c-simplified-cars .title-box span {
	font-size: 3.2vw;
	display: block;
	margin-block: .5vw .6vw
}

.is-vertical .c-simplified-cars sub {
	font-size: 10px
}

.is-vertical .c-simplified-cars .black-label .text-wrap {
	width: auto;
	min-width: 60%;
	font-size: 85%;
	padding-inline: 5vw;
	left: 50%;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0
}

.is-vertical .c-simplified-cars .mb-h5 {
	font-size: 72%
}

.is-vertical .c-simplified-cars .h4,
.is-vertical .c-simplified-cars h4 {
	font-size: 90%
}

.is-vertical .c-simplified-cars .hero {
	padding-top: 15vh;
	background: url(../img/m-banner-0723.png) 0 0 no-repeat;
	background-size: cover;
	background-position: bottom;
	height: 100vh;
	position: relative
}
*/
.is-vertical .c-simplified-cars .hero h1 {
	margin-top: 0;
	font-size: 10vw
}

.is-vertical .c-simplified-cars .hero h1 span {
	margin-bottom: 0;
	font-size: 50%
}

.is-vertical .c-simplified-cars .hero .h4 {
	font-size: 4.6vw
}

.is-vertical .c-simplified-cars .hero .mb-h5 {
	font-size: 3.6vw;
	margin-top: 0
}

.is-vertical .c-simplified-cars .hero .text-main {
	height: 100%;
	position: relative
}

.is-vertical .c-simplified-cars .hero .text {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	margin: 3.5vh auto 0;
	padding-inline: 60px
}

.is-vertical .c-simplified-cars .hero .countdown {
	margin: 2.6vh 3vw;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: auto;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.is-vertical .c-simplified-cars .hero .countdown>span:after {
	content: "";
	position: absolute;
	right: -7vw;
	top: calc(50% - 8px);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	background-color: #fff;
	width: 3vw;
	height: 1px
}

.is-vertical .c-simplified-cars .hero .countdown>span:last-child:after {
	content: "";
	display: none
}

.is-vertical .c-simplified-cars .hero .countdown .num {
	display: inline-block;
	min-width: 14vw;
	text-align: center;
	font-weight: 700;
	font-size: 11vw;
	line-height: 1;
	color: #fff
}

.is-vertical .c-simplified-cars .hero .schedule-button {
	position: absolute;
	bottom: 20%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}

.is-vertical .c-simplified-cars .hero .schedule-button .mb-h5 {
	width: 40vw;
	margin-top: 0
}

.is-vertical .c-simplified-cars .module-1 {
	height: 65vw
}

.is-vertical .c-simplified-cars .module-1 .text-wrap {
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: start
}

.is-vertical .c-simplified-cars .module-1 .text-wrap .scrolled-box {
	position: absolute;
	padding-inline: 4.6vw;
	top: 40%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.is-vertical .c-simplified-cars .module-1 .text-wrap .h4 {
	font-size: 115%
}

.is-vertical .c-simplified-cars .module-1 .text-wrap span {
	font-size: 2.8vw
}

.is-vertical .c-simplified-cars .module-1 .canshu-wrap {
	bottom: 6%;
	width: 90.8vw;
	left: 4.6vw;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.is-vertical .c-simplified-cars .module-1 .canshu-wrap .text {
	width: auto
}

.is-vertical .c-simplified-cars .module-1 .canshu-wrap .text:after {
	display: none
}

.is-vertical .c-simplified-cars .module-1 .canshu-wrap .text .h2 {
	font-family: HyundaiSansTextCN-Regular
}

.is-vertical .c-simplified-cars .module-1 .video-play {
	margin-top: .5vw;
	padding: 1.4vw 6vw
}

.is-vertical .c-simplified-cars .module-1 .eq-video-canvas {
	display: block;
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%
}

.is-vertical .c-simplified-cars .module-2 {
	background-color: #fff;
	padding-block: 3vw 0
}

.is-vertical .c-simplified-cars .module-2 .eq-video-canvas {
	-o-object-fit: fill !important;
	object-fit: fill !important
}

.is-vertical .c-simplified-cars .module-2 .module-2-box {
	background-color: #fff;
	padding: 2vw 1vw 1vw;
	border-radius: 0;
	padding-inline: 0
}

.is-vertical .c-simplified-cars .module-2 .module-2-box:nth-child(2) {
	margin-top: 4.2vw;
	padding-block: 5vw;
	margin-bottom: 3vw;
	background-color: #edebe8
}

.is-vertical .c-simplified-cars .module-2 .module-2-box:nth-child(2) .title-box {
	padding-inline: 4.6vw
}

.is-vertical .c-simplified-cars .tab-control {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	height: 5.5vw;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	background: #cecdca;
	border-radius: 0;
	position: relative;
	margin: 3vw auto
}

.is-vertical .c-simplified-cars .tab-control .tab-click {
	padding-inline: 5vw;
	color: #4f4f4f;
	cursor: pointer;
	position: relative;
	z-index: 1;
	-webkit-transition: color .3s ease;
	transition: color .3s ease;
	-webkit-transition-delay: .1s;
	transition-delay: .1s;
	text-align: center;
	font-size: 72%
}

.is-vertical .c-simplified-cars .tab-control .tab-click.active {
	color: #fff
}

.is-vertical .c-simplified-cars .tab-control .indicator {
	position: absolute;
	width: 33.33333%;
	height: 100%;
	right: 0;
	background: #000;
	border-radius: 0;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	z-index: 0
}

.is-vertical .c-simplified-cars .tab-container {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 4.2vw;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	padding-inline: 0
}

.is-vertical .c-simplified-cars .tab-container .tab-main {
	opacity: 0;
	z-index: 0;
	position: absolute;
	top: 0;
	width: 100%
}

.is-vertical .c-simplified-cars .tab-container .tab-main.active {
	z-index: 1;
	opacity: 1;
	position: relative
}

.is-vertical .c-simplified-cars .tab-container .box-3 {
	width: 100%
}

.is-vertical .c-simplified-cars .tab-container .box-3 .switch-box {
	height: 39.6vw;
	border-radius: 0;
	position: relative;
	overflow: hidden
}

.is-vertical .c-simplified-cars .tab-container .box-3 .switch-box .switch2 {
	position: absolute;
	bottom: 0;
	z-index: 3;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: #00000033;
	margin-bottom: 1.6vw
}

.is-vertical .c-simplified-cars .tab-container .box-3 .switch-box .switch2 .tab-click {
	color: #fff;
	padding-inline: 4vw
}

.is-vertical .c-simplified-cars .tab-container .box-3 .switch-box img {
	position: absolute;
	opacity: 0;
	top: 0;
	-o-object-position: center;
	object-position: center
}

.is-vertical .c-simplified-cars .tab-container .box-3 .switch-box img.active {
	opacity: 1;
	z-index: 2
}

.is-vertical .c-simplified-cars .tab-container .box-3 .size-main {
	margin-top: 4.2vw;
	padding-top: 5.6vw;
	height: 50vw;
	position: relative
}

.is-vertical .c-simplified-cars .tab-container .box-3 .size-main .car-img {
	width: 100%;
	height: 66%;
	position: relative
}

.is-vertical .c-simplified-cars .tab-container .box-3 .size-main .car-img .item-box {
	position: absolute;
	top: 8px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 100%;
	height: 100%
}

.is-vertical .c-simplified-cars .tab-container .box-3 .size-main .car-img .item-box .dimension .label {
	font-size: 72%;
	top: -6px
}

.is-vertical .c-simplified-cars .tab-container .box-3 .size-main .car-img .item-box .dimension2 .label {
	left: -8px;
	top: 50%;
	padding: 0
}

.is-vertical .c-simplified-cars .tab-container .box-3 .size-main p {
	margin-top: 1vw;
	font-size: 2.3vw
}

.is-vertical .c-simplified-cars .tab-container .box-3 .size-main .car-tabs-main {
	width: 50%;
	position: absolute;
	bottom: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	gap: 1.6vw
}

.is-vertical .c-simplified-cars .tab-container .box-3 .size-main .car-tabs-main .item .icon {
	width: 11.6vw;
	height: 4.5vw;
	cursor: pointer;
	opacity: .4
}

.is-vertical .c-simplified-cars .tab-container .box-3 .size-main .car-tabs-main .item .icon img {
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain
}

.is-vertical .c-simplified-cars .tab-container .box-3 .size-main .car-tabs-main .item .caption {
	opacity: .4;
	margin-top: .3vw;
	background-color: #000;
	color: #fff;
	text-align: center;
	border-radius: 0;
	font-size: 72%
}

.is-vertical .c-simplified-cars .tab-container .box-3 .size-main .car-tabs-main .item.active .caption,
.is-vertical .c-simplified-cars .tab-container .box-3 .size-main .car-tabs-main .item.active .icon {
	opacity: 1
}

.is-vertical .c-simplified-cars .tab-main .swiper-box {
	width: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 4.2vw;
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	-ms-flex-direction: column-reverse;
	flex-direction: column-reverse
}

.is-vertical .c-simplified-cars .tab-main .swiper-box .exterior-swiper-box {
	width: 100%;
	height: 36vw
}

.is-vertical .c-simplified-cars .tab-main .swiper-box .exterior-swiper-box .exterior-swiper .swiper-slide {
	position: relative
}

.is-vertical .c-simplified-cars .tab-main .swiper-box .exterior-swiper-box .exterior-swiper .swiper-slide .color {
	width: 100%;
	height: 27.6vw;
	border-radius: 0
}

.is-vertical .c-simplified-cars .tab-main .swiper-box .exterior-swiper-box .exterior-swiper .swiper-slide .block-main {
	top: 4vw;
	left: 5vw
}

.is-vertical .c-simplified-cars .tab-main .swiper-box .exterior-swiper-box .exterior-swiper .swiper-slide .exterior-cars {
	position: absolute;
	width: 42vw;
	height: 25vw;
	z-index: 2;
	right: 0
}

.is-vertical .c-simplified-cars .tab-main .swiper-box .exterior-swiper-box .exterior-swiper .swiper-slide .exterior-cars img {
	position: absolute;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.is-vertical .c-simplified-cars .tab-main .swiper-box .exterior-swiper-box .exterior-swiper .swiper-slide.swiper-slide-active .block-main>div span {
	-webkit-transition-delay: .6s;
	transition-delay: .6s;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	transition: transform .5s ease, -webkit-transform .5s ease
}

.is-vertical .c-simplified-cars .tab-main .swiper-box .exterior-swiper-box .exterior-swiper-contorl {
	width: 100%;
	bottom: 1.6vw;
	left: 0;
	z-index: 2;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: start;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 1vw
}

.is-vertical .c-simplified-cars .tab-main .swiper-box .exterior-swiper-box .exterior-swiper-contorl .exterior-item {
	cursor: pointer;
	width: 6vw;
	height: 6vw;
	border-radius: 0;
	padding: 1px;
	background-color: #fff;
	border: 1px solid transparent
}

.is-vertical .c-simplified-cars .tab-main .swiper-box .exterior-swiper-box .exterior-swiper-contorl .exterior-item img {
	border-radius: 0;
	-o-object-fit: fill;
	object-fit: fill
}

.is-vertical .c-simplified-cars .tab-main .swiper-box .exterior-swiper-box .exterior-swiper-contorl .exterior-item.active {
	border: 1px solid #112c5e
}

.is-vertical .c-simplified-cars .tab-main .swiper-box .exterior-swiper-box .exterior-swiper-contorl .exterior-item.active img {
	opacity: 1
}

.is-vertical .c-simplified-cars .tab-main .swiper-box .wheel-main {
	width: 100%;
	height: 31vw;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	gap: 1.6vw
}

.is-vertical .c-simplified-cars .tab-main .swiper-box .wheel-main .wheel {
	width: 32%;
	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-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.is-vertical .c-simplified-cars .tab-main .swiper-box .wheel-main .wheel img {
	width: auto !important;
	height: 20vw;
	margin: 1vw auto
}

.is-vertical .c-simplified-cars .tab-main .swiper-box .wheel-main .wheel p {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	font-size: 90%;
	line-height: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	padding: .4vw .5vw
}

.is-vertical .c-simplified-cars .tab-main .swiper-box .wheel-main .wheel p span.small {
	font-size: 80%
}

.is-vertical .c-simplified-cars .tab-main .swiper-box .wheel-main .wheel.active {
	border-radius: 0;
	border: 1px solid #112c5e;
	overflow: hidden
}

.is-vertical .c-simplified-cars .tab-main .swiper-box .wheel-main .wheel.active p {
	background-color: #112c5e;
	color: #fff
}

.is-vertical .c-simplified-cars .internal-swiper-box {
	margin-top: 3.6vw;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	position: relative;
	overflow: hidden;
	gap: 2vw
}

.is-vertical .c-simplified-cars .internal-swiper-box .internal-swiper {
	width: 100%;
	height: 46vw;
	border-radius: 0
}

.is-vertical .c-simplified-cars .internal-swiper-box .internal-swiper .swiper-slide {
	position: relative
}

.is-vertical .c-simplified-cars .internal-swiper-box .internal-swiper-contorl {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 10vw;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	gap: 2.5vw
}

.is-vertical .c-simplified-cars .internal-swiper-box .internal-swiper-contorl .internal-item {
	cursor: pointer;
	width: 10vw;
	height: 10vw;
	padding: 1px;
	background-color: transparent;
	border: 1px solid transparent;
	border-radius: 0
}

.is-vertical .c-simplified-cars .internal-swiper-box .internal-swiper-contorl .internal-item img {
	border-radius: 0;
	-o-object-fit: fill;
	object-fit: fill;
	opacity: .6
}

.is-vertical .c-simplified-cars .internal-swiper-box .internal-swiper-contorl .internal-item.active {
	border: 1px solid #112c5e;
	background-color: #fff
}

.is-vertical .c-simplified-cars .internal-swiper-box .internal-swiper-contorl .internal-item.active img {
	opacity: 1
}

.is-vertical .c-simplified-cars .flex-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	gap: .8vw;
	position: relative
}

.is-vertical .c-simplified-cars .flex-box>div {
	-webkit-box-flex: 3;
	-ms-flex: 3;
	flex: 3;
	position: relative
}

.is-vertical .c-simplified-cars .icon-label {
	position: relative;
	width: auto;
	padding-inline: 1.8vw 1.8vw;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 72%;
	background-color: #ffffffa1;
	border-bottom-right-radius: 0;
	color: #000;
	text-align: center;
	line-height: 2;
	font-family: HyundaiSansHeadCN-Medium
}

.is-vertical .c-simplified-cars .icon-label.gray {
	color: #000
}

.is-vertical .c-simplified-cars .text-label {
	position: relative;
	width: 98%;
	position: absolute;
	bottom: 2vw;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	color: #fff;
	text-align: center;
	font-size: 90%;
	line-height: 1
}

.is-vertical .c-simplified-cars .text-label .small {
	font-size: 75%;
	display: block
}

.is-vertical .c-simplified-cars .text-label.bottom {
	bottom: .8vw
}

.is-vertical .c-simplified-cars .text-label .xiao {
	font-size: 72%
}

.is-vertical .c-simplified-cars .module-3 {
	padding-block: 6vw calc(2vw + 20px)
}

.is-vertical .c-simplified-cars .module-3 .flex-box {
	margin-top: 3.6vw;
	height: 30vw;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse
}

.is-vertical .c-simplified-cars .module-3 .flex-box>div:last-child {
	-webkit-box-flex: 5;
	-ms-flex: 5;
	flex: 5;
	-o-object-position: right;
	object-position: right
}

.is-vertical .c-simplified-cars .module-3 .text-label {
	color: #000;
	margin-top: 1.5vw;
	bottom: -20px
}

.is-vertical .c-simplified-cars .module-4 {
	padding-block: 2vw;
	padding-inline: 0;
	background-color: #fff
}

.is-vertical .c-simplified-cars .module-4 .tab-control {
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	height: 6.2vw;
	top: 1.6vw
}

.is-vertical .c-simplified-cars .module-4 .tab-control .indicator {
	width: 0
}

.is-vertical .c-simplified-cars .module-4 .tab-main {
	margin-top: 4vw;
	height: 55vw
}

.is-vertical .c-simplified-cars .module-4 .tab-main .tab-box .item {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0
}

.is-vertical .c-simplified-cars .module-4 .tab-main .tab-box .item img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.is-vertical .c-simplified-cars .module-4 .tab-main .tab-box .item.active {
	opacity: 1
}

.is-vertical .c-simplified-cars .module-4 .tab-main .text-label {
	top: 3vw;
	opacity: 0 !important
}

.is-vertical .c-simplified-cars .module-4 .module-4-tab {
	margin-bottom: 3vw
}

.is-vertical .c-simplified-cars .module-4 .module-4-tab .text-wrap {
	background-color: #eeebe8;
	padding-block: 2vw 3vw;
	text-align: center
}

.is-vertical .c-simplified-cars .module-4 .module-4-tab .text-wrap .title {
	font-size: 90%;
	line-height: 1.2
}

.is-vertical .c-simplified-cars .module-4 .module-4-tab .text-wrap .p {
	font-size: 2.3vw;
	margin-top: 2vw
}

.is-vertical .c-simplified-cars .module-4 .flex-main {
	margin-top: 1vw
}

.is-vertical .c-simplified-cars .module-4 .flex-main .bottom img {
	-o-object-position: bottom;
	object-position: bottom
}

.is-vertical .c-simplified-cars .module-4 .flex-main .armrest {
	-webkit-transform: none;
	transform: none;
	left: auto;
	right: 5vw;
	bottom: 6vw;
	width: 23vw;
	font-size: 72%;
	line-height: 1.4;
	background-color: #ffffff45
}

.is-vertical .c-simplified-cars .module-4 .flex-main>div {
	gap: 1vw;
	height: 30vw;
	margin-bottom: 1.2vw
}

.is-vertical .c-simplified-cars .module-4 .flex-main>div:first-child {
	height: 37vw
}

.is-vertical .c-simplified-cars .module-4 .flex-main .flex5 {
	-webkit-box-flex: 5;
	-ms-flex: 5;
	flex: 5
}

.is-vertical .c-simplified-cars .module-4 .flex-box>div:hover .text-label {
	opacity: 1
}

.is-vertical .c-simplified-cars .module-4 .flex-box>div:hover .hover-label {
	opacity: 0
}

.is-vertical .c-simplified-cars .module-4 .main-box {
	height: auto !important
}

.is-vertical .c-simplified-cars .module-4 .main-box .flex-box {
	height: 32vw;
	gap: 0;
	background-color: #eeebe8;
	border-radius: 0;
	margin-bottom: 1.2vw
}

.is-vertical .c-simplified-cars .module-4 .main-box .flex-box img {
	border-bottom-right-radius: 0
}

.is-vertical .c-simplified-cars .module-4 .main-box .flex-box:last-child {
	margin-bottom: 0
}

.is-vertical .c-simplified-cars .module-4 .main-box .flex-box:nth-child(2n) {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse
}

.is-vertical .c-simplified-cars .module-4 .main-box .flex-box:nth-child(2n) img {
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0
}

.is-vertical .c-simplified-cars .module-4 .main-box .text-wrap {
	padding-inline: 4vw 6vw;
	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-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.is-vertical .c-simplified-cars .module-4 .main-box .text-wrap .title {
	font-size: 90%;
	line-height: 1.2
}

.is-vertical .c-simplified-cars .module-4 .main-box .text-wrap .title .small {
	font-size: 2.3vw;
	font-family: HyundaiSansTextCN-Regular
}

.is-vertical .c-simplified-cars .module-4 .main-box .text-wrap .p {
	font-size: 2.3vw;
	margin-top: 2vw
}

.is-vertical .c-simplified-cars .armrest-module .armrest-content {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0
}

.is-vertical .c-simplified-cars .armrest-module .armrest-content .feature {
	position: absolute;
	display: none
}

.is-vertical .c-simplified-cars .armrest-module .armrest-content .feature .point {
	width: 3px;
	height: 3px
}

.is-vertical .c-simplified-cars .armrest-module .armrest-content .feature .point.point-top {
	top: -1px;
	left: -1px
}

.is-vertical .c-simplified-cars .armrest-module .armrest-content .feature .point.point-bottom {
	bottom: -1px;
	right: -1px
}

.is-vertical .c-simplified-cars .armrest-module .armrest-content .feature .text {
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content
}

.is-vertical .c-simplified-cars .armrest-module .armrest-content .feature .text .title {
	font-size: 2vw;
	padding-inline: 1.2vw;
	margin-bottom: 0;
	line-height: 1.4
}

.is-vertical .c-simplified-cars .armrest-module .armrest-content .feature .text p {
	font-size: .7vw;
	display: none
}

.is-vertical .c-simplified-cars .armrest-module .armrest-content .feature.glow-img img {
	width: 20.5vw;
	top: 9%;
	right: 4%
}

.is-vertical .c-simplified-cars .armrest-module .armrest-content .feature1 {
	top: 34%;
	left: 11.4%;
	width: 6.8vw;
	height: 3.2vw;
	z-index: 2
}

.is-vertical .c-simplified-cars .armrest-module .armrest-content .feature1 .line.line-top {
	left: auto;
	right: 0;
	top: auto;
	bottom: 0
}

.is-vertical .c-simplified-cars .armrest-module .armrest-content .feature1 .line.line-bottom {
	left: 0;
	top: 0
}

.is-vertical .c-simplified-cars .armrest-module .armrest-content .feature1 .point.point-top {
	left: 0
}

.is-vertical .c-simplified-cars .armrest-module .armrest-content .feature1 .text {
	top: 10%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}

.is-vertical .c-simplified-cars .armrest-module .armrest-content .feature2 {
	top: 56%;
	left: 4.6%;
	width: 19.6vw;
	height: 5.9vw;
	z-index: 2
}

.is-vertical .c-simplified-cars .armrest-module .armrest-content .feature2 .line.line-top {
	left: auto;
	top: 10%;
	right: 0
}

.is-vertical .c-simplified-cars .armrest-module .armrest-content .feature2 .line.line-bottom {
	top: 0
}

.is-vertical .c-simplified-cars .armrest-module .armrest-content .feature2 .text {
	top: 22%
}

.is-vertical .c-simplified-cars .armrest-module .armrest-content .feature2 .point.point-top {
	top: calc(10% - 1.5px);
	left: 40%
}

.is-vertical .c-simplified-cars .armrest-module .armrest-content .feature2 .point.point-bottom {
	top: -1.5px
}

.is-vertical .c-simplified-cars .armrest-module .armrest-content .feature3 {
	top: 12%;
	left: 31.7%;
	width: 19.7vw;
	height: 6.4vw;
	z-index: 2
}

.is-vertical .c-simplified-cars .armrest-module .armrest-content .feature3 .line.line-top {
	left: 0;
	top: 0
}

.is-vertical .c-simplified-cars .armrest-module .armrest-content .feature3 .line.line-bottom {
	left: 0
}

.is-vertical .c-simplified-cars .armrest-module .armrest-content .feature3 .text {
	top: 10%;
	right: 0
}

.is-vertical .c-simplified-cars .armrest-module .armrest-content .feature3 .point.point-top {
	left: 64%
}

.is-vertical .c-simplified-cars .armrest-module .armrest-content .feature3 .point.point-bottom {
	top: auto;
	left: -1.5px;
	bottom: -1.5px
}

.is-vertical .c-simplified-cars .armrest-module .armrest-content .feature4 {
	top: 65%;
	left: 19.7%;
	width: 14.3vw;
	height: 7.6vw;
	z-index: 2
}

.is-vertical .c-simplified-cars .armrest-module .armrest-content .feature4 .line.line-top {
	left: auto;
	right: 0;
	top: 36%
}

.is-vertical .c-simplified-cars .armrest-module .armrest-content .feature4 .line.line-bottom {
	top: 0
}

.is-vertical .c-simplified-cars .armrest-module .armrest-content .feature4 .text {
	bottom: -26%
}

.is-vertical .c-simplified-cars .armrest-module .armrest-content .feature4 .point.point-top {
	left: 40%;
	top: calc(36% - 1.5px)
}

.is-vertical .c-simplified-cars .armrest-module .armrest-content .feature4 .point.point-bottom {
	top: -1.5px
}

.is-vertical .c-simplified-cars .armrest-module .armrest-content .feature5 {
	top: 41%;
	left: 55.7%;
	width: 13vw;
	height: 6.3vw;
	z-index: 2
}

.is-vertical .c-simplified-cars .armrest-module .armrest-content .feature5 .line.line-bottom {
	left: 0
}

.is-vertical .c-simplified-cars .armrest-module .armrest-content .feature5 .text {
	top: 10%;
	left: 5%;
	width: 10.2vw
}

.is-vertical .c-simplified-cars .armrest-module .armrest-content .feature5 .point.point-top {
	left: auto;
	right: -1.5px
}

.is-vertical .c-simplified-cars .armrest-module .armrest-content .feature5 .point.point-bottom {
	left: -1.5px
}

.is-vertical .c-simplified-cars .armrest-module.visible .armrest-content .feature .point {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1)
}

.is-vertical .c-simplified-cars .armrest-module.visible .armrest-content .feature .line,
.is-vertical .c-simplified-cars .armrest-module.visible .armrest-content .feature .text {
	opacity: 1
}

.is-vertical .c-simplified-cars .armrest-module.visible .armrest-content .feature1 .line.line-top {
	width: 100%
}

.is-vertical .c-simplified-cars .armrest-module.visible .armrest-content .feature1 .line.line-bottom {
	height: 100%
}

.is-vertical .c-simplified-cars .armrest-module.visible .armrest-content .feature2 .line.line-top {
	width: 64%
}

.is-vertical .c-simplified-cars .armrest-module.visible .armrest-content .feature2 .line.line-bottom {
	height: 10%
}

.is-vertical .c-simplified-cars .armrest-module.visible .armrest-content .feature3 .line.line-top {
	width: 64%
}

.is-vertical .c-simplified-cars .armrest-module.visible .armrest-content .feature3 .line.line-bottom {
	height: 100%
}

.is-vertical .c-simplified-cars .armrest-module.visible .armrest-content .feature4 .line.line-top {
	width: 50%
}

.is-vertical .c-simplified-cars .armrest-module.visible .armrest-content .feature4 .line.line-bottom {
	height: 36%
}

.is-vertical .c-simplified-cars .armrest-module.visible .armrest-content .feature5 .line.line-top {
	width: 67%
}

.is-vertical .c-simplified-cars .armrest-module.visible .armrest-content .feature5 .line.line-bottom {
	height: 100%;
	left: 0
}

.is-vertical .c-simplified-cars .armrest-module.visible .armrest-content .glow-img img {
	opacity: 1
}

.is-vertical .c-simplified-cars .module-5 {
	padding-block: 6vw;
	background-color: #edebe8
}

.is-vertical .c-simplified-cars .module-5 .item-main {
	margin-top: 2.6vw;
	height: 72vw;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: .6vw
}

.is-vertical .c-simplified-cars .module-5 .item-main>div {
	height: 34vw;
	-webkit-box-ordinal-group: 3;
	-ms-flex-order: 2;
	order: 2
}

.is-vertical .c-simplified-cars .module-5 .item-main>div:first-child {
	-webkit-box-ordinal-group: 4;
	-ms-flex-order: 3;
	order: 3
}

.is-vertical .c-simplified-cars .module-5 .item-main .wid100 {
	width: 100%;
	height: 37vw;
	-webkit-box-flex: 1;
	-ms-flex: auto;
	flex: auto;
	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 1;
	order: 1
}

.is-vertical .c-simplified-cars .module-5 .b-container {
	background-color: #edebe8
}

.is-vertical .c-simplified-cars .module-5 .system-model .text-main {
	text-align: center;
	padding-top: 5vw;
	padding-bottom: 3vw
}

.is-vertical .c-simplified-cars .module-5 .system-model .text-main .title {
	font-size: 105%
}

.is-vertical .c-simplified-cars .module-5 .system-model .text-main p {
	font-size: 3.2vw
}

.is-vertical .c-simplified-cars .module-5 .system-model .title span {
	font-family: HyundaiSansTextCN-Regular
}

.is-vertical .c-simplified-cars .module-5 .system-model .flex-box {
	gap: .6vw;
	padding-inline: 0;
	padding-bottom: 0;
	margin-top: 1.6vw
}

.is-vertical .c-simplified-cars .module-5 .system-model .flex-box .img-box {
	height: 14.5vw
}

.is-vertical .c-simplified-cars .module-5 .system-model .flex-box .img-box .img-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .3);
	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
}

.is-vertical .c-simplified-cars .module-5 .system-model .flex-box .img-box .img-overlay .play-button {
	width: 4.6vw;
	height: 4.6vw;
	background: url(../img/icon-player.svg) 0 0 no-repeat;
	background-size: 100%;
	opacity: .5;
	-webkit-transition: all .4s ease;
	transition: all .4s ease
}

.is-vertical .c-simplified-cars .module-5 .system-model .flex-box .img-box .img-overlay:hover {
	background: transparent
}

.is-vertical .c-simplified-cars .module-5 .system-model .flex-box .img-box .img-overlay:hover .play-button {
	opacity: 1
}

.is-vertical .c-simplified-cars .module-5 .system-model .flex-box p {
	text-align: center;
	color: #adacab;
	padding-top: .8vh
}

.is-vertical .c-simplified-cars .module-5 .system-model .video-box {
	position: relative;
	height: 60vw
}

.is-vertical .c-simplified-cars .module-5 .system-model .video-box .img-box {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%
}

.is-vertical .c-simplified-cars .module-5 .system-model .video-box .img-box .img-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .3);
	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
}

.is-vertical .c-simplified-cars .module-5 .system-model .video-box .img-box .img-overlay .play-button {
	width: 50px;
	height: 50px;
	background: url(../img/icon-player.svg) no-repeat 50%;
	opacity: .5;
	-webkit-transition: all .4s ease;
	transition: all .4s ease
}

.is-vertical .c-simplified-cars .module-5 .system-model .video-box .img-box .img-overlay:hover .play-button {
	opacity: 1
}

.is-vertical .c-simplified-cars .module-5 .system-model .video-box #module5-mb-video {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	display: none
}

.is-vertical .c-simplified-cars .module-5 .system-model .video-box .text-wrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none
}

.is-vertical .c-simplified-cars .module-5 .system-model .video-box .text-wrap div {
	position: absolute;
	top: 2vw;
	text-align: center;
	width: 100%;
	color: #fff;
	font-size: 90%
}

.is-vertical .c-simplified-cars .module-7 {
	height: auto;
	position: relative;
	padding-block: 0 0
}

.is-vertical .c-simplified-cars .module-7 .b-container {
	padding-inline: 0 !important;
	background-color: #edebe8;
	padding-top: 4vw
}

.is-vertical .c-simplified-cars .module-7 .swiper-title .h5 {
	font-size: 100%;
	padding-block: 2vw
}

.is-vertical .c-simplified-cars .module-7 .swiper-flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 0;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.is-vertical .c-simplified-cars .module-7 .swiper-flex>div {
	width: 100%;
	background-color: #fff;
	overflow: hidden;
	padding-block: 1vw 6vw;
	width: 96%;
	margin: auto;
	margin-bottom: 3vw;
	border-radius: 0
}

.is-vertical .c-simplified-cars .module-7 .swiper-flex>div .swiper-title {
	text-align: center;
	position: relative;
	padding-block: 1vw
}

.is-vertical .c-simplified-cars .module-7 .swiper-flex>div .swiper-title .swiper-control {
	position: absolute;
	top: 50%;
	right: 30px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 70px;
	height: 28px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.is-vertical .c-simplified-cars .module-7 .swiper-flex>div .swiper-title .swiper-control .swiper-button-next,
.is-vertical .c-simplified-cars .module-7 .swiper-flex>div .swiper-title .swiper-control .swiper-button-prev {
	cursor: pointer;
	width: 28px;
	height: 28px;
	background-color: #000;
	position: unset;
	margin-top: 0;
	border-radius: 50%;
	font-weight: 700;
	font-size: 22px
}

.is-vertical .c-simplified-cars .module-7 .swiper-flex>div .swiper {
	margin-inline: 0;
	margin-bottom: 0
}

.is-vertical .c-simplified-cars .module-7 .swiper-flex>div .swiper .swiper-wrapper .swiper-slide .img-box {
	height: 46.3vw
}

.is-vertical .c-simplified-cars .module-7 .swiper-flex>div .swiper .swiper-wrapper .swiper-slide .img-box img {
	-o-object-position: top;
	object-position: top;
	cursor: pointer
}

.is-vertical .c-simplified-cars .module-7 .swiper-flex>div .swiper .swiper-wrapper .swiper-slide span {
	display: block;
	margin-top: 0;
	font-size: 100%;
	background-color: #eeebe8;
	padding: 2vw 4vw;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0
}

.is-vertical .c-simplified-cars .module-7 .swiper-product .img-overlay .play-button {
	background-color: transparent !important
}

.is-vertical .c-simplified-cars .module-7 .swiper-box {
	background-color: #edebe8;
	padding-bottom: 6vw
}

.is-vertical .c-simplified-cars .module-7 .swiper-sns {
	background-color: #fff;
	padding-bottom: 0;
	padding-block: 1vw 6vw;
	position: relative;
	width: 96%;
	margin: auto;
	margin-bottom: 0;
	border-radius: 0
}

.is-vertical .c-simplified-cars .module-7 .swiper-sns .swiper-title {
	text-align: center;
	position: relative;
	padding-block: 0 1vw
}

.is-vertical .c-simplified-cars .module-7 .swiper-sns .swiper {
	margin-inline: 0
}

.is-vertical .c-simplified-cars .module-7 .swiper-sns .swiper .swiper-slide {
	height: auto
}

.is-vertical .c-simplified-cars .module-7 .swiper-sns .swiper .swiper-slide a {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.is-vertical .c-simplified-cars .module-7 .swiper-sns .swiper .swiper-slide a img {
	width: 100%;
	height: 44vw
}

.is-vertical .c-simplified-cars .module-7 .swiper-sns .swiper .swiper-slide a .text-wrap {
	padding: 6vw 4vw
}

.is-vertical .c-simplified-cars .module-7 .swiper-sns .swiper .swiper-slide a .text-wrap .title {
	font-size: 90%
}

.is-vertical .c-simplified-cars .module-7 .swiper-sns .swiper .swiper-slide a .text-wrap .tag {
	font-size: 72%
}

.is-vertical .c-simplified-cars .module-7 .swiper-sns .swiper-pagination {
	background-color: transparent
}

.is-vertical .c-simplified-cars .module-7 .swiper-sns .swiper-pagination .swiper-pagination-bullet {
	right: 10vw;
	right: 16vw;
	bottom: 0
}

.is-vertical .c-simplified-cars .module-7 .swiper-sns .swiper-control {
	position: absolute;
	pointer-events: none;
	bottom: 30%;
	right: 50%;
	-webkit-transform: translateX(50%);
	transform: translateX(50%);
	width: 88vw;
	height: 28px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	z-index: 2
}

.is-vertical .c-simplified-cars .module-7 .swiper-sns .swiper-control .swiper-button-next,
.is-vertical .c-simplified-cars .module-7 .swiper-sns .swiper-control .swiper-button-prev {
	pointer-events: auto;
	cursor: pointer;
	width: 28px;
	height: 28px;
	background-color: transparent;
	position: unset;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 0;
	border-radius: 50%;
	font-weight: lighter;
	font-size: 42px
}

.is-vertical .c-simplified-cars .module-6 {
	height: 51vw
}

.is-vertical .c-simplified-cars .module-6 .qr-code {
	display: block;
	left: 50%
}

.is-vertical .c-simplified-cars .module-6 .qr-code .qr-box {
	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-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content
}

.is-vertical .c-simplified-cars .module-6 .qr-code .triangle-box {
	padding-block: 1vw;
	display: none
}

.is-vertical .c-simplified-cars .module-6 .qr-code .triangle-down {
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 6px solid #333;
	margin: 3px auto 0;
	-webkit-transform: rotate(0);
	transform: rotate(0)
}

.is-vertical .c-simplified-cars .module-6 .qr-code img {
	width: 18vw;
	height: 18vw
}

.is-vertical .c-simplified-cars .module-6 button {
	margin-top: 2vw;
	padding: 1.4vw 6vw;
	border: 1px solid hsla(0, 0%, 100%, .4);
	border-radius: 0;
	background: #000;
	-webkit-backdrop-filter: blur(4px);
	backdrop-filter: blur(4px)
}

.is-vertical .c-simplified-cars .module-6 button a {
	width: 100%;
	height: 100%;
	display: block;
	color: #fff
}

.is-vertical .c-simplified-cars .video-modal .video-content {
	width: 80%
}

.is-vertical .c-simplified-cars .zhibo-modal {
	inset: 0
}

.is-vertical .c-simplified-cars .zhibo-modal .zhibo-content {
	width: 100vw;
	height: 100vh
}

.is-vertical .c-simplified-cars .zhibo-modal .zhibo-content video {
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center
}

.is-vertical .c-simplified-cars .zhibo-modal .zhibo-content .close {
	position: fixed;
	top: calc(env(safe-area-inset-top, 0px) + 4vw);
	right: calc(env(safe-area-inset-right, 0px) + 4vw)
}

.is-vertical .c-simplified-cars .layer-img-box .pic {
	width: 80% !important
}

.c-dream-house .map-container {
	width: 100%;
	height: 100vh;
	position: relative;
	overflow: hidden;
	padding-left: 10vh
}

.c-dream-house .map-container .map {
	width: auto;
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain
}

.c-dream-house .map-container .map-hover {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0
}

.c-dream-house .map-container .map-hover img {
	display: none
}

.c-dream-house .map-container .map-hover img.active {
	display: block
}

.c-dream-house .map-container .map-title {
	margin-left: 10vh;
	position: absolute;
	font-size: 2vh;
	font-weight: 700;
	color: #fff
}

.c-dream-house .map-container .map-title .map-title-init {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.c-dream-house .map-container .map-title .map-title-hover {
	position: absolute;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: none;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: auto;
	padding: .5vw 2vh;
	background-color: #c5c3c280;
	border-radius: 5px;
	cursor: pointer
}

.c-dream-house .map-container .map-title .map-title-hover .weizhi-icon {
	width: 2.6vh;
	height: auto;
	margin-right: 1vh
}

.c-dream-house .map-container .map-title .map-title-hover .weizhi-icon img {
	width: 100%;
	height: auto
}

.c-dream-house .map-container .map-title .map-title-hover .text-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	line-height: 1.1
}

.c-dream-house .map-container .map-title .map-title-hover .text-box .text-city {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.c-dream-house .map-container .map-title .map-title-hover .text-box .text-city .small {
	display: inline-block;
	margin-left: .5vh;
	font-size: 70%
}

.c-dream-house .map-container .map-title .map-title-hover .text-box .small {
	font-size: 60%;
	white-space: nowrap
}

.c-dream-house .map-container .map-title:hover .map-title-init {
	display: none
}

.c-dream-house .map-container .map-title:hover .map-title-hover {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.c-dream-house .map-container .map-title1 {
	width: 27vh;
	height: 16.4vh;
	top: 14vh;
	left: 56.2vh
}

.c-dream-house .map-container .map-title1 .map-title-init {
	left: 43%
}

.c-dream-house .map-container .map-title1 .map-hover1 {
	top: 6vh;
	left: 4vh
}

.c-dream-house .map-container .map-title2 {
	width: 21.2vh;
	height: 21.4vh;
	top: 65vh;
	left: 27.1vh
}

.c-dream-house .map-container .map-title2 .map-title-init {
	left: 45%;
	top: 55%
}

.c-dream-house .map-container .map-title2 .map-hover2 {
	top: 9.7vh;
	left: 2vh
}

.c-dream-house .map-container .map-title3 {
	width: 29.5vh;
	height: 19.4vh;
	top: 17.8vh;
	left: 8.5vh
}

.c-dream-house .map-container .map-title3 .map-hover3 {
	top: 7.6vh;
	left: 7vh
}

.c-dream-house .map-container .map-title4 {
	width: 30.4vh;
	height: 26.6vh;
	top: 37.5vh;
	left: 29vh
}

.c-dream-house .map-container .map-title4 .map-title-init {
	left: 47%
}

.c-dream-house .map-container .map-title4 .map-hover4 {
	top: 11.2vh;
	left: 6.8vh
}

.c-dream-house .map-container .map-title5 {
	width: 20.6vh;
	height: 19.8vh;
	top: 35vh;
	left: 68.5vh
}

.c-dream-house .map-container .map-title5 .map-title-init {
	left: 55%;
	top: 38%
}

.c-dream-house .map-container .map-title5 .map-hover5 {
	top: 5.4vh;
	left: 3.8vh
}

.c-dream-house .map-container .text-wrap {
	position: absolute;
	width: 30vw;
	bottom: 30vh;
	right: 2vw;
	line-height: 1.5
}

.c-dream-house .map-container .text-wrap .title span {
	background-color: #17264e;
	color: #fff;
	padding-inline: 6px
}

.c-dream-house .map-container .text-wrap .p {
	color: #00000080;
	margin-top: 2vw
}

.c-dream-house .b-container {
	margin: auto
}

.c-dream-house .overview-main {
	margin-block: 8vw 6vw;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.c-dream-house .overview-main .left-img {
	width: 50vw
}

.c-dream-house .overview-main .right-text {
	width: 50vw;
	padding-inline: 6vw;
	text-align: center
}

.c-dream-house .overview-main .right-text .title {
	margin-bottom: 2vw;
	color: #17264e;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.c-dream-house .overview-main .right-text .title,
.c-dream-house .overview-main .right-text .title .dots {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.c-dream-house .overview-main .right-text .title .dots {
	gap: .6vw
}

.c-dream-house .overview-main .right-text .title .dots .dot {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: #17264e
}

.c-dream-house .overview-main .right-text .title .dots .big-dot {
	width: 12px;
	height: 12px
}

.c-dream-house .overview-main .right-text .title .right {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.c-dream-house .overview-main .right-text .title .title-main {
	margin-inline: 20px
}

.c-dream-house .tabs-main {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 8vw;
	gap: 1vw
}

.c-dream-house .tabs-main .tabs-item {
	width: 17vw;
	border-radius: 5px;
	overflow: hidden;
	border: 1px solid #e1e1e1
}

.c-dream-house .tabs-main .tabs-item .tabs-img {
	height: 9vw;
	border-radius: 5px;
	overflow: hidden;
	position: relative
}

.c-dream-house .tabs-main .tabs-item .tabs-img img {
	width: 100%;
	height: 100%;
	-o-object-fit: fill;
	object-fit: fill;
	opacity: 0;
	position: absolute;
	top: 0;
	-webkit-transform: opacity .6s ease;
	transform: opacity .6s ease
}

.c-dream-house .tabs-main .tabs-item .tabs-img img:first-child {
	opacity: 1
}

.c-dream-house .tabs-main .tabs-item .tabs-text .tabs-title {
	margin-top: 1vw;
	margin-inline: 1vw;
	font-weight: 700
}

.c-dream-house .tabs-main .tabs-item .tabs-text .tabs-time {
	color: #5d5d5d;
	margin-inline: 1vw
}

.c-dream-house .tabs-main .tabs-item .tabs-text .tabs-tips {
	width: 2vw;
	height: 2vw;
	border-radius: 50%;
	border: 1px solid #17264e;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	line-height: 2vw;
	font-size: .8vw;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	float: right;
	margin-top: 1vw;
	margin-right: .4vw;
	margin-bottom: .6vw
}

.c-dream-house .tabs-main .tabs-item:hover {
	cursor: pointer
}

.c-dream-house .tabs-main .tabs-item:hover .tabs-img img:first-child {
	opacity: 0
}

.c-dream-house .tabs-main .tabs-item:hover .tabs-img img:last-child {
	opacity: 1
}

.c-dream-house .tabs-main .tabs-item:hover .tabs-text .tabs-tips {
	background-color: #17264e;
	color: #fff
}

.c-dream-house .section.pc-only {
	position: relative;
	height: 500vh;
	top: 0
}

.c-dream-house .section.pc-only .works-wrapper {
	height: 100vh;
	position: sticky;
	top: 0;
	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;
	background-image: url(../img/bg-1119-2.jpg);
	background-size: cover;
	background-position: 50%;
	z-index: 1
}

.c-dream-house .section.pc-only .works-counter {
	position: absolute;
	left: 8vw;
	top: 15vh;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: end;
	gap: 10px;
	font-size: 5vw;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}

.c-dream-house .section.pc-only .works-counter div {
	line-height: 1
}

.c-dream-house .section.pc-only .works-total {
	font-size: 2vw;
	opacity: .6
}

.c-dream-house .section.pc-only .works-images {
	width: 60vw;
	height: 100vh;
	position: relative
}

.c-dream-house .section.pc-only .img-item {
	height: 100vh;
	inset: 0;
	-webkit-transition: opacity .8s ease-out;
	transition: opacity .8s ease-out;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	font-weight: 700
}

.c-dream-house .section.pc-only .img-item,
.c-dream-house .section.pc-only .img-item .img-flex {
	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
}

.c-dream-house .section.pc-only .img-item .img-flex {
	gap: 1vw
}

.c-dream-house .section.pc-only .img-item .img-flex .img-box {
	width: 29.5vw;
	height: 17.44vw
}

.c-dream-house .section.pc-only .img-item .img-flex .img-box.poster {
	position: relative
}

.c-dream-house .section.pc-only .img-item .img-flex .img-box.poster .img-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .3);
	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;
	cursor: pointer
}

.c-dream-house .section.pc-only .img-item .img-flex .img-box.poster .img-overlay .play-button {
	width: 50px;
	height: 50px;
	background: url(../img/video-icon-1117.png) no-repeat 50%;
	background-size: contain;
	opacity: .5;
	-webkit-transition: all .4s ease;
	transition: all .4s ease
}

.c-dream-house .section.pc-only .img-item .img-flex .img-box.poster .img-overlay:hover .play-button {
	opacity: 1
}

.c-dream-house .section.pc-only .img-item .img-flex .img-box img {
	width: 100%;
	height: 100%;
	-o-object-fit: fill;
	object-fit: fill
}

.c-dream-house .section.pc-only .img-item .text-wrap {
	font-size: 1vw;
	margin-top: 4vw
}

.c-dream-house .section.pc-only .img-item .button {
	margin-top: 4vw;
	border: 1px solid #000;
	padding: 8px 20px;
	min-width: 200px;
	text-align: center;
	cursor: pointer
}

.c-dream-house .section.pc-only .img-item.active {
	opacity: 1;
	z-index: 2
}

.c-dream-house .section.pc-only .scroll-img {
	gap: 1vw;
	position: absolute;
	inset: 0;
	margin-bottom: 11vw;
	width: calc(500% + 5vw)
}

.c-dream-house .section.pc-only .scroll-img,
.c-dream-house .section.pc-only .scroll-img .scroll-item {
	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
}

.c-dream-house .section.pc-only .scroll-img .scroll-item {
	width: 100%
}

.c-dream-house .section.pc-only .scroll-img .scroll-item.active .img-box:after {
	opacity: 0
}

.c-dream-house .section.pc-only .scroll-img .img-flex {
	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;
	gap: 1vw
}

.c-dream-house .section.pc-only .scroll-img .img-flex .img-box {
	width: 29.5vw;
	height: 17.44vw;
	position: relative
}

.c-dream-house .section.pc-only .scroll-img .img-flex .img-box:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .4);
	-webkit-transition: opacity .6s ease;
	transition: opacity .6s ease
}

.c-dream-house .section.pc-only .scroll-img .img-flex .img-box img {
	width: 100%;
	height: 100%;
	-o-object-fit: fill;
	object-fit: fill
}

.c-dream-house .section.pc-only .works-cities {
	position: absolute;
	right: 8vw;
	bottom: 10vh;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.c-dream-house .section.pc-only .city {
	font-size: 1.8vw;
	line-height: 1.2;
	opacity: .3;
	-webkit-transition: opacity .6s ease-out;
	transition: opacity .6s ease-out;
	position: relative;
	cursor: pointer
}

.c-dream-house .section.pc-only .city.active {
	opacity: 1;
	font-weight: 700
}

.c-dream-house .swiper-wangqi {
	margin-top: 6vw;
	padding-bottom: 80px;
	position: relative
}

.c-dream-house .swiper-wangqi .swiper-title {
	text-align: center;
	position: relative;
	padding-block: 0 2vw;
	font-family: HyundaiSansHeadCN-Medium
}

.c-dream-house .swiper-wangqi .swiper .swiper-slide {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.c-dream-house .swiper-wangqi .swiper .swiper-slide img {
	width: 27.1vw;
	height: 17vw
}

.c-dream-house .swiper-wangqi .swiper .swiper-slide .text-wrap {
	background-color: #e3dad2;
	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-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 0 1vw;
	width: 100%
}

.c-dream-house .swiper-wangqi .swiper .swiper-slide .text-wrap .title {
	font-size: 165%;
	font-family: HyundaiSansHeadCN-Medium;
	margin-bottom: .8vh
}

.c-dream-house .swiper-wangqi .swiper .swiper-slide .text-wrap .tag {
	color: #00000060
}

.c-dream-house .swiper-wangqi .swiper-control {
	position: absolute;
	bottom: 16px;
	right: 30px;
	width: 70px;
	height: 28px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.c-dream-house .swiper-wangqi .swiper-control .swiper-button-next,
.c-dream-house .swiper-wangqi .swiper-control .swiper-button-prev {
	cursor: pointer;
	width: 28px;
	height: 28px;
	background-color: #000;
	position: unset;
	margin-top: 0;
	border-radius: 50%;
	font-weight: 700;
	font-size: 22px
}

.c-dream-house .swiper-wangqi .swiper-pagination {
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 90vw
}

.c-dream-house .video-box {
	width: 70%;
	margin-block: 6vw 6vw
}

.c-dream-house .video-box .title {
	text-align: center;
	position: relative;
	padding-block: 0 2vw;
	font-family: HyundaiSansHeadCN-Medium
}

.c-dream-house .video-box .poster-box {
	position: relative;
	width: 100%;
	height: 36vw
}

.c-dream-house .video-box .poster-box img {
	width: 100%;
	height: 100%;
	-o-object-fit: fill;
	object-fit: fill;
	position: absolute;
	top: 0;
	z-index: 2
}

.c-dream-house .video-box .poster-box .img-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .3);
	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;
	z-index: 3;
	cursor: pointer
}

.c-dream-house .video-box .poster-box .img-overlay .play-button {
	width: 60px;
	height: 60px;
	background: url(../img/video-icon-1117.png) 0 0 no-repeat;
	background-size: 100%;
	opacity: .5;
	-webkit-transition: all .4s ease;
	transition: all .4s ease
}

.c-dream-house .video-box .poster-box .img-overlay:hover .play-button {
	opacity: 1
}

.c-dream-house .video-box .poster-box video {
	width: 100%;
	height: 100%;
	-o-object-fit: fill;
	object-fit: fill;
	position: absolute;
	top: 0
}

.c-dream-house .video-box .flex-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	gap: .6vw;
	padding-inline: 0;
	padding-bottom: 0;
	margin: auto;
	margin-top: .6vw
}

.c-dream-house .video-box .flex-box .item {
	position: relative;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.c-dream-house .video-box .flex-box .item .img-box {
	width: 100%;
	height: 5vw;
	cursor: pointer
}

.c-dream-house .video-box .flex-box .item .img-box img {
	width: 100%;
	height: 100%;
	-o-object-fit: fill;
	object-fit: fill
}

.c-dream-house .video-box .flex-box .item .img-box .img-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .3);
	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
}

.c-dream-house .video-box .flex-box .item.active .img-box .img-overlay,
.c-dream-house .video-box .flex-box .item .img-box .img-overlay:hover {
	background: transparent
}

.c-dream-house .video-modal {
	display: none;
	position: fixed;
	z-index: 1031;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .8)
}

.c-dream-house .video-modal .video-content {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 60%;
	max-width: 1000px
}

.c-dream-house .video-modal .video-content video {
	width: 100%
}

.c-dream-house .video-modal .video-content .close {
	position: absolute;
	top: -40px;
	right: 0;
	color: #fff;
	font-size: 30px;
	cursor: pointer;
	opacity: .8
}

.c-dream-house .video-modal .video-content .close:hover {
	opacity: 1
}

.c-dream-house .news-details-box {
	display: none;
	position: fixed;
	z-index: 1031;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .8)
}

.c-dream-house .news-details-box .new-content {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 80%;
	height: 90vh;
	max-width: 1600px
}

.c-dream-house .news-details-box .new-content .close {
	position: absolute;
	top: 0;
	right: -40px;
	color: #fff;
	font-size: 30px;
	cursor: pointer;
	opacity: .8
}

.c-dream-house .news-details-box .new-content .close:hover {
	opacity: 1
}

.c-dream-house .news-details-box .new-content .news-details {
	overflow-y: scroll;
	height: 100%
}

.c-dream-house .news-details-box .new-content .news-details::-webkit-scrollbar {
	width: 5px
}

.c-dream-house .news-details-box .new-content .news-details::-webkit-scrollbar-track {
	background: transparent
}

.c-dream-house .news-details-box .new-content .news-details::-webkit-scrollbar-thumb {
	background: hsla(0, 0%, 100%, .3);
	border-radius: 2.5px
}

.c-dream-house .news-details-box .new-content .news-details::-webkit-scrollbar-thumb:hover {
	background: hsla(0, 0%, 100%, .5)
}

.c-dream-house .news-details-box .new-content .news-details img {
	width: 100%;
	height: auto
}

@media screen and (max-width:1100px) and (min-width:901px) {
	.c-dream-house .overview-main .right-text {
		padding-inline: 3vw 2vw;
		line-height: 1.5
	}

	.c-dream-house .tabs-main .tabs-title {
		font-size: 12px
	}

	.c-dream-house .tabs-main .tabs-time {
		font-size: 11px
	}

	.c-dream-house .tabs-main .tabs-item .tabs-text .tabs-tips {
		width: 2.6vw;
		height: 2.6vw;
		line-height: 2.6vw;
		font-size: 1.2vw;
		margin-right: 1vw;
		margin-bottom: 1vw
	}

	.c-dream-house .section.pc-only .img-item .text-wrap,
	.c-dream-house .swiper-wangqi .swiper .swiper-slide .text-wrap .title {
		font-size: 14px
	}

	.c-dream-house .swiper-wangqi .swiper .swiper-slide .text-wrap .tag {
		font-size: 12px
	}
}

.is-vertical .c-dream-house .map-container {
	padding-left: 0;
	padding-top: 16vw
}

.is-vertical .c-dream-house .map-container .map {
	width: 100%;
	height: auto;
	-o-object-fit: contain;
	object-fit: contain
}

.is-vertical .c-dream-house .map-container .map-hover {
	padding-top: 16vw
}

.is-vertical .c-dream-house .map-container .map-title {
	margin-left: 0;
	margin-top: 16vw;
	font-size: 4vw
}

.is-vertical .c-dream-house .map-container .map-title .map-title-hover {
	padding: 1vw 2vw
}

.is-vertical .c-dream-house .map-container .map-title .map-title-hover .weizhi-icon {
	width: 4vw;
	margin-right: 1.2vw
}

.is-vertical .c-dream-house .map-container .map-title1 {
	width: 32vw;
	height: 18vw;
	top: 4vw;
	left: 59vw
}

.is-vertical .c-dream-house .map-container .map-title1 .map-title-init {
	left: 43%
}

.is-vertical .c-dream-house .map-container .map-title1 .map-hover1 {
	top: 6vw;
	left: 2vw
}

.is-vertical .c-dream-house .map-container .map-title2 {
	width: 25vw;
	height: 26vw;
	top: 63vw;
	left: 25vw
}

.is-vertical .c-dream-house .map-container .map-title2 .map-title-init {
	left: 45%;
	top: 55%
}

.is-vertical .c-dream-house .map-container .map-title2 .map-hover2 {
	top: 11vw;
	left: 0
}

.is-vertical .c-dream-house .map-container .map-title3 {
	width: 33vw;
	height: 23vw;
	top: 7vw;
	left: 4vw
}

.is-vertical .c-dream-house .map-container .map-title3 .map-hover3 {
	top: 8vw;
	left: 5vw
}

.is-vertical .c-dream-house .map-container .map-title4 {
	width: 35vw;
	height: 31vw;
	top: 31vw;
	left: 27vw
}

.is-vertical .c-dream-house .map-container .map-title4 .map-title-init {
	left: 47%
}

.is-vertical .c-dream-house .map-container .map-title4 .map-hover4 {
	top: 12vw;
	left: 5vw
}

.is-vertical .c-dream-house .map-container .map-title5 {
	width: 24.6vw;
	height: 23.8vw;
	top: 28vw;
	left: 73.5vw
}

.is-vertical .c-dream-house .map-container .map-title5 .map-title-init {
	left: 55%;
	top: 38%
}

.is-vertical .c-dream-house .map-container .map-title5 .map-hover5 {
	top: 6vw;
	left: 2vw
}

.is-vertical .c-dream-house .map-container .text-wrap {
	position: absolute;
	width: 100%;
	padding-inline: 8vw;
	bottom: 7vh;
	right: 0;
	line-height: 1.5
}

.is-vertical .c-dream-house .map-container .text-wrap .title span {
	background-color: #17264e;
	color: #fff;
	padding-inline: 6px
}

.is-vertical .c-dream-house .map-container .text-wrap .p {
	color: #00000080;
	margin-top: 2vw
}

.is-vertical .c-dream-house .section.mb-only {
	position: relative;
	height: 500vh;
	top: 0
}

.is-vertical .c-dream-house .section.mb-only .work-top {
	position: absolute;
	top: 0;
	z-index: 5;
	width: 100%;
	height: 20vh;
	background-color: #fff
}

.is-vertical .c-dream-house .section.mb-only .work-bottom {
	position: absolute;
	bottom: 0;
	z-index: 5;
	width: 100%;
	height: 10vh;
	background-color: #fff
}

.is-vertical .c-dream-house .section.mb-only .works-wrapper {
	height: 100vh;
	position: sticky;
	top: 0;
	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;
	background-image: url(../img/bg-1117-2.jpg);
	background-size: cover;
	background-position: 50%;
	z-index: 1
}

.is-vertical .c-dream-house .section.mb-only .works-counter {
	position: absolute;
	left: 8vw;
	top: 70px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: end;
	gap: 10px;
	font-size: 20vw;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	z-index: 10
}

.is-vertical .c-dream-house .section.mb-only .works-counter div {
	line-height: 1
}

.is-vertical .c-dream-house .section.mb-only .works-total {
	font-size: 8vw;
	opacity: .6
}

.is-vertical .c-dream-house .section.mb-only .works-images {
	width: calc(100% - 16vw);
	margin-inline: 8vw;
	height: 100vh;
	position: relative;
	overflow: hidden;
	padding-top: 20vh
}

.is-vertical .c-dream-house .section.mb-only .img-item {
	inset: 0;
	-webkit-transition: opacity .8s ease-out;
	transition: opacity .8s ease-out;
	font-weight: 700;
	margin-top: 16vw;
	height: 60vh
}

.is-vertical .c-dream-house .section.mb-only .img-item,
.is-vertical .c-dream-house .section.mb-only .img-item .img-flex {
	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
}

.is-vertical .c-dream-house .section.mb-only .img-item .img-flex {
	gap: 2vw
}

.is-vertical .c-dream-house .section.mb-only .img-item .img-flex .img-box {
	width: 80vw;
	height: 38vw
}

.is-vertical .c-dream-house .section.mb-only .img-item .img-flex .img-box.poster {
	position: relative
}

.is-vertical .c-dream-house .section.mb-only .img-item .img-flex .img-box.poster .img-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .3);
	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;
	cursor: pointer
}

.is-vertical .c-dream-house .section.mb-only .img-item .img-flex .img-box.poster .img-overlay .play-button {
	width: 40px;
	height: 40px;
	background: url(../img/video-icon-1117.png) no-repeat 50%;
	background-size: contain;
	opacity: .5;
	-webkit-transition: all .4s ease;
	transition: all .4s ease
}

.is-vertical .c-dream-house .section.mb-only .img-item .img-flex .img-box img {
	width: 100%;
	height: 100%;
	-o-object-fit: fill;
	object-fit: fill
}

.is-vertical .c-dream-house .section.mb-only .img-item .text-wrap {
	font-size: 12px;
	margin-top: 8vw;
	text-align: center;
	width: 100%;
	padding-inline: 8vw
}

.is-vertical .c-dream-house .section.mb-only .img-item .button {
	margin-top: 6vw;
	border: 1px solid #000;
	padding: 8px 20px;
	min-width: 200px;
	text-align: center;
	cursor: pointer
}

.is-vertical .c-dream-house .section.mb-only .img-item.active {
	opacity: 1;
	z-index: 2
}

.is-vertical .c-dream-house .section.mb-only .scroll-img {
	position: absolute;
	inset: 0;
	margin-bottom: 11vw;
	width: calc(500% + 8vw)
}

.is-vertical .c-dream-house .section.mb-only .scroll-img,
.is-vertical .c-dream-house .section.mb-only .scroll-img .scroll-item {
	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;
	gap: 2vw
}

.is-vertical .c-dream-house .section.mb-only .scroll-img .scroll-item {
	width: 100%;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.is-vertical .c-dream-house .section.mb-only .scroll-img .scroll-item.active .img-box:after {
	opacity: 0
}

.is-vertical .c-dream-house .section.mb-only .scroll-img .img-flex {
	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;
	gap: 4vw
}

.is-vertical .c-dream-house .section.mb-only .scroll-img .img-flex .img-box {
	width: 80vw;
	height: 38vw;
	position: relative
}

.is-vertical .c-dream-house .section.mb-only .scroll-img .img-flex .img-box:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .4);
	-webkit-transition: opacity .6s ease;
	transition: opacity .6s ease
}

.is-vertical .c-dream-house .section.mb-only .scroll-img .img-flex .img-box img {
	width: 100%;
	height: 100%;
	-o-object-fit: fill;
	object-fit: fill
}

.is-vertical .c-dream-house .section.mb-only .works-cities {
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	bottom: 8vw;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
	gap: 2vw;
	z-index: 10
}

.is-vertical .c-dream-house .section.mb-only .city {
	font-size: 6vw;
	line-height: 1.2;
	opacity: .3;
	-webkit-transition: opacity .6s ease-out;
	transition: opacity .6s ease-out;
	position: relative;
	cursor: pointer
}

.is-vertical .c-dream-house .section.mb-only .city.active {
	opacity: 1;
	font-weight: 700
}

.is-vertical .c-dream-house .news-details-box .new-content {
	width: 75%;
	height: 80vh
}

.is-vertical .c-dream-house .news-details-box .new-content .close {
	right: -30px;
	color: #fff;
	font-size: 26px
}

.is-vertical .c-dream-house .b-container {
	width: calc(100% - 16vw)
}

.is-vertical .c-dream-house .overview-main {
	margin-block: 12vw 10vw;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.is-vertical .c-dream-house .overview-main .left-img {
	width: 100%;
	margin-bottom: 4vw
}

.is-vertical .c-dream-house .overview-main .right-text {
	width: 100%;
	padding-inline: 0
}

.is-vertical .c-dream-house .overview-main .right-text .title .dots .dot {
	width: 4px;
	height: 4px
}

.is-vertical .c-dream-house .overview-main .right-text .title .dots .big-dot {
	width: 6px;
	height: 6px
}

.is-vertical .c-dream-house .overview-main .right-text .title .title-main {
	margin-inline: 10px
}

.is-vertical .c-dream-house .tabs-main {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 4vw;
	margin-bottom: 12vw
}

.is-vertical .c-dream-house .tabs-main .tabs-item {
	width: 100%
}

.is-vertical .c-dream-house .tabs-main .tabs-item .tabs-img {
	height: 40vw
}

.is-vertical .c-dream-house .tabs-main .tabs-item .tabs-img img:first-child {
	opacity: 0
}

.is-vertical .c-dream-house .tabs-main .tabs-item .tabs-img img:last-child {
	opacity: 1
}

.is-vertical .c-dream-house .tabs-main .tabs-item .tabs-text .tabs-title {
	margin-top: 4vw;
	margin-inline: 6vw
}

.is-vertical .c-dream-house .tabs-main .tabs-item .tabs-text .tabs-time {
	margin-inline: 6vw;
	font-size: 12px
}

.is-vertical .c-dream-house .tabs-main .tabs-item .tabs-text .tabs-tips {
	width: 8vw;
	height: 8vw;
	line-height: 6vw;
	font-size: 3vw;
	margin-top: 4vw;
	margin-right: 2vw;
	margin-bottom: 2vw
}

.is-vertical .c-dream-house .tabs-main .tabs-item:hover {
	cursor: pointer
}

.is-vertical .c-dream-house .tabs-main .tabs-item:hover .tabs-img img:first-child {
	opacity: 0
}

.is-vertical .c-dream-house .tabs-main .tabs-item:hover .tabs-img img:last-child {
	opacity: 1
}

.is-vertical .c-dream-house .tabs-main .tabs-item:hover .tabs-text .tabs-tips {
	background-color: #17264e;
	color: #fff
}

.is-vertical .c-dream-house .swiper-wangqi {
	margin-top: 12vw;
	padding-bottom: 6vw
}

.is-vertical .c-dream-house .swiper-wangqi .swiper-title {
	padding-block: 0 4vw
}

.is-vertical .c-dream-house .swiper-wangqi .swiper .swiper-slide {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.is-vertical .c-dream-house .swiper-wangqi .swiper .swiper-slide img {
	width: 100%;
	height: 48vw
}

.is-vertical .c-dream-house .swiper-wangqi .swiper .swiper-slide .text-wrap {
	padding: 6vw 4vw
}

.is-vertical .c-dream-house .swiper-wangqi .swiper .swiper-slide .text-wrap .title {
	font-size: 90%;
	margin-bottom: 2vh
}

.is-vertical .c-dream-house .swiper-wangqi .swiper .swiper-slide .text-wrap .tag {
	font-size: 72%
}

.is-vertical .c-dream-house .swiper-wangqi .swiper-pagination {
	background-color: transparent;
	left: 62%
}

.is-vertical .c-dream-house .swiper-wangqi .swiper-pagination .swiper-pagination-bullet {
	right: 10vw;
	right: 16vw;
	bottom: 0
}

.is-vertical .c-dream-house .swiper-wangqi .swiper-control {
	position: absolute;
	pointer-events: none;
	bottom: 30%;
	right: 30%;
	-webkit-transform: translateX(50%);
	transform: translateX(50%);
	width: 88vw;
	height: 28px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	z-index: 2
}

.is-vertical .c-dream-house .swiper-wangqi .swiper-control .swiper-button-next,
.is-vertical .c-dream-house .swiper-wangqi .swiper-control .swiper-button-prev {
	pointer-events: auto;
	cursor: pointer;
	width: 28px;
	height: 28px;
	background-color: transparent;
	position: unset;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 0;
	border-radius: 50%;
	font-weight: lighter;
	font-size: 42px
}

.is-vertical .c-dream-house .video-box {
	margin-block: 4vw 10vw
}

.is-vertical .c-dream-house .video-box .title {
	padding-block: 0 4vw
}

.is-vertical .c-dream-house .video-box .poster-box {
	height: 48vw
}

.is-vertical .c-dream-house .video-box .poster-box .img-overlay .play-button {
	width: 40px;
	height: 40px
}

.is-vertical .c-dream-house .video-box .flex-box {
	gap: 1vw;
	margin-top: 1vw
}

.is-vertical .c-dream-house .video-box .flex-box .item .img-box {
	height: 8vw
}

.is-vertical .c-eq-video .eq-video-canvas {
	width: auto;
	height: 100% !important
}

.c-awards {
	position: relative
}

.c-awards .b-container {
	margin: 0 auto;
	position: relative
}

.c-awards .header-sticky {
	position: sticky;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 99999;
	background-color: #fff;
	-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, .05);
	box-shadow: 1px 1px 1px rgba(0, 0, 0, .05);
	padding-block: 20px
}

.c-awards .header-sticky .cars-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content
}

.c-awards .header-sticky .cars-list .cars-tab {
	height: 40px;
	line-height: 40px;
	cursor: pointer;
	display: none;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	font-weight: 700
}

.c-awards .header-sticky .cars-list .cars-tab:hover {
	color: #00aad2
}

.c-awards .header-sticky .cars-list .cars-tab.active {
	color: #000;
	display: block;
	cursor: default
}

.c-awards .header-sticky .btnRight {
	position: absolute;
	top: 0;
	right: 0;
	width: 200px;
	height: 40px;
	line-height: 40px;
	background: #002c60;
	color: #fff;
	border: none;
	cursor: pointer;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	white-space: nowrap
}

.c-awards .header-sticky .btnRight .btnIcon {
	display: inline-block;
	margin-left: 10px;
	font-size: 70%
}

.c-awards .dots {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: .6vw;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.c-awards .dots .dot {
	width: 8px;
	height: 8px;
	background-color: #bebebe
}

.c-awards .dots .dot2 {
	background-color: #888
}

.c-awards .dots .big-dot {
	background-color: #4a4a4a
}

.c-awards .right {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.c-awards .main {
	width: 100%;
	margin-bottom: 80px
}

.c-awards .main .cars-img {
	width: 100%
}

.c-awards .main .cars-img img {
	display: none
}

.c-awards .main .cars-img img.active {
	display: block
}

.c-awards .main .news-awards .item {
	display: none;
	margin-top: 6vw
}

.c-awards .main .news-awards .item.active {
	display: block
}

.c-awards .main .news-awards .item .title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.c-awards .main .news-awards .item .title .title-main {
	margin-inline: 20px
}

.c-awards .main .news-awards .item .award-content {
	width: 100%;
	height: 33vw;
	background-color: #002c60;
	position: relative;
	margin-top: 20px;
	overflow: hidden
}

.c-awards .main .news-awards .item .award-content:before {
	content: "2025";
	font-size: 24vw;
	text-align: center;
	line-height: 33vw;
	position: absolute;
	top: 0;
	left: 0;
	color: #fff;
	opacity: .1;
	width: 100%;
	height: 100%
}

.c-awards .main .news-awards .item .award-content .awards-list {
	width: 100%;
	height: calc(100% - 12vh);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	margin-block: 6vh;
	padding-inline: 2vw;
	overflow-y: auto;
	position: relative;
	z-index: 2
}

.c-awards .main .news-awards .item .award-content .awards-list:after,
.c-awards .main .news-awards .item .award-content .awards-list:before {
	content: "";
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	min-height: 0
}

.c-awards .main .news-awards .item .award-content .awards-list::-webkit-scrollbar {
	width: 8px
}

.c-awards .main .news-awards .item .award-content .awards-list::-webkit-scrollbar-track {
	background: transparent
}

.c-awards .main .news-awards .item .award-content .awards-list::-webkit-scrollbar-thumb {
	background: hsla(0, 0%, 100%, .3);
	border-radius: 5px
}

.c-awards .main .news-awards .item .award-content .awards-list::-webkit-scrollbar-thumb:hover {
	background: hsla(0, 0%, 100%, .5)
}

.c-awards .main .news-awards .item .award-content .awards-list p {
	width: 100%;
	color: #fff;
	text-align: center;
	text-underline-offset: 8px;
	text-decoration: underline;
	margin-bottom: 1vw;
	font-size: 16px
}

.c-awards .main .historical-awards .item {
	display: none;
	margin-top: 6vw
}

.c-awards .main .historical-awards .item.active {
	display: block
}

.c-awards .main .historical-awards .item .title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.c-awards .main .historical-awards .item .title .title-main {
	margin-inline: 20px
}

.c-awards .main .historical-awards .item .award-content {
	width: 100%;
	position: relative;
	margin-top: 20px;
	overflow: hidden
}

.c-awards .main .historical-awards .item .award-content .content-swiper {
	height: 33vw;
	background-color: #f5f3f2
}

.c-awards .main .historical-awards .item .award-content .content-swiper:before {
	content: attr(data-year);
	font-size: 24vw;
	text-align: center;
	line-height: 33vw;
	position: absolute;
	top: 0;
	left: 0;
	color: #000;
	opacity: .1;
	width: 100%;
	height: 100%
}

.c-awards .main .historical-awards .item .award-content .content-swiper .awards-list {
	width: 100%;
	height: calc(100% - 12vh);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	margin-block: 6vh;
	padding-inline: 2vw;
	overflow-y: auto;
	position: relative;
	z-index: 2
}

.c-awards .main .historical-awards .item .award-content .content-swiper .awards-list:after,
.c-awards .main .historical-awards .item .award-content .content-swiper .awards-list:before {
	content: "";
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	min-height: 0
}

.c-awards .main .historical-awards .item .award-content .content-swiper .awards-list::-webkit-scrollbar {
	width: 8px
}

.c-awards .main .historical-awards .item .award-content .content-swiper .awards-list::-webkit-scrollbar-track {
	background: transparent
}

.c-awards .main .historical-awards .item .award-content .content-swiper .awards-list::-webkit-scrollbar-thumb {
	background: rgba(0, 0, 0, .3);
	border-radius: 5px
}

.c-awards .main .historical-awards .item .award-content .content-swiper .awards-list::-webkit-scrollbar-thumb:hover {
	background: rgba(0, 0, 0, .5)
}

.c-awards .main .historical-awards .item .award-content .content-swiper .awards-list p {
	width: 100%;
	text-align: center;
	text-underline-offset: 8px;
	text-decoration: underline;
	margin-bottom: 1vw;
	font-size: 16px
}

.c-awards .main .historical-awards .item .award-content .year-swiper-container {
	margin-top: 20px;
	width: 100%;
	border-bottom: 1px solid #ddd
}

.c-awards .main .historical-awards .item .award-content .year-swiper-container .year-swiper {
	width: 60%;
	margin: 0 auto;
	max-width: 1200px
}

.c-awards .main .historical-awards .item .award-content .year-swiper-container .year-swiper .year-slide {
	width: auto;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	min-width: 60px;
	text-align: center;
	height: 30px;
	line-height: 20px;
	cursor: pointer;
	padding-bottom: 10px
}

.c-awards .main .historical-awards .item .award-content .year-swiper-container .year-swiper .year-slide.active {
	color: #00aad2;
	font-weight: 700
}

.c-awards .main .historical-awards .item .award-content .year-swiper-container .year-swiper .year-slide.active:after {
	content: "";
	display: block;
	width: 100%;
	left: 0;
	height: 2px;
	background-color: #00aad2;
	position: absolute;
	bottom: 0
}

@media screen and (max-width:1100px) and (min-width:901px) {

	.c-awards .main .historical-awards .item .award-content .awards-list p,
	.c-awards .main .news-awards .item .award-content .awards-list p {
		font-size: 14px
	}

	.c-awards .main .historical-awards .item .award-content .year-swiper-container .year-swiper {
		width: 80%
	}
}

.is-vertical .c-awards .b-container {
	margin: 0 auto;
	position: relative;
	padding-inline: 8vw
}

.is-vertical .c-awards .header-sticky {
	padding-block: 15px
}

.is-vertical .c-awards .header-sticky .btnRight {
	width: 40vw;
	right: 8vw
}

.is-vertical .c-awards .main {
	margin-bottom: 8vw
}

.is-vertical .c-awards .main .news-awards .item {
	margin-top: 10vw
}

.is-vertical .c-awards .main .news-awards .item .title .title-main {
	margin-inline: 10px;
	font-size: 16px
}

.is-vertical .c-awards .main .news-awards .item .award-content {
	height: 60vw
}

.is-vertical .c-awards .main .news-awards .item .award-content:before {
	font-size: 32vw;
	line-height: 60vw
}

.is-vertical .c-awards .main .news-awards .item .award-content .awards-list {
	height: calc(100% - 12vw);
	margin-block: 6vw;
	padding-inline: 4vw
}

.is-vertical .c-awards .main .news-awards .item .award-content .awards-list p {
	font-size: 11px;
	text-underline-offset: 4px
}

.is-vertical .c-awards .main .historical-awards {
	margin-top: 8vw
}

.is-vertical .c-awards .main .historical-awards .item .title .title-main {
	margin-inline: 10px;
	font-size: 16px
}

.is-vertical .c-awards .main .historical-awards .item .award-content .content-swiper {
	height: 60vw
}

.is-vertical .c-awards .main .historical-awards .item .award-content .content-swiper:before {
	font-size: 32vw;
	line-height: 60vw
}

.is-vertical .c-awards .main .historical-awards .item .award-content .content-swiper .awards-list {
	height: calc(100% - 12vw);
	margin-block: 6vw;
	padding-inline: 4vw
}

.is-vertical .c-awards .main .historical-awards .item .award-content .content-swiper .awards-list p {
	font-size: 11px;
	text-underline-offset: 4px
}

.is-vertical .c-awards .main .historical-awards .item .award-content .year-swiper-container .year-swiper {
	width: 100%
}

.is-vertical .c-footer .part-main .menu-wrap li a {
    display: block;
    height: 45px;
    padding-left: 45px;
    line-height: 45px;
    border-bottom: 1px solid #5b5b5b;
}