* {
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	list-style: none;
	border: none;
}

img {
	border: none;
}

a {
	color: #333;
	text-decoration: none;
}

a:hover {
	#ff4400
}

input {
	outline: none;
	border: none;
}

.panel {
	width: 100%;
	overflow: hidden;
	min-width: 320px;
	max-width: 1904px;
	margin: 0px auto;
	overflow-x: hidden;
	overflow: hidden;

}

.left {
	float: left;
}

.right {
	float: right;
}

.bold {
	font-weight: bold;
	color: #212121;
}

.header {
	height: 55px;
	background: #FB7D39;
	position: fixed;
	top: 0;
	z-index: 999;
	box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.1); 
	
}

.header a.left {
	width: 104px;
	height: 27px;
	display: block;
	margin: 13px;
}

.header a.left img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.header .right {
	max-width: 50vw;
	width: 60%;
	height: 30px;
	background: #fff;
	border-radius: 15px;
	margin: 12px;
}

.header .right input {
	float: left;
	height: 24px;
	line-height: 24px;
	font-size: 12px;
	width: 68%;
	margin: 3px 0px 0px 20px
}

.header .right #search {
	float: right;
	width: 14px;
	height: auto;
	margin: 7px 15px auto auto;
	cursor: pointer;
}


.curpath {
	height: 45px;
	
	overflow: hidden;
	width: 100%;
	background: #fff;
	margin-top: 55px;
	background: #f8f8f8;
}
.curpath .fa-angle-left{font-size: 26px; line-height: 45px; padding-left: 10px; color: #aaa; float: left; width: 10vw;}
.curpath h2{font-size: 18px; float: left;line-height: 45px;  width: 80vw;text-align: center; font-weight: normal;  }
.curpath a {
	line-height: 45px;
	height: 45px;
	display: block;
	float: left;
	margin: 0px 5px;
	font-size: 13px;
	border-right: solid 1px #f5f5f5; 
	padding-right: 5px;
}
.curpath a i{padding-right: 5px; height: 45px; }
.curpath .cur {
	font-weight: bold;

	box-sizing: border-box;
}
.mgtop{
	margin-top: 55px;
}

.nav {
	height: 45px;
	border-bottom: 2px solid #f5f5f5;
	position: relative;
	overflow: hidden;
	width: 100%;
	background: #fff;
	
	
}

.nav .col {
	height: 45px;
	position: absolute;
	cursor: move;
	
}

.nav .col .swiper-slide {

	display: block;
	float: left;
	line-height: 45px;
	height: 45px;
	width:auto;
	padding: 0px 5px;
	margin: 0px 5px;
}
.nav .col .swiper-slide:last-child{
	margin-right: 60px;
}



.nav .col .swiper-slide a {
	line-height: 45px;
	height: 45px;

	font-size: 13px;
}

.nav .col  .active  {
	font-weight: bold;
	box-sizing: border-box;
	border-bottom: solid 2px #FB7D39;
}


.nav .navmore {
	width: 56px;
	height: 35px;
	display: block;
	position: absolute;
	right: 0;
	top: 5px;
	z-index: 996;
}

.nav .navmore img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}






.cone {
	padding-top: 20px
}

.classbox div {
	float: left;
	width: 16vw;
	margin-left: 3.3vw;
	overflow: hidden;
	display: block;
	text-align: center;

}

.classbox div a {
	width: 16vw;
	line-height: 50px;
	text-align: center;
	float: left;
	font-size: 12px;
	font-weight: 400;
	color: #212121;
}

.classbox div a:hover {
	color: #FB7D39;
}

.classbox div a:first-child {
	height: 16vw;
	background: #f4f4f4;
	border-radius: 50%;
	display: block;
}

.classbox div a:first-child:hover {
	background: #f8f8f8;
}

.classbox div a:first-child img {
	width: 100%;
	height: auto;
}

.classbox div a:last-child {
	height: 50px;
	margin-bottom: 10px
}

.classbox div:last-child a:first-child {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.classbox .more a:first-child img {
	width: 24px;
}

.bannerbox {
	border-top: solid 8px #f3f3f3;
	border-bottom: solid 8px #f3f3f3;

}

.bannerbox a {
	height: 40vw;
	display: block;
	width: 100vw;
}

.bannerbox a img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.brandbox {
	border-bottom: solid 8px #f3f3f3;
	overflow: hidden;
	background: #f3f3f3;
	width: 100%;

}

.brandbox a {
	width: 33.3%;
	height: 15vw;
	display: flex;
	float: left;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background: #fff;
	border-right:solid 1px #f3f3f3 ;
	border-bottom:solid 1px #f3f3f3 ;
	box-sizing: border-box;
}

.brandbox a:nth-child(3n) {
	border-right:0px
}



.brandbox a:hover {
	box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.08);
}

