footer {
	margin-top: 50px;
	height: 400px;
	/*background: url("../img/footer_bg.png");*/
	background-color: #157674;
	color: #fff;
}

.footer-top {
	display: flex;
	justify-content: space-between;
	padding: 50px 0px;
	gap: 20px;
}

.footer-column-links {
	flex: 3;
}

.footer-column-contact {
	flex: 2;
}

.footer-column-qr {
	flex: 1;
}

.footer-title {
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 12px;
}

.footer-links {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 12px 0;
}

.footer-links a {
	color: #fff;
	text-decoration: none;
	font-size: 14px;
}

	.footer-links a:hover {
		color: #C6FFFE;
	}
	.contact-info {
		font-size: 14px;
		line-height: 1.8;
	}

.wechat-qr {
	text-align: center;
	font-size: 12px;
}

.wechat-qr img {
	width: 80px;
	height: 80px;
	margin-bottom: 4px;
}

.footer-bottom {
	border-top: 1px solid rgba(255, 255, 255, 0.2);
	padding-top: 15px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 12px;
}

.copyright {
	display: flex;
	align-items: center;
	gap: 8px;
}

.copyright img {
	width: 20px;
	height: 20px;
}

.footer_link {
	/* height:48px; */
	padding: 30px 0 50px 0;
	border-bottom: 1px solid #FFFFFF40;
}

.footer_link h4 {
	float: left;
	/* margin-right:20px; */
	margin-top: 0;
	margin-bottom: 0;
}

.footer_link ul {
	float: right;
	display: flex;
}

.footer_link ul li {
	padding: 0 5px;
}

.footer_link ul li a {
	color: #FFFFFF;
	font-weight: 300;
	font-size: 16px;
}


.footer_info {
	padding: 30px 0;
	height: 265px;
	border-bottom: 1px solid #FFFFFF40;
}

.footer_logo {
	float: left;
}

.footer_list {
	float: right;
	display: flex;
}

.footer_list fieldset {
	margin-left: 20px
}

.footer_list fieldset legend {
	border: unset;
	font-size: 18px;
	color: #fff;
	margin-bottom: 0;
	padding-bottom: 10px;
	font-family: "PingFang SC";
	font-weight: 300;
}

.footer_list fieldset ul li {
	padding: 10px 0;
}

.footer_list fieldset ul li:hover a {
	color: #C4A35A;
	text-decoration: none;
}

.footer_list fieldset ul li a {
	color: #FFFFFF;
	font-weight: 300;
	font-size: 16px;
	font-family: "PingFang SC";
}

.footer_addr {
	padding: 30px 0;
	display: flex;
	border-bottom: 1px solid #FFFFFF40;
}

.footer_addr .footer_bq {
	flex: 3;
	display: flex;
}

.footer_addr .footer_bq .bq_img {
	margin-right: 15px;
}

.footer_addr .footer_bq .bq_info p label,
.footer_addr .yy_addr p label {
	color: #FFFFFF;
	font-weight: 300;

}

.footer_addr .footer_bq .bq_info p span,
.footer_addr .yy_addr p span {
	font-weight: 300;
	font-family: "PingFang SC";

}

.footer_addr .yy_addr {
	flex: 3;
}

.footer_addr .wx_QRcode {
	flex: 1;
	position: relative;
}

.footer_addr .wx_QRcode .wx_text {
	float: right;
	cursor: pointer;
}

.footer_addr .wx_QRcode .wx_text label {
	font-weight: 300;
}

.footer_addr .wx_QRcode img {
	display: block;
	margin-left: 5px;
}

.footer_addr .wx_QRcode .QRcode {
	position: absolute;
	top: -155px;
	right: -25px;
}

