@charset "gb2312";
/* È«¾Ö */
*{ margin:0px; padding:0px;}
a{ text-decoration:none; color:#4b4a4a}
li{list-style:none;}
a:link, a:visited{text-decoration:none; }
a:hover{ text-decoration:none; color:#850404}
a img{ border:none;}
#clear{ clear:both;}
body{font-size:12px; text-align:left;  font-family: "΢ÈíÑźÚ", "Arial Unicode MS";line-height:24px;  background:#fff; color:#4b4a4a}
a{blr:expression(this.onFocus=this.blur())} /*for IE*/
a{outline:none;} /*for Firefox*/
ol,p,dl,li{margin:0;pading:0; list-style:none;}
ul.li{ margin:0px; padding:0px;}
h1,h2,h3,h4,h5{font-size:12px;margin:0;padding:0; font-weight:normal;}
.c{ clear:both}


#logo{ width:320px; margin:0px auto; height:65px; overflow:hidden;}

#nav {border-bottom: 1px solid #fff; margin:auto; }
#nav h1 {height: 27px;line-height: 27px;padding: 0 10px;font-size: 14px;cursor: pointer; color:#fff;border: 1px solid #fff;border-bottom: none;background:#8d8c8c url(images/bg.png) no-repeat right -30px; font-weight:bold; clear:both}
#nav h1 a{ color:#fff;}
#nav h1.hover {background:#850404;}
#nav h1.active {background-position: right 7px;}
#nav p { font-size:12px; padding:10px 0px 0px 0px;border-left: 1px solid #fff;border-right: 1px solid #fff; font-family:"ËÎÌå";padding-bottom:8px}
#nav h1 span{ font-size:11px; margin-left:10px; font-weight:100}
#nav .about,#nav .news,#nav .products,#nav .contact{ margin:auto; display:none}


#nav .about,#nav .news{ padding:5px 7px 0px;}

#nav .news span{ float:right; color:#999999}
#nav .news ul{ margin-top:4px;}
#nav .news li{ font-weight:100; display:block; border-bottom:dashed 1px #d2d2d2; padding:0px 5px 0px 5px;}
#nav .news .no{ border:none}


#nav .products a img{ border:solid 1px #e8e8e8; padding:1px; width:141px; height:145px;}
#nav .products a:hover img{ border:solid 1px #850404;}
/* max-width */
@media screen and (min-width: 320px) and (max-width: 480px){
#nav .products li{ float:left; text-align:center; margin:5px 0px; width:50%;display:inline}
.article .nyproducts li{ float:left; text-align:center; margin:5px 0px; display:inline; width:50%; line-height:16px;}
}

/* min-width */
@media screen and (min-width: 480px) and (max-width: 600px) {
#nav .products li{ float:left; text-align:center; margin:5px 0px; width:33%;display:inline}
.article .nyproducts li{ float:left; text-align:center; margin:5px 0px; display:inline; width:33%; line-height:16px;}
}

/* min-width & max-width */
@media screen and (min-width: 600px){
#nav .products li{ float:left; text-align:center; margin:5px 0px; width:25%;display:inline}
.article .nyproducts li{ float:left; text-align:center; margin:5px 0px; display:inline; width:25%; line-height:16px;}
}

#nav .contact{ margin-left:10px;}

.ck a{ background:#850404; color:#fff; float:right; text-align:center; font-weight:100; padding:0px 4px 0px 4px; margin:6px 0px 8px 0px; display:inline; line-height:19px;}
.ck a:hover{ color:#ffa6a6}

#banner{ width:304px; margin:auto; margin-top:14px;}
#banner img{ border:solid 1px #eae9ef;}

.bonav_bj{ width:100%; background:url(images/footer_bj.jpg) repeat-x; height:44px;}
#bonav{ width:100%; margin:auto; margin-top:4px;}
#bonav li{ float:left; width:25%; text-align:center;}

#footer{ text-align:center; clear:both; line-height:18px; width:280px; margin:auto}

.crumb{ border:solid 1px #fff; background:#850404; color:#fff; font-size:14px; padding-left:10px; line-height:26px; font-weight:bold;  text-align:center}
.crumb span a{ font-size:12px; float:right; color:#fff;  font-weight:100; margin-right:10px; }
.crumb b{ float:left; margin-top:1px; display:inline}

.article{ padding:5px;}
.article span{ float:right; color:#999999}
.article .nynews ul{ margin-top:4px;}
.article .nynews li{ font-weight:100; display:block; border-bottom:dashed 1px #d2d2d2; padding:0px 5px 0px 5px;}

.article .nyproducts a img{ border:solid 1px #e8e8e8; padding:1px;width:141px; height:145px;}
.article .nyproducts a:hover img{ border:solid 1px #850404; }

.article .nydetail li{ margin:auto; text-align:center; background:#EEEEEE; width:200px; border:solid 1px #ccc;}
.article .nydetail li img{ width:200px;  height:206px;}

.left{ float:left; padding-left:30px;}
.right{ float:right; padding-right:30px;}
.pagefour{height:40px;clear:both;margin:0px auto;padding-left:10px;}.pagefour a{padding:0px 3px; color:#0069b4;}.pagefour a:hover{color:rgb(252,112,113);}