@charset "utf-8";

/* partsList */
.list-main{padding:0.45rem 0 0.9rem;}

.parts-list{display: grid;gap:0.2rem;grid-template-columns: repeat(5, minmax(0, 1fr));}
.parts-list .item{border:1px solid #e4e4e4;}
.parts-list .box{padding:0.1rem 0.15rem 0.35rem;display: block;}
.parts-list .imgbox{display: flex;align-items: center;justify-content: center;/* height: 1.7rem; */ aspect-ratio: 1.41; }
.parts-list .img{width: 100%;height: 100%;object-fit: contain;}
.parts-list .title{margin-top:0.25rem;text-align: center;font-size:var(--fz18);}
.parts-list .item:hover .title{color:var(--theme-color);}



/* truckList */
ul.truck-list{display: grid;gap:0.25rem;grid-template-columns: repeat(3, minmax(0, 1fr));}

.truck-list .item{padding:0.2rem 0.2rem 0.35rem;border:1px solid #c5c3c3;}
.truck-list .imgbox{/* height: 3.7rem; */display: flex;align-items: center;justify-content: center;aspect-ratio: 1.15; }
.truck-list .imgbox img{width: 100%;height: 100%;object-fit: contain;}
.truck-list .title{font-size:var(--fz24);-webkit-line-clamp: 2;line-height: 0.26rem;height:0.52rem;}
.truck-list .txt{font-size:var(--fz18);color:#666666;margin-top: 0.15rem;font-family: var(--font-montserrat-light);line-height: 1.8;}

.truck-list .btngrp{display: flex;margin-top: 0.3rem;border:1px solid var(--theme-color);}
.truck-list .inquiry{font-size:var(--fz19);color:var(--theme-color);font-family: var(--font-poppins-semiBold);flex:1;overflow: hidden;display: flex;
	align-items: center;justify-content: space-between;padding:0 0.16rem;border-right:1px solid rgba(255,255,255,.2);text-transform: uppercase;}
.truck-list .inquiry::after{content:'';width: 0.4rem;height: 0.4rem;background:url(../images/icon_02.png) no-repeat center;background-size:contain;}
.truck-list .inquiry:hover{color:#fff;background:var(--theme-color);}
.truck-list .more{font-size:var(--fz18);height: 0.5rem;text-transform: uppercase;}


/* 详情页相关产品 */
/* partsList */
.parts-rela{padding:0.2rem 0 1rem;}
.parts-rela .titbox{display: flex;align-items: center;justify-content: space-between;margin-bottom: 0.4rem;}
.parts-rela .titbox .bt{font-size:var(--fz30);font-family: var(--font-poppins-semiBold);}
.parts-rela .titbox .more{font-size:var(--fz20);color:#353535;font-family: var(--font-poppins-semiBold);text-transform: initial;}

.parts-rela .detail{position: relative;}
.parts-rela .swiper-container{position: static;padding:1px;}


.parts-rela .swiper-button{width: 0.8rem;height: 1rem;background:url(../images/icon_03.png) no-repeat center;background-size:contain;margin:0;top:1.6rem;}
.parts-rela .swiper-button-prev{left:-1rem;}
.parts-rela .swiper-button-next{transform: rotate(180deg);right:-1rem;}


@media (max-width:1260px){
	
	/* trucklist */
	/* .truck-list .btngrp{flex-direction: column;gap:0.1rem;border:0;}
	.truck-list .inquiry,.truck-list .more{height: 0.7rem;}
	.truck-list .inquiry{flex:initial;border:1px solid var(--theme-color);justify-content: center;gap:0.2rem;} */
	
	
	
	

	/* partslist */
	.parts-list{grid-template-columns: repeat(4, minmax(0, 1fr));}
	.parts-list .title{font-size: var(--fz18);}
	
	
	
	/* partslist */
	.parts-rela .detail{margin-left:0.3rem;margin-right:0.3rem;}
	.parts-rela .swiper-button-prev{left:-0.8rem;}
	.parts-rela .swiper-button-next{right:-0.8rem;}
	
}


@media (max-width:991px){
	
	/* trucklist */
	ul.truck-list{grid-template-columns: repeat(2, minmax(0, 1fr));}
	
	
	/* partslist */
	.parts-list{grid-template-columns: repeat(3, minmax(0, 1fr));}
	
	
	/* partslist */
	.parts-rela .detail{margin-left:0.3rem;margin-right:0.3rem;}
	.parts-rela .swiper-button{width: 0.7rem;top: 1.3rem;margin:0;}
	.parts-rela .swiper-button-prev{left:-0.65rem;}
	.parts-rela .swiper-button-next{right:-0.65rem;}
	
	
	
}

@media (max-width:767px){
	.list-main{padding:0.4rem 0 0.3rem;}
	
	/* trucklist */
	ul.truck-list{grid-template-columns: repeat(1, minmax(0, 1fr));}

	.truck-list .item{padding: 0.2rem;}
	.truck-list .title{height: auto;line-height: 1.4;}
	
	.truck-list .more{width: 45%;}
	
	/* partslist */
	.parts-list{grid-template-columns: repeat(2, minmax(0, 1fr));}
	
	
	
	/* partslist */
	.parts-rela .titbox{display: flex;flex-direction: column;align-items: center;}
	.parts-rela .titbox .bt{margin-bottom: 0.15rem;}
	
	.parts-rela .detail{margin-left:0.1rem;margin-right:0.1rem;}
	.parts-rela .swiper-button{width: 0.5rem;height:0.7rem;top: 1.3rem;margin:0;}
	.parts-rela .swiper-button-prev{left:-0.2rem;}
	.parts-rela .swiper-button-next{right:-0.2rem;}
	
	.parts-rela .truck-list .item{border:0;padding:0;}
	.parts-rela .truck-list .imgbox{width: 86%;margin:0 auto;}
	
}