html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

body {
	margin: 0;
}

main {
	display: block;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

a {
	background-color: transparent;
}

abbr[title] {
	border-bottom: none;
	-webkit-text-decoration: underline;
	text-decoration: underline;
	-webkit-text-decoration: underline dotted;
	text-decoration: underline dotted;
}

b,
strong {
	font-weight: bolder;
}

code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

img {
	border-style: none;
}

button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

button,
input {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

fieldset {
	padding: 0.35em 0.75em 0.625em;
}

legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

progress {
	vertical-align: baseline;
}

textarea {
	overflow: auto;
}

[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

details {
	display: block;
}

summary {
	display: list-item;
}

template {
	display: none;
}

[hidden] {
	display: none;
}

* {
	box-sizing: border-box;
}

*:focus {
	outline: none;
}

*::-webkit-scrollbar {
	display: none;
}

html {
	background-color: #fff;
}

html,
body {
	font-family: "DM Sans", "Gilroy", -apple-system, "Sofia Pro", "Microsoft YaHei", "Helvetica", "Arial", sans-serif;
	font-size: 100px;
	color: #333;
	line-height: 1.3;
	-webkit-overflow-scrolling: touch;
}

img {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	object-fit: cover;
}

body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
th,
td {
	margin: 0;
	padding: 0;
}

div {
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

ul,
ol {
	list-style: none;
}

a {
	color: inherit;
	-webkit-text-decoration: none;
	text-decoration: none;
	outline: none;
	background-color: transparent;
	cursor: pointer;
}

p {
	margin-block-start: 0;
	margin-block-end: 0;
}

button {
	border: none;
	background: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

div,
button {
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center;
}

.title {
	font-family: "Gilroy-Bold", -apple-system, "Sofia Pro", "Microsoft YaHei", "Helvetica", "Arial", sans-serif;
	font-weight: 700;
}

#__next {
	position: relative;
	font-size: .22rem;
	overflow: hidden;
}

#main {
	position: relative;
	min-height: calc(100vh - 1.01rem);
	max-width: 19.2rem;
	margin: auto;
}

#main.zh,
#main.ja {
	line-height: 1.8;
}

.bg-ellipse-wrapper {
	max-width: 19.2rem;
}

@media (min-width:1921px) {
	.bg-ellipse-wrapper {
		margin-left: calc(50vw - 9.6rem);
	}
}

.slick-slider {
	position: relative;
	overflow-x: hidden;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.slick-item {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.slick-arrow {
	position: absolute;
	width: .18rem;
	height: .32rem;
	font-size: 0;
	color: transparent;
	background-size: 100% 100%;
	z-index: 5;
	cursor: pointer;
}

.slick-arrow.slick-prev {
	left: 0;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABqCAMAAAA7gKe8AAAANlBMVEUAAACrzf+ny/+rzf+rzf+iz/+qyv+rzv+rzf+rzv+rzf+szv+qzP+rzv+rzf+ry/+ny/+rzf8aBjGUAAAAEXRSTlMA3yCA7xAwz6CQcF9Qv69AQAXdXlMAAAEwSURBVFjD7ZlRDsIgEESBAkVqW7n/ZTUxpln/dh/RRpn/2aQzfUto3feUaikL8N9ie8gHq7+2p7zRP7WXbP7S0IA0NzQg+IYG5MNvCnGJwh8s8R+a1f6L8JekjX8T/kkd/yz8ldUXrxZ6Dvmsp6dnfas6/iL8Fz09sD4v/AujJ+Z/o2el8TN68qCH0BO60hP19ERITxv09KNn1/qvcHlVGf+gh9DjP05PkPUlp5UX9BhuDu/xE36rM6gAesCAno+w0xDdKinSK4M9QF5luQsBTAxnvlDkSpMT2FLdEphwlMEPFn6t4ocrPN5NdFO2JsxWPR1brX6DLVdkGYMtwBZedFtntoqljB88t2xsnW7RrYY662CrF1vTGdiKndnq8HEesuXoFQH/IuE/aaza/bPGO08iWl0SVOokAAAAAElFTkSuQmCC");
}

.slick-arrow.slick-prev:hover {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABqCAMAAAA7gKe8AAAANlBMVEUAAAC10/+zz/+11P+10/+vz/+10P+11P+10/+00/+20v+20/+y0v+z0/+10/+20/+01P+10/99vDJBAAAAEXRSTlMA3yCA7xAwz6CQcF9QQL+vcDjBJF0AAAE0SURBVFjD7ZlRboQwDEQJJCEbltDc/7KttKosf9ov2qJu5n8s4eENCln+TqmWcgD/GfuPwur11/5ScPq3/iufv3Q0IO0dDVhDRwOy+F1LPKLyr571i3az/6H8JVnXfyn/Zl7/rvxfLL749NAjCtlOz8j4mnn9RfkfdnpgfEH5D0ZPzJ9GT6PrZ/TkSQ+hZx1KT7TTEyE9fdIzjp7T6n/C8qp6/ZMeQk94Oz2rji8tVgVFj+PkANYv/Ao9dhVFDx4AH6E6/HyJS/NRJMqgB+irLF0IYOI480KRStMTWKleCUyQMPCHhR6rfBMYW6l1XlCUrQ2zVW/HVq9vZEtUdBiTLcAWLrprMFvFE8Y//G752Lpd0TVHnHWyNYqt7Q5sxcFsDfg5D9la6BEBX5HwSxqvzvCK8RtON1psEd3S7gAAAABJRU5ErkJggg==");
}

.slick-arrow.slick-next {
	right: 0;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABqCAMAAAA7gKe8AAAANlBMVEUAAACnzP+rzf+rzf+jz/+qyv+rz/+rzv+ry/+rzf+rzP+rzv+szv+rzv+rzf+qzP+qy/+rzf9+oiD6AAAAEXRSTlMAIN/vEDB/z4CgcJBfv69QQIHJ95kAAAEhSURBVFjD7ZnLkoUgDAWJARXFR/7/Z2c2UzVMzSrNlfswe7tKjh2ChBYVl5yLBHfJYN81JPa8mR5OQLGfGn2AbBUBAWyPDsBiv2oQR4gDJUhF0JMSbHEQJjNjYawVYXUQ5oowiSdNGkaq40w4ztIjjLgDQhUGcGvGYRz6Dm7F7XbrIW5ZH7fy7dZ/bh04zvEJ3Mq3Wz2HiNy40W3REcbzuZUwQegQsQUaRqAEcEhBAGWAsXoF2KBoi9yh1SpXf8qnks7GdR5ZQ4l/WhpsqvPVI1NSFl/Rlss/CdzeIxsw5qt31QQPMEdTe6bPtkcd9rDlL9bUnnjbgwa5vvbsn2bP+V72hBezR6A9Qn+NF3quznXzQoA1eGqp4/PfL2jpc030BUBPWtoMJ3YEAAAAAElFTkSuQmCC");
}

.slick-arrow.slick-next:hover {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABqCAMAAAA7gKe8AAAANlBMVEUAAAA4h/87jf88jP9Ahv86iv88jf88jP87jP87i/88jf87i/88jP88jP88jP89i/88i/88jP8XFAmrAAAAEXRSTlMAIN9/EDDvz6BwkF/vv69QQMoqI54AAAEhSURBVFjD7ZnLroQgEAVpBETx1f//s/duTIZkNnYxYR72nkr0UE0rrkWFKeci9vXi9b98ZOtVl90IKHrWYANkrQgIoFswACZ9KC+GED0lSEVYDkrQyUAYVZWFMVeE2UAYKsIoljRpGLGOM+I4S48wwkYIZxjQrQGHsS/f4FZYb7de4pb2cSvfbj1za8dxDm/gVr7d6jlE5MaNbg2GMN7PrYgJQoeI1dEwHCU4UxUMSA0fgTYo2iI3aHUSthHT5a18JNDZqM68oQTQ0nhT5SNTTCy+klq+/lHg8R7ggEFPVXaup+PyUdTUnvG37UnQHn/dHm1qT7jtIfZIX3u2X7Pn+C573IfZI9Aeob/GC/2uznXzQoDZWWqiVyTBn/b0uSb6A+82WqC0NcghAAAAAElFTkSuQmCC");
}

.slick-dots {
	position: absolute;
	width: 100%;
	bottom: .29rem;
	text-align: center;
	font-size: 0;
	color: transparent;
}

.slick-dots li {
	display: inline-block;
	width: 1.6vw;
	height: 1.6vw;
	max-width: .24rem;
	max-height: .24rem;
	border: 0.02rem solid rgba(255, 255, 255, 0.5);
	border-radius: 51%;
	box-sizing: border-box;
	margin-left: .06rem;
	margin-right: .06rem;
}

.slick-dots li.slick-active {
	background: rgba(255, 255, 255, 0.5);
}

.slick-dots button {
	width: 100%;
	height: 100%;
	background: transparent;
}

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

.slick-list .slick-track {
	height: 100%;
}

.slick-list .slick-track .slick-slide {
	float: left;
	height: 100%;
}

.slick-list .slick-track .slick-slide>div {
	width: unset !important;
	height: 100%;
}

.bg-ellipse {
	position: absolute;
	width: 6.99rem;
	height: 6.99rem;
	border-radius: 51%;
	z-index: -1;
	-webkit-transition: -webkit-transform .3s linear;
	-webkit-transition: transform .3s linear;
	transition: transform .3s linear;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-perspective: 1000;
	-moz-perspective: 1000;
	-ms-perspective: 1000;
	perspective: 1000;
}

@media (max-width:750px) {
	body {
		width: 100vw;
		overflow-x: hidden;
	}

	div,
	p {
		text-align: center;
	}

	img {
		pointer-events: none;
	}

	.slick-arrow {
		width: .1rem;
		height: .18rem;
	}

	#__next {
		font-size: .14rem;
		width: 100%;
	}

	.bg-ellipse {
		width: 2.95rem;
		height: 2.95rem;
	}

	#main.zh,
	#main.ja {
		line-height: 1.5;
	}
	.nav-pc{
	    display: none;
	}
	.carousel{
	    display: none;
	}
	.carousel2{
	    display: none;
	}
	.timeline{
	    display: block !important;
	}
	.menu-toggle{
	    display: block !important;
	}
}

#notice {
	position: relative;
	width: 100vw;
	height: .54rem;
	background: #fff;
	color: #3c8cff;
	font-size: .18rem;
	font-weight: 400;
	line-height: .54rem;
	text-align: center;
	z-index: 101;
}

#notice span {
	cursor: pointer;
}

