/* pre css */
#c_grid-116273709439191 .p_gridbox::after {
	content: '';
	clear: left;
	display: block
}
#c_grid-116273709439191>div>.p_gridbox {
	width: 100%;
	overflow: hidden;
	position: static
}
#c_grid-116273709439191>div>.p_gridCell {
	float: left;
	position: static
}
#c_grid-116273709439191>.p_gridbox.signal {
	min-height: inherit
}
#c_grid-116273709439191>.p_gridbox.signal>.p_gridCell {
	min-height: inherit !important
}
#c_grid-116273709439191 {
	margin-left: auto;
	margin-right: auto;
	width: 100%
}
@media screen and (max-width:768px) {
	#c_grid-116273709439191>.p_gridbox>.p_gridCell:nth-child(1n + 1) {
		width: 100%;
		margin-left: 0%;
		margin-right: 0%;
		margin-top: 0rem;
		margin-bottom: 0rem;
		clear: left
	}
}
@media screen and (min-width: 769px) {
	#c_grid-116273709439191>.p_gridbox>.p_gridCell:nth-child(1n + 1) {
		width: 100%;
		margin-left: 0%;
		margin-right: 0%;
		margin-top: 0rem;
		margin-bottom: 0rem;
		clear: left
	}
}
@media screen and (max-width: 1024px) and (min-width: 769px) {
	#c_grid-116273709439191>.p_gridbox>.p_gridCell:nth-child(1n + 1) {
		width: 100%;
		margin-left: 0%;
		margin-right: 0%;
		margin-top: 0rem;
		margin-bottom: 0rem;
		clear: left
	}
}
.single .l_hide {
	display: none
}
input[type="password"]::-ms-reveal {
	display: none
}
.single li {
	display: block
}
.single.l_login .l_hide {
	display: block
}
.single.l_login li {
	display: none
}
@media screen and (max-width:768px) {
	input::-webkit-input-placeholder,
	textarea::-webkit-input-placeholder,
	input:-moz-placeholder,
	textarea:-moz-placeholder,
	input::-moz-placeholder,
	textarea::-moz-placeholder,
	input:-ms-input-placeholder,
	textarea:-ms-input-placeholder {
		/* IE 10+  */
		font-size: 12px
	}
	input,
	textarea {
		font-size: 12px !important;
		width: 100% !important
	}
	.errors {
		margin-top: 10px
	}
	/*
.header .report {
	display: flex !important;
}
*/
}
#c_grid-116273709439190 .p_gridbox::after {
	content: '';
	clear: left;
	display: block
}
#c_grid-116273709439190>div>.p_gridbox {
	width: 100%;
	overflow: hidden;
	position: static
}
#c_grid-116273709439190>div>.p_gridCell {
	float: left;
	position: static
}
#c_grid-116273709439190>.p_gridbox.signal {
	min-height: inherit
}
#c_grid-116273709439190>.p_gridbox.signal>.p_gridCell {
	min-height: inherit !important
}
#c_grid-116273709439190 {
	margin-left: auto;
	margin-right: auto;
	width: 100%
}
@media screen and (max-width:768px) {
	#c_grid-116273709439190>.p_gridbox>.p_gridCell:nth-child(1n + 1) {
		width: 100%;
		margin-left: 0%;
		margin-right: 0%;
		margin-top: 0rem;
		margin-bottom: 0rem;
		clear: left
	}
}
@media screen and (min-width: 769px) {
	#c_grid-116273709439190>.p_gridbox>.p_gridCell:nth-child(1n + 1) {
		width: 100%;
		margin-left: 0%;
		margin-right: 0%;
		margin-top: 0rem;
		margin-bottom: 0rem;
		clear: left
	}
}
@media screen and (max-width: 1024px) and (min-width: 769px) {
	#c_grid-116273709439190>.p_gridbox>.p_gridCell:nth-child(1n + 1) {
		width: 100%;
		margin-left: 0%;
		margin-right: 0%;
		margin-top: 0rem;
		margin-bottom: 0rem;
		clear: left
	}
}
body.isFENV #c_static_001-1720066714621 {
	display: block
}
#c_static_001-1720066714621 {
	display: none
}
#c_static_001-1720066714621 .e_form-1 {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	width: 100%
}
#c_static_001-1720066714621 .e_form-1>.p_formItem {
	flex: 1;
	max-width: 100%;
	max-height: 100%
}
#c_static_001-1720066714621 .e_form-1 .ptishiCon {
	display: none
}
/*手机号*/
#c_static_001-1720066714621 .e_input-2 .p_phoneCode {
	position: relative;
	width: 90px;
	margin-right: 10px
}
#c_static_001-1720066714621 .e_input-2 .p_phoneCode .form-control {
	height: 36px
}
#c_static_001-1720066714621 .e_input-2 .p_currentCode {
	cursor: pointer
}
#c_static_001-1720066714621 .e_input-2 .p_arrow {
	position: absolute;
	right: 5px;
	top: 50%;
	transform: translateY(-50%)
}
#c_static_001-1720066714621 .e_input-2 .p_codeList {
	display: none;
	position: absolute;
	width: 120px;
	left: 0;
	top: calc(100% + 5px);
	background-color: #fff;
	color: #495057;
	border-radius: 4px;
	max-height: 192px;
	overflow: auto;
	z-index: 9;
	border: 1px solid #ced4da
}
#c_static_001-1720066714621 .e_input-2 .p_codeItem {
	line-height: 32px;
	padding: 0 15px;
	overflow: hidden;
	cursor: pointer
}
#c_static_001-1720066714621 .e_input-2 .p_codeItem:hover,
#c_static_001-1720066714621 .e_input-2 .p_codeItem.p_active {
	background-color: #f1f5f8
}
#c_static_001-1720066714621 .e_input-2 .p_enCode {
	float: right;
	color: #ccc
}
#c_static_001-1720066714621 .e_formBtn-3 {
	display: block;
	position: relative;
	overflow: hidden;
	text-align: center;
	box-sizing: border-box;
	width: 100px;
	border-radius: 4px;
	padding: 8px
}
#c_static_001-1720066714621 .e_formBtn-3 span {
	display: block;
	width: 100%;
	position: relative;
	z-index: 1;
	outline: 0;
	margin: 0px;
	overflow: hidden
}
#c_static_001-1720066714621 .e_formBtn-3::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	transition: all .3s;
	z-index: 0;
	opacity: 0;
	top: 0;
	left: 0px
}
#c_static_001-1720066714621 .e_formBtn-3:hover::after {
	opacity: 1
}
@media screen and (max-width:768px) {}
@media screen and (min-width: 769px) {}
@media screen and (max-width: 1024px) and (min-width: 769px) {}
#c_static_001-1725503526516 {
	min-height: 0;
	display: none
}
#c_static_001-1725503526516 .e_languageNew-1 {
	position: relative;
	width: 150px;
	height: 42px
}
#c_static_001-1725503526516 .e_languageNew-1 .p_wrapper {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 999;
	width: 100%;
	border: 1px solid #ddd;
	border-radius: 21px;
	background-color: #fff
}
#c_static_001-1725503526516 .e_languageNew-1 .p_current {
	line-height: 42px;
	position: relative;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 0 40px 0 20px;
	cursor: pointer
}
#c_static_001-1725503526516 .e_languageNew-1 .p_current .icon {
	margin: 0;
	position: absolute;
	right: 15px;
	top: 50%;
	left: auto;
	bottom: auto;
	transform: translateY(-50%);
	transition: all 0.2s
}
#c_static_001-1725503526516 .e_languageNew-1.p_active .p_current .icon {
	transform: translateY(-50%) rotate(-180deg)
}
#c_static_001-1725503526516 .e_languageNew-1 .p_options {
	height: auto;
	max-height: 0;
	transition: all 0.2s;
	overflow: auto
}
#c_static_001-1725503526516 .e_languageNew-1.p_active .p_options {
	height: auto;
	max-height: 252px
}
#c_static_001-1725503526516 .e_languageNew-1 .p_item {
	line-height: 42px;
	position: relative;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 0 20px;
	color: #8d8888;
	font-weight: normal
}
#c_static_001-1725503526516 .e_languageNew-1 .p_selected {
	color: #409EFF
}
@media screen and (max-width:768px) {}
@media screen and (min-width: 769px) {}
@media screen and (max-width: 1024px) and (min-width: 769px) {}
.error_b {
	color: #f56c6c;
	padding-left: 14px;
	position: relative;
	display: none;
	margin-top: 4px
}
.error_b:before {
	content: '';
	width: 10px;
	height: 10px;
	background: url(../fonts/error.svg) no-repeat;
	background-size: contain;
	position: absolute;
	left: 0;
	top: 4px
}
.success_t {
	color: #b0b0b0;
	font-family: OpenSansLight;
	margin-top: 10px;
	display: none
}
.footer .bottom .b-top {
	display: flex;
	align-items: center
}
.footer .bottom .b-top {
	color: #fff
}
.footer .bottom .b-p {
	display: flex;
	margin-left: 40px;
	font-family: OpenSansLight
}
.footer .bottom .b-top p a {
	color: #fff
}
.footer .bottom .b-top p:first-child {
	margin-right: 20px
}
.footer .con .middle .right .follow ul li {
	position: relative
}
.footer .con .middle .right .follow ul li .erweima {
	position: absolute;
	width: 118px;
	height: 140px;
	top: -144px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	opacity: 0
}
.footer .con .middle .right .follow ul li .erweima img {
	width: 100%;
	height: auto
}
.footer .con .middle .right .follow ul li:hover .erweima {
	opacity: 1
}
@media screen and (max-width: 1024px) {
	.footer .con .middle .right .follow ul li .erweima {
		display: none
	}
}
@media screen and (max-width:768px) {
	.footer .bottom .b-top {
		display: block
	}
	.footer .bottom .b-p {
		display: block;
		margin-left: 0;
		margin-top: 10px
	}
	.footer .bottom .b-top p:first-child {
		margin-right: 0
	}
}
@media screen and (max-width: 1024px) and (min-width: 769px) {}
#c_static_001_P_58945-1729752964788 {
	min-height: 0px;
	background_radio: 2;
	display-radio: 1
}
#c_static_001_P_58945-1729752964788 .e_image-1 {
	overflow: hidden;
	display-radio: 1;
	max-width: 64px;
	position: fixed;
	right: 30px;
	bottom: 300px;
	z-index: 999;
	background: #fff;
	border-radius: 50%;
	cursor: pointer
}
#c_static_001_P_58945-1729752964788 .e_image-1 img {
	width: 100%;
	height: 100%;
	object-fit: contain
}
@media screen and (max-width:768px) {}
@media screen and (min-width: 769px) {}
@media screen and (max-width: 1024px) and (min-width: 769px) {}
body.isFEnv .ctn6 {
	height: 600px
}
:root {
	--path-width: 1274px;
	--path-height: 164px
}
body {
	background: #000
}
.h3 {
	transform: translateY(25px);
	opacity: 0;
	transition: transform 500ms cubic-bezier(0, 0, 0.5, 1), opacity 500ms cubic-bezier(0, 0, 0.5, 1), visibility 500ms cubic-bezier(0, 0, 0.5, 1);
	transition-delay: 100ms
}
.h3.active {
	transform: translateY(0);
	opacity: 1
}
.h2 {
	transform: translateY(25px);
	opacity: 0;
	transition: transform 500ms cubic-bezier(0, 0, 0.5, 1), opacity 500ms cubic-bezier(0, 0, 0.5, 1), visibility 500ms cubic-bezier(0, 0, 0.5, 1);
	transition-delay: 100ms
}
.h2.active {
	transform: translateY(0);
	opacity: 1
}
.b-btns ul li {
	transform: translateY(25px);
	opacity: 0;
	transition: transform 500ms cubic-bezier(0, 0, 0.5, 1), opacity 500ms cubic-bezier(0, 0, 0.5, 1), visibility 500ms cubic-bezier(0, 0, 0.5, 1);
	transition-delay: 100ms
}
.b-btns ul li:last-child {
	transition-delay: 300ms
}
.b-btns.active ul li {
	transform: translateY(0);
	opacity: 1
}
.c-delay .dd {
	transform: translateY(25px);
	opacity: 0;
	transition: transform 500ms cubic-bezier(0, 0, 0.5, 1), opacity 500ms cubic-bezier(0, 0, 0.5, 1), visibility 500ms cubic-bezier(0, 0, 0.5, 1)
}
.c-delay.active .dd {
	transform: translateY(0);
	opacity: 1;
	transition-delay: 100ms
}
.c-delay.active .dd:nth-child(2) {
	transition-delay: 200ms
}
.c-delay.active .dd:nth-child(3) {
	transition-delay: 300ms
}
.c-delay.active .dd:nth-child(4) {
	transition-delay: 400ms
}
.c-delay.active .dd:nth-child(5) {
	transition-delay: 500ms
}
.c-delay.active .dd:nth-child(6) {
	transition-delay: 600ms
}
.c-delay.active .dd:nth-child(7) {
	transition-delay: 700ms
}
.ctn3 .swiper-wrapper .swiper-slide .a {
	transform: translateY(25px);
	opacity: 0;
	transition: transform 500ms cubic-bezier(0, 0, 0.5, 1), opacity 500ms cubic-bezier(0, 0, 0.5, 1), visibility 500ms cubic-bezier(0, 0, 0.5, 1)
}
.ctn3 .swiper-wrapper.active .swiper-slide .a {
	transform: translateY(0);
	opacity: 1;
	transition-delay: 100ms
}
.ctn3 .swiper-wrapper.active .swiper-slide:nth-child(2) .a {
	transition-delay: 200ms
}
.ctn3 .swiper-wrapper.active .swiper-slide:nth-child(3) .a {
	transition-delay: 300ms
}
.ctn3 .swiper-wrapper.active .swiper-slide:nth-child(4) .a {
	transition-delay: 400ms
}
.ctn3 .swiper-wrapper.active .swiper-slide:nth-child(5) .a {
	transition-delay: 500ms
}
.ctn4 ul li:last-child {
	transition-delay: 300ms
}
.s-title h3 {
	color: #000
}
.s-title h2 {
	font-family: OpenSansBold;
	color: #000;
	line-height: 1.3;
	letter-spacing: -0.03em;
	margin-top: 10px
}
.s-title.white h3 {
	color: #fff
}
.s-title.white h2 {
	color: #fff
}
.mores span {
	display: flex;
	width: 252px;
	height: 44px;
	font-family: OpenSansSemiBold;
	border-radius: 100px;
	justify-content: center;
	align-items: center;
	background: #fff;
	color: #000;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s
}
.mores.black span {
	background: #000;
	color: #fff
}
.model1 {
	overflow: hidden
}
.model1 .swiper-slide {
	position: relative
}
.model1 .swiper-slide img {
	width: 100%
}
.model1 .swiper-slide img.mobile {
	display: none
}
.model1 .swiper-slide .text {
	position: absolute;
	width: 100%;
	left: 0;
	top: 46%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%)
}
.model1 .swiper-slide .text h3 {
	color: #fff
}
.model1 .swiper-slide .text h2 {
	font-size: 120px;
	font-family: OpenSansBold;
	color: #fff;
	letter-spacing: -0.03em;
	line-height: 1.1
}
.model1 .swiper-slide .text .a-btns {
	margin-top: 2vw
}
.model1 .swiper-slide .text .a-btns ul {
	display: flex
}
.model1 .swiper-slide .text .a-btns ul li a {
	display: flex;
	width: 252px;
	height: 44px;
	font-family: OpenSansSemiBold;
	border-radius: 100px;
	justify-content: center;
	align-items: center;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s
}
.model1 .swiper-slide .text .a-btns ul li.learn {
	margin-right: 10px
}
.model1 .swiper-slide .text .a-btns ul li.learn a {
	background: #fff;
	color: #000
}
.model1 .swiper-slide .text .a-btns ul li.learn:hover a {
	background: var(--blue);
	color: #fff
}
.model1 .swiper-slide .text .a-btns ul li.buy a {
	border: 1px solid #fff;
	color: #fff
}
.model1 .swiper-slide .text .a-btns ul li.buy:hover a {
	border: 1px solid var(--blue);
	background: var(--blue)
}
.model1 .swiper-slide .text.black h3 {
	color: #000
}
.model1 .swiper-slide .text.black h2 {
	color: #000
}
.model1 .swiper-slide .text.black .a-btns ul li.learn a {
	background: #000;
	color: #fff
}
.model1 .swiper-slide .text.black .a-btns ul li.learn:hover a {
	background: var(--blue)
}
.model1 .swiper-slide .text.black .a-btns ul li.buy a {
	border: 1px solid #000;
	color: #000
}
.model1 .swiper-slide .text.black .a-btns ul li.buy:hover a {
	border: 1px solid var(--blue);
	color: #fff
}
.model1 .swiper-pagination {
	bottom: 2vw !important;
	display: flex;
	justify-content: center
}
.model1 .swiper-pagination .swiper-pagination-bullet {
	width: 160px;
	height: 3px;
	background: rgba(255, 255, 255, 0.35);
	margin: 0 12px !important;
	display: block;
	position: relative;
	border-radius: 22px;
	opacity: 1
}
.model1 .swiper-pagination .swiper-pagination-bullet:after {
	content: '';
	width: 0;
	height: 100%;
	border-radius: 22px;
	background: rgba(255, 255, 255, 0.5);
	position: absolute;
	left: 0;
	top: 0
}
.model1 .swiper-pagination .swiper-pagination-bullet.active:after {
	width: 102%;
	transition: all 5s;
	-webkit-transition: all 5s;
	-moz-transition: all 5s;
	-ms-transition: all 5s
}
.banner {
	margin-top: 60px
}
.ctn1 {
	padding-top: 14px;
	background: #fff
}
.ctn2 {
	padding: 100px 0;
	background: #fff;
	overflow: hidden
}
.ctn2 .swiper-container {
	overflow: inherit
}
.ctn2 .swiper-wrapper {
	justify-content: space-between;
	align-items: center
}
.ctn2 .swiper-wrapper .swiper-slide {
	width: auto
}
.ctn2 .swiper-wrapper .swiper-slide svg {
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s
}
.ctn2 .swiper-wrapper .swiper-slide:hover svg {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05)
}
.ctn3 {
	padding: 156px 0;
	background: #F5F5F7;
	position: relative;
	overflow: hidden
}
.ctn3 .left {
	position: absolute;
	width: 100%;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%)
}
.ctn3 .left .s-title h2 {
	width: 100px;
	white-space: nowrap
}
.ctn3 .right {
	width: 72%;
	float: right;
	position: relative
}
.ctn3 .right .swiper-wrapper {
	justify-content: space-between
}
.ctn3 .right .swiper-wrapper .swiper-slide {
	width: auto;
	flex: 0 0 12%;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s
}
.ctn3 .right .swiper-wrapper .swiper-slide .a {
	display: block;
	height: 480px;
	border-radius: 5px;
	overflow: hidden;
	position: relative
}
.ctn3 .right .swiper-wrapper .swiper-slide .a:after {
	content: '';
	width: 100%;
	height: 20%;
	background: linear-gradient(0deg, #000000 14%, rgba(0, 0, 0, 0) 100%);
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 2
}
.ctn3 .right .swiper-wrapper .swiper-slide .a img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: relative;
	z-index: 1
}
.ctn3 .right .swiper-wrapper .swiper-slide .a img.mobile {
	display: none
}
.ctn3 .right .swiper-wrapper .swiper-slide .a .text {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	padding: 0 18px 12px 18px;
	z-index: 3
}
.ctn3 .right .swiper-wrapper .swiper-slide .a .text h2 {
	font-family: OpenSansSemiBold;
	color: #fff;
	text-shadow: 0px 4px 16px rgba(0, 0, 0, 0.16);
	line-height: 1.3
}
.ctn3 .right .swiper-wrapper .swiper-slide .a .masks {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	padding: 0 20px 20px 20px;
	z-index: 5;
	visibility: hidden
}
.ctn3 .right .swiper-wrapper .swiper-slide .a .masks h2 {
	font-family: OpenSansSemiBold;
	color: #fff;
	letter-spacing: -0.03em;
	line-height: 1;
	opacity: 0;
	transform: translateX(20px)
}
.ctn3 .right .swiper-wrapper .swiper-slide .a .masks .filter-box {
	width: 252px;
	height: 44px;
	border-radius: 100px;
	overflow: hidden;
	margin-top: 20px;
	display: inline-block;
	background: rgba(255, 255, 255, 0.1);
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);
	/* Chrome, Safari, Opera */
	-moz-backdrop-filter: blur(6px);
	opacity: 0;
	transform: translateX(20px)
}
.ctn3 .right .swiper-wrapper .swiper-slide .a .masks .filter-box .mores span {
	border: 1px solid #fff;
	background: transparent;
	color: #fff
}
.ctn3 .right .swiper-wrapper .swiper-slide.active {
	flex: 0 0 49%
}
.ctn3 .right .swiper-wrapper .swiper-slide.active .a .text {
	opacity: 0
}
.ctn3 .right .swiper-wrapper .swiper-slide.active .a .masks {
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	visibility: visible
}
.ctn3 .right .swiper-wrapper .swiper-slide.active .a .masks h2 {
	opacity: 1;
	transform: translateX(0);
	transition: all 0.5s ease 0.4s;
	-webkit-transition: all 0.5s ease 0.4s;
	-moz-transition: all 0.5s ease 0.4s;
	-ms-transition: all 0.5s ease 0.4s
}
.ctn3 .right .swiper-wrapper .swiper-slide.active .a .masks .filter-box {
	opacity: 1;
	transform: translateX(0);
	transition: all 0.5s ease 0.6s;
	-webkit-transition: all 0.5s ease 0.6s;
	-moz-transition: all 0.5s ease 0.6s;
	-ms-transition: all 0.5s ease 0.6s
}
.ctn3 .right .swiper-wrapper .swiper-slide.active .a .masks .filter-box:hover .mores span {
	border: 1px solid var(--blue);
	background: var(--blue)
}
.ctn3 .right .swiper-button-prev {
	display: none
}
.ctn3 .right .swiper-button-next {
	display: none
}
.ctn4 {
	padding: 156px 0;
	background: #fff;
	border-radius: 0 0 5px 5px;
	position: relative;
	overflow: hidden
}
.ctn4 .ctn-list {
	margin-top: 100px
}
.ctn4 .ctn-list ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between
}
.ctn4 .ctn-list ul li {
	margin-top: 20px;
	width: 49.3%;
	position: relative;
	border-radius: 5px
}
.ctn4 .ctn-list ul li .tu {
	/* height: 740px;*/
}
.ctn4 .ctn-list ul li .tu img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 5px;
	overflow: hidden
}
.ctn4 .ctn-list ul li .tu img.mobile {
	display: none
}
.ctn4 .ctn-list ul li .text {
	position: absolute;
	left: 100px;
	bottom: 50px
}
.ctn4 .ctn-list ul li .text h2 {
	font-size: 70px;
	font-family: OpenSansSemiBold
}
.ctn4 .ctn-list ul li .text .mores {
	margin-top: 2vw;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s
}
.ctn4 .ctn-list ul li .text .mores:hover span {
	background: var(--blue)
}
.ctn4 .ctn-list ul li .text.white .mores:hover span {
	background: var(--blue);
	color: #fff
}
.ctn4 .ctn-list ul li:first-child {
	width: 100%
}
.ctn4 .ctn-list ul li:first-child .tu {
	/* height: 680px;*/
}
.ctn4 .ctn-list ul li:first-child .text {
	bottom: auto;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%)
}
.ctn4 .ctn-list ul li:hover .tu img {
	transform: scale(1.01);
	-webkit-transform: scale(1.01);
	-moz-transform: scale(1.01);
	-ms-transform: scale(1.01)
}
@keyframes round {
	from {
		stroke-dashoffset: 326.726
	}
	to {
		stroke-dashoffset: 0
	}
}
.ctn5 {
	padding: 6vw 0 0;
	background: #000;
	position: relative;
	overflow: hidden
}
.ctn5 .bottom {
	margin-top: 140px;
	position: relative
}
.ctn5 .bottom .swiper-container {
	position: relative;
	overflow: hidden;
	display: block;
	padding: 0 10%
}
.ctn5 .bottom .swiper-wrapper {
	position: relative;
	left: 0;
	top: 0;
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 100% !important;
	transform: translate3d(0, 0, 0) !important;
	perspective: 100px
}
.ctn5 .bottom .swiper-wrapper .swiper-slide {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100% !important;
	margin: auto;
	transform: translate3d(0, 0, 0);
	transition: transform 1s, opacity 1s;
	opacity: 0;
	float: left;
	height: 100%;
	min-height: 1px;
	z-index: 1
}
.ctn5 .bottom .swiper-wrapper .swiper-slide a {
	position: relative;
	overflow: hidden;
	display: block;
	width: 100%;
	border-radius: 5px;
	transition: all 0.3s ease-in-out;
	box-shadow: 0 7px 13px rgba(0, 0, 0, 0.07), 0 1.4px 2.1125px rgba(0, 0, 0, 0.035);
	font-size: 0;
	background: #fff
}
.ctn5 .bottom .swiper-wrapper .swiper-slide a .tu {
	position: relative;
	display: block;
	overflow: hidden;
	width: 100%;
	max-width: 100%;
	padding-bottom: 41%;
	height: 0;
	min-height: 1px
}
.ctn5 .bottom .swiper-wrapper .swiper-slide a .tu>img {
	display: block;
	width: 100%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	height: 100%;
	min-height: 1px;
	object-fit: cover;
	z-index: 1
}
.ctn5 .bottom .swiper-wrapper .swiper-slide a .tu video {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	left: 0;
	top: 0;
	z-index: 2
}
.ctn5 .bottom .swiper-wrapper .swiper-slide a .tu .brief {
	position: absolute;
	left: 3vw;
	bottom: 3vw;
	display: flex;
	z-index: 3
}
.ctn5 .bottom .swiper-wrapper .swiper-slide a .tu .brief .icons {
	width: 114px;
	height: 114px;
	border-radius: 50%;
	overflow: hidden
}
.ctn5 .bottom .swiper-wrapper .swiper-slide a .tu .brief .icons img {
	width: 100%;
	height: 100%;
	object-fit: cover
}
.ctn5 .bottom .swiper-wrapper .swiper-slide a .tu .brief .txt {
	margin-left: 20px
}
.ctn5 .bottom .swiper-wrapper .swiper-slide a .tu .brief .txt h3 {
	color: #fff
}
.ctn5 .bottom .swiper-wrapper .swiper-slide a .tu .brief .txt h2 {
	font-family: OpenSansSemiBold;
	color: #fff;
	line-height: 1.1;
	margin-top: 4px
}
.ctn5 .bottom .swiper-wrapper .swiper-slide a .text {
	background: #fff;
	padding: 40px 7vw 40px 6vw;
	min-height: 108px;
	text-align: center;
	position: relative;
	top: -1px;
	z-index: 2
}
.ctn5 .bottom .swiper-wrapper .swiper-slide a .text:after {
	content: '';
	width: 16px;
	height: 28px;
	background: url(../fonts/mores.svg) no-repeat;
	background-size: contain;
	position: absolute;
	right: 40px;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%)
}
.ctn5 .bottom .swiper-wrapper .swiper-slide a .text p {
	display: inline-block;
	color: #000;
	position: relative;
	padding-left: 50px;
	text-align: left
}
.ctn5 .bottom .swiper-wrapper .swiper-slide a .text p span {
	position: relative;
	z-index: 1
}
.ctn5 .bottom .swiper-wrapper .swiper-slide a .text p:before {
	content: '';
	width: 64px;
	height: 54px;
	background: url(../images/558a812c-55de-413f-9775-31b5f89e7afd.png) no-repeat;
	background-size: contain;
	position: absolute;
	left: 0;
	top: 50%;
	z-index: 0;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%)
}
.ctn5 .bottom .swiper-wrapper .swiper-slide-active {
	position: relative;
	z-index: 5;
	left: 50%;
	display: block;
	max-width: 1320px;
	transform: translate3d(0, 0, 0) translateX(-50%);
	box-shadow: 0 31px 54px rgba(0, 0, 0, 0.07), 0 15.6938px 23.5406px rgba(0, 0, 0, 0.04725), 0 6.2px 8.775px rgba(0, 0, 0, 0.035), 0 1.35625px 3.12188px rgba(0, 0, 0, 0.02275);
	opacity: 1
}
.ctn5 .bottom .swiper-wrapper .swiper-slide-prev {
	display: block;
	top: 50%;
	transform: translate3d(-71%, 0, -50px) translateY(-28%);
	opacity: 1;
	z-index: 3
}
.ctn5 .bottom .swiper-wrapper .swiper-slide-prev a:after {
	content: '';
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.5);
	z-index: 2
}
.ctn5 .bottom .swiper-wrapper .swiper-slide-prev a .tu video {
	opacity: 0
}
.ctn5 .bottom .swiper-wrapper .swiper-slide-prev a .tu .brief {
	opacity: 0
}
.ctn5 .bottom .swiper-wrapper .swiper-slide-prev a .text p {
	opacity: 0
}
.ctn5 .bottom .swiper-wrapper .swiper-slide-next {
	display: block;
	top: 50%;
	transform: translate3d(71%, 0, -50px) translateY(-28%);
	opacity: 1;
	z-index: 4
}
.ctn5 .bottom .swiper-wrapper .swiper-slide-next a:after {
	content: '';
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.5);
	z-index: 3
}
.ctn5 .bottom .swiper-wrapper .swiper-slide-next a .tu video {
	opacity: 0
}
.ctn5 .bottom .swiper-wrapper .swiper-slide-next a .tu .brief {
	opacity: 0
}
.ctn5 .bottom .swiper-wrapper .swiper-slide-next a .text p {
	opacity: 0
}
.ctn5 .bottom .swiper-button-prev {
	position: absolute;
	z-index: 1000;
	width: 62px;
	height: 62px;
	border-radius: 50%;
	top: 42%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	margin-top: 0;
	background: rgba(0, 0, 0, 0.4);
	left: 3.5%;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s
}
.ctn5 .bottom .swiper-button-prev svg path {
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s
}
.ctn5 .bottom .swiper-button-prev:hover {
	background: #000
}
.ctn5 .bottom .swiper-button-prev:hover svg path {
	fill-opacity: 1
}
.ctn5 .bottom .swiper-button-next {
	position: absolute;
	z-index: 1000;
	width: 62px;
	height: 62px;
	border-radius: 50%;
	top: 42%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	margin-top: 0;
	background: rgba(0, 0, 0, 0.4);
	right: 3.5%;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s
}
.ctn5 .bottom .swiper-button-next svg path {
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s
}
.ctn5 .bottom .swiper-button-next:hover {
	background: #000
}
.ctn5 .bottom .swiper-button-next:hover svg path {
	fill-opacity: 1
}
.ctn5 .bottom .swiper-pagination {
	position: absolute;
	top: 89%;
	bottom: 5%;
	left: 50%;
	width: 100%;
	max-width: 80%;
	min-height: 40px;
	transform: translateX(-50%);
	text-align: center;
	font-size: 0;
	display: none
}
.ctn5 .bottom .swiper-pagination .swiper-pagination-bullet {
	width: 16px;
	height: 16px;
	border: 1px solid #fff;
	background: #000;
	opacity: 1;
	position: relative;
	margin: 0 8px
}
.ctn5 .bottom .swiper-pagination .swiper-pagination-bullet-active {
	width: 40px;
	height: 40px;
	top: 12px
}
.ctn5 .bottom ul {
	display: flex;
	justify-content: center;
	margin-top: 3vw
}
.ctn5 .bottom ul li {
	width: 40px;
	height: 36px;
	color: #fff;
	font-size: 14px;
	position: relative;
	cursor: pointer
}
.ctn5 .bottom ul li svg {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	pointer-events: none;
	opacity: 0.99
}
.ctn5 .bottom ul li svg circle {
	opacity: 0
}
.ctn5 .bottom ul li svg circle.progress-ring__circle {
	stroke-dasharray: 326.726, 326.726;
	stroke-dashoffset: 326.726;
	transform: rotate(-90deg);
	transform-origin: 50% 50%;
	animation-name: round;
	animation-duration: 10s;
	animation-play-state: paused;
	animation-fill-mode: forwards;
	/*让动画停留在最后一帧 */
	-moz-animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards
		/* 初始状态为暂停 */
}
.ctn5 .bottom ul li svg.pause_icon {
	display: none
}
.ctn5 .bottom ul li svg.play_icon {
	display: none;
	position: absolute;
	left: 54%;
	color: #fff
}
.ctn5 .bottom ul li svg path {
	stroke: #fff;
	fill: #fff;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s
}
.ctn5 .bottom ul li span {
	display: block;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background: #fff;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%)
}
.ctn5 .bottom ul li.active svg circle {
	opacity: 1;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s
}
.ctn5 .bottom ul li.active svg circle.progress-ring__circle {
	animation-play-state: running
}
.ctn5 .bottom ul li.active svg.pause_icon {
	display: block
}
.ctn5 .bottom ul li.active svg.play_icon {
	display: none
}
.ctn5 .bottom ul li.active span {
	opacity: 0;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s
}
.ctn5 .bottom ul li.play svg.pause_icon {
	display: none
}
.ctn5 .bottom ul li.play svg.play_icon {
	display: block
}
.ctn5 .bottom ul li:hover svg path {
	stroke: var(--blue);
	fill: var(--blue)
}
.ctn6 {
	position: relative;
	width: 100%;
	height: 100vh;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center
}
.ctn6 .video {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 10vw;
	right: 0;
	bottom: 0;
	left: 0;
	clip-path: url(../fonts/home_b666d0377e6275344d1a4a4b82fc1805.min.css), 1px -1px 0 rgba(255, 255, 255, 0.4), -1px 1px 0 rgba(255, 255, 255, 0.4), 1px 1px 0 rgba(255, 255, 255, 0.4);
	/* 利用阴影模拟实现镂空效果 */
	top: 8vw;
	left: 1.5vw;
	opacity: 0;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s
}
.ctn6.active .video {
	top: 0;
	opacity: 1
}
.ctn6.active .txt {
	opacity: 1;
	top: -1.8vw
}
.ctn7 {
	background: #fff;
	padding: 150px 0;
	overflow: hidden
}
.ctn7 .bottom {
	margin-top: 100px
}
.ctn7 .bottom .swiper-wrappers {
	display: flex;
	justify-content: space-between
}
.ctn7 .bottom .swiper-slides {
	width: 32.4%
}
.ctn7 .bottom .swiper-slides .tu {
	height: 262px;
	width: 100%;
	overflow: hidden
}
.ctn7 .bottom .swiper-slides .tu img {
	width: 100%;
	height: 100%;
	object-fit: cover
}
.ctn7 .bottom .swiper-slides h2 {
	display: flex;
	margin-top: 2vw;
	justify-content: center;
	align-items: center
}
.ctn7 .bottom .swiper-slides h2 span {
	font-family: OpenSansSemiBold;
	color: #1d1d1d;
	letter-spacing: -0.03em;
	margin-right: 20px;
	position: relative;
	display: inline-block
}
.ctn7 .bottom .swiper-slides h2 span:after {
	content: '';
	width: 100%;
	height: 1px;
	background: #000;
	position: absolute;
	left: 0;
	bottom: 0;
	opacity: 0
}
.ctn7 .bottom .swiper-slides h2 svg {
	position: relative;
	top: -2px
}
.ctn7 .bottom .swiper-slides:hover .tu img {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05)
}
.ctn7 .bottom .swiper-slides:hover h2 span:after {
	opacity: 1
}
.ctn8 {
	background: #f5f5f7;
	padding: 70px 0 50px;
	overflow: hidden
}
.ctn8 .s-title {
	text-align: center
}
.ctn8 .s-title h3 {
	margin-bottom: 0
}
.ctn8 .s-title h2 {
	font-family: OpenSansSemiBold;
	display: inline-block;
	position: relative;
	margin-bottom: 0
}
.ctn8 .email-box {
	width: 71%;
	margin: 3.5vw auto 0;
	height: 52px;
	border-radius: 50px;
	background: #fff;
	display: flex;
	justify-content: space-between
}
.ctn8 .email-box input {
	width: cacl(-126%);
	height: 100%;
	background: none;
	border: none;
	padding: 0 30px;
	color: #b3b3b3
}
.ctn8 .email-box .s-btns {
	width: 226px;
	height: 100%;
	border-radius: 0 50px 50px 0;
	background: #000;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s
}
.ctn8 .email-box .s-btns:hover {
	background: var(--blue)
}
@media screen and (max-width: 1600px) {
	.model1 .swiper-slide .text h2 {
		font-size: 6vw
	}
	.ctn2 {
		padding: 5vw 0
	}
	.ctn3 {
		padding: 7.8vw 0
	}
	.ctn3 .right .swiper-wrapper .swiper-slide .a .text {
		padding: 0 18px 12px 12px
	}
	.ctn4 {
		padding: 7.8vw 0
	}
	.ctn4 .ctn-list {
		margin-top: 5vw
	}
	.ctn4 .ctn-list ul li .text {
		left: 5vw;
		bottom: 2.5vw
	}
	.ctn4 .ctn-list ul li .tu {
		/*height: 718px;*/
	}
	.ctn4 .ctn-list ul li .text h2 {
		font-size: 3.5vw
	}
	.ctn4 .ctn-list ul li:first-child .tu {
		/*height: 660px;*/
	}
	.ctn6 .video .text .s-title h2 {
		font-size: 4.2vw
	}
	.ctn6 .txt {
		font-size: 9.4vw
	}
	.ctn7 {
		padding: 7.5vw 0
	}
	.ctn7 .bottom {
		margin-top: 5vw
	}
	.ctn7 .bottom .swiper-slides .tu {
		height: 16vw
	}
	.ctn8 {
		padding: 3.5vw 0 2.5vw
	}
}
@media screen and (max-width: 1440px) {
	.model1 .swiper-pagination .swiper-pagination-bullet {
		width: 120px;
		margin: 0 6px !important
	}
	.mores span {
		width: 222px
	}
	.model1 .swiper-slide .text .a-btns ul li a {
		width: 222px
	}
	.ctn2 .swiper-wrapper .swiper-slide svg {
		height: 24px
	}
	.ctn3 .right .swiper-wrapper .swiper-slide .a {
		height: 360px
	}
	.ctn3 .right .swiper-wrapper .swiper-slide .a .masks .filter-box {
		width: 222px
	}
	.ctn3 .right .swiper-wrapper .swiper-slide .a .text {
		padding: 0 10px 12px 6px
	}
	.ctn4 .ctn-list ul li .tu {
		/* height: 646px;*/
	}
	.ctn4 .ctn-list ul li .text h2 {
		font-size: 3.5vw
	}
	.ctn4 .ctn-list ul li:first-child .tu {
		/* height: 594px;*/
	}
	.ctn5 .bottom .swiper-wrapper .swiper-slide a .tu .brief .icons {
		width: 100px;
		height: 100px
	}
	.ctn5 .bottom .swiper-wrapper .swiper-slide a .text p {
		padding-left: 40px
	}
	.ctn5 .bottom .swiper-wrapper .swiper-slide a .text p:before {
		width: 54px;
		height: 44px
	}
	.ctn5 .bottom .swiper-button-prev {
		width: 52px;
		height: 52px
	}
	.ctn5 .bottom .swiper-button-prev svg {
		width: 14px;
		height: 24px
	}
	.ctn5 .bottom .swiper-button-next {
		width: 52px;
		height: 52px
	}
	.ctn5 .bottom .swiper-button-next svg {
		width: 14px;
		height: 24px
	}
	.ctn8 .s-title h2:before {
		width: 130px;
		height: 78px;
		left: -140px
	}
	.ctn8 .email-box input {
		width: calc(100% - 216px)
	}
	.ctn8 .email-box .s-btns {
		width: 216px
	}
}
@media screen and (max-width: 1200px) {
	.ctn4 .ctn-list ul li:first-child .text h2 {
		width: 108px
	}
	.ctn4 .ctn-list ul li .tu {
		/*  height: 606px;*/
	}
	.ctn4 .ctn-list ul li:first-child .tu {
		/* height: 556px;*/
	}
	.ctn5 .bottom .swiper-container {
		padding: 0 5%
	}
	.ctn5 .bottom .swiper-wrapper .swiper-slide a .tu .brief .icons {
		width: 80px;
		height: 80px
	}
	.ctn5 .bottom .swiper-wrapper .swiper-slide-active {
		max-width: 100%
	}
	.ctn5 .bottom .swiper-button-prev {
		left: 3%
	}
	.ctn5 .bottom .swiper-button-next {
		right: 3%
	}
	.ctn7 .bottom .swiper-slides .tu {
		height: 17vw
	}
	.ctn8 .s-title h2:before {
		width: 110px;
		height: 68px;
		left: -120px
	}
}
@media screen and (max-width: 1024px) {
	.ctn2 .swiper-wrapper .swiper-slide svg {
		height: 20px
	}
	.ctn3 .left {
		position: relative;
		top: 0;
		transform: translateY(0);
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0)
	}
	.ctn3 .left .s-title h2 {
		width: 100%
	}
	.ctn3 .right {
		margin-top: 40px;
		width: 100%
	}
	.ctn3 .right .swiper-wrapper {
		justify-content: inherit
	}
	.ctn3 .right .swiper-wrapper .swiper-slide {
		flex: none!important;
	}
	.ctn3 .right .swiper-wrapper .swiper-slide:after {
		content: '';
		width: 100%;
		height: 100%;
		background: rgba(255, 255, 255, 0.6);
		position: absolute;
		left: 0;
		top: 0;
		z-index: 12
	}
	.ctn3 .right .swiper-wrapper .swiper-slide .a .text {
		opacity: 0
	}
	.ctn3 .right .swiper-wrapper .swiper-slide .a .masks {
		display: block;
		padding: 0 10px 30px;
		text-align: center;
		visibility: visible
	}
	.ctn3 .right .swiper-wrapper .swiper-slide .a .masks h2 {
		opacity: 1;
		transform: translateY(0)
	}
	.ctn3 .right .swiper-wrapper .swiper-slide .a .masks .mores {
		opacity: 1;
		transform: translateX(0)
	}
	.ctn3 .right .swiper-wrapper .swiper-slide-active:after {
		display: none;
		z-index: 0
	}
	.ctn3 .right .swiper-wrapper .swiper-slide-active .a .masks {
		opacity: 1
	}
	.ctn3 .right .swiper-button-prev {
		display: block;
		width: 18px;
		height: 30px;
		left: 20px;
		top: 50%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		margin-top: 0;
		background: none
	}
	.ctn3 .right .swiper-wrapper .swiper-slide .a .masks .filter-box {
		opacity: 1;
		transform: translateX(0px)
	}
	.ctn3 .right .swiper-button-prev:after {
		content: '';
		width: 100%;
		height: 100%;
		background: url(../fonts/prev.svg) no-repeat;
		background-size: contain;
		position: absolute;
		left: 0;
		top: 0
	}
	.ctn3 .right .swiper-button-next {
		display: block;
		width: 18px;
		height: 30px;
		right: 20px;
		top: 50%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		margin-top: 0;
		background: none
	}
	.ctn3 .right .swiper-button-next:after {
		content: '';
		width: 100%;
		height: 100%;
		background: url(../fonts/next.svg) no-repeat;
		background-size: contain;
		position: absolute;
		left: 0;
		top: 0
	}
	.ctn3 .right .swiper-pagination {
		width: 100%;
		position: relative;
		bottom: 0;
		margin-top: 20px
	}
	.ctn3 .right .swiper-pagination .swiper-pagination-bullet {
		width: 8px;
		height: 8px;
		background: #D8D8D8;
		margin: 0 6px;
		opacity: 1
	}
	.ctn3 .right .swiper-pagination .swiper-pagination-bullet-active {
		background: #000
	}
	.ctn4 .ctn-list ul li .tu {
		/* height: 516px;*/
	}
	.ctn4 .ctn-list ul li:first-child .tu {
		/*height: 474px;*/
	}
	.ctn6 .txt {
		font-size: 100px
	}
}
@media screen and (max-width: 768px) {
	.model1 .swiper-pagination .swiper-pagination-bullet {
		width: 60px;
		height: 3px
	}
	.model1 .swiper-pagination {
		bottom: 24px !important
	}
	.model1 .swiper-slide img.pc {
		display: none
	}
	.model1 .swiper-slide img.mobile {
		display: block
	}
	.model1 .swiper-slide .text {
		text-align: center;
		top: 50px;
		transform: translateY(0);
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0)
	}
	.model1 .swiper-slide .text h3 {
		font-size: 13px
	}
	.model1 .swiper-slide .text h2 {
		font-size: 64px
	}
	.model1 .swiper-slide .text .a-btns {
		margin-top: 20px
	}
	.model1 .swiper-slide .text .a-btns ul {
		justify-content: center
	}
	.model1 .swiper-slide .text .a-btns ul li {
		font-size: 12px
	}
	.model1 .swiper-slide .text .a-btns ul li a {
		width: 152px;
		height: 28px
	}
	.s-title h3 {
		font-size: 13px
	}
	.s-title h2 {
		font-size: 33px
	}
	.mores span {
		width: 152px;
		height: 28px
	}
	.ctn1 {
		padding-top: 6px
	}
	.ctn2 {
		padding: 16px 0 40px
	}
	.ctn2 .con {
		width: 100%
	}
	.ctn2 .con .swiper-wrapper {
		flex-wrap: wrap;
		justify-content: center
	}
	.ctn2 .con .swiper-wrapper .swiper-slide {
		padding: 0 14px;
		margin-top: 24px
	}
	.ctn2 .con .swiper-wrapper .swiper-slide svg {
		width: auto;
		height: 12px
	}
	.ctn3 {
		padding: 60px 0
	}
	.ctn3 .right {
		margin-top: 46px
	}
	.ctn3 .right .swiper-wrapper .swiper-slide .a {
		height: 470px
	}
	.ctn3 .right .swiper-wrapper .swiper-slide .a img.pc {
		display: none
	}
	.ctn3 .right .swiper-wrapper .swiper-slide .a img.mobile {
		display: block
	}
	.ctn3 .right .swiper-wrapper .swiper-slide .a .masks {
		display: block;
		padding: 0 10px 30px;
		text-align: center;
		visibility: visible
	}
	.ctn3 .right .swiper-wrapper .swiper-slide .a .masks h2 {
		font-size: 18px
	}
	.ctn3 .right .swiper-wrapper .swiper-slide .a .masks .mores span {
		margin: 0 auto;
		font-size: 12px
	}
	.ctn3 .right .swiper-wrapper .swiper-slide .a .masks .filter-box {
		width: 152px;
		height: 28px;
		opacity: 1;
		transform: translateX(0px)
	}
	.ctn3 .right .swiper-button-prev {
		width: 12px;
		height: 22px;
		left: 14px
	}
	.ctn3 .right .swiper-button-next {
		width: 12px;
		height: 22px;
		right: 14px
	}
	.ctn4 {
		padding: 60px 0
	}
	.ctn4 .ctn-list {
		margin-top: 20px
	}
	.ctn4 .ctn-list ul li {
		width: 100%
	}
	.ctn4 .ctn-list ul li .tu {
		height: auto !important
	}
	.ctn4 .ctn-list ul li .tu img.pc {
		display: none
	}
	.ctn4 .ctn-list ul li .tu img.mobile {
		display: block
	}
	.ctn4 .ctn-list ul li .text {
		width: 100%;
		left: 0;
		bottom: 30px;
		text-align: center
	}
	.ctn4 .ctn-list ul li .text h2 {
		width: 100%;
		font-size: 33px;
		margin-top: 6px
	}
	.ctn4 .ctn-list ul li .text .mores {
		margin-top: 20px
	}
	.ctn4 .ctn-list ul li .text .mores span {
		margin: 0 auto
	}
	.ctn4 .ctn-list ul li:first-child .text {
		width: 100%;
		text-align: center;
		top: auto;
		transform: translateY(0);
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		bottom: 30px;
		left: 0
	}
	.ctn4 .ctn-list ul li:first-child .text h2 {
		width: 100%
	}
	.ctn5 {
		padding: 60px 0 0
	}
	.ctn5 .bottom {
		margin-top: 46px
	}
	.ctn5 .bottom .swiper-container {
		padding: 0 10%
	}
	.ctn5 .bottom .swiper-wrapper .swiper-slide a .tu {
		padding-bottom: 200%
	}
	.ctn5 .bottom .swiper-wrapper .swiper-slide a .tu .brief {
		left: 0;
		width: 100%;
		bottom: auto;
		top: 30px;
		display: flex;
		justify-content: center
	}
	.ctn5 .bottom .swiper-wrapper .swiper-slide a .tu .brief .icons {
		width: 53px;
		height: 53px
	}
	.ctn5 .bottom .swiper-wrapper .swiper-slide a .tu .brief .txt {
		margin-left: 10px
	}
	.ctn5 .bottom .swiper-wrapper .swiper-slide a .tu .brief .txt h3 {
		font-size: 13px
	}
	.ctn5 .bottom .swiper-wrapper .swiper-slide a .tu .brief .txt h2 {
		font-size: 26px
	}
	.ctn5 .bottom .swiper-wrapper .swiper-slide a .text {
		font-size: 13px;
		padding: 26px 50px 26px 20px;
		position: absolute;
		width: 100%;
		left: 0;
		bottom: 0;
		z-index: 4;
		top: auto
	}
	.ctn5 .bottom .swiper-wrapper .swiper-slide a .text:after {
		right: 20px;
		width: 14px;
		height: 22px
	}
	.ctn5 .bottom .swiper-wrapper .swiper-slide a .text p {
		text-align: left
	}
	.ctn5 .bottom .swiper-button-prev {
		width: 40px;
		height: 40px;
		left: 20px
	}
	.ctn5 .bottom .swiper-button-prev svg {
		width: 10px;
		height: 20px
	}
	.ctn5 .bottom .swiper-button-next {
		width: 40px;
		height: 40px;
		right: 20px
	}
	.ctn5 .bottom .swiper-button-next svg {
		width: 10px;
		height: 20px
	}
	.ctn5 .bottom ul {
		margin-top: 20px
	}
	.ctn5 .bottom ul li {
		width: 30px;
		height: 28px
	}
	.ctn5 .bottom ul li span {
		width: 8px;
		height: 8px
	}
	.ctn6 .txt {
		font-size: 50px;
		letter-spacing: 0
	}
	.ctn6 .video .text .s-title h3 {
		transform: translateY(100px)
	}
	.ctn6 .video .text .s-title h2 {
		font-size: 33px;
		transform: translateY(100px)
	}
	.ctn6 .video .text .s-title .mores {
		margin-top: 24px;
		transform: translateY(30px)
	}
	.ctn7 {
		padding: 60px 0
	}
	.ctn7 .bottom {
		margin-top: 46px
	}
	.ctn7 .bottom .con .swiper-wrappers {
		display: block
	}
	.ctn7 .bottom .con .swiper-slides {
		width: 100%;
		margin-top: 30px
	}
	.ctn7 .bottom .con .swiper-slides .tu {
		height: auto
	}
	.ctn7 .bottom .con .swiper-slides h2 {
		margin-top: 14px
	}
	.ctn7 .bottom .con .swiper-slides h2 span {
		margin-right: 12px
	}
	.ctn7 .bottom .con .swiper-slides h2 svg {
		width: 8px;
		top: 0
	}
	.ctn8 {
		padding: 40px 0 20px
	}
	.ctn8 .s-title h2 {
		width: 150px;
		font-size: 23px
	}
	.ctn8 .s-title h2:before {
		width: 60px;
		height: 37px;
		left: -70px;
		top: 74%
	}
	.ctn8 .email-box {
		width: 100%;
		margin: 20px auto 0;
		height: 28px
	}
	.ctn8 .email-box input {
		font-size: 14px;
		width: calc(100% - 110px);
		padding: 0 14px
	}
	.ctn8 .email-box .s-btns {
		width: 110px;
		font-size: 12px
	}
	.ctn6 .video .text .s-title h2 {
		width: 140px;
		text-align: center;
		margin: 10px auto 0
	}
}
@media screen and (max-width:768px) {}
@media screen and (max-width: 1024px) and (min-width: 769px) {}
@media screen and (max-width:768px) {}
@media screen and (max-width: 1024px) and (min-width: 769px) {}
@media screen and (max-width:768px) {}
@media screen and (max-width: 1024px) and (min-width: 769px) {}
.ctn5 .swiper-button-prev:after {
	display: none
}
.ctn5 .swiper-button-next:after {
	display: none
}
.ctn5 .bottom .swiper-wrapper .swiper-slide a .text:after {
	display: none
}
@media screen and (max-width:768px) {}
@media screen and (min-width: 769px) {
	#c_static_001-1719889627315 .e_loop-1 .p_loopitem {
		flex-grow: 0;
		flex-shrink: 0;
		flex-basis: calc(100% / 20)
	}
}
@media screen and (max-width: 1024px) and (min-width: 769px) {}
body.isFEnv #c_static_001_P_55022-1725342140557 {
	position: relative;
	display: block;
	height: 600px
}
#c_static_001_P_55022-1725342140557 {
	background: rgba(7, 7, 7, 0.2);
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 100000;
	background_radio: 2;
	display-radio: 1;
	background-color: rgba(7, 7, 7, 0.2);
	display: none
}
#c_static_001_P_55022-1725342140557 .invalid-feedback {
	padding-left: 14px;
	position: relative;
	font-size: 14px
}
#c_static_001_P_55022-1725342140557 .invalid-feedback:before {
	content: '';
	width: 10px;
	height: 10px;
	background: url(../fonts/error.svg) no-repeat;
	background-size: contain;
	position: absolute;
	left: 0;
	top: 6px
}
#c_static_001_P_55022-1725342140557 .closes {
	position: absolute;
	right: 24px;
	top: 24px;
	cursor: pointer
}
#c_static_001_P_55022-1725342140557 .p_label {
	display: none
}
#c_static_001_P_55022-1725342140557 .s_form_layout1 .form-check-label {
	font-size: 12px;
	color: rgba(61, 61, 61, 0.5)
}
#c_static_001_P_55022-1725342140557 .s_form_layout1 .form-check-label a {
	color: var(--blue);
	text-underline-offset: 4px;
	text-decoration: underline
}
#c_static_001_P_55022-1725342140557 .logo {
	text-align: center
}
#c_static_001_P_55022-1725342140557 .e_container-1 {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	width: 1120px;
	max-width: 90%;
	border-radius: 5px;
	overflow: hidden
}
#c_static_001_P_55022-1725342140557 .e_container-1>.p_item {
	display: flex;
	justify-content: space-between
}
#c_static_001_P_55022-1725342140557 .e_image-3 {
	width: 49.8%;
	overflow: hidden
}
#c_static_001_P_55022-1725342140557 .e_image-3 img {
	width: 100%
}
#c_static_001_P_55022-1725342140557 .e_form-4 {
	width: 50.2%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 20px;
	display-radio: flex
}
#c_static_001_P_55022-1725342140557 .e_form-4 .ptishiCon {
	display: none
}
#c_static_001_P_55022-1725342140557 .e_text-5 {
	width: 314px;
	max-width: 100%;
	margin: 24px auto 40px;
	text-align: center;
	letter-spacing: -0.03em;
	color: rgba(61, 61, 61, 0.5);
	font_radio: 2;
	display-radio: 1;
	font-family: OpenSansRegular, "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif
}
#c_static_001_P_55022-1725342140557 .e_container-6>.p_item {
	position: relative;
	width: 441px;
	max-width: 100%;
	margin: 0 auto
}
#c_static_001_P_55022-1725342140557 .e_container-6 input {
	width: 100%;
	height: 46px;
	border: 1px solid #f5f5f7;
	background: #fff;
	padding-left: 24px;
	font-size: 16px;
	color: rgba(61, 61, 61, 0.5);
	border-radius: 100px !important;
	box-shadow: none !important;
	font-family: OpenSansRegular, "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif
}
#c_static_001_P_55022-1725342140557 .e_input-7 .p_phoneCode {
	position: relative;
	width: 90px;
	margin-right: 10px
}
#c_static_001_P_55022-1725342140557 .e_input-7 .p_phoneCode .form-control {
	height: 36px
}
#c_static_001_P_55022-1725342140557 .e_input-7 .p_currentCode {
	cursor: pointer
}
#c_static_001_P_55022-1725342140557 .e_input-7 .p_arrow {
	position: absolute;
	right: 5px;
	top: 50%;
	transform: translateY(-50%)
}
#c_static_001_P_55022-1725342140557 .e_input-7 .p_codeList {
	display: none;
	position: absolute;
	width: 120px;
	left: 0;
	top: calc(100% + 5px);
	background-color: #fff;
	color: #495057;
	border-radius: 4px;
	max-height: 192px;
	overflow: auto;
	z-index: 9;
	border: 1px solid #ced4da
}
#c_static_001_P_55022-1725342140557 .e_input-7 .p_codeItem {
	line-height: 32px;
	padding: 0 15px;
	overflow: hidden;
	cursor: pointer
}
#c_static_001_P_55022-1725342140557 .e_input-7 .p_codeItem:hover,
#c_static_001_P_55022-1725342140557 .e_input-7 .p_codeItem.p_active {
	background-color: #f1f5f8
}
#c_static_001_P_55022-1725342140557 .e_input-7 .p_enCode {
	float: right;
	color: #ccc
}
#c_static_001_P_55022-1725342140557 .e_formBtn-8 {
	display: none
}
#c_static_001_P_55022-1725342140557 .e_container-13 {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	width: 100%;
	background_radio: 1;
	display-radio: flex
}
#c_static_001_P_55022-1725342140557 .e_container-13>.p_item {
	display: flex;
	flex-wrap: wrap;
	margin-top: 30px;
	padding-left: 24px
}
#c_static_001_P_55022-1725342140557 .e_container-10 {
	background_radio: 1;
	display-radio: 1
}
#c_static_001_P_55022-1725342140557 .e_input-7 {
	display-radio: 1
}
#c_static_001_P_55022-1725342140557 .e_text-16 {
	position: absolute;
	right: 0;
	top: 0;
	width: 173px;
	height: 46px;
	background: #000;
	border-radius: 100px;
	color: #fff;
	letter-spacing: -0.03em;
	font-family: OpenSansSemiBold;
	font-size: 15px;
	text-align: center;
	line-height: 46px;
	padding: 0;
	z-index: 4;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	cursor: pointer
}
#c_static_001_P_55022-1725342140557 .e_text-16:hover {
	background: var(--blue)
}
#c_static_001_P_55022-1725342140557 .e_text-17 {
	width: 14px;
	height: 14px;
	border-radius: 2px;
	border: 1px solid #ccc;
	line-height: 16px;
	font-size: 12px;
	cursor: pointer;
	position: relative;
	flex-shrink: 0
}
#c_static_001_P_55022-1725342140557 .e_text-17:after {
	content: '';
	width: 10px;
	height: 7px;
	background: url(../fonts/dui.svg) no-repeat;
	background-size: contain;
	color: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s
}
#c_static_001_P_55022-1725342140557 .e_text-17.active {
	border: 1px solid var(--blue);
	background: var(--blue)
}
#c_static_001_P_55022-1725342140557 .e_text-18 {
	width: calc(100% - 14px);
	font-size: 12px;
	line-height: 14px;
	padding-left: 8px;
	color: rgba(61, 61, 61, 0.5);
	font-family: OpenSansRegular
}
#c_static_001_P_55022-1725342140557 .e_text-18 a {
	color: var(--blue);
	text-underline-offset: 4px;
	text-decoration: underline
}
#c_static_001_P_55022-1725342140557 .e_text-19 {
	width: 100%;
	color: #DF2F19;
	font-size: 12px;
	position: relative;
	padding-left: 12px;
	margin-top: 8px;
	opacity: 0;
	line-height: 1.2
}
#c_static_001_P_55022-1725342140557 .e_text-19:before {
	content: '';
	width: 10px;
	height: 10px;
	background: url(../fonts/error.svg) no-repeat;
	background-size: contain;
	position: absolute;
	left: 0;
	top: 1px
}
#c_static_001_P_55022-1725342140557 .e_text-19.active {
	opacity: 1
}
#c_static_001_P_55022-1725342140557 .e_text-20 {
	position: absolute;
	max-width: 90%;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	background: rgba(0, 0, 0, .7);
	color: #fff;
	border: 0;
	border-radius: 3px;
	box-shadow: none;
	padding: 5px 10px;
	line-height: 1.5;
	text-align: center;
	display: none
}
@media screen and (max-width: 1440px) {
	#c_static_001_P_55022-1725342140557 .e_container-1 {
		width: 900px
	}
	#c_static_001_P_55022-1725342140557 .e_container-6>.p_item {
		width: 396px
	}
	#c_static_001_P_55022-1725342140557 .e_container-13>.p_item {
		padding-left: 10px
	}
}
@media screen and (max-width:768px) {
	#c_static_001_P_55022-1725342140557 .invalid-feedback {
		font-size: 12px
	}
	#c_static_001_P_55022-1725342140557 .invalid-feedback:before {
		top: 4px
	}
	#c_static_001_P_55022-1725342140557 .e_container-1>.p_item {
		flex-wrap: wrap
	}
	#c_static_001_P_55022-1725342140557 .e_image-3 {
		width: 100%
	}
	#c_static_001_P_55022-1725342140557 .e_form-4 {
		width: 100%;
		padding: 30px 20px
	}
	#c_static_001_P_55022-1725342140557 .logo svg {
		width: 120px
	}
	#c_static_001_P_55022-1725342140557 .e_text-5 {
		margin: 18px auto 24px
	}
	#c_static_001_P_55022-1725342140557 .e_container-6>.p_item {
		width: 100%
	}
	#c_static_001_P_55022-1725342140557 .closes {
		right: 18px;
		top: 12px;
		z-index: 10
	}
	#c_static_001_P_55022-1725342140557 .e_container-6 input {
		padding-left: 16px;
		font-size: 12px;
		height: 34px
	}
	#c_static_001_P_55022-1725342140557 .e_text-16 {
		width: 84px;
		height: 34px;
		line-height: 34px;
		font-size: 12px
	}
	#c_static_001_P_55022-1725342140557 .e_container-13>.p_item {
		margin-top: 20px
	}
	#c_static_001_P_55022-1725342140557 .e_text-20 {
		font-size: 14px
	}
}
@media screen and (min-width: 769px) {}
@media screen and (max-width: 1024px) and (min-width: 769px) {}
body.isFEnv #c_static_001-1720054228850 .e_text-6 {
	position: relative;
	display: block;
	opacity: 1;
	z-index: 2
}
.pl_toast {
	opacity: 0 !important;
	z-index: -1
}
#c_static_001-1720054228850 {
	background: #f5f5f7;
	padding-bottom: 80px
}
#c_static_001-1720054228850 .e_container-1 {}
#c_static_001-1720054228850 .e_container-1>.p_item {}
#c_static_001-1720054228850 .e_form-7 {
	width: 71%;
	margin: 0 auto;
	background: #f5f5f7
}
#c_static_001-1720054228850 .e_form-7 .cbox-7-0 {
	height: 52px;
	border-radius: 50px;
	background: #fff;
	display: flex;
	justify-content: space-between
}
#c_static_001-1720054228850 .e_input-5 {
	width: calc(100% - 226px);
	margin-bottom: 0
}
#c_static_001-1720054228850 input {
	width: 100%;
	height: 52px;
	border: none !important;
	padding: 0 30px;
	font-size: 20px;
	color: #b3b3b3;
	background: #fff !important;
	box-shadow: none !important;
	border-radius: 50px 0 0 50px !important
}
#c_static_001-1720054228850 .invalid-feedback {
	padding-left: 14px;
	position: relative;
	font-size: 14px
}
#c_static_001-1720054228850 .invalid-feedback:before {
	content: '';
	width: 10px;
	height: 10px;
	background: url(../fonts/error.svg) no-repeat;
	background-size: contain;
	position: absolute;
	left: 0;
	top: 5px
}
#c_static_001-1720054228850 .e_formBtn-4 {
	width: 226px;
	height: 100%;
	border-radius: 0 50px 50px 0;
	background: #000;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	border: none;
	font-size: 20px
}
#c_static_001-1720054228850 .e_formBtn-4:hover {
	background: var(--blue)
}
#c_static_001-1720054228850 .e_formBtn-4:before {
	display: none
}
#c_static_001-1720054228850 .e_formBtn-4:after {
	display: none
}
#c_static_001-1720054228850 .e_input-5 .p_phoneCode {
	position: relative;
	width: 90px;
	margin-right: 10px
}
#c_static_001-1720054228850 .e_input-5 .p_phoneCode .form-control {
	height: 36px
}
#c_static_001-1720054228850 .e_input-5 .p_currentCode {
	cursor: pointer
}
#c_static_001-1720054228850 .e_input-5 .p_arrow {
	position: absolute;
	right: 5px;
	top: 50%;
	transform: translateY(-50%)
}
#c_static_001-1720054228850 .e_input-5 .p_codeList {
	display: none;
	position: absolute;
	width: 120px;
	left: 0;
	top: calc(100% + 5px);
	background-color: #fff;
	color: #495057;
	border-radius: 4px;
	max-height: 192px;
	overflow: auto;
	z-index: 9;
	border: 1px solid #ced4da
}
#c_static_001-1720054228850 .e_input-5 .p_codeItem {
	line-height: 32px;
	padding: 0 15px;
	overflow: hidden;
	cursor: pointer
}
#c_static_001-1720054228850 .e_input-5 .p_codeItem:hover,
#c_static_001-1720054228850 .e_input-5 .p_codeItem.p_active {
	background-color: #f1f5f8
}
#c_static_001-1720054228850 .e_input-5 .p_enCode {
	float: right;
	color: #ccc
}
#c_static_001-1720054228850 .e_text-6 {
	position: absolute;
	width: 102%;
	height: 100%;
	left: -1%;
	top: 0;
	border-radius: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	background: var(--blue);
	z-index: -1;
	opacity: 0
}
#c_static_001-1720054228850 .e_text-6.active {
	opacity: 1;
	z-index: 1
}
@media screen and (max-width: 1600px) {
	#c_static_001-1720054228850 {
		padding-bottom: 4vw
	}
}
@media screen and (max-width: 1440px) {
	#c_static_001-1720054228850 .e_input-5 {
		width: calc(100% - 216px)
	}
	#c_static_001-1720054228850 input {
		font-size: 18px
	}
	#c_static_001-1720054228850 .e_formBtn-4 {
		font-size: 18px;
		width: 216px
	}
}
@media screen and (max-width:768px) {
	#c_static_001-1720054228850 {
		padding-bottom: 40px
	}
	#c_static_001-1720054228850 .invalid-feedback {
		font-size: 12px
	}
	#c_static_001-1720054228850 .invalid-feedback:before {
		top: 4px
	}
	#c_static_001-1720054228850 .e_form-7 {
		width: 100%
	}
	#c_static_001-1720054228850 .e_form-7 .cbox-7-0 {
		height: 28px
	}
	#c_static_001-1720054228850 .e_input-5 {
		width: calc(100% - 110px)
	}
	#c_static_001-1720054228850 input {
		font-size: 12px;
		height: 28px;
		padding: 0 14px
	}
	#c_static_001-1720054228850 .e_formBtn-4 {
		font-size: 12px;
		width: 110px
	}
	#c_static_001-1720054228850 .e_text-6 {
		text-align: center;
		line-height: 1.2;
		height: 44px;
		padding: 0 10px;
		top: -8px
	}
}