﻿ ﻿﻿﻿/* CSS Document */

body{
	padding:0;
	margin:5px 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
	background:#F5F7E7 url(images/search.gif) #CCC  0 185px repeat-x;
}

div, h1, h2, h3, h4, p, form, label, input, textarea, img, span{
	margin:0; padding:0;
}

ul{
	margin:0; 
	padding:0; bodyMain
	list-style-type:none;
	font-size:0;
	line-height:0;
}
.spacer{
	clear:both; 
	font-size:0; 
	line-height:0;
}
/*------------------------------------------------main--------------------*/

/*------------------------------------------------top--------------------*/
#topMain{
        min-width:990px;
	width:100%;
        _width:expression(this.offsetParent.clientWidth<990?"990px":"100%"); 
	background:url(images/top_bg.gif) repeat-x;
	height:205px;
}
#top{
	width:916px;
        _width:expression(this.offsetParent.clientWidth<990?"990px":"916px"); 
	margin:0 auto;
	position:relative;
	padding-top:20px;
}

#top img.logo{
	display:block;
	font-size:0;
	line-height:0;
	margin-top:40px;
	position:absolute;
	left:0;
	top:70px;
}
#top .topsearch {
             width:800px;  
             position:absolute;
	  top:183px;
            font-size:12px;
            color:#8E0B01;
            overflow:hidden;
            height:16px;
            margin-left:-100px;
}
#top .topsearch a{color:#000;font-size:12px;margin-left:5px;text-decoration:none;}
#top .topsearch a:hover{color:#8E0B01;}
#top span a {text-decoration:none;  color:#999900; }
#top span a:hover {text-decoration:underline; color:#009900; }
#top form{ width:200px;
	background:url(images/serch_icon.gif) 5px 0 no-repeat;
	padding:0 0 0 23px;
	position:absolute;
	left:700px;
	top:183px;
}
#top form input.txtBox{
	width:148px;
	height:17px;
	border-bottom:#D4D0C8 solid 1px;
	border-right:#D4D0C8 solid 1px;
	border-top:#404040 solid 1px;
	border-left:#404040 solid 1px;
	font:normal 10px/17px Arial, Helvetica, sans-serif;
	color:#060606;
	background-color:#fff;
	padding:0 0 0 8px;
	float:left;
}
#top form input.go{
	background:url(images/btn_go.gif) 0 0 no-repeat;
	height:19px;
	width:42px;
	font:bold 11px/19px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:#333333;
	cursor:pointer;
	float:right;
	border:none;
}

#top h1{
	display:block;
	width:657px;
	height:28px;
	position:absolute;
	left:100px;
	top:85px;
	text-decoration:none;
	margin-top:-30px;
}
#top h1 a{text-decoration:none; color:#FFFFFF;width:657px;}
#top span{ margin-left:100px; }

#top p{ margin-left:130px;
        padding-top:16px;
		}
#top p img{ margin-top:10px; margin-left:-100px; margin-bottom:-30px;}


#top a.join{
	display:block;
	background:url(images/join.gif) 0 0 no-repeat;
	width:128px;
	height:87px;
	position:absolute;
	left:262px;
	top:122px;
	text-indent:-2000px;
}
#top a.join:hover{
	background:url(images/join_hover.gif) 0 0 no-repeat;
}
#top img.soft{
	display:block;
	font-size:0;
	line-height:0;
	position:absolute;
	left:715px;
	top:42px;
}
#top a.download{
	display:block;
	background:url(images/download.gif) 0 0 no-repeat;
	width:33px;
	height:137px;
	position:absolute;
	left:890px;
	top:47px;
	text-indent:-2000px;
}
#top a.download:hover{
	background:url(images/download_hover.gif) 0 0 no-repeat;
}
#top ul.nav{
	width:100%;
	height:23px;
	background:#000 url(images/nav_bg.gif) 0 0 repeat-x;
	position:absolute;
	left:0;
	top:156px;
}
#top ul.nav li{
	float:left;
	font-size:0;
	line-height:0;
          list-style-type:none;
}
#top ul.nav li a{
	display:block;
	padding:0 14px;
	font:bold 11px/23px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	text-decoration:none;
}
#top ul.nav li a:hover{
	color:#fff;
	background:url(images/nav_bg_hover.gif) 0 0 repeat-x;
	background-color:inherit;
}
#top ul.nav li a.hover{
	display:block;
	padding:0 14px;
	font:bold 11px/23px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	text-decoration:none;
	background:url(images/nav_bg_hover.gif) 0 0 repeat-x;
}
#top ul.sub{
	width:916px;
	height:23px;
	background:url(images/sub_bg.gif) 0 0 repeat-x;
	position:absolute;
	left:0;
	top:249px;
}
#top ul.sub li{
	float:left;
	font-size:0;
	line-height:0;
	background:url(images/sub_div.gif) right top no-repeat;
	height:23px;
	padding:0 1px 0 0;
}
#top ul.sub li a{
	display:block;
	padding:0 14px;
	font:normal 10px/23px Arial, Helvetica, sans-serif;
	color:#B6B6B6;
	background-color:inherit;
	text-decoration:none;
}