#notice .close {
	position: absolute;
	width: 10vw;
	right: 6.2vw;
}

.header {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	position: relative;
	top: 0;
	width: 100vw;
	height: 1.01rem;
	background-color: #3c8cff;
	z-index: 100;
}

.header .logo {
	position: relative;
	width: 2.5rem;
	height: .8rem;
	margin-left: 9.3vw;
}

.header .logo img {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
}

.header .right {
	margin-right: 6.7vw;
	font-size: .18rem;
	color: #fff;
}

.header.zh .right {
	font-size: .16rem;
}

.header.zh .expended-pc {
	height: 2.5rem;
}

.header .expended-pc-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	background-color: transparent;
	height: 100vh;
	width: 100vw;
	-webkit-transition: opacity .2s ease;
	transition: opacity .2s ease;
}

.header .expended-pc {
	position: absolute;
	top: 1.01rem;
	left: 0;
	width: 100vw;
	height: 3rem;
	background-color: #3c8cff;
}

.header .expended-pc>.wrapper {
	position: absolute;
	top: .02rem;
	width: 80%;
	height: 90%;
	margin-left: 10%;
	padding-top: .33rem;
	border-top: 1px solid #fff;
	text-align: center;
}

.header .expended-pc>.wrapper .btn-close {
	position: absolute;
	top: .27rem;
	right: 0;
	width: .17rem;
	height: .17rem;
	cursor: pointer;
}

