body {
  font: 100% Verdana, Arial, Helvetica, sans-serif;
  background: #d7d7d7;
  margin:0px auto;
  TEXT-ALIGN: center
}

* {
	margin:0px; 
	padding:0px; 
	list-style:none; 	
	}	 

.sf #container {
  width: 930px; 
  height:auto;  
  background: #FFFFFF; 
  border: 0px solid #ffffff;
  text-align: left;
  margin:-1px 1px 1px 1px;
  overflow: hidden;
}
.sf #container1 {
  width: 932px; 
  height:auto; 
  background: #a7a7a7; 
  border: 0px solid #ffffff;
  text-align: left;
  margin:0px 2px 2px 2px;
}
.sf #product {
  width: 200px; 
  height:50px; 
  background: #a7a7a7; 
  border: 1px #f3f3f3;
  text-align: left;
}
.sf #container2 {
  width: 936px; 
  height:auto;  
  background:#c5c5c5; 
  border: 0px solid #ffffff;
  margin:0px auto;
  text-align:left; 
}
.sf #header{
  float: left; 
  width: 930px;
  height:75px;
  background:url(../image/header.gif) #ffffff repeat-x  left bottom;
   padding: 0px 0; 
   margin: auto;
 }
.sf #logo {
  float: left; 
  width: 300px;
   height:75px;
   background: #ffffff; 
   padding: 0px 0; 
   margin: 0px 330px -75px 0px;
 }
 
.sf #rightheader {
  float: right; 
  text-align: center;
  width: 300px;
   height:16px;
   background:url(../image/rightheader.gif) #ffffff repeat-x  left bottom;
  padding: 0px; 

}
.sf #time{
  float: right; 
  width: 140px;
   height:15px;
   background:#FaFaFa;
   margin: 60px -300px 0px 130px; 
}

.sf #main_cd {
  float: left; 
  display: block;
  width: 930px; 
  height:25px;
  background:url(../image/cd.gif) #ffffff repeat-x  left bottom;
  margin:0px;
}

.sf #main_flash {
  width: 930px; 
  height:280px;
  background: #ffffff;
  margin:0px;
}
.sf #main_content {
  width: 930px; 
  height:280px;
  text-align: center; 
  background: url(../image/maincontent.gif) #ffffff repeat-x  left bottom;
  margin:-4px 0px 0px 0px;
}
.sf #center {
  width: 930px; 
  height:auto;
  background: #ffffff;
  margin:0px;
  min-height: 450px;
}
.sf #center1 {
 float: left; 
  width: 180px; 
  background: #E3EEFB; 
   margin:0px 20px auto 10px; 
}
#center1 td {
	border-bottom: 1px solid #B3D0F9;
	}
	
#center1 a {
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #003399;
	line-height:14px;
	letter-spacing:.1em;
	text-decoration: none;
	display:block;
	padding:4px 4px 4px 4px;
	}
	
#center1 a:hover {
	background: #7AADE4;
	color:#ffffff;
	}
	.navText {
	font: 14px Arial, Helvetica, sans-serif;
	color: #003366;
	line-height:14px;
	letter-spacing:.1em;
	text-decoration: none;
	}
.sf #center2 {
 float: right;
  width: 650px; 
  height:30px;
  background: url(../image/center2.gif) #ffffff repeat-x  left bottom;
  margin:10px 20px 20px 10px; 
}
.sf #center3 {
  width: 580px; 
  height:500px;
  background: #ffffff;
  margin: 10px 50px 20px 280px;
}


.sf #mainbottom {
  TEXT-ALIGN: center;
  width: 930px; 
  height:50px;
 BACKGROUND: url(../image/bottom.gif)  #ffffff repeat-x  left bottom;
  margin: 0px auto;

}
.sf #mainbottom1 {
  width: 600px; 
  height:34px;
  background: #ffffff; 
  margin:12px 165px 4px 165px;
}
#div_center {
	Z-INDEX: 10; FLOAT: right; WIDTH: 790px;}