.footer_support {
	color: #fff;
	font-size: 12px;
	padding: 30px 0px;
	border-top: 1px solid rgba(255, 255, 255, 0.2);
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.bq_info {
	display: flex;
	align-items: center;
	gap: 8px;
}

.bq_info img {
	width: 20px;
	height: 20px;
	vertical-align: middle;
}

/* 超小设备 (手机, 600px 以下屏幕设备) */
@media only screen and (max-width: 600px) {
	footer {
		height: 700px;
	}

	.footer-top {
		flex-direction: column;
		gap: 25px;
	}

	.footer-column-links,
	.footer-column-contact,
	.footer-column-qr {
		flex: none;
	}

	/* 移动端友情链接改为2列 */
	.footer-links {
		grid-template-columns: repeat(2, 1fr);
	}

	.wechat-qr {
		align-items: flex-start;
	}

	.footer_link {
		height: 260px;
		/* display: flex; */
	}

	.footer_link h4,
	.footer_link ul {
		float: unset;
	}

	.footer_link ul {
		display: block;
		margin-top: 15px;
	}

	.footer_link ul li {
		display: inline-block;
		width: 45%;
		margin-top: 10px;
	}

	.footer_link ul li a {
		font-size: 14px;
	}

	.footer_info {
		height: 320px;
	}

	.footer_logo,
	.footer_list {
		float: unset;
	}

	.footer_list {
		margin-top: 30px;
	}

	.footer_list fieldset {
		margin-left: 8px;
	}

	.footer_list fieldset legend {
		font-size: 11px;
	}

	.footer_list fieldset ul li a {
		font-size: 11px;
	}

	.footer_addr {
		display: block;
	}

	.footer_addr .yy_addr {
		margin-top: 30px;
	}

	.footer_addr .footer_bq .bq_info p label,
	.footer_addr .yy_addr p label {
		font-size: 11px;
	}

	.footer_addr .footer_bq .bq_info p span,
	.footer_addr .yy_addr p span {
		font-size: 11px;
	}

	.footer_addr .wx_QRcode {
		position: unset;
	}

	.footer_addr .wx_QRcode .wx_text {
		position: absolute;
		top: 20px;
		right: 0;
	}

}

/* 小设备 (平板电脑和大型手机，600 像素及以上) */
@media only screen and (min-width: 600px) {
	footer {
		height: 500px;
	}

	.footer-top {
		flex-direction: column;
		gap: 25px;
	}

	.footer-column-links {
		flex: none;
	}

	.footer-contact-qr-wrap {
		display: flex;
		gap: 20px;
	}

	.footer-column-contact,
	.footer-column-qr {
		flex: none;
	}

	.footer-column-contact {
		width: calc(2/3 * 100% - 10px);
		/* 2份宽度，减去一半间距 */
	}

	.footer-column-qr {
		width: calc(1/3 * 100% - 10px);
		/* 1份宽度，减去一半间距 */
	}

	/* 移动端友情链接改为2列 */
	.footer-links {
		grid-template-columns: repeat(2, 1fr);
	}

	.wechat-qr {
		align-items: flex-start;
	}

	.footer_link {
		height: 260px;
		/* display: flex; */
	}

	.footer_link h4,
	.footer_link ul {
		float: unset;
	}

	.footer_link ul {
		display: block;
		margin-top: 15px;
	}

	.footer_link ul li {
		display: inline-block;
		width: 45%;
		margin-top: 10px;
	}

	.footer_link ul li a {
		font-size: 14px;
	}

	.footer_info {
		height: 320px;
	}

	.footer_logo,
	.footer_list {
		float: unset;
	}

	.footer_list {
		margin-top: 30px;
	}

	.footer_list fieldset {
		margin-left: 8px;
	}

	.footer_list fieldset legend {
		font-size: 11px;
	}

	.footer_list fieldset ul li a {
		font-size: 11px;
	}

	.footer_addr {
		display: block;
	}

	.footer_addr .yy_addr {
		margin-top: 30px;
	}

	.footer_addr .footer_bq .bq_info p label,
	.footer_addr .yy_addr p label {
		font-size: 11px;
	}

	.footer_addr .footer_bq .bq_info p span,
	.footer_addr .yy_addr p span {
		font-size: 11px;
	}

	.footer_addr .wx_QRcode {
		position: unset;
	}

	.footer_addr .wx_QRcode .wx_text {
		position: absolute;
		top: 20px;
		right: 0;
	}

}

/* 中型设备（平板电脑，768 像素及以上） */
@media only screen and (min-width: 768px) {
	footer {
		height: 500px;
	}

	.footer-top {
		flex-direction: column;
		gap: 25px;
	}

	.footer-column-links {
		flex: none;
	}

	.footer-contact-qr-wrap {
		display: flex;
		gap: 20px;
	}

	.footer-column-contact,
	.footer-column-qr {
		flex: none;
	}

	.footer-column-contact {
		width: calc(2/3 * 100% - 10px);
		/* 2份宽度，减去一半间距 */
	}

	.footer-column-qr {
		width: calc(1/3 * 100% - 10px);
		/* 1份宽度，减去一半间距 */
	}

	/* 移动端友情链接改为2列 */
	.footer-links {
		grid-template-columns: repeat(2, 1fr);
	}

	.wechat-qr {
		align-items: flex-start;
	}

	.footer_link h4 {
		float: unset;
	}

	.footer_link ul {
		float: unset;
		display: block;
	}

	.footer_link ul li a {
		font-size: 18px;
	}

	.footer_info {
		height: 350px;
	}

	.footer_list fieldset {
		margin-left: 20px;
	}

	.footer_list fieldset legend,
	.footer_list fieldset ul li a {
		font-size: 18px;
	}

	/* .footer_addr{
		display: flex;
	}
	.footer_addr .yy_addr{
		margin-top: 0;
	} */
	.footer_addr .footer_bq .bq_info p label,
	.footer_addr .yy_addr p label,
	.footer_addr .footer_bq .bq_info p span,
	.footer_addr .yy_addr p span {
		font-size: 18px;
	}

	.footer_addr .wx_QRcode img {
		width: 70px;
	}

	.footer_addr .wx_QRcode .wx_text label {
		font-size: 18px;
		margin-top: 10px;
	}

	.footer_support span {
		font-size: 18px;
	}
}

/* 大型设备（笔记本电脑/台式机，992 像素及以上） */
@media only screen and (min-width: 992px) {
	footer {
		height: 400px;
	}

	.footer-top {
		display: flex;
		flex-direction: row;
	}

	.footer-contact-qr-wrap {
		flex: 3;
	}

	.footer-column-links {
		flex: 3;
	}

	.footer-column-contact {
		flex: 2;
	}

	.footer-column-qr {
		flex: 1;
	}

	.footer_info {
		height: 265px;
	}

	.footer_logo {
		float: left;
	}

	.footer_list {
		float: right;
		margin-top: 0px;
	}

	.footer_addr {
		display: flex;
	}

	.footer_addr .yy_addr {
		margin-top: 0px;
	}

	.footer_addr .wx_QRcode {
		position: relative;
	}

	.footer_addr .wx_QRcode .wx_text {
		position: unset;
	}
}

/* 超大型设备（大型笔记本电脑和台式机，1200 像素及以上） */
@media only screen and (min-width: 1200px) {
	footer {
		height: 400px;
	}

	.footer_link {
		height: 48px;
	}

	.footer_link h4 {
		float: left;
	}

	.footer_link ul {
		float: right;
		display: flex;
		margin-top: 0px;
	}

	.footer_link ul li {
		padding: 0 5px;
		display: unset;
		width: unset;
		margin-top: 0px;
	}

	.footer_link ul li a {
		font-size: 16px;
	}

	.footer_info {
		height: 265px;
	}

	.footer_logo {
		float: left;
	}

	.footer_list {
		float: right;
		margin-top: 0px;
	}

	.footer_addr {
		display: flex;
	}

	.footer_addr .yy_addr {
		margin-top: 0px;
	}

	.footer_addr .wx_QRcode {
		position: relative;
	}

	.footer_addr .wx_QRcode .wx_text {
		position: unset;
	}
}