@media only screen and (max-width: 400px){
#fwxm{ width:100%; float:left; margin-top:5px;}
#fwxm ul{list-style-type:none;}
#fwxm ul li{ width:98%; margin-left:1%; margin-right:1%; float:left; overflow:hidden; margin-top:4px; margin-bottom:4px; float:left;}
#fwxm ul li .img1{ width:65px; float:left; height:65px; margin-right:12px; }
#fwxm ul li .bt{ line-height:20x; height:20px; font-size:12px; overflow:hidden; color:#C40002; font-weight:bold;}
#fwxm ul li .js{ line-height:20x; height:40px; font-size:12px; overflow:hidden; color:#666666;}
#dh UL LI{width:25%;float:left;font-size:12px;text-align:center; font-weight:normal;}
#logo .tel{
	position:absolute;
	height:24px;
	line-height:24px;
	right:8px;
	top:20px;
	width:110px; text-align:center;
	font-size:12px;
	color:#C40002;  z-index:80;   background-color:#fff;border-radius:4px;
}
#logo .tel A{color:#C40002; }
#hotcp UL LI { width:44%; float:left; text-align:center; overflow:hidden;margin-left:8px; margin-right:8px;}
#hotcp ul li img{  max-width:98%; height:100px; margin:0px;  }}
@media only screen and (min-width: 401px) and (max-width: 480px){
#dh UL LI{width:25%;float:left;font-size:12px;text-align:center;}
#product {

	WIDTH:100%;
	FLOAT: left;  overflow:hidden; margin-top:12px;

}
#product UL {
	LIST-STYLE-TYPE: none
}
#product UL LI {
	TEXT-ALIGN: center; WIDTH:44%;HEIGHT: 200px; FLOAT: left; margin-left:3%; margin-right:3%; position:relative;
}
#product UL LI.r{WIDTH:44%; float:left; margin-left:3%; margin-right:3%;HEIGHT:200px;}
#product UL LI IMG {
	  WIDTH: 100%; HEIGHT: 180px; display:block; border:0px;border-radius:8px;
}
#product UL LI h3{border-radius:0px 0px 8px 8px; overflow:hidden;
	width:100%;
	cursor:pointer;
	font-size:14px;
	height:30px;
	line-height:30px;
	position:absolute;
	font-weight:normal;
	left:0px;
	bottom:20px;
	color:#FFFFFF;
	background-image: url(bgt1.png);
	background-repeat: repeat;
	background-position: left top;
}
#product UL LI A { color:#525252;
	
}
#product UL LI A:hover h3{  background-color:#C40002; background-image:none;
	  COLOR:#fff;
}
#hotcp UL LI { width:48%; float:left; margin-left:8px; margin-right:8px; overflow:hidden;}
#hotcp ul li img{ max-width:98%; height:112px; margin:0px; }
#news-a UL LI {
	text-align:left; width:100%; margin-left:0px; margin-right:0px;
	float:left;
	display:block;
	border-bottom:#ddd  dotted 1px; padding-top:6px; padding-bottom:6px;color:#424244


}}
@media only screen and (min-width: 481px) and (max-width: 580px){#product {

	WIDTH:100%;
	FLOAT: left;  overflow:hidden; margin-top:12px;

}
#product UL {
	LIST-STYLE-TYPE: none
}
#product UL LI {
	TEXT-ALIGN: center; WIDTH:30%;HEIGHT: 210px; FLOAT: left; margin-right:5%; position:relative;
}
#product UL LI.r{WIDTH:30%; float:right; margin:0px;HEIGHT: 210px;}
#product UL LI IMG {
	  WIDTH: 100%; HEIGHT:190px; display:block; border:0px;border-radius:8px;
}
#product UL LI h3{border-radius:0px 0px 8px 8px; overflow:hidden;
	width:100%;
	cursor:pointer;
	font-size:14px;
	height:30px;
	line-height:30px;
	position:absolute;
	font-weight:normal;
	left:0px;
	bottom:20px;
	color:#FFFFFF;
	background-image: url(bgt1.png);
	background-repeat: repeat;
	background-position: left top;
}
#product UL LI A { color:#525252;
	
}
#product UL LI A:hover h3{  background-color:#C40002; background-image:none;
	  COLOR:#fff;
}}
@media only screen and (max-width: 370px){
#qylist{width:100%;
	float:left;
}
#qylist ul{ list-style-type:none;   font-size:12px;  }
#qylist UL LI.none {
	BACKGROUND: none transparent scroll repeat 0% 0%;
}
#qylist UL LI {
	text-align:left;
	WIDTH:100%;
	float:left;
	display:block;
	line-height:22px;
	height:22px;
	OVERFLOW: hidden;
	font-size:12px;
	background-image: url(d.jpg);
	background-repeat: no-repeat;
	background-position: 8px center;TEXT-OVERFLOW: ellipsis;
	WHITE-SPACE: nowrap;
	OVERFLOW: hidden; 

}
#qylist UL LI A {
padding-left:20px;
color:#525252;
}
#qylist UL LI A:hover {
padding-left:20px;
	COLOR:#D80100;

}}



