*{padding:0px;margin:0px;}
html{background:#fff;}
body {margin:0;	padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#242424; word-wrap:break-word;}
h1, h2, h3 {margin:1px; font-weight:normal; color:#333; padding:1px; font-weight:bold;}
h1 {font-size:14px;}
h2 {font-size:13px; padding:5px 0px 5px 0px;}
h3 {font-size:12;}
p, ol, ul {line-height:20px;}
ol {margin-left: 0;	padding-left:0; list-style-position: inside;}
blockquote {margin:0; padding-left:20px; font-style: italic;}
blockquote * {line-height: normal;}
a {color:#333;text-decoration:underline;}
a:hover {color:#000;text-decoration:none;position:relative;right:0px; top:1px}
A:visited {TEXT-DECORATION:none;color:#000}
A:link {color:#000;}
A:active{TEXT-DECORATION:none;color:#000;}
img {border: none;}
img.left {float:left;margin: 5px 15px 0 0;}
img.right {float:right;margin: 0 0 0 15px;}
hr {display: none;}
.clear{clear: both;}

.header{ width:980px;margin:auto;overflow:hidden;background-color:#353d40;}
.logo{ float:left; width:397px; height:80px; padding-left:40px;} 
.menu{ float:right; width:360px; line-height:70px;}
.menu a{color:#000;}

.backcolor{ background-color:#FC0;}
.main{ width:960px; margin:auto; overflow:hidden; padding:0 10px;}
.top{ float:left; width:960px; text-align:left;}
.banner{ float:left; width:681px;}
.products{ float:left; width:681px; padding-top:10px; padding-bottom:50px;}
.product{ float:left; width:170px; padding-right:0px;}
.last_product{ float:left; width:170px;}
.classname{ float:left; width:170px; height:30px; line-height:30px; font-weight:bold; font-size:12px;}
.fg{ float:left; width:165px; height:7px; overflow:hidden; background-image:url(../images/fg.jpg);}
.pic{float:left; width:170px; padding:5px 0;}
.productname{float:left; width:160px; line-height:16px; padding:0 5px;}
.foot{width:980px; margin:auto; overflow:hidden;border-top:1px solid #000; height:60px; padding-top:5px;}
.foot_left{ float:left; width:500px;}
.foot_right{ float:right; width:11s0px; padding-right:10px;}
a img{ border:none;}

.STYLE1{FONT-WEIGHT: bold; FONT-SIZE: 12px}


#slider1{OVERFLOW:hidden; WIDTH:681px; POSITION:relative; HEIGHT:260px}
#slider1 IMG{BORDER-TOP-WIDTH:0px; BORDER-LEFT-WIDTH:0px; BORDER-BOTTOM-WIDTH:0px; BORDER-RIGHT-WIDTH:0px}
#slider1Content{MARGIN-LEFT:0px; WIDTH:681px; POSITION:absolute; TOP:0px;}
.slider1Image {DISPLAY:none; FLOAT:left; POSITION:relative}
.slider1Image SPAN {PADDING-RIGHT:14px; DISPLAY:none; PADDING-LEFT:14px; FILTER:alpha(opacity=100); PADDING-BOTTOM:12px; FONT:15px/15px Arial, Helvetica, sans-serif; WIDTH:681px; PADDING-TOP:12px; POSITION:absolute; -moz-opacity:0.7; -khtml-opacity:0.7; opacity:0.7;}
.clear {CLEAR: both}
.slider1Image SPAN STRONG {FONT-SIZE:14px;}
.left {WIDTH: 480px! important; TOP:30px; left:18px;HEIGHT:180px; color:#000;}
.left h1{ font:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:40px; color:#000;}
.left h2{ font:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:25px; line-height:10px; color:#000;}
.left1 {LEFT:18px; WIDTH:680px! important; TOP:25px; HEIGHT:270px;color:#fff;}
.left1 h1 { font:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:52px; color:#FFFfff;}
.right {LEFT:18px; WIDTH:680px! important; bottom:60px;HEIGHT:140px;color:#d70e76;}
.cloca{ color:#C3C}
.right h1{ font:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:30px; color:#000;}
.right h2{ font:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:20px; line-height:10px; color:#fec40b;}
UL {LIST-STYLE-TYPE: none}
.style1 {FONT-SIZE: small}
/* baner */
#baner {width:960px; height:300px; margin:0 auto; background:url(images/sino-ele.jpg);}
#baner h1, #logo h2 {margin-right:702px; text-align:center; text-transform:uppercase; font-weight:normal;}
#baner h1 {padding-top:250px; font-size:14px;}
#baner h2 {font-size:13px;}
#baner a {text-decoration:none; color:#FFFFFF;}
/* Logo */
#logo {width:960px;height:102px;margin:0 auto;background:#111 url(images/logo.png);}
#logo h1, #logo h2 {margin:5px 20px 0px 0px; text-align:right;}
#logo h1 {padding-top:0px;font-size:24px; font:Georgia, "Times New Roman", Times, serif;}
#logo h2 {font-size:11px;}
#logo a {text-decoration: none;color:#F8C400;}
/* Page */

#page {width:960px;margin:0 auto; background:#FFFFFF url(images/img04.gif);}
/* Content */
#content {float:right; width:680px; padding:10px; border:1px solid #F0F0F0;}
#content h1{ font-size:18px; color:#000;}
#content h2 {font-size:14px; color:#000;}
#content ul {margin-left: 0;padding-left: 0;list-style: none;}
#content ul li {}/*padding-left: 15px;background: url(images/img07.gif) no-repeat 0px 8px;*/
.twocols {}
.twocols .col1, .twocols .col2 {width:320px; padding:5px; background:url(images/img05.gif) repeat-x 0px 30px;}
.twocols .col3 {width:230px; padding:5px; background:url(images/img05.gif) repeat-x 0px 30px;}
.twocols .col1 {float:left;}
.twocols .col2 {float:right;}
.twocols .col3 {float:left;}
/* Sidebar */
#sidebar {float:left; width:242px; background:url(images/img05.gif) repeat-x; border:1px solid #EEE;}
#sidebar ul {margin-left: 0; padding-left: 0;list-style: none;}
#sidebar ul li {padding-left:12px;	background: url(images/img07.gif) no-repeat 0px 9px;}
.boxed {}
.boxed .title {height:21px; margin:0; padding:5px 0 0 15px; background:#656464 url(images/img06.gif) repeat-x; text-transform:uppercase; font-size:13px; font-weight:bold;color: #FFF;}
.boxed .content {padding:10px;background:#F8C400 url(images/img05.gif) repeat-x;}
.boxed h3 {margin: 0;}
.boxed p, .boxed ul, .boxed ol {margin: 0;padding: 0;list-style: none;line-height: normal;}
.boxed ul {}
.boxed ul li {padding:1px 10px;background-position:0px 13px; border-top:1px solid #CFCFCF;}
.boxed ul li.first {border: none;}
/* Footer */
#footer {width:960px;margin: 0 auto;height: 100px;padding: 20px 0 0 0;background: url(images/img09.gif) repeat-x;}
#footer p {margin: 0;line-height: normal;font-size:11px;}
#footer a {color: #666666;}
#legal {float: left;}
#links {float: right;}