.header .expended-pc>.wrapper>.title {
	font-size: .48rem;
	line-height: .6rem;
	margin-bottom: .32rem;
}

.header .expended-pc>.wrapper>.subitem {
	width: 100%;
	font-family: "Gilroy";
	font-size: .24rem;
	line-height: .36rem;
}

.header .expended-pc>.wrapper>.subitem:hover {
	color: #78e6dc;
}

.header .expended-pc>.wrapper>.subitem:active {
	color: #74e1de;
}

.header .expended-pc>.wrapper>.subitem a.external::after {
	content: "  ↗";
	display: inline-block;
	white-space: pre;
}

.header-wrapper {
	position: fixed;
	top: 0;
	z-index: 100;
}

.header-wrapper-back {
	z-index: 0;
	min-height: 1.01rem;
}

@media (max-width:1001px) {
	.header.zh .right {
		margin-right: 2.7vw;
		font-size: .14rem;
	}
}

.header.active {
	position: relative;
	top: 0;
	opacity: 1;
	-webkit-transition: .5s;
	transition: .5s;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}

.header.inactive {
	position: relative;
	top: 0;
	opacity: 0;
	-webkit-transition: .5s;
	transition: .5s;
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
}

.header-back {
	width: 100%;
	height: 1.01rem;
}

@media (max-width:750px) {
	#notice {
		height: .56rem;
		font-size: .14rem;
		line-height: .18rem;
	}

	#notice .text {
		display: inline-block;
		width: 2.8rem;
		padding-top: .11rem;
	}

	#notice .close {
		height: 100%;
		width: .5rem;
		font-size: .18rem;
		padding-top: .19rem;
		right: 0;
	}

	.header {
		height: .58rem;
	}

	.header .logo {
		height: .48rem;
		/*width: 1.16rem;*/
		margin-left: .21rem;
	}

	.header .right {
		width: .24rem;
		height: .2rem;
		margin-right: .25rem;
	}

	.header .right .nav-item {
		font-size: 0 !important;
	}

	.header-wrapper-back {
		min-height: .58rem;
	}

	.menu-toggle {
		position: relative;
		width: 100%;
		height: 100%;
	}

	.menu-toggle .toggle-bar {
		position: absolute;
		width: 100%;
		height: 0;
		border: 1px solid #fff;
		border-radius: 1px;
		-webkit-transition: opacity .2s ease, -webkit-transform .4s ease;
		-webkit-transition: opacity .2s ease, transform .4s ease;
		transition: opacity .2s ease, transform .4s ease;
	}

	.menu-toggle .toggle-bar-1 {
		top: .01rem;
	}

	.menu-toggle .toggle-bar-2,
	.menu-toggle .toggle-bar-3 {
		top: .1rem;
	}

	.menu-toggle .toggle-bar-4 {
		top: .19rem;
	}

	.menu-toggle.expended .toggle-bar-1,
	.menu-toggle.expended .toggle-bar-4 {
		opacity: 0;
	}

	.menu-toggle.expended .toggle-bar-2 {
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	.menu-toggle.expended .toggle-bar-3 {
		-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
}

.header .nav-item {
	display: inline-block;
	margin-left: 2vw;
	margin-right: 2vw;
	cursor: pointer;
}

.header .nav-item:hover {
	color: #78e6dc;
}

.header .nav-item:active {
	color: #74e1de;
}

@media (max-width:1001px) {
	.header.zh .nav-item {
		margin-left: 1vw;
		margin-right: 1vw;
	}
}

.bg-ellipse-full-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: -1;
	background: linear-gradient(98.63deg, rgba(248, 249, 251, 0.546) 20.59%, rgba(120, 230, 220, 0) 89.33%);
}

.bg-ellipse-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: visible;
	z-index: -1;
}

.bg-ellipse-wrapper .bg-ellipse-1 {
	right: -1.9rem;
	top: .1rem;
	background: linear-gradient(44.11deg, rgba(139, 233, 223, 0.75) 8.94%, rgba(255, 255, 255, 0) 86.73%);
	-webkit-transform: rotate(-85.35deg);
	-ms-transform: rotate(-85.35deg);
	transform: rotate(-85.35deg);
}

.bg-ellipse-wrapper .bg-ellipse-2 {
	left: -2.1rem;
	top: 4.8rem;
	background: linear-gradient(44.11deg, rgba(124, 177, 235, 0.6) 8.94%, rgba(255, 255, 255, 0) 86.73%);
	-webkit-transform: rotate(-21.57deg);
	-ms-transform: rotate(-21.57deg);
	transform: rotate(-21.57deg);
}

.bg-ellipse-wrapper .bg-ellipse-3 {
	right: -1.38rem;
	top: 11.7rem;
	background: linear-gradient(44.11deg, rgba(245, 198, 39, 0.6) 8.94%, rgba(255, 255, 255, 0) 86.73%);
	-webkit-transform: scale(0.85) rotate(-63.95deg);
	-ms-transform: scale(0.85) rotate(-63.95deg);
	transform: scale(0.85) rotate(-63.95deg);
}

.bg-ellipse-wrapper .bg-ellipse-4 {
	left: -2.32rem;
	top: 15.6rem;
	background: linear-gradient(44.11deg, rgba(139, 233, 223, 0.75) 8.94%, rgba(255, 255, 255, 0) 86.73%);
	-webkit-transform: rotate(-29.1deg);
	-ms-transform: rotate(-29.1deg);
	transform: rotate(-29.1deg);
}

