﻿.leixing_title{}
.leixing_title .dflex_a_b{align-items: baseline;}
.leixing_title p{color: #141414;}
.leixing_title a{color: #666;}
.leixing_title a:hover{color: #e54237;}
.border_line{border-bottom: 1px solid #e8e8e8;}

.category_box {
  width: 230px; background: #2d3742;
}
.index_category{height: 100%;}
.index_category a{
  flex: 1;
color: #fff;
}
.index_category a.on{background: #3b4b5b;}
.index_category a img{
  width: 32px;
}
.index-block1 .category_box .category_right{display: none; overflow: auto; position: absolute; left: 230px; top: 0; z-index: 500; background: #fff; width: 996px; height: 100%; border-top: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7; border-right: 1px solid #d7d7d7; box-shadow: 1px 0 1px 2px rgb(216 216 216 / 35%);}
.index-block1 .category_box .category_right dl{ display: flex;}
.index-block1 .category_box .category_right dl+dl{padding-top: 17px;}
.index-block1 .category_box .category_right dl dt{width: 226px; line-height: 1;}
.index-block1 .category_box .category_right dl dt a{color: #252525; display: block; margin-bottom: 20px;}
.index-block1 .category_box .category_right dl dd{flex:1;}
.index-block1 .category_box .category_right dl dd a{color: #252525; border-left: 1px solid #565755; display: block; float: left; margin-bottom: 20px; line-height: 1;}
.index-block1 .category_box .category_right dl dd a:hover,.index-block1 .category_box .category_right dl dt a:hover{color: #064fb3;}

/*轮播图*/
.banner .swiper-slide a {display: block; height: 460px;}
.swiper-pagination-bullet-active{background: #323130;}
.swiper-container-horizontal > .swiper-pagination-bullets{bottom: 30px; text-align: right; padding-right: 30px;}
/*轮播图 end*/


.index-block2{height: 160px;}
.index-block2 .xx{width: 230px; color: #fff; -webkit-transition: all .3s linear;transition: all .3s linear;}
.index-block2 .xx:hover{box-shadow: 10px 7px 7px -2px #cbc9c9;}
.index-block2 .xx img{max-width: 100%;}
.index-block2 .xx span{}
.index-block2 .xx button{border: none; outline: none; padding: 6px 30px; border-radius: 5px;}


.index-block2 .link{-webkit-transition: all .3s linear;transition: all .3s linear; flex: 1; width: 0;}
.index-block2 .link:hover{box-shadow: 10px 7px 7px -2px #cbc9c9;}
.index-block2 .link .img{}
.index-block2 .link .img img{max-height: 100%; max-width: 100%; display: block;}


.index-block3{background: #f5f5f5;}
.index-block3 .xx{width: 160px;}
.index-block3 .xx img{height: 100%;}
.index-block3 .xx p{color: #f16837;}
.index-block3 .link+.link{border-left: 1px solid #c3c1c1;}
.index-block3 .link p{color: #161616;}
.index-block3 .link span{color: #505050;}
.index-block3 .link .img{height: 40px; margin-bottom: 15px; align-items: baseline;}
.index-block3 .link .img img{max-height: 100%; max-width: 100%; display: block;}

.index-block4{height: 100px;}
.index-block4 .news{background: #f5f5f5;}
.index-block4 .news .news-box{height: 70px; overflow: hidden;}
.index-block4 .news .news-box .swiper-container{height: 100%; width: 100%;}
.index-block4 .news .swiper-container-free-mode> .swiper-wrapper {
				-webkit-transition-timing-function: linear;
				/*之前是ease-out*/
				-moz-transition-timing-function: linear;
				-ms-transition-timing-function: linear;
				-o-transition-timing-function: linear;
				transition-timing-function: linear;
				margin: 0 auto;
			}
.index-block4 .news .news-item p{color: #161616;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.index-block4 .news .news-item span{color: #474747;}
.index-block4 .coupon-box{background: #f5f5f5;}
.index-block4 .coupon-box .coupons_item {box-sizing: border-box; color: #ffe082; padding: 8px 13px; cursor: pointer;}
.index-block4 .coupon-box .coupons_item .coupons_item-box{border: 1px dashed; padding: 0 10px;}
.index-block4 .coupon-box .coupons_item+.coupons_item{margin-left: 20px;}
.index-block4 .coupon-box .coupons_item .coupons_price {border-right: 1px dashed;}
.index-block4 .coupon-box .coupons_item .coupons_price text{line-height: 1;}
.index-block4 .coupon-box .coupons_item .coupons_rule {line-height: 1;}


.brand-introduce{width: 299px; color: #fff; padding: 55px 30px; display: block;-webkit-transition: all .3s linear;transition: all .3s linear;}
.brand-introduce:hover{box-shadow: 10px 7px 7px -2px #cbc9c9;}
.brand-introduce p{line-height: 1.5;text-shadow: 0 1px rgb(71 72 73 / 27%), 1px 0 rgb(71 72 73 / 27%);}
.brand-introduce ul{}
.brand-introduce ul li{line-height: 1.8; text-shadow: 0 1px rgb(71 72 73 / 27%), 1px 0 rgb(71 72 73 / 27%);}
/*商品*/
.hotproduct{}
.hotproduct .hotproduct-list{}
.product_block .product-item{width: 24.025%; padding: 1px;}
.product_block .product-item:hover{border: 1px solid #162f8d; padding: 0;}
.product_block .product-item .product-item-img{width: 100%; height: 217px; overflow: hidden; background: #fff;}
.product_block .product-item .product-item-img .imgWrap_bg{position:absolute;left:-7%;top:0;width:114%;height:114%;object-fit:cover;-webkit-filter:blur(13px);filter:blur(13px)}
.product_block .product-item .product-item-img .imgWrap_img{display:block;max-width:100%;max-height:100%;position:relative}

.product_block .product-item .product-item-info{}
.product_block .product-item .product-item-info .title{line-height: 1.7; white-space: pre-wrap; -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: -webkit-box; color: #303030;}
.product_block .product-item .product-item-info .title span{color: #636363;    letter-spacing: 1px;}

.product_block .product-item .product-item-info .product-item-price p{color: #e3554c;}
.product_block .product-item .product-item-info .product-item-price s{color: #9c9c9c;}

.product_block .product-item .product-item-info .look{color: #444;}
.product_block .product-item .product-item-info .look p{white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

.product_block .product-box .product-item{margin-right: 1.3%;}
.product_block .product-box .product-item:nth-of-type(4n){margin-right: 0;}
/*商品 end*/

