.custom-nav{margin:0 20px;line-height:50px;}
.custom-nav a{display:inline-block;color:#525252;}
.custom-nav a:first-child{color:#555;}
.custom-nav a:hover{color:#225c8b;}
.custom-nav i{display:inline-block;position:relative;width:5px;height:14px;vertical-align:middle;margin:0 10px;}
.custom-nav i:after{content:'';position:absolute;right:0;top:2px;width:5px;height:5px;border-right:1px solid #333;border-bottom:1px solid #333;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}
.custom-filter{line-height:36px;margin:0 20px 20px 20px;background:#fff;padding:0 20px;}
.custom-filter .mtitle{border-bottom:1px dashed #dedede;}
.custom-filter h1{color:#666666;font-weight:bold;font-size:18px;display:inline-block;}
.custom-filter .mtitle span{color:#585858;font-size:12px;margin-left:20px;}
.custom-filter a.hasPrice{margin-left:30px;cursor:pointer;}
.custom-filter a.hasPrice label{cursor:pointer;}
.custom-filter a.hasPrice input{margin-right:6px;vertical-align:middle;}
.custom-filter .mtitle p{line-height:24px;margin-bottom:10px;/*display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;*/}
.custom-filter span.filer-title{width:80px;display:inline-block;color:#666;font-weight:bold;vertical-align:top;margin-left:0;-ms-flex-negative:0;flex-shrink:0;}
.custom-filter a{display:inline-block;line-height:24px;color:#333;margin-right:12px;font-size:14px;}
.custom-filter a:hover{color:#225c8b;}
.custom-filter a.active{padding:0 20px;color:#225c8b;border:1px solid #225c8b;font-weight:bold;padding-right: 30px;position: relative;}
.custom-filter a:last-child{margin-right:0;}
.custom-filter .close{cursor:pointer;position: absolute;right: 10px;top: 4px;margin: 0;}
.custom-filter a.fileritem{position:relative;margin-right:50px;display:flex;align-items:center;padding:10px 0;}
.custom-filter a i{display:inline-block;color:#585858;font-style:normal;margin-left:10px;}
.color-filer{border-bottom:1px dashed #dedede;position:relative;display:box;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-o-flex-wrap:wrap;flex-wrap:wrap;-webkit-align-items:flex-start;-moz-align-items:flex-start;-ms-align-items:flex-start;-o-align-items:flex-start;align-items:flex-start;}
.color-filer-list{width:93%;}

.list-content{margin:20px;}
.productlist{display:flex;flex-wrap:wrap;}
.productlist li{width:24.25%;background:#fff;margin-bottom:20px;margin-right:1%;position:relative}
.productlist li:nth-child(4n){margin-right:0}
.productlist li:hover{box-shadow:0 8px 17px 0 rgb(0 0 0/15%)}
.imgbox{width:100%;height:280px;margin:0 auto;border:1px solid #ececec;display:flex;align-items:center;justify-content:center}
.imgbox img{max-width:100%;max-height:100%}
.text-box{padding:20px 14px;position:relative;}
.pname{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;font-size:14px;font-weight:700;margin:10px 0;height:32px;}
.pname a:hover{color:#3083c6;text-decoration:underline;}
.price{font-size:16px;color:#000;margin-right:10px;font-weight:bold;}
.productlist li p{margin-bottom:10px;}
.productlist li p i{font-style:normal;margin-right:20px;}
.productlist li p img{width:18px;height:12px;margin-right:6px;}
.instocknum{color:#028500;font-weight:bold;font-size:16px;}
.country-filer{width:100%;position:relative;display:flex}
.country-filer .country-list{position:relative;}
.country-list span{margin-right:20px;cursor:pointer;}
.country-list span i{font-style:normal;color:#585858;margin-left:10px}
.country-filer .country{height:12px;margin-right:5px;vertical-align:middle;width:18px}
.pagination{text-align:center;}
.pagination li{display:inline-block;width:30px;height:30px;line-height:30px;text-align:center;margin-right:10px;background:#fff;border:1px solid #ededed;color:#585858;}
.pagination li:first-child,.pagination li:last-child{width:50px;}
.pagination li.active{background:#1b75bc;padding:0;}
.pagination li.active span,.pagination li.active a{color:#fff;}
footer{background:#fff;text-align:center;}
.footer-link{padding:20px;}
.footer-link ul{width:20%;display:inline-block;text-align:left;vertical-align:top;}
.footer-link ul li:first-child{font-size:16px;color:#333;margin-bottom:20px;font-weight:bold;}
.footer-link ul li{line-height:24px;}
.footer-link ul li a{color:#333;}
.footer-link ul li a:hover{color:#225c8b;}
.footer-link ul li a img{vertical-align:middle;width:150px;height:16px;}
.servicelist li a{background:url(images/serviceicon.png)left top no-repeat;padding-left:30px;display:block;cursor:auto;}
.servicelist li:nth-child(2) a{background-position-y:-24px;}
.servicelist li:nth-child(3) a{background-position-y:-48px;}
.servicelist li:nth-child(4) a{background-position-y:-72px;}
.servicelist li:nth-child(5) a{background-position-y:-96px;}
.copyright{color:#585858;padding:20px 0;border-top:1px solid #e5e5e5;}
.goTop{display:block;position:fixed;z-index:9999;right:20px;bottom:300px;inset:auto 20px 300px auto;display:none;width:48px;height:48px;line-height:48px;font-size:30px;color:#fff;background-color:#73ace6;border-radius:3px;transition:all ease-in-out .3s;cursor:pointer;transform:translateZ(0);-webkit-transform:translateZ(0);text-decoration:none;}
.goTop:before{content:'';left:13px;top:18px;position:absolute;width:20px;height:20px;border-left:2px solid #fff;border-top:2px solid #fff;transform:rotate(-315deg);-webkit-transform:rotate(-315deg);}
@media screen and (max-width:1520px){
	.user{margin:0 20px;}
}
@media screen and (max-width:1500px){
}
@media screen and (max-width:1440px){

}
@media screen and (max-width:1421px){
	.user{margin:0 20px;}
}
@media screen and (max-width:1366px){
	.keyword{width:62%;}
	.text-box{padding:14px;}
}
@media screen and (max-width:1280px){
	header .searchbox{width:50%;}
	.text-box{padding:10px;}
	.icontip span{padding:2px 6px;}
	.imgbox{height:270px;}
}
@media screen and (max-width:1237px){
	header .searchbox{width:46%;}
	.user{margin:0 20px;}
}
@media screen and (max-width:1194px){
	header .searchbox{width:44%;}
	.user{margin:0 14px;}
}
@media screen and (max-width:1067px){
	header .searchbox{width:42%;}
}
@media screen and (max-width:1024px){
	.keyword{width:40%;}
	header .searchbox{width:42%;display:inline-block;}
	.search-btn{padding:0 10px;}
	.wrap{padding:10px;}
	.user{margin:0 12px;}
	.imgbox{height:210px;}
	header .searchbox{width:36%;margin-right:10px;}
}