.footer_block30 { padding: 50px 0 60px; box-sizing: border-box; background: url(../images230606/footerbg.png) no-repeat; background-size: cover; overflow: hidden; } .footer_block30 p { line-height: 2.43; } .footer_block30 p span { display: inline-block; } .footer_block30 .footerl { width: 40%; } .footer_block30 .footerl .link { line-height: 2.13; text-align: left; } .footer_block30 .footerl .footerUl { overflow: hidden; font-size: 0; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } .footer_block30 .footerl .footerUl a { display: block; line-height: 2.43; padding-left: 9px; box-sizing: border-box; position: relative; } .footer_block30 .footerl .footerUl a::before { content: ''; display: block; width: 3px; height: 2px; background: #fff; position: absolute; left: 0; top: 50%; margin-top: -1px; } .footer_block30 .footerr { display: inline-block; text-align: left; } @media screen and (max-width: 1460px) { .footer_block30 .footerr { width: 40%; } .footer_block30 .footerl { width: 56%; } } @media screen and (max-width:996px) { .footer_block30 .footerl, .footer_block30 .footerr { width: 100%; float: none; } .footer_block30 .footerl .footerUl { justify-content: flex-start; } .footer_block30 .footerl .footerUl li { margin-right: 5%; } .footer_block30 .footerl { margin-bottom: 10px; } }