@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:#0066cc; font-weight:bold;}
#fwxm ul li .js{ line-height:20x; height:40px; font-size:12px; overflow:hidden; color:#666666;}
#dh UL LI{width:20%;float:left;margin:0px;line-height:32px;font-size:12px;text-align:center; font-weight:normal;}
#news-1 UL LI h2{ font-size:12px; height:25px; line-height:25px; overflow:hidden;}
#news-1 UL LI h2 span{COLOR:#018714;}
#news-1 UL LI .c1{ text-align:left; line-height:20px; color:#666666;height:40px; overflow:hidden;}
#news-1 UL LI .c2{ text-align:right; line-height:20px;color:#666666;  }
#news-1 UL LI  img{ float:left; margin-right:12px; width:120px; height:80px;}
#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){
#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:#0066cc; background-image:none;
	  COLOR:#fff;
}
#news-1 UL LI h2{ font-size:12px; height:24px; line-height:24px; overflow:hidden;}
#news-1 UL LI h2 span{COLOR:#018714;}
#news-1 UL LI .c1{ text-align:left; line-height:22px; color:#666666;height:44px; overflow:hidden;}
#news-1 UL LI .c2{ text-align:right; line-height:20px;color:#666666;  }
#news-1 UL LI  img{ float:left; margin-right:12px; width:160px; height:90px;}
#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; }}
@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:#0066cc; background-image:none;
	  COLOR:#fff;
}
#news-1 UL LI h2{ font-size:14px; height:30px; line-height:30px; overflow:hidden;}
#news-1 UL LI h2 span{COLOR:#018714;}
#news-1 UL LI .c1{ text-align:left; line-height:25px; color:#666666;height:50px; overflow:hidden;}
#news-1 UL LI .c2{ text-align:right; line-height:26px;color:#666666; }
#news-1 UL LI  img{ float:left; margin-right:12px; width:180px; height:110px;}}
@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;
}

}
@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;
}
}
@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;
}

}
@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:#0066cc;
}
#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:#0066cc;
}
#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:#0066cc;}
#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:#0066cc;}}
@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:#0066cc;
}
#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:#0066cc;}
#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:#0066cc;}}