.footer {
	background: #29313A;
}

.footer .footer_area {
	position: relative;
	z-index: 1;
}

.nav_foot_box {
	padding: 32px 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.24);
}

.nav_foot_box .logo {
	height: 36px;
}

.nav_foot_box .logo img {
	height: 100%;
}

.nav_foot_box .nav_ul {
	margin-left: 40px;
}

.nav_foot_box .nav_ul .nav_li {
	font-weight: 400;
	font-size: 16px;
	color: #FFFFFF;
	white-space: nowrap;
}

.nav_foot_box .nav_ul span {
	margin: 0 40px;
	width: 1px;
	height: 16px;
	background: #999999;
}

.foor_lxfs {
	padding: 30px 0 20px;
}

.foor_lxfs .lxfs_item {
	width: 280px;
	max-width: 50%;
}

.foor_lxfs .lxfs_item .label {
	font-weight: 400;
	font-size: 16px;
	color: #FFFFFF;
}

.foor_lxfs .lxfs_item .label img {
	margin-right: 10px;
	width: 20px;
	height: 20px;
}

.foor_lxfs .lxfs_item .value {
	margin-top: 16px;
	padding-left: 30px;
	font-weight: 400;
	font-size: 16px;
	color: #FFFFFF;
}

.footer .copyright {
	padding: 15px 10px;
	font-weight: 400;
	font-size: 14px;
	line-height: 22px;
	color: rgba(255, 255, 255, 0.4);
	text-align: center;
}


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

@media screen and (max-width: 1440px) {
	.footer .footer_area .foot_contain {
		margin: 0;
	}
}

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

@media screen and (max-width: 1300px) {}

@media screen and (max-width: 1250px) {}

@media screen and (max-width: 1200px) and (min-width: 1151px) {}

@media screen and (max-width: 1200px) and (min-width: 993px) {}

@media screen and (max-width: 1150px) {
	.nav_foot_box .nav_ul {
		margin-left: 30px;
	}

	.nav_foot_box .nav_ul span {
		margin: 0 30px;
	}
}

@media screen and (max-width: 1000px) {
	.nav_foot_box .nav_ul {
		margin-left: 20px;
	}

	.nav_foot_box .nav_ul .nav_li {
		padding: 8px 0;
	}
}

@media screen and (max-width: 880px) {
	.nav_foot_box .nav_ul {
		width: 100%;
		margin-top: 10px;
	}

	.nav_foot_box .nav_ul span {
		margin: 0 20px;
	}
}

@media screen and (min-width: 992px) {}

/* @media screen and (max-width: 900px) and (min-width: 770px) */
@media screen and (max-width: 992px) {}

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

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

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

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

/* 超大型设备（大型笔记本电脑和台式机，1200 像素及以上） */
/* @media only screen and (min-width: 1200px) {
   
} */
/**
 * 
 * @author wenxin <1171390035@qq.com>
 * 
 * @createTime: 2021-3-19 14:21:05
 * ┌───┐   ┌───┬───┬───┬───┐ ┌───┬───┬───┬───┐ ┌───┬───┬───┬───┐ ┌───┬───┬───┐
 * │Esc│   │ F1│ F2│ F3│ F4│ │ F5│ F6│ F7│ F8│ │ F9│F10│F11│F12│ │P/S│S L│P/B│  ┌┐    ┌┐    ┌┐
 * └───┘   └───┴───┴───┴───┘ └───┴───┴───┴───┘ └───┴───┴───┴───┘ └───┴───┴───┘  └┘    └┘    └┘
 * ┌───┬───┬───┬───┬───┬───┬───┬───┬───┬───┬───┬───┬───┬───────┐ ┌───┬───┬───┐ ┌───┬───┬───┬───┐
 * │~ `│! 1│@ 2│# 3│$ 4│% 5│^ 6│& 7│* 8│( 9│) 0│_ -│+ =│ BacSp │ │Ins│Hom│PUp│ │N L│ / │ * │ - │
 * ├───┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─────┤ ├───┼───┼───┤ ├───┼───┼───┼───┤
 * │ Tab │ Q │ W │ E │ R │ T │ Y │ U │ I │ O │ P │{ [│} ]│ │ | │ │Del│End│PDn│ │ 7 │ 8 │ 9 │   │
 * ├─────┴┬──┴┬──┴┬──┴┬──┴┬──┴┬──┴┬──┴┬──┴┬──┴┬──┴┬──┴┬──┴─────┤ └───┴───┴───┘ ├───┼───┼───┤ + │
 * │ Caps │ A │ S │ D │ F │ G │ H │ J │ K │ L │: ;│  '│ Enter  │               │ 4 │ 5 │ 6 │   │
 * ├──────┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴────────┤     ┌───┐     ├───┼───┼───┼───┤
 * │ Shift  │ Z │ X │ C │ V │ B │ N │ M │< ,│> .│? /│  Shift   │     │ ↑ │     │ 1 │ 2 │ 3 │   │
 * ├─────┬──┴─┬─┴──┬┴───┴───┴───┴───┴───┴──┬┴───┼───┴┬────┬────┤ ┌───┼───┼───┐ ├───┴───┼───┤ E││
 * │ Ctrl│    │Alt │         Space         │ Alt│    │    │Ctrl│ │ ← │ ↓ │ → │ │   0   │ . │←─┘│
 * └─────┴────┴────┴───────────────────────┴────┴────┴────┴────┘ └───┴───┴───┘ └───────┴───┴───┘
  */
@media screen and (max-width: 768px) {
	.nav_foot_box {
		padding: 20px 0 15px;
	}

	.foor_lxfs {
		padding: 20px 0 10px;
	}

	.foor_lxfs .lxfs_item .label img {
		margin-right: 10px;
		width: 20px;
		height: 20px;
	}

	.foor_lxfs .lxfs_item .value {
		margin-top: 10px;
	}
}

@media screen and (max-width: 600px) {}