.footer { background-color: #104E81; width: 100%; overflow: hidden; } .footer_wrap { width: 83vw; min-width: 1056px; margin: 0 auto; padding: 35px 0 50px; display: flex; justify-content: space-between; } .footer_wrap .txt { width: 48%; color: #fff; display: flex; } .footer_wrap .txt a { color: #fff; } .footer_wrap .txt div { padding-left: 20px; } .footer_wrap .txt h2 { font-size: 16px; line-height: 32px; position: relative; } .footer_wrap .txt h2::before { content: ''; position: absolute; left: -20px; top: 50%; transform: translateY(-50%); border-top: 6px solid white; border-right: 6px solid transparent; border-left: 6px solid transparent; } .footer_wrap .txt ul { display: flex; justify-content: flex-start; } .footer_wrap .txt li { box-sizing: border-box; padding-right: 100px; font-size: 14px; line-height: 24px; } .footer_wrap .first span { display: block; } .footer_wrap ul.pic { width: 21%; display: flex; justify-content: space-between; } .footer_wrap ul.pic li { width: 55px; } .footer_wrap ul.pic li img { width: 100%; } .footer_wrap .entxt { width: 48%; color: #fff; } .footer_wrap .entxt a { color: #fff; } .footer_wrap .entxt span:first-child { margin-right: 10px; } .footer_wrap ul.en-pic { width: 21%; display: flex; justify-content: flex-end; } .footer_wrap ul.en-pic li { width: 55px; margin-left: 1.2vw; } .footer_wrap ul.en-pic li img { width: 100%; }