#top ul.sub li a:hover{
	color:#A0AC4D;
	background-color:inherit;
}
#top p h1 a:hover{text-decoration:underline; color:#73180F;}
#top p h1 a:hover{text-decoration:none;color:#C02312;}
#h_left{
/* width:50%; */
position:absolute;
top:5px;
right:0px;
text-align:right;
/*margin-top:-125px;
margin-right:-25px !important;
margin-right:0px;*/
font-size:12px;
overflow:visible;
}
/**+html #h_left { margin-top:-145px; } /* IE7 */
/** html #h_left { margin-top:-145px;} */ /* IE6 */ 
#h_left a{ color:#869234;
           text-decoration:none;}
#h_left a:hover{ color:#8D0000;
		         text-decoration:none;}
/*------------------------------------------------top--------------------*/

/*------------------------------------------------body--------------------*/
#bodyMain{
	width:100%;
	min-width:990px;
	_width:100%;
	background:url(images/body_bg.gif) left bottom repeat-x #F5F7E7;
	color:#6C6C6C;
	padding-bottom:50px;
}
#body{
	width:990px;
	_width:1000px;
	margin:0 auto;
	padding:0 0 42px 0;
}
.middle_background {
	background-attachment: scroll;
          background-color:#f5f8e7;
/*	background-image: url(images/innerbg.gif);
	background-repeat: repeat-y;
*/	margin: 0px;
	padding: 0px;
	float: left;
	width: 100%;
	background-position: 130px;
}

/*------------------------------------------------left--------------------*/
#left{
	width:228px;
	float:left;
	background:url(images/left_panel_bg.gif) left bottom no-repeat;
	padding:20px 11px 0 5px;
}
#left h2{
	display:block;
	width:227px;
	height:28px;
	background:url(images/news_div.gif) left bottom repeat-x;
	font:bold 28px/28px Arial, Helvetica, sans-serif;
	color:#7E8A2C;
	background-color:inherit;
	margin:0 0 16px 0;
}
#left h2 span{
	display:block;
	font:bold 11px/10px Arial, Helvetica, sans-serif;
	color:#8E0B01;
	background-color:inherit;
	padding:0 0 0 14px;
	background:url(images/date_icon.gif) 0 0 no-repeat;
	float:right;
	margin:6px 0 0 0;
}
#left p.bg{
	display:block;
	width:204px;
	height:19px;
	background:url(images/news_icon.gif) 6px 4px no-repeat #E8EBD6;
	padding:0 0 0 24px;
	font:bold 11px/19px Arial, Helvetica, sans-serif;
	color:#444444;
	margin:0 0 14px 0;
	float:left;
}
#left p.leftTxt{
	display:block;
	width:223px;
	padding:0 0 12px 0;
	font:normal 11px/14px Arial, Helvetica, sans-serif;
	color:#6C6C6C;
	background-color:inherit;
	float:left;
}
#left a.more{
	display:block;
	width:73px;
	height:19px;
	background-color:#8E0B01;
	color:#fff;
	text-align:center;
	text-decoration:none;
	float:right;
	margin:0 0 6px 0;
	font:bold 11px/19px Arial, Helvetica, sans-serif;
}
#left a.more:hover{
	background-color:#000;
	color:#fff;
}
#left p.whatNew{
	display:block;
	background:url(images/what_new.gif) 0 0 no-repeat;
	width:207px;
	height:15px;
	padding:112px 0 0 21px;
	margin:29px 0 5px 0;
	float:left;
}
#left p.whatNew a{
	font:bold 11px/10px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	text-decoration:none;
}
#left p.whatNew a:hover{
	color:#DFD3B5;
	background-color:inherit;
}
/*------------------------------------------------left--------------------*/

/*------------------------------------------------sidebar--------------------*/
#sidebar{
	width:170px;
	float:left;
	background-color:#fff;
	color:#060606;
	padding:20px 35px 0 17px;
	_padding:20px 10px 0 10px;
	background-repeat: repeat-y;
	background-attachment: scroll;
}
#sidebar h2.ser{
	display:block;
	padding:0 0 18px 24px;
	font:normal 18px/18px Arial, Helvetica, sans-serif;
	color:#0C0C0C;
	background-color:inherit;
	background:url(images/service_icon.gif) 0 0 no-repeat;
}

