.banner--index { width: 100%; height: 440px; } .swiper-slide { height: 440px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; background-repeat: no-repeat; background-position: top center; } .swiper_link { display: block; width: 100%; height: 440px; } .show { width: 1200px; margin: 16px auto; overflow: hidden; } .show-list { width: 1220px; zoom: 1; } .show-list:after { display: block; clear: both; content: ""; visibility: hidden; height: 0; } .show-item { float: left; width: 386px; height: 224px; padding: 3px; margin-right: 9px; overflow: hidden; border: 1px solid #eaeaea; background-color: #fff; } .show-item:hover { padding: 0; border: 4px solid #a8cbeb; } .show-link { display: block; position: relative; width: 386px; height: 224px; } .show-link img { display: block; width: 386px; height: 224px; } .show-link .show-title { position: absolute; display: block; z-index: 1; left: 0; bottom: 0; width: 100%; height: 30px; color: #fff; line-height: 30px; text-align: center; overflow: hidden; background-color: rgba(0, 0, 0, 0.8); } .products { margin-bottom: 16px; } .products-list { zoom: 1; } .products-list:after { display: block; clear: both; content: ""; visibility: hidden; height: 0; } .products-head { min-height: 20px; margin-bottom: 10px; zoom: 1; } .products-head:after { display: block; clear: both; content: ""; visibility: hidden; height: 0; } .products-head_title { float: left; height: 20px; padding-left: 6px; border-left: 4px solid #ca151e; line-height: 20px; font-size: 19px; } .products-head_type { float: right; text-align: right; line-height: 20px; } .products-head_type a { margin-left: 20px; } .products-item { position: relative; float: left; width: 293px; height: 314px; padding: 3px; overflow: hidden; z-index: 0; margin-top: -1px; margin-left: -1px; border: 1px solid #eaeaea; background-color: #fff; } .products-item .products-img, .products-item .products-img img { display: block; width: 236px; height: 236px; margin: 0 auto; } .products-item .products-title { display: block; height: 30px; overflow: hidden; line-height: 30px; font-size: 18px; text-align: center; font-weight: bold; } .products-item .products-text { display: block; height: 20px; overflow: hidden; line-height: 20px; font-size: 16px; text-align: center; color: #666; } .products-item .products-price { display: block; font-size: 24px; line-height: 26px; text-align: center; } .products-item:hover { z-index: 1; padding: 0; border: 4px solid #a8cbeb; } .products-item--first { width: 593px; } .products-item--first .products-img { float: left; display: block; width: 314px; height: 314px; } .products-item--first .products-img img { display: block; width: 314px; height: 314px; } .products-item--first .products-detail { padding-left: 350px; width: 220px; } .products-item--first .products-detail_title { height: 30px; margin-top: 50px; margin-bottom: 6px; font-size: 20px; overflow: hidden; } .products-item--first .products-detail_title a { display: block; float: left; height: 28px; border-bottom: 1px solid #333; line-height: 28px; } .products-item--first .products-detail_desc { height: 28px; line-height: 28px; font-size: 16px; color: #666; } .products-item--first .products-detail_buy { display: inline-block; height: 26px; margin-top: 26px; line-height: 26px; border: 1px solid #ca151e; } .products-item--first .products-detail_buy em { display: inline-block; margin: 0 6px; font-size: 24px; vertical-align: top; } .products-item--first .products-detail_buy a { display: inline-block; height: 26px; padding: 0 10px; color: #fff; font-size: 16px; background-color: #ca151e; }