#menu {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; Z-INDEX: 10; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; POSITION: relative; HEIGHT: 25px; TEXT-ALIGN: left;float:right;  
}
#menu LI.top {
	DISPLAY: block; FLOAT: left; HEIGHT: 25px
}
#menu LI A.link1 {
	PADDING-RIGHT: 0px; 
	DISPLAY: block; 
	PADDING-LEFT: 1px; 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 12px; 
	BACKGROUND: url(../images/menu_bg.gif);
	 FLOAT: left; 
	 PADDING-BOTTOM: 0px;
	  CURSOR: pointer; 
	  COLOR: #003399; 
	  LINE-HEIGHT: 25px;
	  PADDING-TOP: 0px;
	   HEIGHT: 25px; 
	   TEXT-DECORATION: none
}
#menu LI A.link1 SPAN {
	PADDING-RIGHT: 18px; DISPLAY: block; PADDING-LEFT: 1px; FLOAT: left; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; HEIGHT: 25px
}
#menu LI A.link1 SPAN.down {
	PADDING-RIGHT: 24px; DISPLAY: block; PADDING-LEFT: 2px; FLOAT: left; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; HEIGHT: 25px
}
#menu LI:hover A.link1 {
	BACKGROUND: url(../images/menu_bg.gif); COLOR: #006699
}
#menu LI:hover A.link1 SPAN.down {
	BACKGROUND: #f4f4f4
}
#menu LI:hover {
	Z-INDEX: 200; POSITION: relative
}
#menu LI:hover UL.link_b {
	BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 0px; Z-INDEX: 300; BACKGROUND: #ffffff; LEFT: 1px; PADDING-BOTTOM: 0px; BORDER-LEFT: #cccccc 1px solid; WIDTH: 100px; PADDING-TOP: 0px; BORDER-BOTTOM: #cccccc 1px solid; WHITE-SPACE: nowrap; TOP: 25px; HEIGHT: auto
}
#menu LI:hover UL.link_b LI {
	DISPLAY: block; FONT-WEIGHT: normal; FLOAT: left; WIDTH: 200px; POSITION: relative; HEIGHT: 24px
}
#menu LI:hover UL.link_b LI A {
	BORDER-RIGHT: #cccccc 0px solid; BORDER-TOP: #cccccc 0px solid; DISPLAY: block; FONT-SIZE: 12px; BORDER-LEFT: #cccccc 0px solid; WIDTH: 100px; COLOR: #003399; TEXT-INDENT: 5px; LINE-HEIGHT: 24px; BORDER-BOTTOM: #cccccc 0px solid; HEIGHT: 24px; TEXT-DECORATION: none
}

#menu LI UL.link_b LI A.link_more {
	BACKGROUND: #ffffff  200px 6px
}
#menu LI:hover UL.link_b LI A:hover {
	BORDER-LEFT-COLOR: #fff; BACKGROUND: #f4f4f4; BORDER-BOTTOM-COLOR: #fff; COLOR: #006699; BORDER-TOP-COLOR: #fff; BORDER-RIGHT-COLOR: #fff
}
#menu LI:hover UL.link_b LI A.link_more:hover {
	BACKGROUND: url(../images/arrow_over.gif) #f4f4f4 no-repeat 100px 6px; COLOR: #006699
}
#menu LI:hover LI:hover UL {
	BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 0px; Z-INDEX: 400; BACKGROUND: #ffffff; LEFT: 100px; PADDING-BOTTOM: 0px; BORDER-LEFT: #cccccc 1px solid; WIDTH: 200px; COLOR: #003399; PADDING-TOP: 0px; BORDER-BOTTOM: #cccccc 1px solid; WHITE-SPACE: nowrap; TOP: 0px; HEIGHT: auto
}
#menu LI:hover LI:hover LI:hover UL {
	BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 0px; Z-INDEX: 400; BACKGROUND: #ffffff; LEFT: 100px; PADDING-BOTTOM: 0px; BORDER-LEFT: #cccccc 1px solid; WIDTH: 200px; COLOR: #003399; PADDING-TOP: 0px; BORDER-BOTTOM: #cccccc 1px solid; WHITE-SPACE: nowrap; TOP: 0px; HEIGHT: auto
}
#menu LI:hover LI:hover LI:hover LI:hover UL {
	BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 0px; Z-INDEX: 400; BACKGROUND: #ffffff; LEFT: 100px; PADDING-BOTTOM: 0px; BORDER-LEFT: #cccccc 1px solid; WIDTH: 200px; COLOR: #003399; PADDING-TOP: 0px; BORDER-BOTTOM: #cccccc 1px solid; WHITE-SPACE: nowrap; TOP: 0px; HEIGHT: auto
}
#menu LI:hover LI:hover LI:hover LI:hover LI:hover UL {
	BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 0px; Z-INDEX: 400; BACKGROUND: #ffffff; LEFT: 110px; PADDING-BOTTOM: 0px; BORDER-LEFT: #cccccc 1px solid; WIDTH: 200px; COLOR: #003399; PADDING-TOP: 0px; BORDER-BOTTOM: #cccccc 1px solid; WHITE-SPACE: nowrap; TOP: 0px; HEIGHT: auto
}
#menu UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; LEFT: -9999px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; POSITION: absolute; TOP: -9999px; HEIGHT: 0px
}

