.footer{background-color:#efefef;}
.footer .footer-top{overflow: hidden;position: relative;height: 504px;}
.footer .contact-us,.footer .map{width: 50%;}

.footer .contact-us{padding-top: 90px;}
.footer .contact-us h4{font-size: 22px;line-height: 32px;color: #474747;text-transform: uppercase;font-weight: bold;}
.footer .contact-us .ewm{margin-top: 15px;margin-bottom: 15px;}
.footer .contact-us .ewm span{display: inline-block;margin-right: 25px;}
.footer .contact-us .ewm span img{width: 108px;border: 4px solid #fff;border-radius: 5px;background: #fff;}
.footer .contact-us .ewm span em{display: block;text-align: center;font-size: 14px;line-height: 24px;color: #272727;font-weight: bold;}

.footer .contact-us .mess{padding:0 20px;border-left: 1px solid #b9b9b9;font-size: 14px;line-height: 22px;color: #727272;}
.footer .contact-us .mess p{margin-bottom: 6px;}
.footer .map{background: #f5f5f5;position: absolute;top: 0;right: 0;height: 100%;}
.footer .map a{display: block;height: 100%;background-repeat: no-repeat;background-position: center center;background-size: cover;}
.footer .map img{width: 100%;}


.footer .footer-mes{;padding: 40px 0;background: #131212;}
.footer .footer-mes .wrap{padding-bottom: 20px;}

.footer .footer-mes .footer-logo{float: left;width: 330px;}
.footer .footer-mes .footer-logo img{width: 78px;}


.footer .copyright{float: right;font-size: 14px;line-height: 20px;color: #b4b4b4;padding-top: 15px;}

.footer .copyright .attention{text-align: right;margin-top: 15px;}
.footer .copyright  a{display: inline-block;margin-left: 10px;}
.footer .copyright  a img{width: 23px;}