#sidebar ul li {list-style:none;}

#sidebar ul.serLink,ul#chinee_tags{
  
	width:205px;
	padding:0 0 19px 0;
	
}
#sidebar ul.serLink li,ul#chinee_tags li{
	font-size:0;
	line-height:1.5em;
}
#sidebar ul.serLink li a, ul#chinee_tags li a{
	display:block;
	background:url(images/arrow.gif) 0 5px no-repeat;
	padding:0 0 0 14px;
	font:normal 13px/16px Arial, Helvetica, sans-serif;
	color:#9FA289;
	background-color:inherit;
	text-decoration:none;
}

#sidebar ul.serLink li a.morelink, ul#chinee_tags li a.morelink{
	display:block;
	padding:0 0 0 10px;
	font:normal 13px/16px Arial, Helvetica, sans-serif;
	/*color:#9FA289;*/
    color:#336666;
    background:none;
    text-align:right;
	background-color:inherit;
	text-decoration:none;
}
#sidebar ul.serLink li a:hover,ul#chinee_tags li a:hover{
	color:#9FA289;
	background-color:#F5F7E7;
}
#sidebar a.catalog{
	display:block;
	background:url(images/xhtml_bg.gif) 0 0 no-repeat;
	width:180px;
	height:25px;
	font:bold 14px/21px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	padding:0 0 0 15px;
	overflow:hidden;
}
#sidebar a.catalog:hover{
	color:#8E0B01;
	background-color:inherit;
}
#sidebar ul.serLink a.current,#sidebar a.catalog a.current{ color:#2B1500 }

/*------------------------------------------------sidebar--------------------*/

/*------------------------------------------------right--------------------*/
#right{
	width:750px;
	float:left;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
	_padding-left:10px;
	background-image: url(images/right_bg.gif);
	background-repeat: repeat-y;
	background-position: left bottom;
	margin-left:10px;
	_margin-left:10px;
}
#right h2{
	display:block;
	height:28px;
	background:url(images/news_div.gif) left bottom repeat-x;
	font:bold 22px/28px Arial, Helvetica, sans-serif;
	color:#7E8A2C;
	background-color:inherit;
	margin:0 0 21px 0;
          clear:both;
}
#right h3{
	display:block;
	height:28px;
	/*background:url(images/news_div.gif) left bottom repeat-x;*/
	font:bold 28px/28px Arial, Helvetica, sans-serif;
	/*color:#7E8A2C;*/
	background-color:inherit;
	margin:0 0 21px 0;
}
#right h1{
      background:url(images/news_div.gif) left bottom repeat-x;
      color:#7E8A2C;
}
#right p.rightTxt1{
	display:block;
	font-size:12px;
	line-height:17px;
	padding:0 0 14px 0;
	font-style:italic;
}
#right .rightTxt1 a,#pages a{text-decoration:underline; color:#999900;}
#right .rightTxt1 a:hover,#pages a:hover{text-decoration:none; color:#7E8A2C;}
#right p.rightTxt1 span{
	color:#9D0303;
	background-color:inherit;
}
#right p.rm{
	display:block;
	height:19px;
	background:6px 4px no-repeat #E8EBD6;
	padding:0 0 0 25px;
	font:normal 10px/19px Arial, Helvetica, sans-serif;
	color:#262721;
	margin:8px 0 12px 0;
}
#right p.rm span{ font-size:14px; color:#8E0B01;}
#right p.rm a{
	display:block;
	width:70px;
	height:19px;
	background:url(images/read_more_bg.gif) 0 0 no-repeat;
	font:bold 11px/19px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	text-decoration:none;
	text-align:center;
	float:right;
}
#right p.rm a:hover{
	color:#E8EBD6;
	background-color:inherit;
}

#right h2.test{
	display:block;
	background:#425d2c;
	height:22px;
	margin:0 0 10px 0;
	font-size:14px;
	padding:0 0 5px 5px;
	color:#F5F7E7;
	
}


#right h3.test{
	display:block;
	height:30px;
	margin:0 0 10px 0;
	font-size:19px;
}

#right h3.test a{ color:#909C3E;}
#right h3.test a:hover{ color:#8E0B01; text-decoration:none;}
.item {width:135px; float:left; height:150px; font-size:12px; display:block; text-align:center;
       margin-left:8px;
       _margin-left:0px; }