.bg-ellipse-wrapper .bg-ellipse-5 {
	right: -2.57rem;
	top: 24.7rem;
	background: linear-gradient(44.11deg, rgba(124, 177, 235, 0.6) 8.94%, rgba(255, 255, 255, 0) 86.73%);
	-webkit-transform: rotate(-70.95deg);
	-ms-transform: rotate(-70.95deg);
	transform: rotate(-70.95deg);
}

.bg-ellipse-wrapper .bg-ellipse-6 {
	left: -2.73rem;
	top: 30.5rem;
	background: linear-gradient(44.11deg, rgba(245, 198, 39, 0.6) 8.94%, rgba(255, 255, 255, 0) 86.73%);
	-webkit-transform: scale(0.95) rotate(-21.57deg);
	-ms-transform: scale(0.95) rotate(-21.57deg);
	transform: scale(0.95) rotate(-21.57deg);
}

.bg-ellipse-wrapper .bg-ellipse-7 {
	right: -3.07rem;
	top: 43.5rem;
	background: linear-gradient(44.11deg, rgba(139, 233, 223, 0.75) 8.94%, rgba(255, 255, 255, 0) 86.73%);
	-webkit-transform: scale(0.85) rotate(-93.95deg);
	-ms-transform: scale(0.85) rotate(-93.95deg);
	transform: scale(0.85) rotate(-93.95deg);
}

.bg-ellipse-wrapper .bg-ellipse-8 {
	left: -2.43rem;
	top: 54.5rem;
	background: linear-gradient(44.11deg, rgba(124, 177, 235, 0.6) 8.94%, rgba(255, 255, 255, 0) 86.73%);
	-webkit-transform: rotate(-21.95deg);
	-ms-transform: rotate(-21.95deg);
	transform: rotate(-21.95deg);
}

@media (max-width:750px) {
	.bg-ellipse-wrapper .bg-ellipse-1 {
		width: 2.99rem;
		height: 2.99rem;
		right: -1.45rem;
		top: 3.62rem;
		background: linear-gradient(44.4deg, rgba(245, 198, 39, 0.6) 8.94%, rgba(255, 255, 255, 0) 86.73%);
		-webkit-transform: rotate(-101.89deg);
		-ms-transform: rotate(-101.89deg);
		transform: rotate(-101.89deg);
	}

	.bg-ellipse-wrapper .bg-ellipse-2 {
		left: -1.84rem;
		top: 7.77rem;
		background: linear-gradient(44.11deg, rgba(124, 177, 235, 0.6) 8.94%, rgba(255, 255, 255, 0) 86.73%);
		-webkit-transform: rotate(-21.57deg);
		-ms-transform: rotate(-21.57deg);
		transform: rotate(-21.57deg);
	}

	.bg-ellipse-wrapper .bg-ellipse-3 {
		width: 3.05rem;
		height: 3.05rem;
		right: -1.63rem;
		top: 10.9rem;
		background: linear-gradient(44.11deg, rgba(139, 233, 223, 0.75) 8.94%, rgba(255, 255, 255, 0) 86.73%);
		-webkit-transform: rotate(-85.35deg);
		-ms-transform: rotate(-85.35deg);
		transform: rotate(-85.35deg);
	}

	.bg-ellipse-wrapper .bg-ellipse-4 {
		width: 3.41rem;
		height: 3.41rem;
		left: -1.88rem;
		top: 15.38rem;
		background: linear-gradient(44.11deg, rgba(245, 198, 39, 0.6) 8.94%, rgba(255, 255, 255, 0) 86.73%);
		-webkit-transform: rotate(-43.68deg);
		-ms-transform: rotate(-43.68deg);
		transform: rotate(-43.68deg);
	}

	.bg-ellipse-wrapper .bg-ellipse-5 {
		right: -1.73rem;
		top: 24.15rem;
		background: linear-gradient(44.11deg, rgba(124, 177, 235, 0.6) 8.94%, rgba(255, 255, 255, 0) 86.73%);
		-webkit-transform: rotate(-91.57deg);
		-ms-transform: rotate(-91.57deg);
		transform: rotate(-91.57deg);
	}

	.bg-ellipse-wrapper .bg-ellipse-6 {
		width: 3.05rem;
		height: 3.05rem;
		left: -1.39rem;
		top: 27.64rem;
		background: linear-gradient(44.11deg, rgba(139, 233, 223, 0.75) 8.94%, rgba(255, 255, 255, 0) 86.73%);
		-webkit-transform: rotate(-25.35deg);
		-ms-transform: rotate(-25.35deg);
		transform: rotate(-25.35deg);
	}

	.bg-ellipse-wrapper .bg-ellipse-7 {
		width: 3.41rem;
		height: 3.41rem;
		right: -1.7rem;
		top: 31.04rem;
		background: linear-gradient(44.11deg, rgba(245, 198, 39, 0.6) 8.94%, rgba(255, 255, 255, 0) 86.73%);
		-webkit-transform: rotate(-63.68deg);
		-ms-transform: rotate(-63.68deg);
		transform: rotate(-63.68deg);
	}

	.bg-ellipse-wrapper .bg-ellipse-8 {
		left: -1.26rem;
		top: 35.89rem;
		background: linear-gradient(44.11deg, rgba(124, 177, 235, 0.6) 8.94%, rgba(255, 255, 255, 0) 86.73%);
		-webkit-transform: rotate(-21.57deg);
		-ms-transform: rotate(-21.57deg);
		transform: rotate(-21.57deg);
	}
}

.title-h1 {
	display: none;
}

.home-wrapper {
	margin-top: -1.01rem !important;
}

.home-wrapper.zh>#mission {
	width: 3.8rem;
}

.home-wrapper.zh>#mission .desc {
	font-size: .45rem;
	line-height: 1.1;
}

.head-carousel {
	width: 100%;
	height: calc(51vw + 1.01rem);
	min-height: 5.5rem;
	max-height: 100vh;
	overflow-y: hidden;
}

.head-carousel .slick-track {
	-webkit-transform: translate3d(-11.11%, 0, 0);
	-ms-transform: translate3d(-11.11%, 0, 0);
	transform: translate3d(-11.11%, 0, 0);
}

