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

:root {
	/*行业主题色*/
	--main-color: #42a5be;
	--main-bg-color: #e0e0e0;
	--main-bg0-color: #f0f0f0;
	--main-bg1-color: #557ba3;
	--main-bg2-color: #597fa7;
	--main-txt-color: #444;
	--main-txt1-color: #113A6D;
	--main-txt2-color: #093061;
	--main-txt3-color: #9b6231;	
	--main-link-color: #333;
	--main-linkhover-color: #c00;
	--main-linkhover2-color: #113A6D;
	--bs-danger-rgb: 214,26,31;
	--bs-primary:#cc0000;
}

/* 企业精选  css */
.banner {
	background: url(../images/selectedExhibitors/banner-cn.png) center center no-repeat;
	height: 150px;
	margin-bottom: 20px;
}

@media (max-width:960px) {
	.banner {
		background: url(../images/selectedExhibitors/banner-cn-H5.png) center center no-repeat;
		/* background: url(../images/selectedExhibitors/banner-H5cn-750x320.png) 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-bg1-color) 30%,  var(--main-bg2-color) 70%, var(--main-bg2-color) 80%);
	}


/* nav 菜单样式 */
.navbar-nav .active {
	color: var(--main-txt3-color, #444);
	border-bottom: 3px solid var(--main-txt2-color, #d00);
}

scrolbar-x {
	display: none;
}


/* nav-category 展区样式 */

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

@media (min-width:960px) and (max-width:1100px){
	.fixed-top{
		left: -70px;
	}
}

.nav-category {
	margin: 0 auto;
	align-items: flex-start;
}

.nav-category .nav-link {
	padding: 5px;
	margin: 5px;
	width: 100px;
	/* height: 100px; */
	cursor: pointer;	
}
.nav-category .nav-link span{
	font-size: 14px;
	color: var(--main-linkhover2-color,#113A6D);
	font-weight: bold;	
	margin-top: 10px;
	display: block;
	word-break: break-all;	
	border-bottom: #f7f7f7 3px solid;
	
}

@media (max-width:768px) {
	#category-box {padding-bottom: 0; padding-left: 0;}
	.nav-category .nav-link {
		width: 70px;
		height: 100px;
		margin: 5px;
		padding-top: 10px;
	}
	.nav-category .nav-link span{
		font-size: 12px;
		height: 25px;
		overflow: hidden;
		line-height: 25px;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
}
.nav-category .nav-link:focus span,
.nav-category .nav-link:hover span{
	color: var(--main-linkhover2-color,#113A6D);
	border-bottom: var(--main-linkhover2-color, #113A6D) 3px solid;
}
.nav-item .active span{
	border-bottom: var(--main-linkhover2-color, #113A6D) 3px solid;
}

.nav-category .nav-link i{
	display:block;
	width: 80px;
	height: 80px;
	border-radius: 100%;
	margin: 0 auto;	
}
@media (max-width:768px) {
	.nav-category .nav-link i{
		display:block;
		width: 50px;
		height: 50px;
		border-radius: 100%;
		margin: 0 auto;	
		
	}

}

.ico-1{
	background: url(../images/selectedExhibitors/ico-electronic.png) center center no-repeat;	background-size: contain;
}
.ico-1:hover,  .nav-item a.active>.ico-1{
	background: url(../images/selectedExhibitors/ico-electronic-on.png) center center no-repeat;background-size: contain;	
}
.ico-2{
	background: url(../images/selectedExhibitors/ico-manufacturing.png) center center no-repeat;background-size: contain;
}
.ico-2:hover, .nav-item a.active>.ico-2{
	background: url(../images/selectedExhibitors/ico-manufacturing-on.png) center center no-repeat;background-size: contain;
}
.ico-3{
	background: url(../images/selectedExhibitors/ico-vehicle.png) center center no-repeat;background-size: contain;
}
.ico-3:hover,  .nav-item a.active>.ico-3{
	background: url(../images/selectedExhibitors/ico-vehicle-on.png) center center no-repeat;background-size: contain;
}
.ico-4{
	background: url(../images/selectedExhibitors/ico-light.png) center center no-repeat;background-size: contain;
}
.ico-4:hover, .nav-item a.active>.ico-4{
	background: url(../images/selectedExhibitors/ico-light-on.png) center center no-repeat;background-size: contain;
}
.ico-5{
	background: url(../images/selectedExhibitors/ico-hardware.png) center center no-repeat;background-size: contain;
}
.ico-5:hover, .nav-item a.active>.ico-5{
	background: url(../images/selectedExhibitors/ico-hardware-on.png) center center no-repeat;background-size: contain;
}
.ico-6{
	background: url(../images/selectedExhibitors/ico-houseware.png) center center no-repeat;background-size: contain;
}
.ico-6:hover,  .nav-item a.active>.ico-6{
	background: url(../images/selectedExhibitors/ico-houseware-on.png) center center no-repeat;background-size: contain;
}
.ico-7{
	background: url(../images/selectedExhibitors/ico-gifts.png) center center no-repeat;background-size: contain;
}
.ico-7:hover,  .nav-item a.active>.ico-7{
	background: url(../images/selectedExhibitors/ico-gifts-on.png) center center no-repeat;background-size: contain;
}
.ico-8{
	background: url(../images/selectedExhibitors/ico-building.png) center center no-repeat;background-size: contain;
}
.ico-8:hover,  .nav-item a.active>.ico-8{
	background: url(../images/selectedExhibitors/ico-building-on.png) center center no-repeat;background-size: contain;
}
.ico-9{
	background: url(../images/selectedExhibitors/ico-toys.png) center center no-repeat;background-size: contain;
}
.ico-9:hover,  .nav-item a.active>.ico-9{
	background: url(../images/selectedExhibitors/ico-toys-on.png) center center no-repeat;background-size: contain;
}
.ico-10{
	background: url(../images/selectedExhibitors/ico-fashion.png) center center no-repeat;background-size: contain;
}
.ico-10:hover,  .nav-item a.active>.ico-10{
	background: url(../images/selectedExhibitors/ico-fashion-on.png) center center no-repeat;background-size: contain;
}
.ico-11{
	background: url(../images/selectedExhibitors/ico-textile.png) center center no-repeat;background-size: contain;
}
.ico-11:hover,  .nav-item a.active>.ico-11{
	background: url(../images/selectedExhibitors/ico-textile-on.png) center center no-repeat;background-size: contain;
}
.ico-12{
	background: url(../images/selectedExhibitors/ico-stationery.png) center center no-repeat;background-size: contain;
}
.ico-12:hover,  .nav-item a.active>.ico-12{
	background: url(../images/selectedExhibitors/ico-stationery-on.png) center center no-repeat;background-size: contain;
}
.ico-13{
	background: url(../images/selectedExhibitors/ico-health.png) center center no-repeat;background-size: contain;
}
.ico-13:hover,  .nav-item a.active>.ico-13{
	background: url(../images/selectedExhibitors/ico-health-on.png) center center no-repeat;background-size: contain;
}

/*  */
/* .nav-sticky {
	position: fixed;
	top: 0px;
	right: 0;
	left: 0;
} */
.company-list， .product-list {
	min-height: 300px;
}
@media (min-width:960px){
	.cat-pic{
		height: 80px;
		padding-right: 10px;
		padding-left: 20px;	
		background-size: contain;
	}
}
.cat-title{
	/* 	font-size:20px; */
		color: var(--main-txt1-color, #093061);	
		font-weight: bold;
		margin-left: 20px;
		margin-top:5px;
	}

@media (max-width:960px){
	.cat-pic {
		height: 50px;
		padding-right: 10px;
		padding-left: 20px;		
		border-radius: 0 30px 0 0;
	}
	.cat-title{
		font-size:18px;
		color: #f7f7f7;
		margin-left: 10px;
	}
	.cat-pic a{
		font-size:14px;
	}
}

.pic-electronic{	background: url(../images/selectedExhibitors/pic-electronic.png) right center no-repeat;  background-size: contain;	}
.pic-manufacturing{background: url(../images/selectedExhibitors/pic-manufacturing.png) right center no-repeat;background-size: contain;	}
.pic-vehicle{background: url(../images/selectedExhibitors/pic-vehicle.png) right center no-repeat;background-size: contain;	}
.pic-light{background: url(../images/selectedExhibitors/pic-light.png) right center no-repeat;background-size: contain;	}
.pic-hardware{background: url(../images/selectedExhibitors/pic-hareware.png) right center no-repeat;background-size: contain;}
.pic-houseware{background: url(../images/selectedExhibitors/pic-houseware.png) right center no-repeat;background-size: contain;	}
.pic-gifts{background: url(../images/selectedExhibitors/pic-gifts.png) right center no-repeat;	background-size: contain;}
.pic-building{background: url(../images/selectedExhibitors/pic-building.png) right center no-repeat;	background-size: contain;}
.pic-toys{background: url(../images/selectedExhibitors/pic-toys.png) right center no-repeat;background-size: contain;}
.pic-fashion{background: url(../images/selectedExhibitors/pic-fashion.png) right center no-repeat;background-size: contain;	}
.pic-textile{background: url(../images/selectedExhibitors/pic-textile.png) right center no-repeat;background-size: contain;	}
.pic-stationery{background: url(../images/selectedExhibitors/pic-stationery.png) right center no-repeat; background-size: contain; }
.pic-health{background: url(../images/selectedExhibitors/pic-hareware.png) right center no-repeat;background-size: contain;	}


@media (max-width:960px){
	.pic-electronic,
.pic-manufacturing,
.pic-vehicle,
.pic-light,
.pic-hardware,
.pic-houseware,
.pic-gifts,
.pic-building,
.pic-toys,
.pic-fashion,
.pic-textile,
.pic-stationery,
.pic-health{background-size: cover;	}
}

.cat-pic a{
	color: #f7f7f7;
	/* display: none; */
}
.cat-pic a:hover{
	color: #fff;	
}

.cat-anchor{
	position: relative;
	top:-100px;}

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

.box_wheel {
	width: 100%;	
	overflow: hidden;
	padding: 0 30px;
}
@media (max-width:768px) {
	.box_wheel {
		overflow-x: auto;
		-webkit-overflow-scrolling:touch;	
		/* padding: 20px 20px 0 30px;	 */
	}
	
	/* 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: #f7f7f7;
	line-height: 100px;
	text-align: center;
	vertical-align: 50%;
	color: #444;
	font-size: 30px;
	cursor: pointer;
	display: flex;
	align-items:bottom;	
}

.btn_left {
	position: absolute;
	left: 0;
	top: 0;
	box-shadow: 10px 0px 8px 0px rgba(247, 247, 247, 0.9);
	/* color: #E1E1E1; */
	display:block;
	background:#f7f7f7 url('../images/selectedExhibitors/ico-left.png') center 28px no-repeat;
	cursor: default;
}
.btn_left_active {
	/* color: #5570AD; */
	background:#f7f7f7 url('../images/selectedExhibitors/ico-left-on.png') center 28px no-repeat;
	cursor: pointer;
}

.btn_right {
	position: absolute;
	right: 0;
	top: 0;
	box-shadow: -10px 0px 8px 0px rgba(247, 247, 247, 0.9);
	/* 	border-radius: 0 8px 8px 0; 
	color: #666; */
	display:block;
	background:#f7f7f7 url('../images/selectedExhibitors/ico-right.png') center 28px no-repeat;
	cursor: default;;
}
.btn_right_active {
	/* color: #5570AD; */
	background:#f7f7f7 url('../images/selectedExhibitors/ico-right-on.png') center 28px no-repeat;
	cursor: pointer;
}

@media (max-width:960px){
	.btn_left,.btn_left_active, .btn_right,.btn_right_active{
		background-size: 50%;
	}
	.btn_right,.btn_right_active {
		right: -2px;
	}
}

.box_ul {
	display: flex;
	flex-wrap: nowrap;
	width: auto;
	/* padding-left:35px;*/
}

.box_ul li {	
	/* 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){
	.wheel_btn{
		display: none;
	}
	.box_ul {
		display: flex;
		flex-wrap: wrap;
		width: auto;
	}
} */