.continueHighBanner img{ width: 100%; } .brandTop{ margin-top: 130px; margin-bottom: 120px; } .brandTitle{ width:1200px; margin: 0 auto; text-align: center } .brandTitle h2{ font-size: 36px; color: #333333; font-weight: normal; } .brandTitle span{ font-size: 20px; display: inline-block; color: #333; margin-top: 5px; margin-bottom: 32px; } .brandTop .brandTitle p{ font-size: 18px; color: #666666; margin-bottom: 12px; } .brandBuess{ width: 1200px; margin: 0 auto; text-align: center; } .brandBuess .brandImg2{ margin-top: 120px; margin-bottom: 120px; } .advantage{ width: 100%; background: #a8c9dd; margin-bottom: 110px; } .advantage .advantageBody{ padding: 60px 0; width: 1200px; margin: 0 auto; display: flex; overflow: hidden; display:-webkit-flex; justify-content: space-around; } .advantage .advantageBody div{ width: 208px; height: 208px; text-align: center; background: #fff; color: #666666; font-size: 26px; padding-top: 70px; } .brandCase { width: 1200px; margin: 70px auto 100px; display: flex; display: -webkit-flex; justify-content: space-between; } @media screen and (max-width:1200px){ .advantage,.continueHighBanner{ width: 1200px; } }