.global-footer .global-footer-bottom{ /* height: 52px; */ padding: 12px; text-align: center; font-size: 12px; font-size: 1.2rem; color: #cccccc; line-height: 40px; line-height: 4rem; background-color: #161616; } .global-footer .footer-content{ background-color: #171b25; padding: 55px 20%; padding: 5.5rem 20%; } .global-footer .footer-content .content-item{ /* display: inline-block; */ /* height: 225px; height: 22.5rem; */ color: rgb(255,255,255 ,.6); float: left; } .global-footer .footer-content .content-item.contact {margin-right: 82px;} .global-footer .footer-content .content-item.map{margin-right: 60px;padding-top: 10px;width: 343px;} .global-footer .footer-content .content-item.contact .ims-logo{ display: inline-block; width: 134px; height: 58px; background-image: url('../images/nav/ims-logo-new.png'); background-size: 100% 100%; } .global-footer .footer-content .content-item.contact .ims-text{ font-size: 12px; font-size: 1.2rem; line-height: 24px; line-height: 2.4rem; color: rgb(255,255,255 ,.6); padding-left: 26px; width: 298px; position: relative; } .global-footer .footer-content .content-item.contact .ims-text .icon{ display: inline-block; width: 14px; width: 1.4rem; height: 14px; height: 1.4rem; /* background-color: wheat; */ position: absolute; top: 6px; left: 6px; } .global-footer .footer-content .content-item.contact .ims-text .icon.icon-address{ background-image: url('../images/nav/address-icon.png'); background-size: 100% 100%; } .global-footer .footer-content .content-item.contact .ims-text .icon.icon-tel{ background-image: url('../images/nav/tel-icon.png'); background-size: 100% 100%; } .global-footer .footer-content .content-item.contact .ims-address{ margin: 30px 0 30px; width: 298px; } .global-footer .footer-content .content-item.map label, .global-footer .footer-content .content-item.about label{ font-size: 18px; font-size: 1.8rem; color: white; margin-bottom: 18px; display: block } .global-footer .footer-content .content-item.about label { margin-bottom: 28px;} .global-footer .footer-content .content-item.map .map-ul li{ float: left; width: 140px; line-height: 50px; border-bottom: 1px solid rgba(152,152,152 ,.2); } .global-footer .footer-content .content-item.map .map-ul li:nth-child(2n){margin-left: 59px;} .global-footer .footer-content .content-item.map .map-ul li.none-b{border: 0px;} .global-footer .footer-content .content-item.map .map-ul li a{cursor: pointer;color: #fff;} .global-footer .footer-content .content-item.about{width: 172px;padding-top: 10px;} .global-footer .footer-content .content-item.about .item img{width: 70px;height: 70px;float: left;} .global-footer .footer-content .content-item.about .item p{width: 82px;float: left;line-height: 24px;margin-left: 20px;} .global-footer .footer-content .content-item.about .item + .item{margin-top: 20px;} @media (max-width:1610px){ .global-footer .footer-content{ padding: 55px 10%; } } @media (max-width:960px){ .global-footer .footer-content .content-item.map{display: none;} /* .global-footer .footer-content .content-item.about{display: none;} */ .global-footer .footer-content .content-item{ /* display: block; */ /* float: none; */ /* width: 343px !important; */ /* margin: 0 auto !important; */ } } @media (max-width:750px){ .global-footer .footer-content .content-item{ display: block; float: none; /* width: 288px ; margin: 0 auto; */ } .global-footer .footer-content .content-item.contact .ims-address{ margin: 10px 0 10px; width: auto; } .global-footer .footer-content .content-item.contact{margin: 0px auto;width: 260px ;} .global-footer .footer-content .content-item.about{width: 260px ;margin: 0px auto;} .global-footer .footer-content .content-item.contact .ims-text{width: auto;} .global-footer .footer-content{padding-top: 35px;} }