.head-carousel img {
	object-position: center;
}

#mission {
	position: absolute;
	top: 0;
	left: 8vw;
	width: 5.1rem;
	height: 4.29rem;
	padding: 1.4rem .42rem 0 .39rem;
	background-color: #fff;
	border-radius: 0 0 1.35rem;
	z-index: 1;
}

#mission>.mission {
	font-family: "Gilroy";
	font-weight: 500;
	font-size: .26rem;
	line-height: .31rem;
	color: #828282;
}

#mission>.desc {
	margin-top: .22rem;
	font-family: "Gilroy-Bold";
	font-weight: 500;
	font-size: .52rem;
	line-height: 1.25;
	text-align: left;
}

#culture .carousel {
	width: 47.5vw;
	max-width: 9.12rem;
	margin-right: 0;
	background-color: #fff;
	text-align: center;
	overflow: hidden;
	border-radius: 18px;
}

#culture .carousel img {
	width: 100%;
	height: 27vw;
}

#culture .carousel .culture-wrapper {
	overflow: hidden;
}

#culture .carousel .culture-wrapper img {
	display: block;
	margin: auto;
}

#culture .carousel .culture-wrapper .bottom {
	background: #fff;
	padding: 0 8vw;
	box-sizing: border-box;
}

#culture .carousel .title {
	margin-top: .1rem;
	margin-bottom: .18rem;
	font-size: .30rem;
	line-height: .54rem;
	text-align: left;
	-webkit-transform: scale(1) !important;
	-ms-transform: scale(1) !important;
	transform: scale(1) !important;
}

#culture .carousel .desc-container .desc {
	font-size: .2rem;
	-webkit-transform-origin: center;
	-ms-transform-origin: center;
	transform-origin: center;
	text-align: left;
	position: relative;
	margin-bottom: .05rem;
}

#culture .carousel .desc-container .desc::after {
	content: "";
	position: absolute;
	left: -.15rem;
	top: .1rem;
	display: block;
	width: 4px;
	height: 4px;
	border-radius: 100%;
	background: #000;
}

#culture .carousel .slick-arrow {
	background-color: #fff;
	box-sizing: content-box;
	top: calc(27vw + .12rem);
}

#culture .carousel .slick-arrow.slick-prev {
	border: 0.1rem solid #fff;
	border-left: 0.63rem solid #fff;
}

#culture .carousel .slick-arrow.slick-next {
	border: 0.1rem solid #fff;
	border-right: 0.63rem solid #fff;
}

#culture.ja .carousel .title {
	font-size: .26rem;
}

#culture.zh .carousel .desc-container .desc::after,
#culture.ja .carousel .desc-container .desc::after {
	top: .15rem;
}

#leadership .title {
	margin-left: calc(10% + 3.46rem);
	margin-bottom: -.18rem;
}

#leadership .avatar {
	object-position: top;
	border-radius: 51%;
}

#leadership .name {
	font-family: "Gilroy-Bold";
	font-weight: 500;
}

#leadership .name,
#leadership .position {
	font-size: .3rem;
	line-height: .39rem;
}

#leadership .ceo-wrapper {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

#leadership .ceo-wrapper .avatar {
	width: 3.85rem;
	height: 3.85rem;
}

#leadership .ceo-wrapper .name {
	font-size: .36rem;
	line-height: 1.3;
}

#leadership .ceo-wrapper>.desc-wrapper {
	-webkit-flex: .9;
	-ms-flex: .9;
	flex: .9;
	margin-top: .56rem;
	font-size: .24rem;
}

#leadership .director-wrapper {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-pack: space-around;
	-webkit-justify-content: space-around;
	-ms-flex-pack: space-around;
	justify-content: space-around;
	width: 100%;
	margin-top: .75rem;
	margin-bottom: .43rem;
}

#leadership .director-wrapper .director {
	-webkit-flex: 0 0 25%;
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	text-align: center;
	cursor: pointer;
}

#leadership .director-wrapper .director:hover,
#leadership .director-wrapper .director:active {
	color: #2f80ed;
}

#leadership .director-wrapper .director .avatar {
	width: 1.18rem;
	height: 1.18rem;
	margin: auto;
	margin-bottom: .36rem;
}

#leadership .director-wrapper .director .position {
	font-size: .24rem;
	line-height: .31rem;
}

#leadership>.readmore {
	width: 100%;
	text-align: center;
}

#leadership.ja {
	padding: 0 7vw;
}

#leadership.ja .ceo-wrapper {
	padding: 0 2vw;
}

#leadership.ja .director-wrapper .director .name {
	font-size: .22rem;
}

#leadership.ja .director-wrapper .director .position {
	font-size: .2rem;
}

#investors {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 100%;
}

#investors>.title {
	width: 100%;
	margin-bottom: .45rem;
}

#investors>.investor-wrapper {
	max-width: 25%;
	-webkit-flex: 0 0 25%;
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	cursor: pointer;
}

#investors>.investor-wrapper img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

#investors>p.note {
	width: 100%;
	font-size: .14rem;
	margin-top: .09rem;
	color: #848484;
}

#corporate-structure img {
	width: 100%;
	height: auto;
	margin-top: .55rem;
	object-fit: contain;
}

#corporate-structure>p.note {
	width: 100%;
	font-size: .14rem;
	margin-top: .24rem;
	color: #848484;
}

#contact {
	margin-bottom: .7rem;
}

#offices .carousel {
	width: 47.5vw;
	max-width: 9.12rem;
	overflow: hidden;
}

#offices .carousel img {
	width: 100%;
	height: 30vw;
	max-height: 5.76rem;
	margin-bottom: .28rem;
}

