/*---------------------------
 
-----------------------------*/
*{ margin:0; padding:0}
body{ text-align:center; font:12px ËÎÌå}
ul{ list-style:none}
a{ text-decoration:none}
a:hover{ text-decoration:underline}
#wrapper{ width:980px; margin:0 auto}
.fontw{ font-weight:bold}
 
/* Clear Fix */
 
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */
/* end of clearfix */
 
/*------head begin-------*/
#header{ background-color:#82b64a; background:url(images/headimg.jpg) no-repeat top;}
#logo{ float:left; margin:5px 15px}
#header h1{ float:left; font-size:36px; color:#fff; margin:18px 10px auto 30px; line-height:40px}
<!--#banner{ background:url(images/banner.jpg) no-repeat; height:59px; width:100%; clear:both}-->
#b1 ul {
	color:#fff;
	padding:0px 40px 0px 0px;
	width:90%;
	line-height:30px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 32px;
	font-style: italic;
	font-weight: bold;
}
#b1 ul li{float:right; }
#b2 ul {
	color:#fff;
	padding:0px 160px 0px 0px;
	line-height:23px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}
#b2 ul li{float:right; }
#nav{width:100%; height:30px; background-color:#4C4C4C; border-top:2px solid #737373}
#nav ul{ margin:1px auto auto 20px}
#nav ul li{ display:block; float:left; margin:0 2px}
#nav ul li a{ color:#fff; font-size:12px; display:block; width:80px; height:28px; line-height:28px;border-top:1px solid #4C4C4C}
#nav ul li a:hover{ color:#000; background-color:#fff; border-top:1px solid #9C0; text-decoration:none}
#nav ul .on a{background-color:#fff; color:#000; border-top:1px solid #9C0}
/*-----------------*/
#contentWrap{ margin-top:3px; overflow:hidden; height:1%}
#leftbar{ float:left; width:190px; border-left:1px solid #ccc; border-right:1px solid #ccc}
#leftbar dl dt{ height:34px; background:url(images/title-bg.gif) repeat-x; font:bold 12px/30px Georgia; color:#fff}
#leftbar dl dd{ text-align:left; margin:0 5px; height:26px}
#leftbar dl dd a{ line-height:26px; color:#036; display:block; width:100%}
#leftbar dl dd a:hover{text-decoration:none}
#leftbar .contact dd{ border:none; height:auto}
.contact ul{ display:block; border:1px solid #E0E6E8; width:167px !important; width /**/:179px; background-color:#fff; padding:5px; margin:5px 0; line-height:18px; font-size:12px; font-family:Verdana, Arial}
#leftbar .contact ul li a{ line-height:18px; color: #630; display:inline}
#leftbar .contact dd ul li{text-align:left; text-indent:0 !important; text-indent /**/:-1em}
/*--------------------*/
#content{float:right; width:785px; text-align:left}
.search{height:28px; border:1px solid #ccc; background:url(images/search.jpg) repeat-x; padding:0 8px; line-height:28px}
.search span{ float:left; color:#368; font-weight:bold}
.search form{ display:inline; float:right; margin-top:2px}
* html .search form{ margin-top:0}
*+html .search form{ margin-top:-1px}
.search .keywords{ width:165px; height:14px !important; height /**/:24px; background:url(images/keywords.gif) left top; border:1px solid #829DB9; padding:4px 5px;vertical-align:middle}
.search .bt{ border:1px solid #036; height:22px; margin-left:5px; vertical-align:middle; font-weight:bold; background-color:#fff}
.about{ border-top:5px solid #f5f5f5; padding-top:6px; margin-bottom:5px}
.images{ float:right}
.images .img1{ margin:8px 0}
.images img{ display:block}
#content img{ padding:4px; border:1px solid #eaeaea; background-color:#f9f9f9}
.tex{ float:left;color:#036; font-family:Verdana, Arial, Helvetica, sans-serif; padding:10px 10px 10px 10px;line-height:22px; text-indent:2em}
.tex span{ font-size:18px; width:450px; font-weight:bold; color:#c60; font-family:Georgia, "Times New Roman", Times, serif; display:block; margin:5px auto 15px auto}
.tex .t1{ font-size:14px}
.tex p{ margin:4px auto}
.proShow{clear:both; padding:5px 5px 5px 5px}
.company{ border:1px solid #ebebeb; clear:both; background: url(images/) #fafafa no-repeat 490px; padding:5px 5px 5px 5px}
#content .proShow img{ padding:4px; background-color:#fff; border:1px solid #eaeaea; margin:0 5px 0 0;}
/*---------------*/
#footer{ background-color:#f2f2f2;color:#999; padding-bottom:10px; clear:both}
#footer a{ color:#999}
#menu{ border-bottom:1px solid #ccc;height:26px; background-color:#82b64a; line-height:26px; text-align:right; padding:0 10px; margin-bottom:10px; color:#fff}
#menu a{ color:#fff; margin:0 5px}
#menu a:hover{ color:#036}
 
/*=========Enter pages begin=========*/
 
/*----------contact------------*/
.conDl{ line-height:22px; color:#036; overflow: auto; _height:1%}
.conDl dt{ font-size:18px; color:#c60; border-bottom:1px dashed #ccc; padding-left:15px; line-height:40px}
.conDl dd{}
.conDl dd ul{ float:left; margin-left:15px; display:inline}
.conDl a{ color: #990}
.map{ padding:4px; border:1px solid #efefef; background-color:#fafafa; margin-top:15px}
.map a{ display:block; width:555px; background:url(images/2006102010528751.jpg) no-repeat left bottom; height:120px; cursor:default}
.map a:hover{ height:321px}
/*----------feedback------------*/
.feedback{margin:40px auto; color:#036}
.bo{ float:left; margin:2px auto}
label{float: left;padding: 10px 5px 4px 10px; width:80px; text-align:right}
.feedback input{padding: 3px}
@media all and (min-width: 0px) {/* opera 7 styles */
.feedback input { padding:4px}
}
.feedback input,.feedback textarea{border: 1px solid #CCCCCC;margin:5px 0px;}
.feedback textarea{padding: 2px; overflow:auto; width:400px}
.feedback .bt{width: 38px;height: 20px;font-size: 11px;border: solid 1px #CCCCCC;background: #FBFBFB;text-align: center;}
.btcenter{text-align: center;clear: left;padding: 4px 0px 0px;}
.feedback .sffocus {
background: #F0F9FB; /*----for IE----*/
border: 1px solid #1D95C7;
}
.feedback textarea:focus, .feedback input:focus {
background: #F0F9FB; /*----for firefox......----*/
border: 1px solid #1D95C7;
}
.feedback .botton{padding:2px 10px; >padding:2px 6px;font-size:12px; border:1px #1E7ACE solid; background:#D0F0FF;margin-right:20px}
@media all and (min-width: 0px) {/* opera 7 styles */
.feedback .botton { padding:4px 15px}
}
.tj{margin-left:100px; clear:both}
.fs{ font-size:12px}
/*-------porducts----------*/
.pro{ margin:5px 10px auto 10px;}
.xpro{ display:inline; float:left; padding:4px; margin:20px;  line-height:30px; text-align:center}
#content .pro a:hover img{ background-color:#DDF0F0; border:1px solid #27CEF8}
.xpro p a{ color:#036; display:block}
.xpro p .r{ color:#c60}
.Epro p{ margin:8px auto; color:#036; font-family:Verdana, Arial, Helvetica, sans-serif}
table,td,th{border:1px #ccc solid;border-collapse:collapse}
td{ padding:5px; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:12px}
#content .Epro .lin{ background-color:#F6F6F6; border:1px solid #efefef; padding:5px; margin-bottom:0}
.lin a{ color:#c60}
/*---------profile-----------*/
.profile p{ margin:5px; text-indent:2em; color:#036; font-family:Verdana, Arial, Helvetica, sans-serif}
.profile img{ margin:10px}