.foot {

	box-sizing: border-box;

	padding: 1% 0 0 1.8%;

	margin: 0 auto;

	max-width: 1170px;

}



.foot:after {

	clear: both;

	content: "";

	display: block;

	height: 0;

	visibility: hidden;

}



.foot>div {

	float: left;

}



.foot .foot_logo,

.foot .qrcode {

	text-align: center;

	width: 14.4%;

}



.foot .qrcode {

	/*margin-top: 4%;*/

}



.foot .foot_logo img,

.foot .qrcode img {

	width: 100%;

}



.foot .qrcode img {

	width: 100%;

}



.foot .separate {

	background: linear-gradient(white, #0a643e, white);

	height: 185px;

	left: 5%;

	position: relative;

	width: 1px;

}



.foot .ul_list {

	display: inline-flex;

	float: right;

	flex-flow: row wrap;

	justify-content: space-between;

	width: 75%;

}



.foot .ul_list:after {

	clear: both;

	/*content: "";*/

	display: block;

	height: 0;

	visibility: hidden;

}



.foot .ul_list .list {

	float: left;

	margin-top: 2%;

	width: 85px;

}



.foot .ul_list .list a {

	color: #919191;

	display: inline-block;

	font-size: 16px;

	margin-top: 7px;

	text-decoration: none;

}



.foot .ul_list .list a:first-child {

	color: #fff;

	font-size: 20px;

	margin-bottom: 8%;

}



.foot .line {

	height: 1px;

	width: 100%;

}



.foot .contact_address {

	font-size: 0;

	margin-top: 8.3%;

	width: 80%;

}



.foot .contact_address > div {

	display: inline-block;

	margin-left: 13%;

	/*width: 50%;*/

}



.foot .contact_address > div p {

	color: #919191;

	font-size: 18px;

}



.sm p {

	border-top: 1px solid #919191;

	color: #9d9d9d;

	font-size: 18px;

	margin-top: 1.3%;

	margin-bottom: 0;

	text-align: center;

}



.sm span {

	display: inline-block;

	margin: 17.5px 0;

}

.sm p a {
	color: #9d9d9d;
}



.sm span:first-child {

	margin-right: 4%;

}



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

	footer {

		padding-top: 3%;

	}



	.foot .ul_list,

	.foot .line {

		display: none;

	}



	.foot {

		box-sizing: border-box;

		padding: 0 3%;

		width: 100%;

	}



	.foot .foot_logo,

	.foot .qrcode {

		width: 30%;

	}



	.foot .foot_logo {

		margin-left: 10%;

	}



	.foot .qrcode {

		float: right;

		margin-right: 10%;

	}



	.foot .separate {

		height: 105px;

		left: 10.5%;

	}



	.sm p {

		border-top-width: 1px;

		font-size: 14px;

	}



	.sm span {

		display: inline-block;

		margin: 8px 0;

	}



	.sm span:first-child {

		margin-right: 0;

	}



	.sm span:last-child {

		margin: 0;

	}



	.foot .contact_address > div {

		margin-left: 5%;

	}



	.foot .contact_address > div p {

		font-size: 14px;

	}



	aside {

		background-color: rgba(0, 0, 0, 0.1);

		height: 100%;

		display: none;

		position: fixed;

		top: 0;

		width: 100%;

		z-index: 10;

	}



	aside .nav_list {

		background-color: #e5fdff;

		box-sizing: border-box;

		height: 100%;

		padding: 60px 0;

		overflow-y: scroll;

		position: relative;

		left: -77%;

		width: 77%;

	}



	aside .nav_list .nav_one {

		text-align: center;

	}



	aside .nav_list .nav_one>a {

		color: #0a643e;

		font-size: 14px;

		text-decoration: none;

	}



	aside .nav_list .nav_one .nav_one_text {

		color: #0a643e !important;

		position: relative;

	}



	aside .nav_list .nav_one .nav_one_text a {

		color: #0a643e !important;

		font-size: 14px;

		text-decoration: none;

	}



	aside .nav_list .nav_one .nav_one_text i {

		position: absolute;

		right: 27%;

		top: 15px;

		transition: all ease 0.2s;

	}



	aside .nav_list .nav_one .nav_one_text i.rotate {

		transform: rotate(90deg);

		transition: all ease 0.2s;

	}



	aside .nav_list .nav_one .nav_two {

		background-color: #f8feff;

		box-sizing: border-box;

		display: none;

		padding: 0 10%;

	}



	aside .nav_list .nav_one .nav_two a {

		color: #0a643e;

		font-size: 12px;

		line-height: 12px;

		margin: 12px 10px;

		display: inline-block;

		text-decoration: none;

	}



	aside .nav_list .nav_one,

	aside .nav_list .nav_one .nav_one_text {

		line-height: 42px;

		letter-spacing: 1px;

	}

}



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

	.foot .separate {

		height: 90px;

	}

}