@charset "utf-8";
/* CSS Document */

/*============================All design============================*/
*{ margin:0; padding:0;}
body { background:url(../images/company_01.gif) top repeat-x #FFFFFF; font-size:12px; color:#333; line-height:22px; oncontextmenu=self.event.returnValue=false}
a { font-size:12px; text-decoration:none; color:#000000;}
a:hover { font-size:12px; text-decoration:underline; color:#ff6100;}
img { border:none}

.margin { margin:10px 0 0 0}

.clear { clear:both}


/*button*/
#nav { line-height: 27px;  list-style-type: none; margin:0px;}

#nav a { display: block; text-align:center;}
#nav a:link  { color:#fff; text-decoration:none;}
#nav a:visited  { color:#fff;text-decoration:none;}
#nav a:hover  { color:#480000;text-decoration:none;font-weight:bold;}

#nav li { float: left;}
#nav li ul { line-height: 27px;  list-style-type: none;text-align:left; left: -999em; width: 160px; position: absolute; margin:0 0 0 0px;}
#nav li ul li{ float: left; width: 160px; background: #55b5fe;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);}


#nav li ul a{ display: block; width: 160px;w\idth: 125px;text-align:left;padding-left:35px; background:url(../images/a1.gif) no-repeat left #63bdff}
#nav li ul a:link  { color:#666; text-decoration:none;}
#nav li ul a:visited  { color:#666;text-decoration:none;}
#nav li ul a:hover  { color:#FFF;text-decoration:none;font-weight:bold; background:url(../images/a2.gif) no-repeat left #4da8ef}

#nav li:hover ul { left: auto;}
#nav li.sfhover ul { left: auto;}
#content { clear: left;}




/*left*/

.left a { display:block; width:188px; height:24px; text-decoration:none;color:#3052b4; font-weight:bold; background:url(../images/company_31.gif) no-repeat #f3f4f7; margin:0; overflow:hidden}
.left a:hover { display:block; width:188px; height:24px; text-decoration:underline;color:#2b2b2b; font-weight:bold; background:url(../images/company_34.gif) no-repeat #ffefcc; overflow:hidden} 
.left p {padding: 0 0 0 30px;}




.class a { color:#0b66a8; text-decoration:none; display:block; width:190px; height:29px; line-height:29px; background:url(../images/class_100.gif) no-repeat;  overflow:hidden; font-weight:normal}
.class a:hover { color:#fd8e03; text-decoration:none; display:block; width:190px; height:28px; line-height:29px; background:url(../images/class2_100.gif) no-repeat;  overflow:hidden; border-bottom:1px #FFCC99 solid; font-weight:normal}



.product { width:217px; height:175px; margin:10px 10px; float:left; overflow:hidden}
*html .product { width:217px; height:175px; margin:10px 7px; float:left; overflow:hidden}
.product p { width:217px; height:143px; background:url(../images/product_10.gif) no-repeat; margin:0; overflow:hidden}
.product img { width:207px; height:133px; margin:5px 0 0 0}
.product a img { width:207px; height:133px; text-decoration:none;margin:5px 0 0 0}
.product a{ width:217px; height:30px; background:url(../images/product_17.gif) no-repeat; display:block; margin:0; padding:0; overflow:hidden}
.product a span { height:30px; padding:5px 0 0 40px; overflow:hidden; text-align:left; display:block;overflow:hidden; cursor:hand;}



.btm { color:#FFFFFF;}
.btm a { color:#FFFFFF; text-decoration:none}
.btm a:hover { color:#FFFFFF; text-decoration:underline}


/*============================nei============================*/




.tittle { color:#000000; font-size:14px; font-weight:bold;}