#footer {
	display: block;
	padding:30px 0 40px;
	background: #ffffff;
}
#footer_m {
	display: none;
}

#footer .footer-inner {
	margin:0 auto;
	max-width: 1280px;
}
#footer .f-top {
	display: flex;
	flex-wrap: wrap;/* justify-content: space-around;*/
	justify-content: space-between;
}
#footer .t-item {
	display: flex;/* justify-content: left;*/
	padding-top:32px;/* min-width: 150px;*/
}
#footer .h2 {
	width:100px;
}
#footer .h2 img {
	width:100%;
}
#footer .h3 {
	margin-bottom:18px;
	color:#0B0E17;
	font-size:16px;
}
#footer .list {
	display: flex;
	flex-direction: column;
}
#footer .list .item>a {
	color:#6B6C72;
}
#footer .list .item {
	line-height: 34px;
	font-size:14px;
}
#footer .list .item:hover a {
	color: #455C9D;
}
#footer .app {
	margin-top:18px;
	height: 100px;
}
#footer .app .p {
	color:#6B6C72;
	line-height: 32px;
	font-size:14px;
}
#footer .app .app-img img {
	display: block;
	/*width:100%;*/
	width: 83px;
}
#footer .call .p {
	color:#999B9E;
	line-height: 32px;
	font-size:14px;
}
#footer .call .p.number {
	font-size:21px;
}
#footer .icon-list {
	margin-top:20px;
	margin-left:-22px;
	display: flex;
	flex-wrap: wrap;
}
#footer .icon-list.mt10 {
	margin-top:10px;
}
#footer .icon-list .icon {
	margin-left:22px;
	flex: 0 0 20px;
	width:20px;
}
#footer .icon img {
	width:100%;
}
#footer .f-bot {
	margin-top:20px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#footer .f-b-left {
	color:#6B6C72;
	font-size:14px;
	padding-top: 23px;
}
#footer .f-b-right a {
	position: relative;
	color:#6B6C72;
	line-height: 20px;
	font-size:14px;
}
#footer .f-b-right a:hover {
	color: #455C9D;
}
#footer .f-b-right a.after {
	padding-right:20px;
}
#footer .f-b-right a.after::after {
position: absolute;
top:2px;
right:10px;
content: '';
width:1px;
height:12px;
}
#footer .app .app-img .wx {
	float: left;
	margin-right: 20px;
}
#footer .app .app-img .wx p {
	text-align: center;
}
#footer .links{
	padding-top:20px;
	}
#footer .links a{
	padding-right:10px;
	}
@media screen and (min-width:1500px) and (max-width:3000px) {
 .f-b-right [deta-title]::after {
content: attr(deta-title);
position: absolute;
left: 0;
top: 200%;
transform: translate(-50%, 0);
color: #6B6C72;
box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3);
background: #FFF;
border-radius: 2px;
padding: 2px 10px 2px 10px;
font-size: 14px;
white-space: nowrap;
transition: all .3s;
opacity: 0;
visibility: hidden;
}
 .f-b-right [deta-title]:hover:after {
transition-delay: 100ms;
visibility: visible;
transform: translate(-50%, -80px);
opacity: 1;
}
}

@media (max-width: 992px) {
	#footer {
		display: none;
	}
	#footer_m {
		display: block;
	}
}