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

*{ margin:0; padding:0;}
img { border:none}
body{ background:#FFFFFF; text-align:center; font-size:12px; color:#001e2e}
#warp { width:1004px; margin:0 auto; background:url(../images/top_11.gif) repeat-x;}
#warp1 { width:1004px; margin:0 auto;}
a { text-decoration:none; color:#000000}
a:hover { text-decoration:none; color:#565656}
.clear { clear:both}


.more a { text-decoration:none; color:#ed1b24}
.more a:hover { text-decoration:underline; color:#ed1b24}

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

#nav a { display: block; width: 102px; text-align:center;  font-size:14px; font-weight:bold;}
#nav a:link  { color:#fff; text-decoration:none;}
#nav a:visited  { color:#fff;text-decoration:none;}
#nav a:hover  { color:#fff;text-decoration:none;font-weight:bold;  background:url(../images/top_05.gif) no-repeat;}

#nav li { float: left; width:102px;}
#nav li ul { line-height: 27px;  list-style-type: none;text-align:left; left: -999em; width: 180px; position: absolute; margin:0px; height:27px}
*html #nav li ul { line-height: 27px;  list-style-type: none;text-align:left; left: -999em; width: 180px; position: absolute; margin:0 0 0 -48px; height:27px}
*+html #nav li ul { line-height: 27px;  list-style-type: none;text-align:left; left: -999em; width: 180px; position: absolute; margin:0 0 0 -48px; height:27px}
#nav li ul li{ float: left; width: 180px; background: #f9fdff;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);}


#nav li ul a{ display: block; width: 180px;w\idth: 145px;text-align:left;padding-left:35px; background:url(../images/hongse.gif) no-repeat; font-size:12px; line-height:30px; height:33px}
#nav li ul a:link  { color:#666; text-decoration:none; font-size:12px; line-height:30px;}
#nav li ul a:visited  { color:#666;text-decoration:none; font-size:12px; line-height:30px;}
#nav li ul a:hover  { color:#FFFFFF;text-decoration:none;font-weight:normal; background:url(../images/baise.gif) no-repeat; font-size:12px; line-height:30px; }

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



.gao{ margin:8px 0 0 0}
.bian { border:1px #bfdff2 solid; padding:1px;}


.box { width:82px; height:71px; padding:1px; border:1px #007ac9 solid; overflow:hidden}
.cu a { color:#007ac9; font-weight:bold; text-decoration:none}
.cu a:hover { color:#005d99; font-weight:bold; text-decoration:underline}

.tiao1 { height:16px; width:100px; line-height:16px; margin:0; padding:0;}
.tiao2 { height:20px; width:100px; line-height:20px; margin:0; padding:0;}


.product { width:155px; height:138px; margin:5px 10px 15px 0; float:left; overflow:hidden;}


.product img { width:151px; height:111px; border:2px #d1edfe solid;}
.product a img { width:151px; height:111px; border:2px #d1edfe solid;}
.product a:hover img{ width:151px; height:111px; border:2px #99d4ff solid;}
.product p { text-align:center; height:25px; line-height:25px;width:151px; overflow:hidden}


.class a{ background:url(../images/class1_48.gif) no-repeat; display:block; width:224px; height:37px; line-height:37px; text-indent:40px;}
.class a:hover{ background:url(../images/class11_48.gif) no-repeat;display:block; width:224px; height:37px ;line-height:37px; text-indent:40px;}


.product1 img { width:148px; height:109px; border:2px #d1edfe solid;float:left; margin:0 5px 0 0px}
.product1 a img { width:148px; height:109px; border:2px #d1edfe solid;}
.product1 a:hover img{ width:148px; height:109px;  border:2px #99d4ff solid;}