@media (min-width:751px) and (max-width:1280px) {
	#mission {
		-webkit-transform: scale(0.75);
		-ms-transform: scale(0.75);
		transform: scale(0.75);
		-webkit-transform-origin: top left;
		-ms-transform-origin: top left;
		transform-origin: top left;
	}

	#culture .carousel .slick-arrow.slick-prev {
		border-left: 2.6vw solid #fff;
	}

	#culture .carousel .slick-arrow.slick-next {
		border-right: 2.6vw solid #fff;
	}
}

@media (min-width:751px) and (max-width:1000px) {
	#culture .bottom .title {
		font-size: .26rem;
	}

	#culture .carousel .slick-arrow.slick-prev {
		border-left: 2.6vw solid #fff;
	}

	#culture .carousel .slick-arrow.slick-next {
		border-right: 2.6vw solid #fff;
	}
}

@media (min-width:1001px) and (max-width:1280px) {
	#culture .carousel .slick-arrow.slick-prev {
		border-left: 2.6vw solid #fff;
	}

	#culture .carousel .slick-arrow.slick-next {
		border-right: 2.6vw solid #fff;
	}
}

@media (max-width:750px) {
	#culture .carousel .bottom {
		padding: 0 14vw !important;
	}

	#culture.zh .carousel .desc-container .desc::after,
	#culture.ja .carousel .desc-container .desc::after {
		top: .06rem;
	}
}

@media (max-width:750px) {
	.home-wrapper {
		margin-top: -0.58rem !important;
	}

	.home-wrapper.zh>#mission {
		width: 1.8rem;
	}

	.home-wrapper.zh>#mission .desc {
		font-size: 0.18rem;
		line-height: 1.1;
	}

	#mission {
		left: 0;
		width: 2.03rem;
		height: 1.8rem;
		padding: .7rem .1rem 0;
		font-size: .15rem;
		border-radius: 0 0 1.01rem;
	}

	#mission>.mission {
		font-size: .15rem;
		line-height: .18rem;
		text-align: left;
	}

	#mission>.desc {
		margin-top: .08rem;
		font-size: .18rem;
		line-height: .22rem;
	}

	.head-carousel {
		height: 3.94rem;
		min-height: unset;
		max-height: unset;
	}

	.head-carousel .slick-dots {
		bottom: .2rem;
	}

	.head-carousel .slick-dots li {
		width: .13rem;
		height: .13rem;
		margin: 0 .04rem;
	}

	#culture {
		margin-top: .73rem;
	}

	#culture .carousel {
		width: 100vw;
		margin-left: -.22rem;
		margin-top: .14rem;
		background-color: transparent;
		text-align: center;
	}

	#culture .carousel .slick-track {
		-webkit-transform: translate3d(-100vw, 0, 0);
		-ms-transform: translate3d(-100vw, 0, 0);
		transform: translate3d(-100vw, 0, 0);
	}

	#culture .carousel img {
		width: 3.28rem;
		height: 1.86rem;
	}

	#culture .carousel .title {
		font-size: .18rem;
		margin: 0 auto;
	}

	#culture .carousel .desc {
		font-size: .14rem;
	}

	#culture .carousel .slick-arrow {
		top: 1.96rem;
	}

	#culture .carousel .slick-arrow.slick-prev {
		border-left: 0.26rem solid #fff;
	}

	#culture .carousel .slick-arrow.slick-next {
		border-right: 0.26rem solid #fff;
	}

	#culture.ja .carousel .title {
		font-size: .16rem;
	}

	#culture.zh .carousel .desc-container .desc {
		font-size: .13rem;
	}

	#leadership .title {
		margin-left: 0;
		margin-bottom: 0;
	}

	#leadership .avatar {
		margin: 0 auto;
	}

	#leadership .name,
	#leadership .position {
		font-size: .18rem;
		line-height: .23rem;
	}

	#leadership .position {
		margin-top: .05rem;
	}

	#leadership .ceo-wrapper {
		display: block;
		margin-top: .17rem;
	}

	#leadership .ceo-wrapper .avatar {
		width: 1.37rem;
		height: 1.37rem;
		margin-bottom: .12rem;
	}

	#leadership .ceo-wrapper .name {
		font-size: .18rem;
		line-height: .23rem;
	}

	#leadership .ceo-wrapper>.desc-wrapper {
		width: 100%;
		margin-top: 0;
		font-size: .14rem;
		line-height: .18rem;
	}

	#leadership .director-wrapper {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-flow: row wrap;
		-ms-flex-flow: row wrap;
		flex-flow: row wrap;
		margin-top: .3rem;
		margin-bottom: 0;
	}

	#leadership .director-wrapper .director {
		-webkit-flex: 0 0 50%;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		margin-bottom: .17rem;
	}

	#leadership .director-wrapper .director .avatar {
		width: 1.18rem;
		height: 1.18rem;
		margin-bottom: .1rem;
	}

	#leadership .director-wrapper .director .name,
	#leadership .director-wrapper .director .position {
		font-size: .18rem;
		line-height: .23rem;
	}

	#leadership.ja {
		padding: 0 .22rem;
	}

	#leadership.ja .ceo-wrapper {
		padding: 0;
	}

	#leadership.ja .ceo-wrapper .name {
		font-size: .18rem;
		line-height: .23rem;
	}

	#leadership.ja .director-wrapper .director .name {
		font-size: .18rem;
		line-height: .23rem;
	}

	#leadership.ja .director-wrapper .director .position {
		font-size: .16remq;
	}

	#investors>.title {
		width: 100%;
		margin-bottom: .07rem;
	}

	#investors>.investor-wrapper {
		max-width: 50%;
		-webkit-flex: 0 0 50%;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
	}

	#investors>p.note {
		font-size: .12rem;
		margin-top: .2rem;
	}

	#corporate-structure .title {
		margin-bottom: 0;
	}

	#corporate-structure img {
		margin-top: .23rem;
		height: 6.3rem;
	}

	#corporate-structure>p.note {
		font-size: .12rem;
		margin-top: .2rem;
		padding: 0 .4rem;
	}

	#offices .title {
		margin-bottom: .13rem;
	}

	#offices .desc {
		font-size: .14rem;
	}

	#offices .carousel {
		width: 100%;
	}

	#offices .carousel img {
		width: 100%;
		height: 1.96rem;
		margin-bottom: .16rem;
	}
}

