@charset "utf-8";
/* CSS Document */
*{ margin:0 auto; padding:0px;}
ul, dd, span, li{ list-style:none; margin:0px;}
a{text-decoration:none; color:#000;}
a:hover{text-decoration:none; color:#2f7600;}
img{border:0px;}
p{margin:2px 0px 7px 0px;}
.place{ float:right; padding-right:10px; font-weight:normal; font-size:12px;}
.clear{ clear:both; height:0px; margin-top:-1px;  line-height:0; visibility:hidden;}
.text{ padding:10px; }
.red{color:#f00;}
body{ font-size:12px; font-family:"宋体"; line-height:20px; color:#5e5e5e; text-align:center; background:#d9d9d9 url(body_bg.jpg) repeat-x left top;}
#wallpaper{ width:980px; background-color:#fff; margin:0 auto;}
#head{ width:980px;  height:123px; overflow:hidden; }
#head .logo{ width:980px; height:62px; padding-top:20px;  text-align:left; background: url(top.gif) repeat-x left bottom;}
#head .logo .place{ padding-top:10px;}
#head .logo span{ padding-left:30px;}

#main_nav{background: url(menu-bg.gif) repeat-x left top; height: 40px; width:900px; padding-left:80px; font-size:14px; font-weight:bolder;  }
#main_nav li{float: left; width:119px; height:40px; line-height:40px; overflow:hidden;}
#main_nav li a{ color:#fff;}
#main_nav li a:hover, #main_nav .now{  background: url(menu-li.gif) no-repeat center top;  display:block; color:#2f7600;}

#flash{width:980px;}
#main{width:980px; overflow:hidden;  }
#main .left{ float:left; width:200px; text-align:left;  }
#main .left li{ height:25px; line-height:25px; font-size:14px;  }
#main .left li a{ background:#f3f3f3; display:block; border-left:#86c06f 3px solid; padding-left:50px;}
#main .left li a:hover{ background:#88c03b url(p.gif) no-repeat right center; border-left:#486d04 3px solid;}
#main .left .contact{ margin-top:10px; background:url(contact.gif) no-repeat 5px top; padding:50px 0px 20px 20px;}
#main .left .contact p{ text-align:5px; color:#0a7316;}
#main .right{ float:right; width:775px; margin:0px;  overflow:hidden;text-align:left;}
#main .right h6 .place{ padding-top:10px;}
#main .right .top{}
#main .right .top .about{ float:left; width:490px; padding:0px 5px; line-height:22px;}
#main .right .top .text{background: url(in.gif) repeat-x left top; height:145px; overflow:hidden;}
#main .right .top .about .text img{ float:left; padding-right:15px;}
#main .right .top .news{ float:right; width:268px; line-height:17px;}
#main .right .top .news .text img{ width:100px; height:75px; float:left; padding-right:10px;}
#main .right .top .news li{ line-height:25px; white-space:nowrap; text-overflow:ellipsis; overflow: hidden; width:250px; padding-left:15px;}
#main .right .top .news li span{ color:#63a508;}
#main .right .product{ width:765px; clear:both; padding-left:10px; overflow:hidden; height:200px;}
#main .right .product .pro{ border-top:#ccc 1px solid; padding:10px;}
#main .right .product .pro img{ padding:3px; border:#eee 1px solid; display:inline; width:148px; height:135px; margin:0px 12px;}

#right{float:right; width:765px; margin:0px;  overflow:hidden;text-align:left; padding-top:2px;}
#right h6 .place{ padding-top:10px; background:url(icon5.gif) no-repeat left 15px; padding-left:12px;}
#right .text{background: url(in.gif) repeat-x left top;}
#right .text .news{ width:700px; padding:0px 30px; line-height:25px;}
#right .text .news li{background:url(line.gif) repeat-x left bottom; width:700px;}
#right .text .news li a{background:url(icon9.gif) no-repeat left center; padding-left:15px; float:left; display:inline-bolck; width:400px; white-space:nowrap; text-overflow:ellipsis; overflow: hidden;}
#right .pages{text-align:center; background-color:#f8f8f8; clear:both; padding:5px; margin:15px;}
#right .pages select{ height:18px; font-size:10px;}
#right .news2 h2{ font-size:14px; text-align:center; line-height:22px; margin-top:15px;}
#right .news2 h6{ font-size:12px;  font-weight:normal; text-align:center; color:#000;  margin:5px 70px 15px 70px;  border-bottom:#ddd 1px solid; border-top:#ddd 1px solid; line-height:20px;}
.proof{text-align:center;}
.proof img{width:300px; border:#ccc 1px solid; padding:7px; margin:5px 10px;}
#up_next{ margin-top:30px; padding-top:20px; background:url(line.gif) repeat-x left top; clear:both;}

/*product*/
#right .case{border:#e8e8e8 3px solid; width:720px;  margin-top:7px; }
#right .case .cas{ width:155px; padding:10px; text-align:center; float:left; margin-top:15px; display:inline;}
#right .case .cas img{padding:3px; border:#eee 1px solid; display:inline; width:148px; height:135px; }
#right .case .cas span{height:20px; line-height:20px; display: block; width:155px; overflow:hidden; white-space: nowrap; text-overflow:ellipsis; }
#right .case .show{ width:258px; padding:10px; text-align:center; float:left; margin-top:15px; display:inline;}
#right .case .show img{padding:3px; border:#eee 1px solid; display:inline; width:250px; height:200px; }
#right .case .show span{height:20px; line-height:20px; display: block; width:250px; overflow:hidden; white-space: nowrap; text-overflow:ellipsis; }
#right .products{ padding:10px; }
#right .products .text{ background:none;}
#right .products h5{font-size:13px; height:27px; line-height:27px; background:#f5f5f7 url(icon2.gif) no-repeat 10px center;  margin:7px 0px; text-align:left; padding-left:35px;}


#link{background:url(link.gif) no-repeat 0px center; clear:both; height:52px; width:920px; margin-bottom:10px; padding:10px 10px 10px 50px; }
#link span{ display:block; background:#fff; padding:9px; text-align:left;}
#link span img{ display:inline; padding:0px 5px;}
#foot{text-align:left; color:#000; clear:both; line-height:22px; width:980px; border-top:#bdbdbd 1px solid;}
#foot span{border-top:#d9d9d9 2px solid; display:block;  background:url(foot.gif) no-repeat 10px center; padding:10px 0px 10px 420px;}