/* CSS Document */
@import url(search.css);
@import url(nav.css);

:root {
	/*行业主题色*/
	--main-color: #42a5be;
	--main-bg-color: #e0e0e0;
	--main-bg0-color: #ffffff;
	--main-bg01-color: #f17511;
	--main-bg1-color: #d55724;
	--main-bg2-color: #c03600;
	--main-txt-color: #444;
	--main-txt1-color: #ffffff;
	--main-txt2-color: #c34f31;
	--main-txt3-color: #9b6231;
	--main-link-color: #333;
	--main-linkhover-color: #c32200;
	--main-linkhover2-color: #fff5de;
	--bs-danger-rgb: 214,26,31;
	--bs-primary: #cc0000;
}

/* 车辆及配件  css */
.banner {
	background: url(../images/2024TextilesGarments/banner-PC-1440x150.jpg) center center no-repeat;
	height: 150px;
}

@media (max-width:960px) {
	.banner {
		background: url(../images/2024TextilesGarments/banner-H5-750x320.jpg) center center no-repeat;
		background-size: cover;
		height: 150px;
		margin-bottom: 10px;
		min-width: 375px;
	}
}

#banner {
	/* background: linear-gradient(90deg, #d4d8d9 40%, #444854 20%, #444854 40%) ; */
	/* background: linear-gradient(90deg, var(--main-bg01-color) 30%, var(--main-bg1-color) 70%, var(--main-bg1-color) 80%); */
	background-color: #e1f7ff;
}

scrolbar-x {
	display: none;
}

/* nav 菜单样式 */
#category-box {
	/* background: linear-gradient(90deg, var(--main-bg-color) 0%, var(--main-bg0-color) 50%, var(--main-bg-color) 100%); */
	/* background: #fff; */
	background: linear-gradient(90deg, #e1f7ff 0%, #f7f7f7 50%, #e1f7ff 100%);
	width: 100%;
	/* padding: 10px; */
	border-radius: 5px;
	-webkit-overflow-scrolling: touch;
	margin-bottom: 20px;
	/* box-shadow: 0 2px 10px 0 rgba(0,0,0,0.1); */
}


.navbar-nav .active {
	color: var(--main-txt2-color, #444);
	/* border-bottom: 3px solid var(--main-txt2-color, #d00); */
	border-bottom: 3px solid #006daf;
}

/* nav-category 展区样式 */

.nav-category {
	margin: 0 auto;
	
}

.nav-category .nav-link {
	font-size: 14px;
	color: var(--main-txt1-color, #444);
	font-weight: normal;
	margin: 5px 20px;
	padding: 5px 10px;
	/* font-weight: 500; */
	background-color:var(--main-bg2-color,#336feb);
	border-radius: 5px;
}



.nav-category a.active,
.nav-category .nav-link:hover  {
	font-size: 14px;
	color: var(--main-txt1-color, #444);
	font-weight: bold;
	margin: 5px 15px;
	padding: 5px 5px;
	/* font-weight: 500; */
	/* background-color:var(--main-bg2-color,#c95500); */
	background-color:#4f7bd8;
	border-radius: 5px;
	/*width: 150px;*/
}

.nav-category a.active:hover {
	font-weight: bold;
}

.nav-category .nav-link:focus,
.nav-category .nav-link {
	/* color: var(--main-linkhover-color, #c32200); */
	color: #006daf;
	font-weight: bold;
	font-size: 14px;
	margin: 5px 15px;
	padding: 5px 5px;
	background-color: rgba(255, 255, 255, 0.9);
	/* border: 1px solid #c32200; */
	border: 1px solid #006daf;
	border-radius: 5px;
	box-sizing: border-box;
	/* border-bottom: 2px solid var(--main-bg1-color, #cc0000); */
}

@media (max-width:414px) {

	.nav-category .nav-link {
		margin: 5px;
	}
	
	.nav-category .nav-link:focus, .nav-category .nav-link, .nav-category .nav-link:hover {
		font-size: 14px;
		width: auto;
	}
	
	.nav-category a.active {
		font-size: 14px;
	}
}

.nav-sticky {
	position: fixed;
	top: 0px;
	right: 0;
	left: 0;
}



/*  */
.sourcing-list， .events-list {
	min-height: 500px;
}

.company-list， .product-list {
	min-height: 300px;
}



/* 展区左右滑动样式 */
.box {
	/* width:100%;
	height:60px;
	margin:80px auto; */
	padding: 10px 0;
	position: relative;
}

.box_wheel {
	width: 100%;
	overflow: hidden;
}
@media (max-width:768px) {
	.box_wheel {
		width: 100%;
		overflow: hidden;
		/* overflow-x: auto;
		-webkit-overflow-scrolling:touch;	 */	
	}
	/* H5的时候，隐藏滚动条 */
	::-webkit-scrollbar {
		display: none;  
		width: 0 !important;  
		height: 0 !important;  
		-webkit-appearance: none;  
		background: transparent;  
	}
	/* 滚动条滑块颜色为透明 */
	::-webkit-scrollbar-thumb {
	background-color: rgba(0, 0, 0, 0.0);
	}	
}
.wheel_btn {
	width: 30px;
	height: 100%;
	background: #fff;
	line-height: 60px;
	text-align: center;
	/* color: #444; */
	background: #e1f7ff;
	font-size: 30px;
	cursor: pointer;
	display: flex;
	align-items: center;
}

.btn_left {
	position: absolute;
	left: 0;
	top: 0;
	box-shadow: 8px 0px 8px 0px rgba(0, 0, 0, 0.03);
	border-radius: 8px 0 0 8px;
	/* color: #666; */
	color: #4f7bd8;
	display: none;
}

.btn_right {
	position: absolute;
	right: 0;
	top: 0;
	box-shadow: -8px 0px 8px 0px rgba(0, 0, 0, 0.03);
	border-radius: 0 8px 8px 0;
	/* color: #666; */
	color: #4f7bd8;
	display: none;
}
.box_ul {
	display: flex;
	flex-wrap: nowrap;
	width: auto;
	padding-left:35px;
}

.box_ul li {
	/* line-height:60px; */
	white-space: nowrap;
	width: auto;
	list-style: none;
	/* min-width: 50px; */
	float: left;
	text-align: center;
	display: flex;
	align-items: center;
}
@media (max-width:768px) {
	.box_ul {
		padding-left: 0px;
	}
}