.footerbox { background: #2b32b2; position: relative; } .footerbox::before { content: ''; display: block; background: -o-linear-gradient(right, rgba(43, 50, 178, 1) 0%, rgba(20, 136, 204, .8) 50%, rgba(43, 50, 178, 1) 100%); background: -moz-linear-gradient(right, rgba(43, 50, 178, 1) 0%, rgba(20, 136, 204, .8) 50%, rgba(43, 50, 178, 1) 100%); background: linear-gradient(to right, rgba(43, 50, 178, 1) 0%, rgba(116, 179, 216, 1) 50%, rgba(43, 50, 178, 1) 100%); background:url(../images/b4.png) no-repeat center; position: absolute; background-size: cover; left: 0; top: 0; width: 100%; height: 100%; } .footer { padding: 60px 0 50px; box-sizing: border-box; position: relative; z-index: 1; display: flex; justify-content: space-between; /* align-items: center; */ } .footer .fl { width: 42.2%; } .footer .md { width: 27%; } .footer .md .title_footer { margin-bottom: 12px; border-bottom: 1px solid rgba(255, 255, 255, .15); } .linksList { font-size: 0; } .linksList li { width: 50%; display: inline-block; margin-bottom: 16px; vertical-align: top; } .linksList li a { display: block; line-height: 1.5; box-sizing: border-box; font-size: 16px; } .footer .md .title_footer h3 { position: relative; display: inline-block; padding-bottom: 12px; box-sizing: border-box; } .footer .md .title_footer h3::before { content: ''; display: block; width: 100%; height: 2px; position: absolute; background: rgba(255, 255, 255, .5); bottom: 0; } .footer .rt { width: 286px; } .footer .fl p { line-height: 1.5; margin-bottom: 10px; } .footer .fl p:last-child { margin-bottom: 0; } .footer .footer_logo { padding-bottom: 28px; margin-bottom: 28px; box-sizing: border-box; border-bottom: 1px solid rgba(255, 255, 255, .15); display: flex; } .footer .footer_logo a{ width: auto; } .footer .footer_logo a { display: inline-block;margin-right: 10px; } .footer .footer_logo a img{max-height: 40px;} .footer .footer_logo .logo2 { padding: 0 20px; margin: 0 20px; box-sizing: border-box; position: relative; display: inline-block; } .footer .footer_logo .logo2::before, .footer .footer_logo .logo2::after { content: ''; display: block; width: 1px; height: 30px; position: absolute; left: 0; top: calc(50% - 15px); background: rgba(255, 255, 255, .2); } .footer .footer_logo .logo2::after { left: auto; right: 0; } .title_footer {} .ewmul { margin: 0 -15px; font-size: 0; } .ewmul li { width: 50%; display: inline-block; vertical-align: top; } .ewmul li .item { margin: 0 15px; } .ewm { width: 100px; height: 100px; overflow: hidden; margin: 0 auto; } .ewmtxt { font-size: 14px; line-height: 1.3; text-align: center; margin-top: 10px; } .footerbottom { line-height: 1.5; color: rgba(255, 255, 255, .5); padding: 23px 0; box-sizing: border-box; border-top: 1px solid rgba(255, 255, 255, .2); position: relative; z-index: 1; text-align: center; } @media screen and (max-width: 1420px) { .footer .footer_logo .logo2 { padding: 0 10px; margin: 0 10px; } .footer .rt { width: 265px; } .footer .md { width: 30%; } .ewmul { margin: 0 -5px; } .ewmul li .item { margin: 0 5px; } } @media screen and (max-width: 1240px){ .footer .md { width: 22%; }.footer .fl { width: 45.2%; } .linksList li{ width: 100%; } .ewmul li{ width: 110px; } .footer .rt { width: 220px; } .footer .fl { width: 50.2%; } } @media screen and (max-width: 997px){ .linksList{ margin: 0 -10px; } .linksList li{ width: auto; } .linksList li a{margin: 0 10px;} .footerbottom{padding: 15px 0;} .footer{ flex-direction: column; align-items: center; padding: 30px 0 25px; } .footer .footer_logo { padding-bottom: 15px; margin-bottom: 15px; }.footer .fl { width: 100%; max-width: 503px; }.footer .md { width: 100%; max-width: 324px; max-width: 503px; margin: 20px 0 4px; } .footer .rt { width: 100%; max-width: 270px; }.ewmul li{ width: auto; } }