.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; } .brandBuess ul li{ float: left; width: 590px; height: 300px; margin-left: 20px; box-shadow: 0 0 4px #ccc; margin-bottom: 20px; } .brandBuess ul li:nth-child(2n+1){ margin-left: 0; } .brandBuess ul li div{ padding-left: 50px; padding-top: 40px; text-align: left; width: 280px; height: 300px; background: #f8f8f8; } .brandBuess ul li div h3{ font-weight: normal; font-size: 22px; color: #333; } .brandBuess ul li div img{ width: 74px; height: 30px; margin-top: 30px; margin-bottom: 30px; } .brandBuess ul li div p{ width: 174px; font-size: 16px; color: #333333; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp:3; } .brandBuess ul li>a{ width: 100%; height: 100%; display: inline-block; display: flex; display: -webkit-flex; justify-content: space-between; } .brandBuess ul li a>img{ width: 310px; height: 300px; display: inline-block; } .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; } }