.clearboth {width:100%; height:0px; line-height:0px; display:block; clear:both; overflow:hidden; font-size:0px;}
.product-page-list{background:#f6f7f8;overflow:hidden}
.inner_typelist {padding:30px;overflow:hidden}
.inner_typelist li {float:left; width:10%; padding:6px}
.inner_typelist li a {background:#36404A; display:block; font-size:1.3rem; line-height:3rem; color:#fff; text-align:center; display:block; 
	word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;}
.inner_typelist li a:hover {background-color:#fb4848}

.pro_shuxing {border:1px solid #F7F7F7}
.pro_shuxing th span,.pro_shuxing td span {padding:5px; display:block}
.pro_shuxing th {background:#F7F7F7}

.product-intro .detailicon {margin-top:20px}
.product-intro .detailicon span {position:relative; padding-left:40px; line-height:31px}
.product-intro .detailicon span.s1 {margin-right:30px}
.product-intro .detailicon span:before {content:''; position:absolute; width:31px; height:31px; left:0 }
.product-intro .detailicon span.s1:before {background:url(../images/detailicon1.gif) no-repeat 100% 100%;}
.product-intro .detailicon span.s2:before {background:url(../images/detailicon2.gif) no-repeat 100% 100%;}
.detailist {padding-bottom:30px}
.detailist .tt {padding:0 30px}
.detailist .tt h2 {font-size:1.6rem; border-bottom:1px solid #eee; line-height:4.5rem}
.detailist .tt h2 span {border-bottom:2px solid #333; display:inline-block; line-height:4.5rem}
.detailist ul {padding-right:30px}
.detailist ul li {width:25%; float:left}
.detailist ul li p {padding-left:30px}
.detailist ul li a {display:block;background:#eee;line-height:30px;padding:0 5px;font-size:12px;
	word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;}
.detailist ul li a:hover {background:#fb4848; color:#fff}

/*浮动客服*/
.floatwin{position:fixed;top:180px;right:0px;z-index:998;}

#floatDivBoxs{width:170px;background:#fff;/*position:fixed;top:180px;right:0px;z-index:999;*/float:right;}
#floatDivBoxs .floatDtt{width:100%;height:45px;line-height:45px; background:#fb4848;color:#fff;font-size:18px;text-indent:22px;position:relative;}
#floatDivBoxs .floatDqq{padding:0 14px;}
#floatDivBoxs .floatDqq li{height:45px;line-height:45px;font-size:15px;border-bottom:1px solid #e3e3e3; padding:0 0 0 50px;}
#floatDivBoxs .floatDtxt{font-size:18px;color:#333;padding:12px 14px;}
#floatDivBoxs .floatDtel{padding:0 0 15px 10px;font-size:18px;color:#fb4848}
#floatDivBoxs .floatDtel a{color:#fb4848}
#floatDivBoxs .floatDtel img{display:block;}
#floatDivBoxs .floatwx {text-align:center;padding:10PX 0 5px 0;background:#EBEBEB;}
#floatDivBoxs .floatDbg{width:100%;height:20px;background:url(/images/online_botbg.jpg) no-repeat;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
.floatShadow{background:#fff;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}

#rightArrow{float:left;/*position:fixed;top:180px;right:170px;z-index:999;*/}
.rightArrowimgleft{width:50px;height:45px;background:url(/images/online_arrow.jpg) no-repeat;background-position:-50px 0;}
.rightArrowimgright{width:50px;height:45px;background:url(/images/online_arrow.jpg) no-repeat;background-position:0px 0;}
#rightArrow a{display:block;height:45px;}

.foot_ewm {position:absolute;
right:0;
top:-5px
}
@media(max-width:958px){
.inner_typelist li {width:20%}
.foot_ewm {display:none}
}
@media (max-width:767px){
.detailist ul li {width:33.333333%}
.inner_typelist li {width:25%}
}
@media (max-width:558px){
	.detailist ul li {width:50%}
	.inner_typelist li {width:33%}

	.floatwin{top:40px;}
	#floatDivBoxs{width:100px;}
	#floatDivBoxs .floatDtt{font-size:12px;height:26px;line-height:26px;}
	#floatDivBoxs .floatDqq{font-size:12px;padding:0 5px;}
	#floatDivBoxs .floatDqq li{font-size:10px;padding:0 0 0 5px;height:22px;line-height:22px;border-bottom:0px solid #e3e3e3;}
	#floatDivBoxs .floatDqq li img{width:20px;height:23px;}
	#floatDivBoxs .floatDtxt{display:none;}
	#floatDivBoxs .floatDtel{font-size:12px;padding:0 0 0px 10px;}
	#floatDivBoxs .floatwx {text-align:center;padding:0px 0 0px 0;background:#EBEBEB;font-size:12px}
	#floatDivBoxs .floatDbg{display:none}

	/*箭头隐藏*/
	.rightArrowimgleft{width:25px;height:23px;background:url(/images/online_arrow_small.jpg) no-repeat;background-position:-25px 0;}
	.rightArrowimgright{width:25px;height:23px;background:url(/images/online_arrow_small.jpg) no-repeat;background-position:0px 0;}
	#rightArrow a{display:block;height:23px;}
}
@media (max-width:398px){

.inner_typelist li {width:50%}
.search_in dd input, .search_in dd input.text1, .search_in dd select, .search_in dd select.s1 {width:85%}

	.floatwin{top:40px;}
	#floatDivBoxs{width:100px;top:40px;}
	#floatDivBoxs .floatDtt{font-size:12px;height:26px;line-height:26px;}
	#floatDivBoxs .floatDqq{font-size:12px;padding:0 5px;}
	#floatDivBoxs .floatDqq li{font-size:10px;padding:0 0 0 5px;height:22px;line-height:22px;border-bottom:0px solid #e3e3e3;}
	#floatDivBoxs .floatDqq li img{width:20px;height:23px;}
	#floatDivBoxs .floatDtxt{display:none;}
	#floatDivBoxs .floatDtel{font-size:12px;padding:0 0 0px 10px;}
	#floatDivBoxs .floatwx {text-align:center;padding:0px 0 0px 0;background:#EBEBEB;font-size:12px}
	#floatDivBoxs .floatDbg{display:none}

	/*箭头隐藏*/
	.rightArrowimgleft{width:25px;height:23px;background:url(/images/online_arrow_small.jpg) no-repeat;background-position:-25px 0;}
	.rightArrowimgright{width:25px;height:23px;background:url(/images/online_arrow_small.jpg) no-repeat;background-position:0px 0;}
	#rightArrow a{display:block;height:23px;}
}