@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0;} 
table { border-collapse:collapse;  } 
img {border:0;} 
address,caption,cite,code,dfn,em,th,var { font-style:normal; font-weight:normal;} 
ol,ul { list-style:none;}
th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;} 
body {background: #CCC; font-family:Arial,Verdana,  Helvetica, sans-serif, Verdana;font-size: 12px;line-height: 1.7em;color: #333;}
a,a:active,a:link,a:visited{text-decoration : none ;color : #333 ;}
input{border:1px solid #dbdbdb; background:#fff;vertical-align:middle; margin-top:8px; color:#666}
:focus{outline:0;}
#clear { 
       clear: both; 
       visibility: hidden;
	   line-height:0;
	   font-size:0;
} 
.tel{color:#0033ff}
table{ text-align: center; border-right:1px solid #dbdbdb;border-top:1px solid #dbdbdb; margin-bottom:10px; width:100%; font-size:12px; }
table a:link,.contact table a:visited{ color:#dbdbdb; text-decoration:none; font-size:12px;}
table a:hover{ color:#ec5a04; text-decoration:underline;}
table tr td{ border-bottom:1px solid #dbdbdb;border-left:1px solid #dbdbdb; height:20px;line-height:20px;}
#container{width:1003px; overflow:hidden; margin:0 auto; background:#FFF}
#header{ background:url(../images/top_bg.gif) repeat-x; height:103px;}
#header h1{ float:left; width:183px; height:94px; overflow:hidden; margin-left:22px; display:inline;}
#header span{float:left; width:183px; height:94px; overflow:hidden; margin-left:22px; display:inline;}
#header .tig{ margin:8px 10px 0 0; text-align:right;}
#header .menu{ float:right; margin-right:15px;}
.Nav{position:absolute; z-index:1000; top:46px; margin-left:36px;}
.Nav a,
.Nav a:link,
.Nav a:active,
.Nav a:visited,
.Nav a:hover
{ float: left;display: block; line-height:35px; height:auto; text-align:center;width:102px;text-decoration: none; background: url(../images/nav_bg.jpg) no-repeat top right; color:#fff}
.Nav a:hover{ color:#ccc; background-image:url(../images/nav_hover.png);/*IE7,FF*/
_background:none;/*IE6*/
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src="../images/nav_hover.png");/*IE6*/}
#png {height:70px;width:776px; 
background-image:url(../images/image3.png);/*IE7,FF*/
_background:none;/*IE6*/
_margin:4px 0 0 3px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src="../images/image3.png");/*IE6*/
}
#banner{ margin:0 auto; border:1px #dbdbdb solid; width:999px; overflow:hidden; margin-top:2px}
#Content { clear:both; overflow:hidden;}
#adv{ float:left; height:545px; width:243px; margin-left:2px; margin-top:5px; background:#dbdbdb; text-align:center;}
#left {float:left; height:545px;margin-top:5px; margin-left:4px; width:157px; text-align:center; background: url(../images/title.png) top no-repeat #C4C4C4; }
#left h2{ font-weight:bold; height:32px; line-height:32px; text-align:left; margin-left:30px;}
#left .leftsideBar{ width:145px; background: #fff; margin-top:6px; margin-left:auto; margin-right:auto; height:475px}
#left .leftsideBar li a{display: block; background: #ededed;height:23px; width:145px; line-height:23px; margin:1px 0 1px 0; border-bottom:1px #ccc solid;}
#left .leftsideBar a,.leftsideBar a:link,.leftsideBar a:visited{ }
#left .leftsideBar li a:hover{ background:#fff;  color:#333 }
#left .leftsideBar .ss{ background: url(../images/ss.jpg) no-repeat; height:28px; line-height:28px;  margin:3px 0 3px 0; font-weight:bold}	
#left .leftsideBar .tel{ text-align:left;color:#666; line-height:20px; padding:8px 0 0 5px;}
#right{ float:right; border:1px #DBDBDB solid;margin-top:5px; background:#fff; /*width:588px; */width:588px; margin-right:3px; overflow:hidden; height:543px;}
#rights{ float:right; border:1px #eee solid;margin-top:5px; background:#fff; width:830px; overflow:hidden; height:543px;}
#right h2{ border-bottom:1px #DBDBDB solid; background: url(../images/gui.gif) repeat-x #f7f7f7; height:30px; padding-left:8px; line-height:30px;}
#right h2 span{float:left}
#right h2 em{ float:right; margin-right:8px}
#product{width:100%;height:510px;overflow-x:hidden;overflow-y:scroll; SCROLLBAR-FACE-COLOR: #dbdbdb;SCROLLBAR-HIGHLIGHT-COLOR: #eee;SCROLLBAR-DARKSHADOW-COLOR: #eee;SCROLLBAR-ARROW-COLOR: #eee; SCROLLBAR-SHADOW-COLOR: #999;}
#tags{border-bottom:1px #dbdbdb solid;border-top:1px #dbdbdb solid; background: url(../images/gui.gif) repeat-x #f7f7f7; height:30px; padding-left:5px; line-height:30px;}
#tags1{border-bottom:1px #dbdbdb solid; background: url(../images/gui.gif) repeat-x #f7f7f7; height:30px; padding-left:5px; line-height:30px;}
#tags li{ float:left;}
#tags li a{float:left;border:1px #ccc solid; border-bottom:none; margin:3px 5px 0 5px; height:26px; width:80px; overflow:hidden; background:#eee; text-align:center;}
#tags LI.emptyTag {
	float:left;BACKGROUND: none transparent scroll repeat 0% 0%; WIDTH: 4px
}
#tags LI.selectTag { float:left;font-weight:bold;}
#tags LI.selectTag A {float:left;BACKGROUND-POSITION: right top;font-weight:bold;background:url(../images/tags.jpg) no-repeat;  }
#tagContent {width:588px;height:170px;}
.tagContent { width:570px; height:162px; padding: 15px 8px 8px 10px;}
#tagContent DIV.selectTag {	DISPLAY: block}

.main-pro{ width:585px; height:293px; padding:10px 0 5px 3px; overflow:hidden; text-align:center }
.pro{ float:left; margin:0 5px 0px 5px; width:136px; text-align:center; padding-bottom:8px;}
.pro img{display:block; margin-bottom:3px; width:134px; height:115px; background-color:#fff;}
.pro img{border:1px solid #dbdbdb;}
.pro:hover img,.pro:active img{border:1px solid #F00;}

.products{ width:565px; margin-left:5px; padding:10px 0 5px 3px; overflow:hidden; text-align:center }
.product{ float:left; margin:0 5px 0px 5px; width:131px; text-align:center; padding-bottom:8px;}
.product img{display:block; margin-bottom:3px; width:129px; height:115px; background-color:#fff;}
.product img{border:1px solid #dbdbdb;}
.product:hover img,.product:active img{border:1px solid #F00;}

.main-news{ float:left; margin-left:8px; width:555px;text-align:left}
.main-news li{background:url(../images/arr.gif) no-repeat 2px 65%; padding-top:8px;/* *padding:0 0 0 3px;*/ height:19px;  padding-left:20px; border-bottom:1px #ccc dashed; }
.main-news a{ line-height:18px;}
.main-news em{ float:right; margin-right:5px; width:auto; height:auto; color:#666; font-style:normal}

.news{ float:left; margin:10px; display:inline;width:555px;  text-align:left}
.news li{background:url(../images/arr.gif) no-repeat 2px 65%; padding-top:8px;/* *padding:0 0 0 3px;*/ height:19px;  padding-left:20px; border-bottom:1px #ccc dashed; }
.news a{ line-height:18px;}
.news em{ float:right; margin-right:5px; width:auto; height:auto; color:#666; font-style:normal}

.link{ margin-top:5px; border:1px #dbdbdb solid; height:30px; padding-left:10px; background: url(../images/links.jpg) repeat-x; line-height:30px;color:#FFF}
.link a{ margin-right:8px; color:#FFF}
.link a:hover{color:#ccc}
#footer{ background:url(../images/footer_bg.gif) repeat-x; padding-top:10px; height:80px; color:#666; margin-top:5px; text-align:center}