.banner_bg img{ width: 100%; /* height: 160px; */ object-fit: cover; } .pro_bg{ width: 100%; background:url('../images/product/bg.jpg?a=1') no-repeat; background-size:cover; padding:46px 0 56px; } .pro_box{ text-align: center; } .pro_title1{ font-size:27px; color:#333; font-weight: bold; } .pro_title2{ font-size:22px; font-weight: bold; } .pro_cat_box{ display: flex; flex-wrap: wrap; margin-top:30px; padding:0 20px; } .pro_cat_box li{ display: flex; align-items: flex-start; margin: 0 1% 20px 1%; width: 48%; } .pro_cat_box li a{ display: flex; background:rgba(255,255,255,0.6); align-items: flex-start; width:100%; height: 100px; padding: 16px 10px 0 10px; box-sizing: border-box; position: relative; margin:0 auto; } .pro_cat_box .num{ font-size:40px; color:#e5242c; font-weight: bold; position: relative; top:-6px; } .pro_cat_box .pro_info{ flex:1; margin-left:10px; text-align: left; } .pro_cat_box .p_text1{ font-size:16px; color:#333; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-align: justify; } .pro_cat_box .p_text2{ font-size:12px; color:#333; line-height: 28x; margin-top:10px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-align: justify; } .pro_cat_box .p_text3{ font-size:14px; color:#fff; margin-top:10px; } .pro_cat_box li a:hover{ background:rgba(229,36,44,.6); color:#333; } .pro_cat_box li a:hover .num{ color:#fff; } .pro_cat_box li a:hover .p_text1{ color:#fff; font-weight: bold; } .pro_cat_box li a:hover .p_text2{ color:#fff; } .pro_cat_box li a:hover .icon{ width:39px; height:27px; background:url('../images/product/icon1.png') no-repeat; background-size:cover; margin-top:18px; } .a_list li{ border-left:1px solid #cacaca; width: 20%; height: 40px; text-align: center; line-height: 40px; } .detail_box .title1{ background:#e61721; color:#fff; font-size:18px; font-weight: bold; padding:5px 0 5px 18px; } .info_list li{ margin-top:32px; } .info_list .info_title{ display: flex; flex-wrap: wrap; align-items: center; color:#e61721; } .info_list .info_title .info_t1{ display: inline-block; width:8px;height:8px; background:#e61721; margin-right:8px; } .info_list .info_title .info_t2{ font-size:14px; font-weight: bold; margin-right:10px; } .info_list .info_title .info_t3{ font-size:12px; font-weight: bold; position: relative; top:2px; } .info_list .info_text{ font-size:14px; color:#666; margin-top:10px; } .info_list{ padding:0 10px; } .detail_box .title2{ background:#818181; color:#fff; font-size:18px; font-weight: bold; padding:5px 0 5px 18px; margin-top:40px; } .detail_box .pro_box{ display: flex; flex-wrap: wrap; padding:20px 0; } .detail_box .pro_box li{ margin:0 0 10px 0; width: 50%; } .detail_box .pro_box li a{ display: block; width:130px; background:#efefef; padding-bottom:16px; color:#333; margin:0 auto; } .detail_box .pro_img{ width:130px; height:87px; box-sizing: border-box; border:1px solid #eee; border-bottom:none; } .detail_box .pro_border{ height: 4px; background:#e7222a; } .detail_box .pro_name{ font-size:12px; padding:0 10px; margin:10px 0 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } .about_tab{ height: auto; border-bottom:none; } .a_list{ flex-wrap: wrap; } .a_list li{ width: 33%; border-bottom:1px solid #cacaca; } .product_tab.about_tab .a_list li:last-child{ border-right:none; }