/* 商品导肮页面样式  */
.g-bd_tit b { font-weight:normal; }
.g-bd .m-pronav { margin:13px 10px 18px 10px; }
.g-bd .m-pronav .prolist { border-radius:5px; -webkit-border-radius:5px; overflow:hidden; }
.g-bd .m-pronav .prolist li .on { height:40px; display:block; padding-left:10px; line-height:40px; }
.g-bd .m-pronav .prolist li .down { height:40px; display:block; padding-left:10px; line-height:40px; }
.g-bd .m-pronav .prolist li .borderno { border:none; }
.g-bd .m-pronav .prolist li p { position:relative; }
.g-bd .m-pronav .prolist li p a { display:block; width:15%; height:40px; position:absolute; right:0; top:0; pointer-events:auto; }
.g-bd .m-pronav .prolist li p a:before { content:""; position:absolute; background:url(/mobile/images/web/href_icon.png) no-repeat; background-size:100%;  width:20px; height:20px; right:19px; top:12px; z-indx:10; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
/*一列展现*/
.g-bd .m-pronav .list1, .g-bd .m-pronav .list2, .g-bd .m-pronav .list3 { display:none; }
.g-bd .m-pronav .list1 li { height:38px; line-height:38px; border-bottom:1px solid #e1e1e1; padding-left:33px; position:relative; white-space:nowrap; overflow:hidden; }
.g-bd .m-pronav .list1 li:before { content:""; overflow:hidden; position:absolute; left:20px; top:17px; z-index:7; width:0; height:0; border-width:3px; border-style:solid; transform:roate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); }
.g-bd .m-pronav .list1 li:after { content:""; overflow:hidden; position:absolute; left:20px; top:18px; z-index:8; width:0; height:0; border-width:2px; border-style:solid; transform:roate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); }
/*2列展现*/
.g-bd .m-pronav .list2 li { width:49.9%; float:left; height:38px; line-height:38px; border-bottom:1px solid #e1e1e1; text-align:center;  white-space:nowrap; overflow:hidden;}
.g-bd .m-pronav .list3 li { width:33.2%; float:left; height:38px; line-height:38px; border-bottom:1px solid #e1e1e1; text-align:center; white-space:nowrap; overflow:hidden; }
/*三级分类*/
.g-bd .m-pronav .prolist li .a_tit { display: block; height:38px; line-height:38px; border-bottom:1px solid #e1e1e1; padding-left:33px; position:relative; }
.g-bd .m-pronav .prolist li .list1 ul { display:none; }
.g-bd .m-pronav .prolist .list1 .list2 li, .g-bd .m-pronav .prolist .list1 .list3 li { padding:0; }
.g-bd .m-pronav .prolist .list1 .list2 li:before, .g-bd .m-pronav .prolist .list1 .list3 li:before { display:none; }
.g-bd .m-pronav .prolist .list1 .list2 li:after, .g-bd .m-pronav .prolist .list1 .list3 li:before { display:none; }
.g-bd .m-pronav .prolist .list1 .a_tit:before { content:""; overflow:hidden; position:absolute; left:20px; top:17px; z-index:7; width:0; height:0; border-width:3px; border-style:solid; transform:roate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); }
.g-bd .m-pronav .prolist .list1 .a_tit:after { content:""; overflow:hidden; position:absolute; left:20px; top:18px; z-index:8; width:0; height:0; border-width:2px; border-style:solid; transform:roate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); }
.g-bd .m-pronav .prolist .list1 .a_tit a:after{ background: #fbfbfb; width:14px; height:14px; right: 22px;}
.g-bd .m-pronav .prolist .list1 .a_tit a:before{width:14px; height:14px; right: 22px;}
/*图片产品分类*/
.g-bd .prolist_img li .tt_box { width:100%; padding:15px 0; }
.g-bd .prolist_img li .tt_box .img { float:left; margin:0 10px 0 20px; }
.g-bd .prolist_img li .tt_box h5 { line-height:30px; font-size:14px; }
.g-bd .prolist_img li .tt_box p { line-height:20px; font-size:80%; }
.g-bd .prolist_img .hideen_box { display:none; padding:0 10px; }
.g-bd .prolist_img .hideen_box:before { content:""; width:12px; height:5px; position:absolute; left:39px; top:-5px; }
.g-bd .prolist_img .hideen_box a li { text-align:center; border:none; }
.g-bd .prolist_img .hideen_box a li img { margin-top:14px; border-radius:20px; }
.g-bd .prolist_img .hideen_box a { width:59px; padding:0 8px; height:98px; display:inline-block; float:left; overflow:hidden; }
.g-bd .prolist_img .hideen_box a p { font-size:12px; line-height:22px; }
/* 产品列表页面一样式  */
.g-bd .m-con-1 {/* padding:15px 0 12px 0;*/ width:100%; margin:15px auto;}
.g-bd .m-con-1 a { float:left; width:41.25%; margin:0 4% 3% 4%; text-align:center; line-height:20px;  display:block; font-size:14px; }
.g-bd .m-con-1 span{ height:38px; clear:both; display:block; overflow:hidden;}
.g-bd .m-con-1 a img {  border:1px solid #e2e2e2; float:left; width:100%; margin-bottom:8px;min-height:8rem; height:auto; }

/* 产品列表页面二样式  */
.g-bd .m-con-2 { margin-bottom:26px; }
.g-bd .m-con-2 a{ display:block;}
.g-bd .m-con-2 dl { border-bottom:1px solid #ffffff; box-shadow:0 1px #e6e6e6; margin-bottom:2px; padding:12px 36px 12px 10px; position:relative; }
.g-bd .m-con-2 dt { float:left;display:block;border:1px solid #ccc; margin-right:11px; }
.g-bd .m-con-2 dt img { display:block;border:1px solid #e2e2e2;}
.g-bd .m-con-2 h3 { height: 24px; line-height: 24px; overflow: hidden; padding-right: 10px; }
.g-bd .m-con-2 p { font-size: 12px; height: 65px; line-height: 22px; margin:5px; margin-right:3%; overflow: hidden; }
.g-bd .m-con-2 .s-babg p span{ width: auto; height: auto; background: none; position: relative; right: inherit;top: inherit; display: inline;}
.g-bd .m-con-2 .s-babg p span:before,.g-bd .m-con-2 .s-babg p span:after{ display: none;}


/* 产品列表页面三样式  */
@media screen and (max-width: 1440px) { /*当屏幕尺寸小于1440px时，应用下面的CSS样式*/
  .g-prolistbox3 .content {-webkit-column-count:6;-moz-column-count:6;}
}
@media screen and (max-width: 1280px) { /*当屏幕尺寸小于1280px时，应用下面的CSS样式*/
  .g-prolistbox3 .content {-webkit-column-count:6;-moz-column-count:6;}
}
@media screen and (max-width: 1024px) { /*当屏幕尺寸小于1024px时，应用下面的CSS样式*/
  .g-prolistbox3 .content {-webkit-column-count:5;-moz-column-count:5;}
}
@media screen and (max-width: 960px) { /*当屏幕尺寸小于960px时，应用下面的CSS样式*/
  .g-prolistbox3 .content {-webkit-column-count:4;-moz-column-count:4;}
}
@media screen and (max-width: 720px) { /*当屏幕尺寸小于720px时，应用下面的CSS样式*/
  .g-prolistbox3 .content {-webkit-column-count:3;-moz-column-count:3;}
}
@media screen and (max-width: 400px) { /*当屏幕尺寸小于400px时，应用下面的CSS样式*/
  .g-prolistbox3 .content {-webkit-column-count:2;-moz-column-count:2;}
}
.g-prolistbox3 .content { margin:15px auto; text-align:center;column-gap:10px;-webkit-column-gap:10px;-moz-column-gap:10px;column-fill :balance;-webkit-column-fill:balance;-moz-column-fill :balance;}
.g-prolistbox3 .content div {  vertical-align:top; display:inline-block; margin-bottom:10px; text-align:center; line-height:20px; overflow:hidden; font-size:14px; }
.g-prolistbox3 .content i{ height:40px; line-height:20px; overflow:hidden; display:inline-block;}
.g-prolistbox3 .description{ color:#999;  display:block; height:40px; overflow:hidden;}
.g-prolistbox3 .content div img { border:1px solid #e2e2e2; margin-bottom:8px; display:block;}

/*新添加*/
.attr{ padding:1% 0; margin-top:1rem; margin-bottom:1rem;border: 1px solid #ddd;margin: 0 1.4%; margin-top:0.75rem;}
.attr ul{ position:relative;}
.attr ul li{ width:30.5%; margin-right:2.5%; box-sizing:border-box;position: relative;text-align: center;display: inline-block; z-index:999; border-right: 1px solid #ddd;}
.attr ul li:nth-child(3){ margin-right:0; border-right:0;}
.attr ul li p{ position:absolute; top:2.1rem; display:none; left:-1px; width:250%;background:rgba(255,255,255,0.9); border: 1px solid #f1f1f1;border-top: 0;padding-top: 0; padding-bottom:0.4rem; font-size:0; }
.attr ul li:nth-child(3) p{ right:-0.7rem; left:auto; width:200%;}
.attr ul li:nth-child(3) p a{ width:100%; display:block; text-align:center; text-indent:0;}
.attr ul li p a{ line-height:2rem; font-size:1.33rem; display:inline-block; border:1px solid #f1f1f1; width:50%; text-align:left; text-indent:2rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; box-sizing: border-box; padding-top:0.3rem; padding-bottom:0.3rem;}
.attr ul li p a.cur{ color:#ff6239;}
.attr ul li p a:last-child{ border-bottom:0;}
.attr ul li strong{ font-weight:normal; font-size:1.33rem; display: inline-block; line-height:2rem;padding-right: 1rem;position: relative;}
.attr ul li strong:before{ position:absolute; right:0; top:0.8rem; content:''; border-top: 0.6rem solid #666;border-left: 0.35rem solid transparent;border-right: 0.35rem solid transparent;}

/*当前选择*/
.curWhere{ clear:both; line-height:2rem; padding:2%;}
.curWhere span{ font-size:1.16rem; color:#666; display:inline-block;}
.curWhere em{ display:inline-block;}
.curWhere em strong{font-weight: normal;padding-left: 0.5rem;display: inline-block;padding-right: 0.5rem;    color: #ff6239;font-size: 1.2rem;    border: 1px solid #ff6239;line-height: 1.5rem;box-sizing: border-box;margin-right: 0.5rem;}
.curWhere a{ float:right; line-height:2rem; font-size:1.16rem; color:red;}

.brand_pn{padding: 2%; padding-top:8%; display:none; position: absolute;z-index: 99999;top: 0;background: rgba(255,255,255,0.9);height: 90%;overflow-y: scroll; left:0;}
.brand_pn h3{ display:inline-block; line-height:3rem; font-size:1.5rem; text-indent:2rem;  color:#222;}
.brand_pn .cs{ background: rgba(0,0,0,0.7);text-align: center;line-height: 2rem;position: fixed;right: 0.5rem;top: 2.5rem;color: #fff;font-weight: normal;font-size: 1.2rem; z-index:99999; cursor:pointer; display:block;}
.brand_pn .cs img{ width:1rem; height:1rem; display:block; margin:0.5rem auto; padding-left:1rem; padding-right:1rem;}
.brand_pn span{ display:inline-block; margin-right:0.8rem; line-height:2rem;}
.brand_pn span strong{ color:#ff6239; font-size:1.33rem;}
.brand_pn span i{ font-size:0;}
.brand_pn span i a{ color:#666; font-size: 1.33rem; width:33.33%; text-align:center; display:inline-block;}


/*表展示*/
.m-con-1{}
.table_box{ width:100%; overflow-x:scroll;}
table.altrowstable {
	font-family: verdana,arial,sans-serif;
	font-size:0.75rem;
	color:#333333;
	border-width: 0.05rem;
	border-color: #a9c6c9;
	border-collapse: collapse;
	/*width:1000px;*/
	width:100%;
}
table.altrowstable th {
	border-width: 0.05rem;
	padding: 0.15rem;
    padding-top:0.5rem; padding-bottom:0.5rem;
	border-style: solid;
	border-color: #a9c6c9; line-height:150%;
}
table.altrowstable td {
	border-width: 0.05rem;
	/*padding: 0.4rem;*/
	border-style: solid;
	padding-top:0.5rem; padding-bottom:0.5rem;
	border-color: #a9c6c9;
	line-height:150%; text-align:center;
}
.g-bd .m-con-1 table.altrowstable td a{ float:none; width:auto; margin:0; line-height:150%; font-size:0.75rem;}
.oddrowcolor{
	background-color:#f1f1f1;
}
.evenrowcolor{
	background-color:#fff;
}

/*分类首页*/
.wrap{ min-width:320px; max-width:640px; margin:0 auto; overflow:hidden; position:relative;} /*网站首页宽度*/
.wrap img{display:block;width:100%;}
.pro_ctg li{margin-bottom: 2px;position: relative;}
.pro_ctg li h3{position: absolute;width: 23%;top: 50%;left: 0;transform:translateY(-50%);text-align: center;}
.pro_ctg li h3 a{font-size: 0.96rem;color: #fff;line-height: 2.8rem;}
.pro_ctg li h3 img{display:block;width: 3.7rem;margin:0 auto;}
.pro_ctg li p{float: right;width: 77%;font-size: 0;}
.pro_ctg li p a{display:inline-block;width: 33.33%;height: 3rem;font-size: 0.96rem;color: #fff;line-height: 3rem;text-align: center;border-left:1px solid rgba(255,255,255,0.2);border-bottom:1px solid rgba(255,255,255,0.2);box-sizing: border-box; overflow:hidden;}
.pro_ctg li p a:nth-child(3n){ width:33.34%;}
.pro_ctg li:nth-child(3) p a{width: 50%;}
.pro_ctg li:first-child{background: #ff697a;}
.pro_ctg li:nth-child(2){background: #3d98ff;}
.pro_ctg li:nth-child(3){background: #44c522;}


h3.tit{ font-size:1.25rem; color:#000; line-height:3.25rem; display:block; width:96%; margin:0 auto; text-align:left;}
.barnd_con{ width:96%; margin:0 auto;}
.barnd_con dl{ clear:both; font-size:0;margin-bottom: 1rem;border: 2px solid #ddd;box-sizing: border-box; display:flex;  }
.barnd_con dl dt{ display:inline-block; width:68%; padding-top:0.5rem; padding-bottom:0.5rem;}
.barnd_con dl dt img{  height:8.166rem; margin:0 auto; display:block;}
.barnd_con dl dd{  width:32%; font-size:1rem; color:#666;  font-weight:bold;border-right: 1px solid #ddd;box-sizing: border-box; padding-top:3rem; text-align:center; }
.barnd_con dl dd span{ display:block;}
.barnd_con dl dd em{ font-weight:normal; font-size:0.833rem;}
.center{display: flex;display: -webkit-flex;
-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;}

.brand_desc{ line-height:180%; font-size:0.916rem; color:#333; width:96%; margin:0 auto;padding-bottom: 2%;}
.brand_desc h5{ font-size:1.25rem; color:#000; line-height:3.25rem; display:block; text-align:left;}
.brand_desc p{ text-indent:0!important;}
.product_tp{ width:96%; margin:0 auto; font-size:0;}
.product_tp a{ width:25%; padding-left:0.5%; padding-right:0.5%; display:inline-block; font-size:0.83rem; line-height:2.2rem; text-align:center; background:#dedede; color:#333; border:0.05rem solid #fff; box-sizing: border-box; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.kongbai{ display:block; width:100%; height:0.8rem; background:#f1f1f1;}
.product_tp a:nth-child(4n+1){ border-left:none;}
.product_tp a:nth-child(4n){ border-right:none;}