@media only screen and (max-width: 340px){
#case{width:100%;
	float:left;
	text-align:center; padding-top:8px;
}
#case ul{ list-style-type:none; }
#case UL LI { width:44%; float:left; text-align:center; overflow:hidden;border:#ddd solid 1px; padding:2px;border-radius:4px; text-align:center; background-color:#fff; margin:2%;}
#case ul li img{  max-width:98%; height:100px; margin:0px;  }
#case UL LI p{
	height:22px;
	line-height:22px;
	text-align:center;
	overflow:hidden;
	font-size:12px;
}
#case UL LI.c5{ display:none;}
#case UL LI.c6{ display:none;}
}
@media only screen and (min-width: 341px) and (max-width: 440px){
#case{width:100%;
	float:left;
	text-align:center; padding-top:8px;
}
#case ul{ list-style-type:none; }
#case UL LI { width:44%; float:left; text-align:center; border:#ddd solid 1px; padding:2px;border-radius:4px; text-align:center; background-color:#fff; margin:2%;overflow:hidden;}
#case ul li img{ max-width:98%; height:112px; margin-top:5px;  background-color:#fff;  }

case UL LI p{
	height:22px;
	line-height:22px;
	text-align:center;
	overflow:hidden;
	font-size:12px;
}
#case UL LI.c5{ display:none;}
#case UL LI.c6{ display:none;}
#cb{width:100%;
	float:left;
	text-align:center; padding-top:8px;
}
#cb ul{ list-style-type:none; }
#cb UL LI { width:48%; float:left; text-align:center; margin:1%;overflow:hidden;}
#cb ul li img{ border-radius:5px;width:92%; height:100px; margin:0px;  border:#FEF1F1 solid 1px; display:block; padding:1px; background-color:#fff;  }
cb UL LI p{
	height:22px;
	line-height:22px;
	text-align:center;
	overflow:hidden;
	font-size:12px;
}
#cb UL LI A{ color:#111}
#cb UL LI A:hover{
	color:#C40002;
}}
@media only screen and (min-width: 441px) and (max-width: 540px){
#case{width:100%;
	float:left;
	text-align:center; padding-top:8px;
}
#case ul{ list-style-type:none; }
#case UL LI { width:29%; float:left; text-align:center; margin:1%;overflow:hidden;border:#ddd solid 1px; padding:2px;border-radius:4px; text-align:center; background-color:#fff;}
#case ul li img{max-width:95%; height:126px; margin-top:5px; }
case UL LI p{
	height:22px;
	line-height:22px;
	text-align:center;
	overflow:hidden;
	font-size:12px;
}

