.banner img{ display: block; width: 100%; } .com_title1 { font-size: 22px; margin-bottom: 5px; } .com_title2 { font-size: 18px; color: #c9c9c9; margin-bottom: 30px; } .sdiv { width: 282px; height: 100%; border: 1px solid #da251d; position: absolute; background: rgba(255,255,255,.8); transition: all 0.5s; top: 0; opacity: 0; } .sdiv .stitle { font-size: 24px; color: #666; margin-top: 35%; } .item:hover .sdiv { opacity: 1; } .sec_brand{ padding-top: 50px; padding-bottom: 100px; } .brand_list{ margin-bottom: 35px; font-size:0; text-align:center; } .brand_list li{ display:inline-block; width: 150px; height: 150px; background: #f0f0f0; text-align: center; padding-top: 26px; } .brand_list li:hover{ cursor: pointer; } .brand_list li span{ display: inline-block; font-size: 16px; border-bottom: 1px solid transparent; margin-top: 6px; } .brand_active{ background: #fff !important; } .car_brand{ border-color: #da251d !important; color: #da251d; } .car_title{ font-size: 16px; font-weight: bold; margin-top: 35px; margin-bottom: 10px; } .picScroll{ width: 1200px; margin: 0 auto; } .picScroll .bd { width: 1160px; margin: 0 auto; overflow: hidden; } .picScroll .hd .prev { float: left; margin-top: 60px; } .picScroll .hd .next { float: right; margin-top: 60px; } .picScroll li{ margin-right: 10px; float: left; text-align: center; } .picScroll li .img_box { width: 276px; height: 168px; overflow: hidden; padding: 10px; border: 1px solid #f0f0f0; margin-bottom: 10px; } .picScroll li .img_box img{ display: block; width: 100%; } .picScroll li p{ font-size: 16px; } .com_brand{ display: none; } .com_brand_active{ display: block !important; } @media screen and (max-width: 1220px){ .picScroll { width: 920px; } .picScroll .bd{ width: 850px; } } @media screen and (max-width: 999px){ .banner{ padding-top: 62px; } .com_title1,.com_title2{ padding-left: 20px; } .brand_list{ width: 600px; margin: 0 auto 35px; } .sec_brand .content{ padding: 0 20px; } .car_title{ padding-left: 20px; font-size: 18px; } .picScroll{ width: 610px; } .picScroll .bd { width: 562px; } .picScroll li p{ font-size: 18px; } }