footer {
	padding:50px 0;
	color:#fff;
	background-color:#101820
}
.footer-wrap {
	display:-ms-grid;
	display:grid;
	-ms-grid-columns:25% 25% 25% 25%;
	grid-template-columns:25% 25% 25% 25%;
	-ms-grid-rows:auto auto auto;
	grid-template-rows:auto auto auto;
	grid-template-areas:"sitemap . . feature-title" "menu1 menu2 . feature" "bignav1 bignav2 bignav3 social" "copyright copyright . quote"
}
.footer-wrap>div:nth-of-type(1) {
	-ms-grid-row:1;
	-ms-grid-column:1
}
.footer-wrap>div:nth-of-type(2) {
	-ms-grid-row:1;
	-ms-grid-column:4
}
.footer-wrap>div:nth-of-type(3) {
	-ms-grid-row:2;
	-ms-grid-column:1
}
.footer-wrap>div:nth-of-type(4) {
	-ms-grid-row:2;
	-ms-grid-column:2
}
.footer-wrap>div:nth-of-type(5) {
	-ms-grid-row:2;
	-ms-grid-column:4
}
.footer-wrap>div:nth-of-type(6) {
	-ms-grid-row:3;
	-ms-grid-column:1
}
.footer-wrap>div:nth-of-type(7) {
	-ms-grid-row:3;
	-ms-grid-column:2
}
.footer-wrap>div:nth-of-type(8) {
	-ms-grid-row:3;
	-ms-grid-column:3
}
.footer-wrap>div:nth-of-type(9) {
	-ms-grid-row:3;
	-ms-grid-column:4
}
.footer-wrap>div:nth-of-type(10) {
	-ms-grid-row:4;
	-ms-grid-column:1
}
.footer-wrap>div:nth-of-type(11) {
	-ms-grid-row:4;
	-ms-grid-column:4
}
.footer--sitemap {
	-ms-grid-row:1;
	-ms-grid-column:1;
	grid-area:sitemap
}
.footer--feature-title {
	-ms-grid-row:1;
	-ms-grid-column:4;
	grid-area:feature-title
}
.footer--menu1 {
	-ms-grid-row:2;
	-ms-grid-column:1;
	grid-area:menu1
}
.footer--menu2 {
	-ms-grid-row:2;
	-ms-grid-column:2;
	grid-area:menu2
}
.footer--feature {
	-ms-grid-row:2;
	-ms-grid-column:4;
	grid-area:feature
}
.footer--big-nav1 {
	-ms-grid-row:3;
	-ms-grid-column:1;
	grid-area:bignav1
}
.footer--big-nav2 {
	-ms-grid-row:3;
	-ms-grid-column:2;
	grid-area:bignav2
}
.footer--big-nav3 {
	-ms-grid-row:3;
	-ms-grid-column:3;
	grid-area:bignav3
}
.footer--social {
	-ms-grid-row:3;
	-ms-grid-column:4;
	grid-area:social;
	margin-bottom:65px
}
.footer--copyright {
	-ms-grid-row:4;
	-ms-grid-column:1;
	-ms-grid-column-span:2;
	grid-area:copyright;
	-ms-grid-row-align:end;
	align-self:end;
	padding-bottom:2px
}
.footer--quote {
	-ms-grid-row:4;
	-ms-grid-column:4;
	grid-area:quote
}
footer h4 {
	margin-top:40px;
	line-height:0
}
footer h4 a {
	font-family:din-condensed;
	font-weight:400;
	font-size:35px;
	line-height:1em;
	letter-spacing:1px;
	color:#fff;
	text-transform:uppercase;
	-webkit-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out
}
footer h4 a:hover {
	color:#00bfff
}
footer ul {
	font-family:din;
	font-weight:300;
	list-style:none;
	font-size:25px;
	margin:0;
	padding:0
}
footer ul li,footer ul li a {
	font-family:din;
	font-size:25px;
	line-height:1em;
	letter-spacing:-.5px;
	margin-bottom:25px;
	color:#fff;
	-webkit-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out
}
footer ul li a:hover {
	color:#c8c9c7
}
footer .footer--feature h5 {
	font-weight:300;
	font-size:25px;
	line-height:40px;
	text-transform:none;
	letter-spacing:-.5px;
	margin-bottom:20px
}
.footer--feature .input {
	margin-bottom:20px
}
.footer--feature .input input {
	background:transparent;
	color:#fff
}
.footer--feature .hs-input:focus {
	border-color:#97959b;
	color:#00bfff
}
.footer--feature .actions {
	text-align:left;
	margin-bottom:20px
}
footer .footer--feature .join-button,.footer--feature .hs-button {
	display:block;
	border-radius:2px;
	border-color:#fff;
	background-color:#fff;
	text-transform:uppercase;
	font-size:13px;
	letter-spacing:2px;
	color:#565658 !important;
	position:relative;
	width:100%;
	margin-top:20px;
	/*text-align:left;*/
	-webkit-box-shadow:0 0 20px rgba(0,0,0,0.1);
	box-shadow:0 0 20px rgba(0,0,0,0.1);
/*	padding:10px 15px 10px 35px;*/
	border-radius:40px;
	-webkit-transition:.4s;
	-o-transition:.4s;
	transition:.4s;
	line-height:24px;
	max-width:130px
}
footer .footer--feature .join-button::after,.footer--feature .hs-button::after {
	content:'';
	display:block;
	width:6px;
	height:11px;
	position:absolute;
	left:135px;
	top:50%;
	-webkit-transform:translateY(-65%);
	-ms-transform:translateY(-65%);
	transform:translateY(-65%);
	background-image:url(../images/right-arrow.svg);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center
}
.footer--feature label {
	color:#c8c9c7
}
.footer--feature .hs-form-field>label {
	color:#c8c9c7
}
footer .footer--feature .join-button:hover,.footer--feature .hs-button:hover {
	-webkit-box-shadow:0 10px 20px rgba(0,0,0,0.1);
	box-shadow:0 10px 20px rgba(0,0,0,0.1);
	color:#0080c8 !important
}
.footer--feature .hs-error-msg {
	color:#c8c9c7
}
footer .footer--social {
	margin-top:40px
}
footer .footer--social-wrap {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-line-pack:center;
	align-content:center;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	max-width:234px;
	width:100%
}
footer .footer--social-wrap a {
	-webkit-transition:.3s all ease-in-out;
	-o-transition:.3s all ease-in-out;
	transition:.3s all ease-in-out
}
footer .footer--social-wrap img {
	width:22px
}
footer .footer--social-wrap .social-icons {
	width:22px;
	height:22px;
	background:white;
	-webkit-mask-size:cover;
	mask-size:cover
}
footer .footer--social-wrap .social-icons:hover {
	width:22px;
	background:#00bfff;
	-webkit-mask-size:cover;
	mask-size:cover
}
footer .footer--copyright,footer .footer--copyright a {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	font-size:13px;
	font-weight:400;
	color:#c8c9c750;
	-webkit-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out
}
footer .footer--copyright a:hover {
	color:#fff
}
@media(max-width:1300px) {
	footer .footer--copyright,footer .footer--copyright a {
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	grid-column-gap:30px
}
footer .footer--copyright div:first-child {
	width:100%
}
}footer .footer--quote h5 {
	font-family:din-condensed;
	line-height:28px;
	font-size:25px;
	letter-spacing:1px;
	color:#c8c9c7
}
footer .eyebrow {
	margin-bottom:40px
}
@media(max-width:690px) {
	.footer {
	padding:50px 0 20px
}
.footer-wrap {
	-ms-grid-columns:50% 50%;
	grid-template-columns:50% 50%;
	grid-template-areas:"sitemap . " "menu1 menu2" "bignav1 bignav1" "bignav2 bignav2" "bignav3 bignav3" "feature feature" "quote quote" "social . " "copyright copyright"
}
.footer--feature-title {
	display:none
}
.footer--feature {
	margin-bottom:50px
}
footer .footer--feature h5 {
	margin-bottom:10px
}
.footer--big-nav3 {
	margin-bottom:50px
}
.footer--social .eyebrow {
	margin-bottom:20px
}
.footer--copyright {
	display:block !important;
	line-height:2em
}
.footer--sitemap {
	-ms-grid-row:1;
	-ms-grid-column:1
}
.footer--menu1 {
	-ms-grid-row:2;
	-ms-grid-column:1
}
.footer--menu2 {
	-ms-grid-row:2;
	-ms-grid-column:2
}
.footer--feature {
	-ms-grid-row:6;
	-ms-grid-column:1;
	-ms-grid-column-span:2
}
.footer--big-nav1 {
	-ms-grid-row:3;
	-ms-grid-column:1;
	-ms-grid-column-span:2
}
.footer--big-nav2 {
	-ms-grid-row:4;
	-ms-grid-column:1;
	-ms-grid-column-span:2
}
.footer--big-nav3 {
	-ms-grid-row:5;
	-ms-grid-column:1;
	-ms-grid-column-span:2
}
.footer--social {
	-ms-grid-row:8;
	-ms-grid-column:1
}
.footer--copyright {
	-ms-grid-row:9;
	-ms-grid-column:1;
	-ms-grid-column-span:2
}
.footer--quote {
	-ms-grid-row:7;
	-ms-grid-column:1;
	-ms-grid-column-span:2
}
}


/******新增*****/

.margin_top_bottom{margin-top: 100px; margin-bottom: 170px;}



