/* CSS Document */
@import url(/en/css/search.css);
@import url(/en/css/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/1440x150.png) center center no-repeat;
	height: 150px;
}

@media (max-width:960px) {
	.banner {
		background: url(Images/750x320.png) center center no-repeat;
		background-size: cover;
		height: 150px;
		margin-bottom: 10px;
		width: 100%;
	}
}

#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;*/
	/* background: linear-gradient(90deg, #fff3d9 50%, #ffffff 50%); */
	/* background: linear-gradient(90deg, #64c0ff 50%, #64b8fe 50%); */
	/* background: linear-gradient(90deg, #e1b401 50%, #f35041 50%); */
	background: linear-gradient(90deg, #008485 50%, #33e6be 50%);
}

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: #7bd8ff; */
	/* background: #ffd507; */
	background: #008485;
	/*background: linear-gradient(90deg, #e1f7ff 0%, #f7f7f7 50%, #e1f7ff 100%);*/
	/*background: linear-gradient(90deg, #ffd553 0%, #fef7e7 50%, #f8ad09 100%);*/
	width: 100%;
	padding: 0px;
	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;*/
	/* border-bottom: 3px solid #0c54b7; */
	/* border-bottom: 4px solid #b77432; */
	/* border-bottom: 4px solid #1f8bff; */
	/* border-bottom: 4px solid #ff9000; */
	border-bottom: 4px solid #008485;
}

/* 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 10px;
	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); */
	/* color: #fff3d9; */
	/* color: #adefff; */
	/* color: #ffffff; */
	/* color: #ffd507; */
	color: #008485;
	/* font-weight: normal; */
	font-weight: bold;
	/* background-color:var(--main-bg2-color,#c95500); */
	/* background-color: #b77432; */
	/* background-color: #0048f6; */
	/* background-color: #f35a42; */
	background-color: #33e6be;
	border-radius: 5px;
}

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

.nav-category .nav-link:focus,
.nav-category .nav-link {
	/* color: var(--main-linkhover-color, #c32200); */
	/* color: #b77432; */
	/* color: #0048f6; */
	/* color: #f35a42; */
	color: #33e6be;
	font-weight: bold;
	font-size: 14px;
	margin: 5px 10px;
	/* margin: 5px 20px; */
	padding: 5px 10px;
	/* background-color: rgba(243, 252, 254, 1); */
	/* background-color: #fff3d9; */
	/* background-color: #adefff; */
	/* background-color: #ffffff;  */
	/* background-color: #ffd507; */
	background-color: #008485;
	/*border: 2px solid #694000;*/
	border-radius: 5px;
	box-sizing: border-box;
	/* width:  225px; */
}

@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 {
	/* padding: 5px 0; */
	padding: 5.5px 0px;
	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: 28px; */
	height: 100%;
	line-height: 55px;
	text-align: center;
	/* background: #fff; */
	/* background: #ffd507; */
	background: #008485;
	font-size: 30px;
	cursor: pointer;
	display: flex;
	align-items: center;
}

.btn_left {
	position: absolute;
	left: 0;
	top: 0;
	/* box-shadow: 8px 0px 8px 0px rgb(255 212 0 / 10%); */
	box-shadow: 5px 0px 5px 0px #1987543b;
	/* box-shadow: 8px 0px 8px 0px rgb(0 184 255 / 10%); */
	/* border-radius: 8px 0 0 8px; */
	border-radius: 5px 0 0 5px;
	/* color: #b77432; */
	/* color: #f35a42; */
	color: #33e6be;
	display: none;
}

.btn_right {
	position: absolute;
	right: 0;
	top: 0;
	/* box-shadow: -8px 0px 8px 0px rgb(255 212 0 / 10%); */
	box-shadow: -5px 0px 5px 0px #1987543b;
	/* box-shadow: -8px 0px 8px 0px rgb(0 184 255 / 10%); */
	/* border-radius: 0 8px 8px 0; */
	border-radius: 0 5px 5px 0;
	/* color: #b77432; */
	/* color: #f35a42; */
	color: #33e6be;
	display: none;
}
.box_ul {
	display: flex;
	flex-wrap: nowrap;
	width: auto;
	/* padding-left:35px; */
	justify-content: center;
}

.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;
	}
}