.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;}
}