.footer_block27 { width: 100%; background-color: #00568C; } .footer_block27 .footer { position: relative; margin: 0 auto; border-left: rgba(51, 51, 51, 0.1) 1px solid; border-right: rgba(51, 51, 51, 0.1) 1px solid; } .footer_block27 .footer .max-footer { max-width: 840px; margin: 0 auto; padding: 0 5%; box-sizing: border-box; } .footer_block27 .footer .max-footer .footer-top { border-left: rgba(51, 51, 51, 0.1) 1px solid; border-right: rgba(51, 51, 51, 0.1) 1px solid; border-bottom: rgba(51, 51, 51, 0.1) 1px solid; text-align: center; position: relative; padding: 38px 0 0; } .footer_block27 .footer .max-footer .footer-top a { display: block; } .footer_block27 .footer .max-footer .footer-top a img { max-height: 60px; } .footer_block27 .footer .max-footer p { padding: 25px 0; text-align: center; line-height: 22px; } .footer_block27 .footer .f_logo { display: block; width: 67px; height: 67px; position: absolute; right: 80px; bottom: 60px; overflow: hidden; } .footer_block27 .footer .erweima { width: auto; position: absolute; left: 75px; bottom: 72px; } .footer_block27 .footer .erweima a { position: relative; display: inline-block; cursor: pointer; } .footer_block27 .footer .erweima a .weChat { width: 30px; height: 30px; display: inline-block; margin: 10px 20px 10px 0; transition: all 0.3s ease; } .footer_block27 .footer .erweima a .weChat_img { position: absolute; left: -35px; top: -100px; width: 100px; height: 100px; z-index: 1; display: none; } @media screen and (max-width:1100px) { .footer_block27 .footer .max-footer { padding: 0 15px; } .footer_block27 .footer .max-footer .footer-top { padding: 20px; } .footer_block27 .footer .max-footer p { padding: 15px 0; } .footer_block27 .footer .f_logo { position: static; width: 50%; float: left; text-align: right; } .footer_block27 .footer .erweima { position: static; width: 50%; float: right; text-align: left; padding: 10px 0; } .footer_block27 .footer { border: none; } }