/*下面为中央部分样式*/
#main_menu_backgound {
	WIDTH: 854px; 
	height:224px;
	BACKGROUND: #F0F0F0;
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px;
	MARGIN: 28px 38px 28px 38px; 

}
#main_menu {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px;
	MARGIN: 2px 2px 0px 2px; 
	WIDTH: 850px; 
	height:30px;
	LINE-HEIGHT: 30px;
	PADDING-TOP: 0px;
}
#main_menu UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
#main_menu LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
#main_menu UL LI {
	FONT-WEIGHT: 700; 
	BACKGROUND: url(../image/c1.gif) #ffffff repeat-x  left bottom;
	MARGIN: 0px; 
	WIDTH: 170px; 
	CURSOR: pointer; 
	COLOR: #ffffff; 
	LINE-HEIGHT: 30px;
	 TEXT-ALIGN: center
}
#focusTable1 {
	BACKGROUND:  url(../image/2.gif) #ffffff repeat-x  left bottom;
    MARGIN: 0px auto; 
    WIDTH: 850px; 
    height:190px;
    TEXT-ALIGN: left
}
#focusTable2 {
	BACKGROUND: url(../image/2.gif) #ffffff repeat-x left bottom; MARGIN: 0px auto; WIDTH: 850px; height:190px;TEXT-ALIGN: left
}
#focusTable3 {
	BACKGROUND: url(../image/2.gif) #ffffff repeat-x left bottom; MARGIN: 0px auto; WIDTH: 850px;height:190px; TEXT-ALIGN: left
}
#focusTable4 {
	BACKGROUND: url(../image/2.gif) #ffffff repeat-x left bottom; MARGIN: 0px auto; WIDTH: 850px;height:190px; TEXT-ALIGN: left
}
#focusTable5 {
	BACKGROUND: url(../image/2.gif) #ffffff repeat-x left bottom; MARGIN: 0px auto; WIDTH: 850px;height:190px; TEXT-ALIGN: left
}

.blue {
	FLOAT: left; MARGIN-LEFT: 30px; WIDTH: 360px; COLOR: #000099; LINE-HEIGHT: 25px; HEIGHT: 138px
}
.blue UL {
	FONT-WEIGHT: 700; FONT-SIZE: 12px; MARGIN-LEFT: 3px; COLOR: #000
}
.blue LI {
	FONT-WEIGHT: lighter; FONT-SIZE: 12px; COLOR: #000; LINE-HEIGHT: 20px
}
.blue1 {
	MARGIN-TOP: 24px; FLOAT: left; MARGIN-LEFT: 10px; WIDTH: 300px; COLOR: #000099; LINE-HEIGHT: 24px
}
.blue1 LI {
	FONT-WEIGHT: lighter; FONT-SIZE: 12px; COLOR: #000; LINE-HEIGHT: 20px
}
.blue2 {
	FLOAT: left; MARGIN-LEFT: 10px; WIDTH: 300px; COLOR: #000099; LINE-HEIGHT: 25px; HEIGHT: 100px
}
.blue2 UL {
	FONT-WEIGHT: 700; FONT-SIZE: 12px; MARGIN-LEFT: 3px; COLOR: #000
}
.blue2 LI {
	FONT-WEIGHT: lighter; FONT-SIZE: 12px; COLOR: #000; LINE-HEIGHT: 20px
}
.blue3 {
	MARGIN-TOP: 24px; FLOAT: left; MARGIN-LEFT: 10px; WIDTH: 300px; COLOR: #000099; LINE-HEIGHT: 24px
}
.blue3 LI {
	FONT-WEIGHT: lighter; FONT-SIZE: 12px; COLOR: #000; LINE-HEIGHT: 20px
}

.sf #center1new {
	float: left;
	width: 200px;
	padding: 0px 0;
	border: 1px solid #cccccc;
 	margin:0px 10px auto 10px; 
}
.sf #center2new {
	float: right;
    width: 640px; 
    height:30px;
    background: url(../image/center2.gif) #ffffff repeat-x  left bottom;
    margin:10px 20px 20px 10px; 
}
.sf #center3new {
  width: 580px; 
  height:auto;
  background: #ffffff;
  margin: 10px 50px 20px 280px;
}
.pics{ width:930px;
 height:280px; 
 float: left; 
 FILTER: progid:DXImageTransform.Microsoft.Wipe(GradientSize=1.0,wipeStyle=0, motion='forward');
}