section{min-height:600px;margin:120px 0;}
.collect-left{
	width:13.34%;/**/
	min-height: 100px;
	margin-left:30px;
	/*position:absolute;
	left:30px;*/
}
.collect-left,.collect-right{float:left;}
.search{position:relative;margin-bottom:66px;height:33px;}
.search input{position:absolute;width:100%;text-align: center;color:#b3b3b3;font-size:14px;border-bottom:1px solid #c8c8c8;padding-bottom:0;}
.search input::-webkit-input-placeholder{color:#b3b3b3}
.search input::-ms-input-placeholder{color:#b3b3b3}
.search input::-moz-placeholder{color:#b3b3b3}

.search button{position:absolute;right:10px;top:3px;}
.search i{font-size:20px;color:#9e9e9e}

/*过滤*/
.filters>h3{font-size: 40px;color: #3b3b3b;line-height: 30px;border-bottom:2px solid #d3d3d3;padding:9px 0;
	padding-left:30px;background:url(../images/filter.png) left center no-repeat;}
/* .series{border-bottom:1px solid #d4d4d4;} */
.series>h4,.colors>h4{font-size:20px;border-bottom:1px solid #d4d4d4;padding:3px 0;margin:32px  0 20px 0;}
.series>h4 i,.colors>h4 i{font-size:17px;margin-right:15px;}

/**/
.series-list{/* max-height: 220px; */overflow-x: hidden;overflow-y: auto;margin-bottom:20px;}
/*滚动条未处理兼容性问题*/
/*在pc端*/
@media (min-width:767px){
	.series-list::-webkit-scrollbar{
    border-radius:10px;
    width:5px;
    height:5px;
    background-color: #BCAA8E;
	}
	.series-list::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
	    border-radius: 5px;
	    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
	    background: #064F97;
	}
}

	
	

.series-list>li{width:100%;height: 36px;line-height:36px;background-color: #000000;}
.series-list>li>a{width:100%;height:100%;border-left:5px solid #000;color:#fff;padding-left:10px;}
.series-list>li:not(:last-child){margin-bottom:10px;}
.series-list>li.active>a,.series-list>li:hover>a{border-left:5px solid #c2af6f;}

/**/
.colors-list{padding:0 5px;}
.colors-list a{width:48px;height:48px;border: solid 1px #d7d7d7;border-radius: 50%;}
.colors-list>li{margin:0 9px 18px 0;width: 54px;height: 54px;line-height:90px;text-align:center;border:1px solid #fff;border-radius:50%;}
.colors-list>li.active{border:1px solid #c2af6f;}
@media (min-width:1400px){
	.colors-list>li:nth-child(4n){margin-right:0;}
}
@media (min-width:1570px) and (max-width:1910){
	.colors-list>li:nth-child(4n){margin-right:18px;}
}

/*清除filter*/
.clear-filters{
	padding:40px 0;
	border-bottom:1px solid  #d4d4d4;
	border-top:1px solid  #d4d4d4;
}
.clear-filters button{
	width:100%;
	height: 32px;
	line-height: 32px;
	border-radius: 5px;
	border: solid 1px #bfbfbf;
}


/*右边*/
.collect-right{margin-left:9%;width:61.5%;margin-right:auto ;position:relative;min-height:600px;}


.introduce *{font-family:arial;}
.introduce>h3{font-size:30px;color: #010101;}
.introduce>p{color:#666;font-size:18px;margin-top:15px;}
/*产品列表*/
.product-list{width:100%;justify-content: flex-start;}
.product-list>li{margin-top:60px;width:32%;}
.product-list>li:not(:nth-child(3n)){margin-right:2%;}
.product-list>li>a{width:100%;height: 215px;}
.product-list>li>a>img{width:100%;height:100%;}
.product-list p{display:flex;align-items:center;}
/*.product-list p>span{display:inline-block;font-size: 20px;color:#666;width:25%;overflow: hidden; text-overflow: ellipsis;white-space:nowrap;}*/
.product-list p>a{font-size:20px;width:100%;overflow: hidden;  text-overflow: ellipsis;white-space:nowrap;  }

/*loading*/
.fisrt-loading{
	display: none;
	position:absolute;
	left:45%;
	top:50%;
	transform:translate(-50%;-50%);
}
.fisrt-loading i{font-size:25px;margin-right:30px;}
/*返回到顶部*/
.scroll-top{
	position:fixed;
	right:20px;
	top:50%;
	z-index:100;
	display:none;
}
@media only screen and (min-width:1200px) {
	.scroll-top{
		right:50px;
	}
}

@media screen and (max-width:1600px)  {
	.collect-left{
		width:17.8%;/**/
	}
	.collect-right{margin-left:3%;width:75%;margin-right:auto ;}
}
@media only screen and (max-width:767px ) {
	section{margin:30px 0;position:relative;}
	.search{margin-bottom:20px;margin-top:20px;}
	.collect-left{width:280px;margin:0;padding:0 10px;position:fixed;top:90px;left:-280px;background: #fff;z-index:101;}
	.filters>h3{font-size:25px;}
	.series>h4,.colors>h4{margin:15px  0 10px 0;font-size:20px;}
	/**/
	.series-list{max-height:800px;}
	.series-list>li:not(:nth-child(3n)){margin-right:3.5%;}
	/**/
	.colors-list{height:80px;overflow-x:hidden;overflow-y:auto;}
	.colors-list a{width:32px;height:32px;}
	.collect-left .navbar-toggle{position:relative;left:70px;top:-20px;}
	.colors-list>li:nth-child(4n){margin-right:10px;}
	.colors-list>li:nth-child(5n){margin-right:0;}
	.colors-list>li {
	    margin:0 10px 3px 0;
	    width: 38px;
	    height: 38px;
	    line-height: 58px;
	    text-align: center;
	    border: 1px solid #fff;
	    border-radius: 50%;
	}
	.collect-right{width:100%;margin:0;padding:0 10px;}
	.product-list>li{margin-top:20px;width: 49%;}
	.product-list p>span{font-size:13px;}
	.product-list p>a{font-size:18px;margin-left:5px;}
	.product-list>li>a{height: 130px;}
	.product-list>li:not(:nth-child(3n)){    margin-right: 0;}
	.product-list>li:nth-child(2n){    margin-left: 1%;}
	/*清除filter*/
	.clear-filters{
		padding:20px 0;
	}

}