.footer_block6 { background-color: #BA2527; } .footer_block6 .footer { overflow: hidden; } .footer_block6 .footer .lf { float: left; width: 50%; overflow: hidden; margin: 30px 0; } .footer_block6 .footer .md { float: left; width: 50%; overflow: hidden; margin: 30px 0; } .footer_block6 .footer .rt { float: right; width: 27.5%; overflow: hidden; margin: 30px 0; } .footer_block6 .footer .footerList { overflow: hidden; border-left: 1px solid rgba(255, 255, 255, 0.1); padding: 0 8%; } .footer_block6 .footer .footerList ul { overflow: hidden; } .footer_block6 .footer .footerList ul li { float: left; width: 50%; margin-top: 10px; } .footer_block6 .footer .footerList ul li a { color: rgba(255, 255, 255, 0.75); display: block; height: 20px; overflow: hidden; margin-right: 10px; } .footer_block6 .footer .footerList ul li a i { color: rgba(255, 255, 255, 0.7); font-style: normal; margin-right: 5px; } .footer_block6 .footer .footerList ul li a:hover { color: #fff; } .footer_block6 .footer .footerList1 { border-right: 1px solid rgba(255, 255, 255, 0.1); padding: 0 8%; } .footer_block6 .footer .footerList1 .footerContact p { color: rgba(255, 255, 255, 0.75); margin-bottom: 6px; } .footer_block6 .footer .footerList2 { border-right: 1px solid rgba(255, 255, 255, 0.1); padding: 0 8%; } .footer_block6 .footer .footerList2 .code2D { text-align: center; } .footer_block6 .footer .footerList2 .code2D img { padding-bottom: 10px; } .footer_block6 .footer .footerList2 .code2D p { color: #fff; } .footer_block6 .footer .footerTitle { margin-bottom: 10px; } .footer_block6 .footer .footerTitle h3 { color: #fff; font-weight: normal; } .footer_block6 .copyRight { padding: 10px 0; text-align: center; color: rgba(255, 255, 255, 0.75); width: 100%; background: rgba(0, 0, 0, 0.3); overflow: hidden; font-style: normal; font-weight: 400; } @media screen and (max-width:1000px) { .footer_block6 .footer .rt { width: 18.5%; } .footer_block6 .footer .md { width: 43.16%; } .footer_block6 .footer .footerList { padding: 0 5%; } } @media screen and (max-width:800px) { .footer_block6 .footer { background: none; } .footer_block6 .footer .lf { width: 60%; } .footer_block6 .footer .md { width: 40%; } .footer_block6 .footer .rt { float: none; width: 100%; } } @media screen and (max-width:480px) { .footer_block6 .footer .lf { width: 100%; float: none; } .footer_block6 .footer .md { width: 100%; float: none; } .footer_block6 .footer .footerList { border: none; } } @media screen and (max-width:400px) { .footer_block6 .footerList ul li { float: none; width: 100%; } }