.item img { width:100px; height:100px;}
.item h3 {display:block; padding:3px; text-align:center;}
.searchhighlight{color:#8D0000;}
.item span {display:block; padding:3px; width:140px; text-align:center;}
.item a{ color:#869234;text-decoration:none;}
.item a:hover{ color:#8D0000; text-decoration:underline;}
.item .price {color:#993300; font-weight:bold; }
.item span img {border:none!important;}
.item span a {border:none!important; text-decoration:none; color:#9FA289; text-align:center;}
.item span a:hover{border:none!important; text-decoration:none; color:#8D0000; text-align:center;}
img.productimg {border:solid 1px #716148; margin:0 0 0 1px; _margin:0px;}
.item .checkbox {margin-left:5px;}
.clear2 {width:100%; clear:left;}

#articles { width:75%; border:1px solid #000; padding-top:20px; margin:0 20px; }
#articles h3 {}
#articles #left, #articles #right { width:300px; border:1px solid #000;}
#articles #left { float:left; margin-left:30px;}
#articles #right { margin-left:600px; *margin-left:200px !important;}


.news, .news1 { width:45%; height:150px; padding-left:0; }
.news li, .news1 li { padding-bottom:3px;}
.news a, .news1 a { font-size:12px;}
.news { float:left; padding-left:13px;}
.news1 { float:right;}

.news a:link {
	color: #B8BE8E;
	text-decoration: none;
} 
.news1 a:link {
	color: #B8BE8E;
	text-decoration: none;
}
.news a:visited {
	color: #B8BE9E;
	text-decoration: none;
} 
.news1 a:visited {
	color: #B8BE9E;
	text-decoration: none;
}
.news a:hover {
	color: #8E0B01;
	text-decoration: none;
} 
.news1 a:hover {
	color: #8E0B01;
	text-decoration: none;
}
.news a:active {
	color: #B8BE9E;
	text-decoration: none;
} 
.news1 a:active {
	color: #B8BE9E;
	text-decoration: none;
}
a {
	font-weight: bold;
}

#right p.testTxt{
	display:block;
	width:333px;
	float:left;
	background:url(images/one.gif) 0 0 no-repeat;
	padding:0 0 0 20px;
	font:italic 14px/18px Georgia, "Times New Roman", Times, serif;
	color:#95997B;
	background-color:inherit;
}
#right p.testTxt span{
	font:bold 13px/14px Arial, Helvetica, sans-serif;
	color:#AE3136;
	background-color:inherit;
	display:block;
	margin:0 0 13px 0;
}
#right img.client{
	width:88px;
	height:79px;
	border:#ffffff solid 3px;
	float:right;
}


#content {width:95%;}
#content #contentimage {width:400px; float:left; }
#script {float:left; width:150px;  margin-left:20px; }

#page1 a{ color: #9FA289;}
#page1 a:hover{ color:#8E0B01;
text-decoration:none;}

#info { overflow:hidden; width:90%; color:#0065FF; font-size:14px; padding:20px 0 20px 20px;}
#info ul{ height:80px;font-size:12px; margin-bottom:12px; list-style-type:decimal}
#info ul li{  line-height:1.4em;}
#info pre {white-space:normal; }
#page{margin-top:15px;}
#page a{ color: #9FA289;}
#page a:hover{ color:#8E0B01;}
#page li{ list-style:none; display:inline; margin-left:5px; }
/*------------------------------------------------right--------------------*/

/*------------------------------------------------body--------------------*/

/*------------------------------------------------footer--------------------*/
#footer {
	clear: both;
	width: 870px;
	height: 60px;
	margin: 0 auto;
	padding-top:10px;
	text-align:center;
}

#footer p {
	margin: 0;
	line-height: normal;
	color: #9FA289;
	font-size: 12px;
}
#footer p span{text-decoration:none; color:#B05706;}
#footer a {
	color: #9FA289;
}
#footer a:hover{color:#9FA289;
	background-color:#F5F7E7;}

#footer img{ border:none;}
#footerMain{
	min-width:990px;
          width:100%;
          _width:expression(this.offsetParent.clientWidth<1000?"1000px":"100%");  
	height:120px;
	background:#fff url(images/footer_bg.gif) bottom  repeat-x;
        padding-bottom:18px;
	}
/*------------------------------------------------footer--------------------*/
/* 20090430 */
#categoryintro{clear:both; margin:10px 0; padding:0px 10px 10px; font-size:12px;
               border-top:1px dotted ;border-bottom:1px dotted ; font-style:italic; 
              }