cb{width:100%;
	float:left;
	text-align:center; padding-top:8px;
}
#cb ul{ list-style-type:none; }
#cb UL LI { width:31%; float:left; text-align:center; margin:1%;overflow:hidden;}
#cb ul li img{ border-radius:5px;width:90%; height:96px; margin:0px; border:#FEF1F1 solid 1px; padding:2px;  background-color:#fff; }
cb UL LI p{
	height:22px;
	line-height:22px;
	text-align:center;
	overflow:hidden;
	font-size:12px;
}
#cb UL LI A{ color:#111}
#cb UL LI A:hover{
	color:#C40002;
}}
@media only screen and (max-width: 400px){#pro{width:100%;
	float:left;
	text-align:center; margin-bottom:4px;
}
#pro ul{ list-style-type:none; }
#pro UL LI { width:45%; float:left; text-align:center; margin:2%;overflow:hidden;border-radius:5px; background-color:#fff;border:#ddd solid 1px;  }
#pro ul li img{ max-width:96%; height:110px; margin-top:4px; }
#pro UL LI p{
	height:25px;
	line-height:25px;
	text-align:center;
	overflow:hidden;
	font-size:12px;
}
#pro UL LI A{ color:#525252}
#pro UL LI A:hover{
	color:#C40002;
}
#twlb{ width:100%; float:left;}
#twlb ul{list-style-type:none;}
#twlb ul li{ width:98%; margin-left:1%; margin-right:1%; float:left; overflow:hidden; margin-top:5px; margin-bottom:5px; float:left;}
#twlb ul li .img1{ width:110px; float:left; height:85px; margin-right:12px; }
#twlb ul li .bt{ line-height:20x; height:20px; font-size:12px; overflow:hidden; color:#cc00000;}
#twlb ul li .js{ line-height:20x; height:40px; font-size:12px; overflow:hidden;}
#twlb ul li .more{ margin-top:4px;}
}
@media only screen and (min-width: 401px) and (max-width: 480px){
#pro{width:100%;
	float:left;
	text-align:center; margin-bottom:4px;
}
#pro ul{ list-style-type:none; }
#pro UL LI { width:45%; float:left; text-align:center; margin:2%;overflow:hidden;border-radius:5px; background-color:#fff;border:#ddd solid 1px;  }
#pro ul li img{ max-width:98%; height:130px; margin-top:4px; }
#pro UL LI p{
	height:25px;
	line-height:25px;
	text-align:center;
	overflow:hidden;
	font-size:12px;
}
#pro UL LI A{ color:#111}
#pro UL LI A:hover{
	color:#C40002;
}
#twlb{ width:100%; float:left;}
#twlb ul{list-style-type:none;}
#twlb ul li{ width:98%; margin-left:1%; margin-right:1%; float:left; overflow:hidden; margin-top:5px; margin-bottom:5px; float:left;}
#twlb ul li .img1{ width:110px; float:left; height:85px; margin-right:12px; }
#twlb ul li .bt{ line-height:20x; height:20px; font-size:12px; overflow:hidden; color:#C40002;}
#twlb ul li .js{ line-height:20x; height:40px; font-size:12px; overflow:hidden;}
#twlb ul li .more{ margin-top:4px;}
#twlb ul li A{ color:#525252}
#twlb ul li A:hover{ color:#C40002;}}
@media only screen and (min-width: 481px) and (max-width:600px){
#pro{width:100%;
	float:left;
	text-align:center; margin-bottom:4px;
}
#pro ul{ list-style-type:none; }
#pro UL LI { width:28%; float:left; text-align:center; margin:1%;overflow:hidden; border-radius:4px; background-color:#fff;border:#ddd solid 1px;  }
#pro ul li img{ max-width:98%;height:125px; margin-top:5px; }
#pro UL LI p{
	height:25px;
	line-height:25px;
	text-align:center;
	overflow:hidden;
	font-size:12px;
}
#pro UL LI A{ color:#525252}
#pro UL LI A:hover{
	color:#C40002;
}
#twlb{ width:100%; float:left;}
#twlb ul{list-style-type:none;}
#twlb ul li{ width:48%; margin-left:1%; margin-right:1%; float:left; overflow:hidden; margin-top:5px; margin-bottom:5px; float:left;}
#twlb ul li .img1{ width:110px; float:left; height:85px; margin-right:12px; }
#twlb ul li .bt{ line-height:20x; height:20px; font-size:12px; overflow:hidden; color:#C40002;}
#twlb ul li .js{ line-height:20x; height:40px; font-size:12px; overflow:hidden;}
#twlb ul li .more{ margin-top:4px;}
#twlb ul li A{ color:#525252}
#twlb ul li A:hover{ color:#C40002;}}