section {
	position: relative;
	width: 100%;
	padding: 0 9vw;
	margin: 11vw auto 0;
}

section>.title {
	font-size: .48rem;
	line-height: .56rem;
}

section>.desc {
	font-size: .22rem;
}

section.left,
section.right {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

section.left>.title,
section.right>.title {
	position: absolute;
	/*top: .2rem;*/
}

section.left>.desc,
section.right>.desc {
	margin-top: 6vw;
	-webkit-flex: .9;
	-ms-flex: .9;
	flex: .9;
}

section.left {
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
}

section.right {
	-webkit-flex-flow: row-reverse wrap;
	-ms-flex-flow: row-reverse wrap;
	flex-flow: row-reverse wrap;
}

@media (max-width:750px) {
	section {
		display: block;
		margin: .68rem auto 0;
		padding: 0 .22rem;
		text-align: center;
	}

	section>.title {
		height: .38rem;
		font-size: .24rem;
		margin-bottom: .14rem;
	}

	section>.desc {
		margin-bottom: .23rem;
		font-size: .14rem;
	}

	section.left,
	section.right {
		display: block;
	}

	section.left>.title,
	section.right>.title {
		position: relative;
		top: 0;
	}

	section.left>.desc,
	section.right>.desc {
		margin-top: 0;
	}
}

@media (min-width:751px) and (max-width:1000px) {
	p {
		-webkit-transform: scale(0.85);
		-ms-transform: scale(0.85);
		transform: scale(0.85);
		-webkit-transform-origin: left;
		-ms-transform-origin: left;
		transform-origin: left;
	}
}

@media (min-width:1001px) and (max-width:1280px) {
	p {
		-webkit-transform: scale(0.9);
		-ms-transform: scale(0.9);
		transform: scale(0.9);
		-webkit-transform-origin: left;
		-ms-transform-origin: left;
		transform-origin: left;
	}
}

#code-of-conduct .title {
	left: calc(47.5vw + 9vw + 52px);
}

#code-of-conduct .desc-inner {
	margin-bottom: .2rem;
}

#code-of-conduct img {
	width: 47.5vw;
	max-width: 9.12rem;
	overflow: hidden;
}

#code-of-conduct .suffix {
	color: #569CFE;
	margin-left: 4px;
}

@media (max-width:750px) {
	#code-of-conduct .title {
		left: 0;
	}
}

.history .carousel {
	position: relative;
	margin: auto;
	margin-top: .57rem;
	text-align: center;
	overflow: visible;
}

.history .carousel .slick-list {
	width: 6.44rem;
	height: 2.49rem;
	margin: auto;
	overflow: hidden;
}

.history .carousel .slick-slide {
	/*opacity: 0;*/
	-webkit-transition: opacity .4s ease;
	transition: opacity .4s ease;
}

.history .carousel .slick-slide.slick-active {
	opacity: 1;
}

.history .carousel .stone-wrapper {
	position: relative;
	height: 2.49rem;
	overflow: hidden;
}

.history .carousel .stone-wrapper .stone-contents {
	display: -webkit-box !important;
	display: -webkit-flex !important;
	display: -ms-flexbox !important;
	display: flex !important;
	width: 99%;
	height: 2.32rem;
	border-radius: .22rem;
	background-color: #fff;
	box-shadow: 0 0.04rem 0.05rem rgba(0, 0, 0, 0.15);
	overflow: hidden;
}

.history .carousel .stone-wrapper .stone-contents>img {
	width: 3.14rem;
	height: 100%;
	object-fit: cover;
}

.history .carousel .stone-wrapper .stone-contents>.words {
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	margin: .23rem .26rem 0 .45rem;
	text-align: left;
}

.history .carousel .stone-wrapper .stone-contents>.words .time {
	font-family: "Gilroy-Bold";
	font-weight: 500;
	font-size: .3rem;
	line-height: .37rem;
}

.history .carousel .stone-wrapper .stone-contents>.words .desc {
	margin-top: .1rem;
	font-size: .18rem;
}

.history .carousel .slick-arrow {
	top: 5.1vw;
}

.history .carousel .slick-arrow.slick-prev {
	left: -2vw;
}

.history .carousel .slick-arrow.slick-next {
	right: -2vw;
}

.history .carousel2 {
	width: 84%;
	height: .7rem;
	margin: .4rem auto 0;
	padding-top: .15rem;
	overflow: hidden;
}

.history .carousel2 .slick-list {
	overflow: visible;
}

.history .carousel2.unslidable .slick-track {
	width: 100% !important;
	-webkit-transform: unset !important;
	-ms-transform: unset !important;
	transform: unset !important;
}

.history .carousel2 .slick-slide {
	height: 1rem;
	-webkit-transition: width .2s ease;
	transition: width .2s ease;
}

.history .carousel2 li {
	text-align: center;
	overflow: visible;
	height: .02rem;
	background-color: #333;
}

.history .carousel2 li .logo {
	width: .32rem;
	height: .32rem;
	margin: auto;
	margin-top: -.15rem;
	border-radius: 51%;
	z-index: 1;
	-webkit-transition: -webkit-transform .15s ease;
	-webkit-transition: transform .15s ease;
	transition: transform .15s ease;
	cursor: pointer;
}

.history .carousel2 li .logo.active {
	-webkit-transform: scale(1.75);
	-ms-transform: scale(1.75);
	transform: scale(1.75);
}

.history .carousel2 li .line {
	position: relative;
	height: .02rem;
	margin-top: -.16rem;
	background: #333;
	cursor: pointer;
}

.history .years {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: .2rem;
	font-family: "Avenir";
	font-size: .18rem;
	line-height: .25rem;
}

