.contact-1 { margin: 0 0 40px; background-color: #f5f5f5; } .contact-1 dt { float: left; } .contact-1 dd { margin-left: 460px; padding: 20px 50px 0 50px; } .contact-1 dd h4 { margin: 0; font-weight: normal; font-size: 16px; color: #d82634; } .contact-1 dd p { font-size: 16px; color: #666; line-height: 2; margin: 20px 0 0; } .contact-2 { margin-left: -20px; margin-bottom: 40px; } .contact-2 li { float: left; width: 24%; list-style: none !important; } .contact-2 li .wrap { border: 1px solid #ddd; margin-left: 10px; text-align: center; padding: 20px; } .contact-2 li img { display: block; height: 90px; width: auto; margin: 0 auto; } .contact-2 li p { margin-bottom: 0; height: 80px; overflow: hidden; } .clearfix { zoom: 1; } .clearfix:before, .clearfix:after { display: table; line-height: 0; content: ""; } .clearfix:after { clear: both; } .img-center { text-align: center; font-size: 0; } .img-center img { display: inline-block; width: 480px; height: auto; max-width: 100%; max-height: 100%; vertical-align: middle; } @media screen and (max-width:640px) { .img-center{ width: 100%; } .contact-1 dd{ margin-left: 0; padding: 20px 10px 0 10px; } .contact-2 { margin-left: -0.25rem; margin-bottom: .5rem; margin-top: -0.25rem; padding-left: 0 !important; } .met_editor ul{ padding: 0 0 25px 0; } .contact-2 li { float: left; width: 50%; } .contact-2 li .wrap { margin-left: 0.5rem; text-align: center; margin-top: 0.5rem; background-color: #eee; padding: 0.15rem; } .contact-2 li img { display: block; height: 4.5rem !important; width: auto; margin: 5px auto; } .contact-2 li p { margin-bottom: 0; height: 80px; overflow: hidden; margin-top: 0.2rem; } .client-2{ display: none; } .current{ border: 1px solid #e2dfdf; border-radius: 5px; text-align: center; display: inline-block; color: #474747; margin: 0 3px; background: #f0f0f0; padding: 2px 6px; } }