/* 页尾底部 */
.footer-container {
	background-color: #000314;
}

.footer-container a:hover {
	text-decoration: none;
}

.footer-container .en-name {
	color: rgba(75, 75, 75, 0.3);
	margin: 0;
	text-align: center;
	font-weight: bold;
}

.footer-container .zh-name {
	color: white;
	text-align: center;
	font-weight: bold;
}

.footer-container .zh-name::before,
.footer-container .zh-name::after {
	display: inline-block;
	content: '';
	width: 6px;
	height: 6px;
	background-color: white;
	vertical-align: middle;
	margin: 0 10px;
}

.footer-container .sub-company {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.footer-container .sub-company .name {
	color: white;
	margin: 0;
}

.footer-container .copyright,
.footer-container .visitors {
	color: #F5F7FD;
}

@media screen and (max-width: 440px) {
	.footer-container .main .section {
		grid-template-columns: 1fr 1fr !important;
	}
}

@media screen and (max-width: 1023px) {
	.footer-container {
		padding: 4vw 0 6vw;
	}

	.footer-container .en-name {
		font-size: max(18px, 3.5vw);
	}

	.footer-container .zh-name {
		font-size: max(18px, 3vw);
		transform: translateY(-50%);
	}

	.footer-container .sub-company {
		margin-top: 0;
	}

	.footer-container .sub-company .name {
		font-size: 0.85rem;
		padding: 4px 10px;
	}

	.footer-container .copyright {
		font-size: max(14px, 1.7vw);
		text-align: center;
		margin: 5vw 0 0;
	}

	.footer-container .visitors {
		font-size: max(14px, 1.7vw);
		text-align: center;
		margin: 2vw 0 0;
	}

	.footer-container .main {
		padding: 0 14px;
		margin: 3vw 0 0;
	}

	.footer-container .main .contact-info .logo {
		display: block;
		width: max(110px, 15vw);
		margin: 0 auto 10px;
	}

	.footer-container .main .contact-info .cell {
		display: inline-flex;
		align-items: center;
		font-size: max(14px, 2vw);
		color: white;
		margin-top: max(14px, 1vw);
		margin-right: max(10px, 2vw);
	}

	.footer-container .main .contact-info .cell .icon {
		width: max(20px, 3vw);
		margin-right: 1vw;
	}

	.footer-container .main .section {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr 1fr;
		column-gap: 10px;
	}

	.footer-container .main .section-list {
		margin-top: 4vw;
	}

	.footer-container .main .section-list .title {
		font-size: max(18px, 2.2vw);
		color: white;
		margin: 0;
	}

	.footer-container .main .section-list .link {
		display: block;
		font-size: max(14px, 1.5vw);
		color: #999999;
		margin: 2vw 0 0;
	}

	.footer-container .main .section-list .link:hover {
		color: white;
	}

	.footer-container .main .qrcode-info {
		display: inline-block;
		width: calc(50% - 14px);
	}

	.footer-container .main .qrcode-info .img {
		display: block;
		width: 100%;
		max-width: 150px;
		margin: 5vw auto 0;
	}

	.footer-container .main .qrcode-info .label {
		font-size: 13px;
		color: white;
		text-align: center;
		margin-top: 16px;
	}
}

@media screen and (min-width: 1024px) {
	.footer-container {
		padding: max(30px, 4.875rem) 0 2.5rem;
	}

	.footer-container .en-name {
		font-size: 2.25rem;
	}

	.footer-container .zh-name {
		font-size: 1.625rem;
		transform: translateY(-60%);
	}

	.footer-container .sub-company {
		margin-top: 20px;
	}

	.footer-container .sub-company .name {
		font-size: 1.4rem;
		padding: 0 20px;
	}

	.footer-container .copyright {
		font-size: 14px;
		text-align: center;
		margin: 4.5rem 0 0;
	}

	.footer-container .visitors {
		font-size: 14px;
		text-align: center;
		margin: 1rem 0 0;
	}

	.footer-container .main {
		display: flex;
		justify-content: space-between;
		max-width: 1600px;
		padding: 0 20px;
		box-sizing: content-box;
		margin: 5.25rem auto 0;
	}

	.footer-container .main .contact-info {
		flex-shrink: 0;
		width: 20rem;
	}

	.footer-container .main .contact-info .logo {
		display: block;
		width: 13.75rem;
	}

	.footer-container .main .contact-info .cell {
		position: relative;
		display: block;
		font-size: 1.125rem;
		color: white;
		margin-top: 1.75rem;
		padding-left: 2.1rem;
	}

	.footer-container .main .contact-info .cell .icon {
		position: absolute;
		left: 0;
		top: 0;
		width: 1.5rem;
	}

	.footer-container .main .section {
		flex-grow: 1;
		display: flex;
		justify-content: space-evenly;
	}

	.footer-container .main .section-list .title {
		font-size: 1.5rem;
		color: white;
		margin: 0;
	}

	.footer-container .main .section-list .link {
		display: block;
		font-size: 14px;
		color: #999999;
		margin: 2.5rem 0 0;
	}

	.footer-container .main .section-list .link:hover {
		color: white;
	}

	.footer-container .main .qrcode-info {
		flex-shrink: 0;
		width: 8.25rem;
	}

	.footer-container .main .qrcode-info + .qrcode-info {
		margin-left: 2.25rem;
	}

	.footer-container .main .qrcode-info .img {
		display: block;
		width: 100%;
	}

	.footer-container .main .qrcode-info .label {
		font-size: 13px;
		color: white;
		text-align: center;
		margin-top: 16px;
	}
}