@media (min-width:751px) and (max-width:1280px) {
	.history .years {
		font-size: .16rem;
	}
}

.history .carousel-mobile {
	margin-bottom: .18rem;
}

.history .carousel-mobile img {
	width: 1.80rem;
	height: 1.13rem;
	margin-bottom: .15rem;
}

.history .carousel-mobile p {
	opacity: 0;
	padding-left: .08rem;
	padding-right: .08rem;
	-webkit-transition: opacity .4s ease;
	transition: opacity .4s ease;
}

.history .carousel-mobile p.time {
	font-family: "Gilroy-Bold";
	font-weight: 500;
	line-height: 2;
}

.history .carousel-mobile .slick-active p {
	opacity: 1;
}

.contact-wrapper {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	margin: auto;
	margin-top: .7rem;
}

.contact-wrapper .contact-item {
	-webkit-flex: 0 0 50%;
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	margin-bottom: .7rem;
}

.contact-wrapper .contact-item p,
.contact-wrapper .contact-item div {
	font-size: .22rem;
	font-weight: bolder;
}

.contact-wrapper .contact-item p a,
.contact-wrapper .contact-item div a {
	font-size: .22rem;
	font-weight: bolder;
	color: #3c8cff;
}

.contact-wrapper .contact-item .email {
	font-size: .18rem;
	color: #3c8cff;
}

@media (max-width:750px) {
	.contact-wrapper {
		margin-top: 0;
		display: block;
	}

	.contact-wrapper .contact-item {
		display: block;
		margin-bottom: .27rem;
	}

	.contact-wrapper .contact-item p {
		margin-bottom: .1rem;
		font-size: .18rem;
	}

	.contact-wrapper .contact-item a {
		font-size: .18rem;
	}
}



.footer {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: self-start;
	-webkit-box-align: self-start;
	-ms-flex-align: self-start;
	align-items: self-start;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	position: relative;
	width: 100%;
	background-color: #3c8cff;
	color: #fff;
	padding: .43rem 9vw .33rem;
}

.footer .logo {
	width: 18vw;
	height: .43rem;
	max-width: 2.51rem;
	margin-bottom: .29rem;
	margin-right: .29rem;
}

.footer .logo img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: left;
}

.footer .nav-wrapper {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.footer .nav-wrapper .nav-item {
	margin-right: 6vw;
}

.footer .nav-wrapper .nav-item .title {
	margin-bottom: .16rem;
}

.footer .nav-wrapper .nav-item a:hover {
	color: #78e6dc;
}

.footer .nav-wrapper .nav-item a:active {
	color: #74e1de;
}

.footer .nav-wrapper .nav-item a.external::after {
	content: "  ↗";
	display: inline-block;
	white-space: pre;
}

.footer p {
	font-size: .16rem;
	line-height: .28rem;
}

.footer .locale-select {
	position: relative;
	width: 1.56rem;
	height: .27rem;
	line-height: .27rem;
	color: #fff;
	font-size: .14rem;
	border: 1px solid #fff;
	border-radius: .02rem;
}

.footer .locale-select select {
	width: 100%;
	height: 100%;
	line-height: .27rem;
	background: transparent;
	padding-left: .08rem;
	border: none;
	color: #fff;
	font-size: .14rem;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.footer .bottom {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 100%;
	margin-top: .2rem;
}

.footer .bottom .copyright-wrapper {
	text-align: right;
}

.footer .bottom .copyright-wrapper .copyright {
	-webkit-transform: unset;
	-ms-transform: unset;
	transform: unset;
}

.footer .bottom .copyright-wrapper .copyright-icp {
	font-size: 0;
}

.footer .bottom .copyright-wrapper .copyright-icp .copyright-icp-logo {
	float: left;
	height: .2rem;
}

.footer .bottom .copyright-wrapper .copyright-icp .copyright-icp-text {
	font-size: .14rem;
	line-height: .2rem;
	margin-left: .05rem;
}

@media (max-width:750px) {
	.footer {
		display: block;
		padding-top: 0;
	}

	.footer p {
		font-size: .14rem;
	}

	.footer .logo {
		display: inline-block;
		width: 1.81rem;
		height: .31rem;
		margin: .29rem auto;
	}

	.footer .logo img {
		object-position: center;
	}

	.footer .nav-wrapper {
		display: block;
	}

	.footer .nav-wrapper .nav-item {
		margin-right: 0;
		margin-bottom: .3rem;
	}

	.footer .nav-wrapper .nav-item .title {
		margin-bottom: 0;
	}

	.footer .locale-select {
		margin: 0 auto .14rem;
	}

	.footer .bottom {
		display: block;
		margin-top: 0;
	}

	.footer .bottom .copyright-wrapper {
		text-align: center;
	}

	.footer .bottom .copyright-wrapper .copyright-icp .copyright-icp-text {
		font-size: .12rem;
	}
}

.dropdown {
	position: relative;
	display: inline-block;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.dropdown-menu.dropdown-menu_active {
	opacity: 1;
	visibility: visible;
}

.dropdown-label {
	cursor: pointer;
	white-space: nowrap;
	color: #fff;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-tap-highlight-color: transparent;
	padding: 0 .1rem;
}

.dropdown-menu {
	box-sizing: border-box;
	width: auto;
	min-width: 1.6rem;
	position: absolute;
	top: -1.04rem;
	background-color: #325da5;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	z-index: 100;
	opacity: 0;
	visibility: hidden;
	padding: .06rem 0;
	left: -.02rem;
	border: 1px solid rgba(13, 23, 41, 0.9);
	box-shadow: 0 0 1px 1px inset rgba(255, 255, 255, 0.3);
	border-radius: .02rem;
	cursor: pointer;
}

.dropdown-menu>div {
	padding: 0 .1rem;
	line-height: 1.6;
}

.dropdown-menu>div:hover {
	background-color: #3c7feb;
}