@charset "utf-8";
/* CSS Document */
* {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
BODY {
	FONT-SIZE: 12px; COLOR: #000; LINE-HEIGHT: 150%; FONT-FAMILY: '宋体','新宋体','Lucida Grande','Lucida Sans Unicode',arial,verdana,sans-serif; 
}
H1 {
	FONT-SIZE: 12px; COLOR: #002963
}
H2 {
	FONT-SIZE: 12px; COLOR: #002963
}
H3 {
	FONT-SIZE: 12px; COLOR: #002963
}
H4 {
	FONT-SIZE: 12px; COLOR: #002963
}
H5 {
	FONT-SIZE: 12px; COLOR: #002963
}
H6 {
	FONT-SIZE: 12px; COLOR: #002963
}
DIV {
	FONT-SIZE: 12px; FONT-FAMILY: Verdana, Geneva, sans-serif
}
UL { margin:0px}
LI { list-style:none}
IMG {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}
SPAN {
	FONT-SIZE: 12px; FONT-FAMILY: Verdana, Geneva, sans-serif;
}


.f_l {
	FLOAT: left
}
.f_r {
	FLOAT: right
}
.clear { clear:both}

  A:link    { color:#8B8B8B; text-decoration:none;     }
  A:visited { color:#8B8B8B; text-decoration:none;     }
  A:active  { color:#8B8B8B; text-decoration:none;     }
  A:hover   { color:#FF6633; text-decoration:none;    }
  
  A.layer:link      {color:#B2EAFF; text-decoration:none;}
  A.layer:visited   {color:#B2EAFF; text-decoration:none;}
  A.layer:active    {color:#B2EAFF; text-decoration:none;}
  A.layer:hover      {color:#FFD200; text-decoration:none;}  
  
  A.footer:link      {color:#ffffff; text-decoration:none;}
  A.footer:visited   {color:#ffffff; text-decoration:none;}
  A.footer:active    {color:#ffffff; text-decoration:none;}
  A.footer:hover      {color:#FFD200; text-decoration:none;}    
  

#head { width:900px; margin:auto}
#head #top { height:79px; overflow:hidden }
.preload1 {background: url(three_11.gif);}
.preload2 {background: url(three_1a1.gif);}

#nav {padding:0; margin:0; list-style:none; height:38px; background:#fff url(three_01.gif) repeat-x; position:relative;  font-family:arial, verdana, sans-serif}
#nav {padding-left:60px;}
#nav li.top {display:block; float:left; height:38px;}
#nav li a.top_link {display:block; float:left; height:35px; line-height:33px; color:#FFF; letter-spacing:0.1em; text-decoration:none; font-size:12px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;background: url(three_01.gif);}
#nav li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url(three_01.gif) right top no-repeat;}
#nav li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url(three_0a1.gif) no-repeat right top;}

#nav li:hover a.top_link {color:#fff; background: url(three_11.gif) no-repeat;}
#nav li:hover a.top_link span {background:url(three_11.gif) no-repeat right top;}
#nav li:hover a.top_link span.down {background:url(three_1a1.gif) no-repeat right top;}

/* Default list styling */

#nav li:hover {position:relative; z-index:200;}

#nav li:hover ul.sub
{left:1px; top:38px; background: #bbd37e; padding:3px; border:1px solid #5c731e; white-space:nowrap; width:90px; height:auto; z-index:300;}
#nav li:hover ul.sub li
{display:block; height:20px; position:relative; float:left; width:90px; font-weight:normal;}
#nav li:hover ul.sub li a
{display:block; font-size:11px; height:18px; width:88px; line-height:18px; text-indent:5px; color:#000; text-decoration:none;border:1px solid #bbd37e;}
#nav li ul.sub li a.fly
{background:#bbd37e url(arrow.gif) 80px 6px no-repeat;}
#nav li:hover ul.sub li a:hover 
{background:#6a812c; color:#fff; border-color:#fff;}
#nav li:hover ul.sub li a.fly:hover
{background:#6a812c url(arrow_over.gif) 80px 6px no-repeat; color:#fff;}

#nav li:hover ul.sub li ul li a:hover
{width:128px;}

#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:90px; top:-4px; background: #bbd37e; padding:3px; border:1px solid #5c731e; white-space:nowrap; width:130px; z-index:400; height:auto;}

#nav ul, 
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover li:hover a.fly,
#nav li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover li:hover a.fly
{background:#6a812c url(arrow_over.gif) 80px 6px no-repeat; color:#fff; border-color:#fff;} 

#nav li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li:hover li a.fly
{background:#bbd37e url(arrow.gif) 80px 6px no-repeat; color:#000; border-color:#bbd37e;} 

#banner { width:900px; height:264px; margin-top:18px; background:url(bg_banner.jpg) no-repeat -1px 0px    }
#banner #btop { height:218px;}
.box258 { width:258px; height:218px}
.box384 { width:384px; height:210px}
#banner #bdown { height:46px; line-height:46px; color:#105878;font-weight:bold; text-align:center}
#banner #bdown A:link    { color:#105878; text-decoration:none;     }
#banner #bdown A:visited { color:#105878; text-decoration:none;     }
#banner #bdown A:active  { color:#105878; text-decoration:none;     }
#banner #bdown A:hover   { color:#FF6600; text-decoration:none;    }
#main { width:900px; margin:auto}
#main #mtop { height:188px; margin-top:10px;  }
#mtop_box186 { width:186px; height:188px; float:left; background:url(bg_announcement.gif) no-repeat    }
#mtop_box705 { width:705px; height:188px; float:right}
#mtop_box705 .title { height:33px;  }
#main #mcenter { height:378px; margin-top:10px;  }
#box186 { width:186px; height:378px; float:left; background:url(bg_left_product.gif) no-repeat -1px 0px}
.class_title { height:40px; line-height:40px; text-indent:30px; color:#FFF; font-weight:bold }
#box186 dl { clear:both; height:78px}
#box186 dl dt{ width:71px; height:61px; float:left}
#box186 dl dd{ width:77px; height:61px; float:right}
#box186 .title1 { color:#333; font-weight:bold }
#box186 .title2 { color:#ff7e00 }
#box186 .title3 { color:#333 }
#box705 { width:705px; height:378px; float:right;  background:url(bg_home_product.gif) no-repeat -1px 0px}
#box705 .class_title { height:46px; line-height:46px; text-indent:30px; color:#FFF; font-weight:bold; font-size:18px }
#product { width:675px; overflow:hidden}
#product ul li {}
#product ul li ul { margin-right:6px;margin-left:6px; float:left }
#product ul li ul li { width:120px; text-align:center; overflow:hidden }
#product A.title1:link    { color:#898989; text-decoration:none;     }
#product A.title1:visited { color:#898989; text-decoration:none;     }
#product A.title1:active  { color:#898989; text-decoration:none;     }
#product A.title1:hover   { color:#000; text-decoration:underline;    }
#product A.title2:link    { color:#ff7e00; text-decoration:none;     }
#product A.title2:visited { color:#ff7e00; text-decoration:none;     }
#product A.title2:active  { color:#ff7e00; text-decoration:none;     }
#product A.title2:hover   { color:#000; text-decoration:underline;    }

#productlist { width:705px; float:right; }
#productlist h1 { text-align:center; font-size:18px; }
#productlist .list_title { height:33px; line-height:33px; background:url(proclasscommon.png) no-repeat; text-indent:30px ; margin-bottom:30px}
#productlist　h1 { text-align:center; font-size:18px;}
#listbox705 { width:705px; border:#333 solid 1px }
#listbox705 dl { border-bottom:#CCC solid 1px; height:120px}
#listbox705 dl dt { width:130px; float:left }
#listbox705 dl dt img { padding:5px}
#listbox705 dl dd { width:575px; float:right }
#listbox705 .box280 { width:280px}
#page { width:705px; margin-top:10px; margin-bottom:10px } 
#page dl { clear:both }
#page dt { width:150px; float:left}
#page dd { width:535px; float:right}
#page .red { color:red; font-weight:bold}
#page A:link { padding-left:5px }
#mdown{ width:900px; margin-top:10px }
#mdown #box900 .t{ height:14px; background:url(news_t.gif) no-repeat    }
#mdown #box900 .m { background:url(news_m.gif) repeat-y    }
#mdown #box900 .b{ height:14px; background:url(news_b.gif) no-repeat    }
.box410 { width:370px}
.box450 { width:430px}
#mdown #box900 h2 { color:#898989; font-weight:bold; }
#mdown #box900 h2 span { float:right }

#foot { width:900px; margin:auto; text-align:center}
#foot .copyright { margin-top:10px }
#foot .link { padding-top:10px; padding-bottom:10px }

A.Icon {
	BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px; text-decoration:none; color:#000
}
A.Icon:hover {
	BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px; text-decoration:underline; color:#bd4802
}