#footer{
	width: 1920px;
	height: 320px;
	background:url(../image/footerBg.png);
	overflow: hidden;
	font-family: "微软雅黑";
}
#footer .footer-top{
	padding-left: 160px;
	padding-right: 160px;
	height: 108px;
	overflow: hidden;
	margin-bottom: 35px;
}
.footer-box{
	height: 107px;
	overflow: hidden;
}
.footer-fLeft{
	float: left;
	width: 150px;
	height: 100%;
	position: relative;
}
.footer-fLeft img{
	position: absolute;
	top: 50%;
	transform: translate(0,-50%);
}
.footer-fRight{
	line-height: 108px;
	float: right;
}
.footer-fRight ul li{
	list-style: none;
	font-size: 16px;
	color: #8a8a8a;
	float: left;
	margin-left: 48px;
	height: 15px;
} 
.footer-fRight ul li a{
	color: #FFFFFF;
	opacity: 0.4;
	transition: all 0.5s;
}
.footer-fRight ul li:hover a{
	opacity: 1;
}
#footer .p{
	width: 1600px;
	height: 1px;
	background-color: #505050;
	margin-bottom: 35px;
}
.footer-bottom{
	color: #9d9d9d;
	margin: 0 160px 0 160px;
	height: 213px;
	overflow: hidden;
}
.fbl{
	float:left;
}
.fbl h3{
	font-size: 18px;
	margin-bottom: 25px;
}
.fbl p{
	line-height: 24px;
	font-size: 14px;
}
.fbr{
	float:right;
}
.fbr ul{
	height: 64px;
	margin-bottom: 48px;
}
.fbr ul li a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 130px;
    height: 130px;
    border: 1px solid #FFFFFF;
    opacity: 1;
    border-radius: 5px;
    position: relative;
    transition: all .5s;
    padding-bottom: 5%;
}
.fbr ul li{
	float: right;
	margin-left: 28px;
	
}
.fbr ul li:hover a{
	/*opacity:.7;*/
}
.fbr p{
	white-space: nowrap;
	font-size: 14px;
	color: #9d9d9d;
}



#footer {width: 100%;height:auto;}
#footer .footer-top {padding-left:0px;padding-right:0;height:auto;width: 83%;margin: auto;}
.footer-box {height:auto;padding:2% 0 1.6% 0;border-bottom: 1px solid #505050;overflow: hidden;margin-bottom:2%;}
.footer-fLeft img {position: relative;top: auto;transform:none;}
.footer-fRight {line-height: normal;width: 80%;padding-top:10px;}
.footer-fRight ul {text-align: right;}
.footer-fRight ul li {float: none;margin-left:3%;height: auto;display: inline-block;vertical-align: middle;}
.footer-bottom {width: 83%; margin: 0 auto;height: auto;padding-bottom: 2%;}
.fbr ul {height:auto;margin-bottom: 48px;overflow: hidden;}
.fbr a {color:#9d9d9d;}
.fbr a:hover {color: #fff;}


.fbr ul li a:hover .ewmshow{display: block;}
.fbr ul li a .ewmshow{position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 3;background: #fff;display: none;}
.fbr ul li a .ewmshow img {display: block;width: 100%;height: auto;position: relative;}
.fbr ul li a img.boxCenter {
    width: 70%;
    padding: 10% 10% 5% 10%;
}
@media screen and (max-width: 1440px) {
	.footer-fRight ul li a{font-size: 14px;}
}


@media screen and (max-width: 1366px) {
	.footer-box {padding: 3% 0 1.6% 0;}
}


@media screen and (max-width: 1280px) {
	#footer .footer-top,.footer-bottom{width: 90%;}
}

@media screen and (max-width: 860px) {
	.footer-box {padding: 15% 0 0 0;border-bottom: none;}
	.footer-fRight {line-height:normal;float: none;clear: both;width: 100%;}
	.footer-fRight ul {text-align: left;margin-top: 5%;border-bottom: 1px solid #666;}
	.footer-fRight ul li {margin-left:0;display: block;border-top: 1px solid #666;padding:2% 0;}
	.footer-bottom .fbl h3 {display: none;}
	.footer-bottom .fbr ul {margin-bottom: 20px;margin-top: 20px;}
	.footer-bottom .fbr ul li {float: left;margin-left: 0;margin-right:5%;}
	.footer-bottom .fbr,.footer-bottom .fbl{float: none;overflow: hidden;}
	.footer-bottom .fbr {padding-bottom: 5%;}
	.footer-bottom .fbr p {display: block;white-space: normal;}
	/*.footer-bottom .fbr ul li a img.boxCenter {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}*/
	.footer-bottom .fbr ul li a img.boxCenter {width: 75%;}
}