.brandbox a img {
	max-width: 90%;
	max-height: 14vw;
}
.line8{
	width: 100%;
	height: 8px;
	background:#f3f3f3 ;
}
.products {
	
}

.paneltitle {
	margin: 0px auto;
	width: 300px;

	line-height: 50px;
	text-align: center;
	padding: 10px 0px;
	overflow: hidden;
}

.paneltitle span {
	width: 80px;
	height: 2px;
	background: #F3F3F3;
	display: block;
	margin-top: 48px;
}

.paneltitle p {
	width: 130px;
	text-align: center;
	float: left;
	display: block;
	font-size: 16px;
	color: #999;
	
}

.paneltitle .bold {
	color: #212121;
	font-size: 20px;
}

.productlist {

}

.productlist div {
	width: 15%;
	display: block;
	float: left;
	margin: 0.8%;
	padding-bottom: 20px;
}

.productlist div a {
	margin: 3px 5px;
	line-height: 20px;
	font-size: 13px;
	font-weight: 400;
	height: 40px;
	overflow: hidden;
	display: block;
}

.productlist div a:first-child {
	width: 100%;
	height: 15vw;
	display: flex;
	margin: 0px;
}

.productlist div a img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.productlist div span{font-size: 13px; height: 20px;line-height: 20px;width: 80px;display: block; overflow: hidden; float: left; margin-left: 5px; color: #FF5502; font-weight: bold;   }
.productlist div span:first{}
.productlist div span:last-child{float: right; margin-right: 5px; margin-left: 0px; color: #E0DDDD; text-align: right; font-weight: normal;width: 50px;}

.gongying{width: 100%;}
.gongying .colone{width: 200px; height: 98%;background: #f0f0f0; position: fixed; top: 55px; left:0px; overflow-x: hidden; overflow-y: scroll; }
.gongying .colone ul{margin: 20px 0px; margin-bottom: 100px;}
.gongying .colone ul li{height: 50px;line-height: 50px; text-indent: 15px;font-size: 16px; cursor: pointer;border-left: 5px transparent solid;}
.gongying .colone ul .cur{border-left: 5px solid #FF5502;box-sizing:border-box; background: #fff;color: #FF5502;}
.gongying .main{margin-left: 200px;padding-bottom: 100px;}
.gongying .main .box{margin: 10px;overflow: hidden; float: left;}
.gongying .main .box h2{font-size: 20px; text-indent: 10px; font-weight: normal; height: 50px; }
.gongying .main .ad{margin: 10px;overflow: hidden; float: left; margin-bottom: 0px;}
.gongying .main  .ad img{width: 100%;height: auto;}

.indexbanner{width:100vw; height: 50vw}
.indexbanner .swiper-slide{width: 100%; height: 50vw;display: block;}
.indexbanner .swiper-slide img{width: 100%;}



.procommend{}
.procommend .box{
	background: #FCF3EE;
	border-radius: 5px;
	margin: 0.8%;
	overflow: hidden;
}
.procommend .box .title{
	display: inline-flex;
	margin: 40px 0px 10px 20px;
	height: 18px;
	
}
.procommend .box .title h3{font-weight: bold;font-size: 16px;color: #212121; height: 18px;line-height: 18px;}
.procommend .box .title img{width: 80px; margin-left: 10px;  height: 18px;}
.procommend .box .list{column-count: 4;column-gap: 20px; padding: 20px;}
.procommend .box .list a{}
.procommend .box .list a img{width: 100%;margin-bottom: 20px;}



.corpcommend{}
.corpcommend .box{
	background: #EFFCFE;
	border-radius: 5px;
	margin: 0.8%;
	overflow: hidden;
}
.corpcommend .box .title{
	display: inline-flex;
	margin: 40px 0px 10px 20px;
	height: 18px;
	
}
.corpcommend .box .title h3{font-weight: bold;font-size: 16px;color: #212121; height: 18px;line-height: 18px;}
.corpcommend .box .title img{width: 80px; margin-left: 10px;  height: 18px;}
.corpcommend .box .corp{padding: 20px;height: 200px; margin-bottom: 20px;}
.corpcommend .box .corp a{height: 200px;width: 190px; float: left; margin-right:20px ;display: block;}
.corpcommend .box .corp a img{width: 100%;height: 100%; object-fit: cover;}


.news .newslist{ overflow: hidden; width: 100%; }
.news .newslist div{width: 32%; height: 28vw;display: block; float: left; margin: 0.8%;   }
.news .newslist div:nth-child(3n){margin-right: 0;}
.news .newslist div a{line-height: 25px;font-size: 15px; height: 50px;width: 100%;display: block;overflow: hidden; font-weight: bold; }
.news .newslist div a:hover{color: #FB7D39;}
.news .newslist div .pic{width: 100%; height: 20vw;display: block; margin-bottom: 10px;}
.news .newslist div .pic img{width: 100%; height: 100%;object-fit: cover;}
.news .newslist div span{display: none;}

.searchbar a.left{width: 3vw;margin-right: 0px; margin-left: 10px; }
.searchbar a.left  i{font-size: 26px;color: #fff;}
.searchbar .right{width: 85vw;max-width:85vw ;}
.searchpage{
	position: fixed;
	top: 55px;
	background: #f8f8f8;
	height: 50px;
	z-index: 96;
	display: flex;
	line-height: 50px;
	font-size: 13px;
	text-indent: 5px;
	border-bottom: solid 1px #ddd;
	color: #666;
}
.searchpage .key{max-width: 35vw;text-overflow: ellipsis; 
	    white-space: nowrap;
	    overflow: hidden;
		margin-right: 5px;
		color: #333;
		
		}
		.searchpage span{color: #FF5502; padding-right: 5px; }
		.searchpage i{font-size: 18px; line-height: 50px;float: right;  display: block;  position: absolute; right: 10px; color: #878787;}
.ipages{position: fixed;top: 92px ;right: 10px;width: 60px;padding: 0px; background: #fff; height: auto; overflow: hidden;border: solid 1px #f0f0f0;z-index:999 ; display: none;}
.ipages a{width: 60px; height: 35px ;display: block;line-height: 35px;text-align: center; display: ;float: left;border-bottom: solid 1px #f8f8f8;  color: #666; font-size: 13px;}
.ipages a:hover{background: #f0f0f0;}
.ipages a:last-child{border-bottom: none;}

.ipages .cur{color: #FF5502;}
.searchlist{margin-top: 110px; min-height: 800px;}
.searchlist ul li{
	border-bottom: solid 5px #f0f0f0;
	overflow: hidden;
	padding:  4vw 2vw;
	;
	
}
.searchlist ul li:last-child{
	border-bottom: none;
}
.searchlist ul li>a{
	width:30vw;
	height: 30vw;
	display: block;
	float: left;
	max-height: 200px;
	max-width: 200px;
}
.searchlist ul li>a img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.searchlist ul li>div{
	height: 30vw;
	max-height: 200px;
	width: 64vw;
	float: left;
	margin-left:2vw ;
	overflow: hidden;
	position: relative;
	z-index: 90;
}
.searchlist ul li>div a:first-child{font-size: 15px;width: 100%;}
.searchlist ul li>div .price{color: #FF5502;width: 100%;display: inline-block;font-size: 13px; line-height: 20px;font-weight: bold; padding-top: 5px;}
.searchlist ul li>div .corp{
	position: absolute;
	bottom: 0px;
	left: 0px;
	max-width: 100%;
	height: 16px;
	line-height: 16px;
	display: block;
	overflow: hidden;
	color: #999;
	font-size: 10px;
		color: #999;
		overflow: hidden;
	
}
.searchlist ul li>div .corp span{
	max-width: 85%;
	height: 16px;
	line-height: 16px;
	text-overflow: ellipsis;
	    white-space: nowrap;
	    overflow: hidden;
		float: left;
		font-size: 12px;
		color: #878787;
}
.searchlist ul li>div .corp i{
	font-style: normal;
	float: left;
	height: 16px;
	line-height: 16px;
	font-size: 12px;
	color: #333;
	margin-left: 5px;
	
}
.searchlist ul li>div .mbr{
	position: absolute;
	bottom: 20px;
	left: 0px;
	background: #FB7D39;
	padding: 0px 5px;
	text-align: center;
	font-style: normal;
	margin: 0px;
	height: 15px;
	border-radius: 10px;
}
.searchlist ul li>div .mbr i{
	color: #fff;
	font-size:10px;-webkit-transform:scale(0.8);
	line-height: 15px;
	height: 15px;
	display: block;
	font-style: normal;
	font-weight: normal;
}
.searchlist ul li>div .nomember{
	background: #f0f0f0;
}
.searchlist ul li>div .nomember i{
	color: #999;
}







@media  (max-width: 1200px)
{
	.productlist div {
		width: 23%;
		display: block;
		float: left;
		margin: 1%;
	}
	.productlist div a:first-child {
		width:100%;
		height: 25vw;
		display: block;
		margin: 0px;
	}
	.procommend .box{margin: 1%;}
	
	.news .newslist div{width: 48%; height: 40vw; margin: 1%;   }
	.news .newslist div:nth-child(3n){margin-right: auto;}
	.news .newslist div:nth-child(2n){margin-right: 0;}
	.news .newslist div .pic{height: 30vw;}
	
}
@media  (max-width: 640px)
{
	.productlist div {
		width: 47%;
		display: block;
		float: left;
		margin:0.5%  2%;
		
	}
	.productlist div:nth-child(2n-1){margin-right: 0px;}
	.productlist div a:first-child {
		width:100%;
		height: 45.5vw;
		display: block;
		margin: 0px;
	}
	.gongying .colone{width: 110px; }
	.gongying .colone ul li{text-indent: 5px;font-size: 12px; }
	.gongying .main{margin-left: 110px;}
	
	.procommend .box,.corpcommend .box{margin: 2%;}
	.procommend .box .title,.corpcommend .box .title{
		display: inline-flex;
		margin: 20px 0px 10px 10px;
		
	}
	.procommend .box .list{column-gap: 10px; padding: 10px;}
	.procommend .box .list a img{margin-bottom: 10px;}
	.corpcommend .box .corp{ padding: 10px; margin-bottom: 10px;}
	.corpcommend .box .corp a{margin-right:15px ;}
	.paneltitle{;}
	.paneltitle .bold {
		color: #212121;
		font-size: 16px;
		line-height: 60px;
	}
	.paneltitle span{ margin-top: 28px;}
	
	.news .newslist div{width: 96%; height: auto; margin: 1% 2%;overflow: hidden; border-bottom: solid 1px #f0f0f0;   }
	.news .newslist div:nth-child(3n){margin-right: auto;}
	.news .newslist div:nth-child(2n){margin-right: auto;}
	.news .newslist div a{height: auto;}
	.news .newslist div .pic{height: 60vw;}
	.news .newslist div span{display: block;padding-bottom: 10px;color: #E1E1E1;font-size: 12px;line-height: 30px;}
}









.bottom {
	height: 65px;
	background: #f3f3f3;
	margin-top: 20px;
	margin-bottom: 45px;
	
}
.bottom div{font-size: 12px;color: #999;text-align: center; margin-top: 10px;width: 50%;float: left;padding-top: 10px; line-height: 20px; }
.bottom div img{height: 20px; }
.footer{height: 50px;background: #fff;position: fixed;bottom: 0px; column-count: 4; column-gap: 0px; box-shadow: 0px -5px 8px rgba(0, 0, 0, 0.08); z-index: 999; }
.footer a{height: 50px;display: block;line-height: 50px; text-align: center; font-size: 13px; }
.footer a i{color: #666; padding-right: 5px; font-size: 13px;}
.footer a:first-child i{font-size: 15px;}
.paging{display:block; align-items: center; text-align: center; padding: 20px 0px;width: 100%;}
.pages{ display: inline-flex; } 
.pages a {font-size: 11px; height: 22px;line-height: 22px;width: 25px; text-align: center; display: block; border: solid 1px #e8e8e8;border-radius: 2px; margin: 5px;color: #666;}

.pages .cur{border: solid #43567D 1px ; background: #43567D;color: #fff;}

.swiper-pagination{
    --swiper-theme-color: #ff6600;
    --swiper-pagination-color: #00ff33;/* 两种都可以 */
  }
.swiper-pagination .swiper-pagination-bullet{
	background: #666;
	opacity:.6
}
.swiper-pagination .swiper-pagination-bullet-active{
	background: #f0f0f0;
	opacity:1
}

.ispcmode{width:100%;	height:100%;background:rgba(0,0,0,.85);	position:fixed;z-index:100000;top:0;	left:0;	color:#FFF;}
.ispcmode div{margin: 30vh 50px 0 0;color: #fff ; font-size: 20px; line-height:30px; text-indent: 24px;text-align: center;}
.ispcmode a{background-color: #fff;padding:12px;color: #333;border-radius: 5px; margin: 50px auto; width: 200px;display: block; text-align: center;font-size: 16px}
.ispcmode a:hover{background: #dedede;}

@media  (max-width: 1200px){
	.ispcmode{display: none;}
}