.footer {font-size: 14px;color: #cfd1d9;background: #272b39;padding: 30px 0 10px;}
.footer .footer-main {margin-bottom: 20px;}
.footer .peep-record {padding-top: 10px;border-top: 1px solid #353948;text-align: center;color: #42454f;}
.footer .peep-record a {color: #42454f;}
.footer .peep-record a:hover {color: #72757c;}
.footer .footer-logo, .footer .footer-nav, .footer .footer-wx, .footer .footer-tel {height: 140px;}
.footer .footer-logo, .footer .footer-nav, .footer .footer-wx, .footer .footer-tel, .footer .footer-nav ul, .footer .footer-wx dl {float: left;}
.footer .footer-logo {padding-right: 54px;border-right: 1px solid #353948;}
.footer .footer-nav {margin-right: 40px;}
.footer .footer-nav ul {height: 100%;padding: 0 40px;border-right: 1px solid #353948;}
.footer .footer-nav ul a {color: #cfd1d9;line-height: 28px;}
.footer .footer-nav ul a:hover {color: #72757c;}
.footer .footer-wx dl {text-align: center;margin-right: 30px;}
.footer .footer-wx dl dt {width: 96px;height: 96px;margin: 0 auto 10px;border-radius: 2px;overflow: hidden;}
.footer .footer-wx dl p {font-size: 12px;color: #72757c;}
.footer .footer-wx dl p.wx-tit {font-size: 14px;color: #cfd1d9;}
.footer .footer-tel {border-left: 1px solid #353948;padding-left: 40px;}
.footer .footer-tel > div {padding-left: 38px;margin-bottom: 10px;}
.footer .footer-tel > div p {font-size: 18px;line-height: 24px;font-weight: bold;color: #cfd1d9;}
.footer .footer-tel > div span {font-size: 12px;color: #72757c;}
.footer .footer-tel .telephone {background: url(/images/tel1.png) no-repeat left center;}
.footer .footer-tel .phone {background: url(/images/phone.png) no-repeat left center;}
@media only screen and (max-width: 1200px) {
.footer .footer-logo {width: 16%;padding-right: 2%;}
.footer .footer-nav {width: 37.75%;margin-right: 2%;}
.footer .footer-nav ul {width: 33.333%;padding: 0 20px;}
.footer .footer-nav ul li {white-space: nowrap;}
.footer-wx {width: 24%;padding-right: 2%;}
.footer .footer-wx dl {width: 48%;margin-right: 2%;}
.footer .footer-tel {padding-left: 2%;}
}
@media only screen and (max-width: 1024px) {
.footer-wx {width: 33%;margin-right: 0;}
.footer .footer-nav {width: 49%;}
.footer-tel {display: flex;justify-content: center;align-items: center;width: 100%;height: 70px !important;border-left: none !important;padding-left: 0 !important;padding-top: 20px;margin-top: 20px;border-top: 1px solid #353948;}
.footer .footer-tel > div {margin: 0 30px;}
}
@media only screen and (max-width: 768px) {
.footer {display: none !important;}
.link .link-cnt {margin: 0 auto;}
}