.pages {width:100%;}
.pages a{text-decoration:none; color:#8D0000;}
.pages a:hover{text-decoration:underline; color:#9FA289; }
#pages { font-size:14px; width:100%; text-align:center;}
img{border:none;}
/* products display */
.singlepic{ float:left; width:96%; margin-left:10px; border-bottom:1px dotted ; font-size:12px;}
.singlepic .introduce{ float:left; padding:30px 0px; width:70%; font-size:13px; font-style:italic; overflow:hidden;}
.singlepic .introduce a{ text-decoration:underline;}
.singlepic a {border:none!important; text-decoration:none; color:#9FA289; text-align:center;}
.singlepic a:hover{border:none!important; text-decoration:underline; color:#8D0000; text-align:center;}

.singlepic .detailpic{ width:150px; float:left; text-align:center; padding:5px;}
.singlepic detailpic .smallpic img{ width:100px; height:100px; float:left; border:none;}
.checkbox{ width:15px; float:left; }

/* 20090408  siteMap*/
#siteMap li{ float:left; margin-left:10px; width:135px; list-style:none;}
#siteMap #subProList,#siteMap #mainProList{ clear:both;}
#siteMap h3,#siteMap h2{ clear:both;}
#siteMap h2 a{ font-size:14px;}
#siteMap h3 a{ font-size:18px;}
#siteMap a{text-decoration:none; color:#283906;}
#siteMap a:hover{text-decoration:underline; color:#8D0000;}

/* 单网页 */
#right .intro .art {margin-top:20px; text-indent:1.2em; font:12px tahoma; color:#567024; width:87%;}
#right .intro p { font:13px georgia;margin:10px 0; line-height:1.5em; }
.intro h4 { font:bold 17px tahoma;color:#7E8A2C; }
/* about us */
.intro a { color:#7E8A80; }
.intro a:hover { color:#778a00;}
.intro .about_pic { padding:10px 0;}

.intro .qc_pic { padding-bottom: 8px;}
.art p {margin:5px;line-height:125%;}
.art p.attention {margin:5px;line-height:125%; color:#4969C6; font-weight:bold;}

/*20090505*/
.selectdown{background:url(images/selectdown.gif) no-repeat 8px 3px;padding-top:3px; padding-bottom:3px; padding-left:35px; background-color:#666600; color:#ffffff; margin-bottom:10px; clear:both; font-size:13px;}
.selectup{background:url(images/selectup.gif) no-repeat 8px 5px; padding-top:3px; padding-bottom:3px; padding-left:35px; background-color:#666600; color:#ffffff;margin-bottom:10px;clear:both;font-size:13px;}
.selectdown input, .selectup input{ height:20px; padding:0; margin:0; color: #666600; background:#fff; border: solid #666666 1px;}
/*20090506,20090803 */
.cateintro{width:33%; float:left; margin:5px 0px 10px 0px; height:160px;}
.indexintro{width:59%; float:left; padding:5px 1px; font-size:12px;height:150px;overflow:hidden;}
.indexintro p {
	word-wrap:break-word; overflow:hidden;
}
.indexintro .catename { font-size:13px;text-align:center; }
.indexintro .catename a{text-decoration:none; color:#999900;}
.indexintro .catename a:hover{text-decoration:underline; color:#009900; }
.cateintro img{margin-top:30px;width:39%}

/*friendlink*/
#friendlink li{ list-style:none;}
#friendlink a{ text-decoration:none; color:#333924;}
#friendlink a:hover{ text-decoration:underline; color:#30B17D;}

/*article introduce list*/
h3.test a{text-decoration:none;}
ul#articlelist {font-size:14px;}
ul#articlelist li { display:block; margin-top:30px;padding-bottom:10px; border-bottom:dotted #000 2px;}
ul#articlelist a{text-decoration:none;color:#8E0B01;font-size:14px; font-weight:normal;}
ul#articlelist p{color:#666; font-size:12px; line-height:1em; margin-top:10px; margin-bottom:10px; margin-left:20px;}

/*article content*/
.articles a{ margin-left:3px; margin-right:3px; text-decoration: none; color:#993300;}
.articles .catintroduce {margin-top:30px; font-size:11px; border:solid #666 1px;padding:10px;}
.line {text-align:center;}
.line a,.key a{ margin-left:10px; margin-right:3px; text-decoration: none; color:#993300;}
ul.relate { }
ul.relate li{line-height:2em; font-size:13px; background:none;}
ul.relate li a{ text-decoration: none;color:#993300;}

/*20090914**侧边栏导航**更多*/
#sidebar ul.serLink li a.morelink { padding:0 20px 0 5px; }
/*20090914**Links index*/
#right .intro li { list-style:circle; font-size:13px;  }
#right .intro li a { text-decoration:none; }
#right .intro li a:hover { text-decoration:underline;}
