﻿@charset "utf-8";
/* CSS Document */

/********************************************
AUTHOR:  		abin 
WEBSITE:   		http://www.cofe.cn/
VERSION:        1.0
DATE:           2008-12-27          	
*******************************************/
 
/********************************************
   HTML BASE ELEMENTS
********************************************/ 

/* Base Elements */
* { margin: 0; padding: 0; }

body {
	background: #fff;
	font: 12px Verdana, Tahoma, arial, sans-serif;
	text-align: left;
}
#header {
	width: 888px;
	margin: 0 auto;
}
.logo{
display:inline-block;
width:45%;
float:left;
padding:20px 0;
text-align:left;
}
#content-wrap {
	clear: both;
	width: 888px;
	padding: 0; 
	margin: 0 auto;
}
/* Main Column */
#main {
	float: right;
	width: 755px;
	padding: 0; margin: 0;
}
/* Sidebar */	
#sidebar {
	float: left;
	width: 133px;
	padding: 0; margin: 0;	
}	
/* Footer */	
.footer {
	color: #666666;
	clear: both;
	width: 888px;
	font-size: 10px;
	padding:5px 0 20px 0px;
	margin:0 auto;
	border-top:1px solid #e4e4e4;
	font-weight:normal;
}
#footer a {color: #26a8b3; text-decoration:none; line-height:200%;  }

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }
.align-center { text-align: center; }

/*text color*/
.textorange{ color:#ff3300;}

.textgreen{color:#439257;}

.clear{ clear:both;}


/********************************************
   HTML SPECIAL ELEMENTS
********************************************/ 

/*search*/
.search{ display:inline; background:url(image/bg-search.jpg); width:235px; height:31px; margin-top:50px; padding:5px 0px 0px 3px;}
.input01{ border:1px solid #e3e3e3; width:140px; height:18px;}

.homeprorec{ display:block; background:url(image/dot01.gif) repeat-x bottom; float:left; padding-bottom:5px; margin-bottom:15px;}
.prorec{ display:inline; width:125px; float:left; font-size:11px; text-align:center;}
.prorec img{ border:0px; margin-bottom:5px;}
.newsdate{ color:#CCCCCC; font-size:10px;}
.homenewspro{color:#666; font-size:11px; line-height:180%;}

.prorec a{font-size:11px; font-weight:bold; color:#666666; text-decoration:none;}
.prorec a:hover{color:#b00000; text-decoration:underline;}
.homenewstopic a{  font-size:11px; font-weight:bold; color:#666666;display:block; text-decoration:none;}
.homenewstopic a:hover{color:#b00000; text-decoration:underline;}
.homemore a{  font-size:10px; color:#666666;display:block; text-align:right; text-decoration:none;}
.homemore a:hover{ color:#b00000; text-decoration:underline;}


.tel{ font-size:11px; padding-left:10px; margin-top:50px; margin-bottom:50px;}
.tel a{ color:#999999; text-decoration:none; font-size:10px;}
.tel a:hover{ color:#b00000; text-decoration:none; font-size:10px;}

.catetit1{font-size:18px; color:#d1261e; font-weight:bold;}

.mainleft{ display:block; width:258px; margin-left:10px; float:left; }
.mainleft ul{ list-style:none; text-align:left; padding-left:0px;  margin-top:15px;}
.mainleft ul li a{ display:block; margin:10px 0px!important; margin:0px; color:#6f7b57; text-decoration:none; padding-left:20px;background:url(image/arrow01.gif) no-repeat 0px 4px;}
.mainleft ul li a:hover{color:#b00000; text-decoration:underline;}
.mainleft ul li.nowcate a{color:#e08a16;}
.mainleft ul li.nowcate a:hover{color:#b00000;text-decoration:underline;}

.mainleft ul.pdt li a{background:url(image/plus.gif) no-repeat 0px 6px;}
.mainleft ul.pdt li a.expand{background:url(image/minus.gif) no-repeat 0px 6px!important;}

ul ul.productlist{list-style:none; text-align:left; padding-left:0px; margin:0px 0px 10px 0px!important;}
ul ul.productlist li a{display:block; height:22px;color:#6f7b57!important; text-decoration:none; padding-left:35px; padding-top:0px; background:url(image/icon-minus.gif) no-repeat 20px 6px!important;}
ul ul.productlist li.nowcate2 a{color:#e08a16!important;}
ul ul.productlist li.nowcate2 a:hover{color:#b00000; text-decoration:underline;}

.mainright{ display:block; position:relative; width:410px; margin-left:10px; float:left; line-height:180%; color:#666666; }
.mainrightcontent{display:block;clear:both; padding-left:0px;margin-left:0px;}

.certi{ margin:0 auto; width:888px; clear:both; padding-top:30px; text-align:center;}
.certi img{ border:0px; margin:0 10px; width:85px;}

/********************************************
   图左字右，字不包图环绕
********************************************/
.aboutus{
width: 750px;
margin-bottom:8px;
float:left;
padding-bottom:20px;
display:block;
}
.aboutus .floatbox{
float: left;
width: 44px;
color:#333333;
}
.aboutus p{
margin-left: 44px;
line-height:150%;
}
.aboutus a{ color:#333333; font-weight:bold; text-decoration:underline;line-height:180%;}
.aboutus a:hover{ color:#b00000;}

.proshow1{
width: 463px;
margin-bottom:8px;
float:left;
padding-bottom:20px;
display:block;
color:#666;
line-height:250%;
font-size:11px;
}
.proshow1 .floatbox{
float: left;
width: 25px;
color:#333333;
}
#proshow1 p{
margin-left: 25px;
line-height:150%;
color:#999999;
}
.proshow1 a{ color:#333333; font-weight:bold; text-decoration:underline;line-height:180%;}
.proshow1 a:hover{ color:#b00000;}

.proshow{
width: 290px;
margin-bottom:8px;
float:left;
padding-bottom:20px;
display:block;
}
.proshow .floatbox{
float: left;
width: 25px;
color:#333333;
}
.proshow p{
margin-left: 25px;
line-height:150%;
}



/*2009.1.20 新增搜索结果页样式*/
.mainleft2{ display:block; width:650px; margin-left:10px; float:left}
.mainleft2 ul{ list-style:none; text-align:left; padding-left:0px;  margin-top:15px;}
.mainleft2 ul li a{ display:block; height:22px;color:#6f7b57; text-decoration:none; padding-left:25px;padding-top:5px;background:url(image/arrow01.gif) no-repeat 0px 9px;}
.mainleft2 ul li a:hover{color:#b00000; text-decoration:underline;}
.mainleft2 ul li.nowcate a{ display:block; height:22px;color:#e08a16; text-decoration:none; padding-left:25px;padding-top:5px;background:url(image/arrow01.gif) no-repeat 0px 9px;}
.mainleft2 ul li.nowcate a:hover{color:#b00000; text-decoration:underline;}
