@charset "utf-8";
/* CSS Document */
body  {
	font: 12px  Arial,Verdana, Helvetica, sans-serif;
	background: #ffffff;
	margin: 0; /* 最好将 body 元素的边距和填充设置为 0 以覆盖不同的浏览器默认值 */
	padding: 0;
	text-align: center; /* 在 IE 5* 浏览器中，这会将容器居中。文本随后将在 #container 选择器中设置为默认左对齐 */
	color: #000000;
	background-image:url(../images/body_bg.png);
	background-position:bottom;
	background-repeat:repeat-x;
}
hr{
	border:1px #CCC solid;
	border-bottom:0px;
	border-left:0px;
	border-right:0px;
}
img{
	vertical-align:middle
}
#topFrame{
	background:url(../images/top_bg.gif) no-repeat top;
	width: 1002px;
	margin: 0 auto;
	height:15px;
}
.threeColFixLtHdr #container { 
	width: 1000px;  /* 使用比最大宽度 (800px) 小 20px 的宽度可显示浏览器界面元素，并避免出现水平滚动条 */
	background: #FFFFFF;
	margin: 0 auto; /* 自动边距（与宽度一起）会将页面居中 */
	text-align: left; /* 这将覆盖 body 元素上的“text-align: center”。 */
	border-left:solid 1px #ddd;
	border-right:solid 1px #ddd;
}
.threeColFixLtHdr #header { 
	background: #ffffff;
	background-image:url(../images/logo.gif);
	background-repeat:no-repeat;
	margin:0px;
	height:66px;
	padding: 0 10px 0 20px;
	
} 
.threeColFixLtHdr #leftSide {
	float: left;
	width: auto;
	padding: 10px 0px 10px 10px;
	background-color:#ffffff;
}
.threeColFixLtHdr #rightContent{
    margin: 0px 0px 20px 10px ; 
	padding: 0px;
	float:left;
	width:750px;
}
.title{
	background-image:url(../images/titleSquare.gif);
	background-repeat:no-repeat;
	color:#1e466e;
	font-size:12px;
	margin-top:10px;
	padding:0px 0px 4px 10px;
	border-bottom: 1px  #36635c solid;
} 
.title span{
    font-size:14px;
	font-weight:bold;
	margin-left:30px;
}
.more{
    width:80px;
	float:right;
	padding:0px;
}
.threeColFixLtHdr #rightSide{
     float:right;
	 width:200px;
	 padding:0px;
	 margin:0px;
}
.threeColFixLtHdr #footer {
	padding: 0; /* 此填充会将它上面 div 中的所有元素左对齐。 */
	background:#ffffff;
	background-image:url(../images/foot.gif);
	background-repeat:no-repeat;
	text-align:center;
	padding:6px;
	height:40px;
} 
.threeColFixLtHdr #footer p {
	margin: 0; /* 将脚注中第一个元素的边距设置为零将避免出现可能的边距重叠（即 div 之间出现的空白）*/
	padding: 10px 0; /* 就像边距会产生空白一样，此元素上的填充也将产生空白，但不会出现边距重叠问题 */
}
.clearfloat { /* 此类应当放在 div 或 break 元素上，而且该元素应当是完全包含浮动的容器关闭之前的最后一个元素 */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
#topmenu{
	float:right;
	width:300px;
	text-align:right;
}
.search_area{
	float:right;
	width:200px;
	text-align:right;
	margin:0px;
	padding:0px;
}
#tabs {
   width:1000px;
   line-height:normal;
   background:url(../images/navigationBg.gif) no-repeat;
   height:46px;
   overflow:hidden;
}
    #tabs ul {
	  margin:0;
	  padding:10px 10px 0 40px;
	  list-style:none;
	  font-size:16px;
      }
    #tabs li {
      display:inline;
	  overflow:hidden;
      margin-top:2px;
      padding:0;
	  overflow:hidden;
      }
    #tabs a {
      float:left;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabs a span {
      float:left;
      display:block;
    
      padding:5px 19px 5px 12px;
      color:#FFF;
	  line-height:16px;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs a span {float:none;}
    /* End IE5-Mac hack */
    #tabs a:hover span {
      color:#FFF;
      }
    #tabs a:hover {
      background-position:0%;
	  background:url("../images/tableft5.gif") no-repeat left bottom;
      }
    #tabs a:hover span {
      background-position:100%;
	  background:url("../images/tabright5.gif") no-repeat right bottom;
	  color:#9f2925
      }
#tabs .selected {
	  float:left;
      background:url("../images/tableft5.gif") no-repeat left top;
      margin:0 10px 0px 10px;
      padding:0 0 0 4px;
      text-decoration:none;
	  background-position:0% 0px;
	  cursor:default;
}
#tabs .selected  span {
      float:left;
      display:block;
      background:url("../images/tabright5.gif") no-repeat right top;
      padding:8px 23px 11px 16px;
      color:#9f2925;
	  line-height:16px;
	  background-position:100% 0px;
	  float:none;
	  cursor:default;
   }
#tabs .normal {
	  float:left;
      background:url("../images/tableft5.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
	  background-position:0% 0px;
	  cursor:default;
}
#tabs .normal  span {
      float:left;
      display:block;
      background:url("../images/tabright5.gif") no-repeat right top;
      padding:5px 13px 5px 6px;
      color:#FFF;
	  line-height:16px;
	  background-position:100% 0px;
	  float:none;
	  cursor:default;
   }
.arrowlistmenu {
	width: 215px; /*width of accordion menu*/
	cursor: pointer;
	height:100%;
	margin:0px;
	font-family:Tahoma, Arial, sans-serif
}
.arrowlistmenu a {
	text-decoration:none;
}
.arrowlistmenu img{
	border:0px;
}
.arrowlistmenu .menuheader { /*CSS class for menu headers in general (expanding or not!)*/
	margin-bottom: -1px; /*bottom spacing between header and rest of content*/
	border:#f5f5f5 1px solid;
	padding: 0px 0 2px 55px; /*header text is indented 10px*/
	color: #9c9c9c;
	background-color:#fff;
	vertical-align:middle;
	height:38px;
	line-height:38px;
	margin-top:1px;
}
.arrowlistmenu .openheader { /*CSS class to apply to expandable header when it's expanded*/
	color: #9c9c9c;
	border: #6593cf 1px solid;
	background-color:#fff
}
.arrowlistmenu .selected { /*CSS class to apply to expandable header when it's expanded*/
	color: #fff;
	border: #6593cf 1px solid;
}
.arrowlistmenu ul { /*CSS for UL of each sub menu*/
	list-style-type: none;
	margin: 0px;
	padding:0px;
}
.arrowlistmenu h3 {
	margin:0px;
	padding:0px;
}
.arrowlistmenu ul li {
	font-size:14px;
	color:#000;
	display: block;
	padding: 4px 0px 4px 18px ;
	text-decoration: none;
	border: 1px solid #eaeaea;
	cursor: hand;
	cursor: pointer;
	background-color:#f6f6f6;
	margin-bottom:-1px;
}
.arrowlistmenu img{
	margin-right:8px;
}
.list td{
   border-bottom:#CCCCCC 1px dashed;
   font-size:12px;
   height:20px;
}
a:link {
  color:#333333;
  text-decoration:none;
}
a:hover {
  color:#0f63da;
}
#searchInput{
  margin:4px 15px 0px 8px;
  border-style:none;
  height:20px;
  width:110px;
  padding:0px;
  font-size:12px;
  color:#666666;
  border:0px;
  float:left
  }
.searchButton{
  height:21px;
  width:22px;
  border:0px solid #333;
  margin:4px 24px 0px 0px;
  float:right;
  cursor:pointer;
 }

#homeProduct{
     width:200px;
	 margin-top:10px;
}
#homeProduct ul{
     margin:0;
	 padding:0;
}
#homeProduct ul li{
    height:65px;
	float:left;
	width:200px;
	vertical-align:middle;
	background-image:url(../images/home_product_bg.gif);
	background-repeat:no-repeat;
	color:#325f58;
	font-size:14px;
	cursor:hand;
}
#homeProduct ul li span{
    height:60px;
	float:left;
	width:100px;
	vertical-align:middle;
	padding:25px 2px 0px 10px;
}
#homeProduct img{
    border:#999999 1px solid;
	width:50px;
	height:50px;
	float:left
}
.imgbox ul{ width:755px; margin-left:4px; margin-top:10px; list-style:none;float:left; padding:0px 0px 10px 0px;}
.imgbox li{ float:left; margin:14px 16px;width:110px;}
.imgbox li img{padding:3px; border:#dbdbdb 1px solid; background-color:#fff; cursor:hand; margin:0px}
.imgbox li span{display:block; text-align:left; padding:2px 0 0px 5px; background-image:url(../images/info_span_bg.gif); background-repeat:no-repeat; width:108px; overflow:hidden; height:18px;}
.productName{
  font-size:18px;
  font-weight:bold;
  color:#003399;
}
.newProduct{
	width:360px; 
	height:130px; 
	float:left; 
	background-color:#1e466e;
	overflow:hidden;
}
.newProduct ul{
	margin:0px;
	padding:0px;
	list-style:none;
}
.newProduct ul li{
	width:75px;
	margin:8px 8px 0px 0px;
	height:75px;
	border:solid 1px #FFF;
	float:right;
}
.newProduct h1{
	padding:5px 0px 0px 8px;
	color:#FFF;
	font-size:18px;
	margin:0px 0px 6px 0px;
	width:100%;
	float:left;
}
.newsList{
	width:375px;
	float:left;
	padding:0px 5px 0px 10px;
}
.newsList h1{
	color:#1e466e;
	font-size:18px;
	width:260px;
	float:left;
}
.newsList h2{
	font-size:12px;
	width:80px;
	float:right;
	text-align:right;
}
.companyInfo {
	clear:both;
	padding-top:5px;
	cursor:pointer;
	cursor:hand;
}
.companyInfo img{
	float:right;
	margin-right:20px;
	border:1px solid #999
}
.companyInfo span{
	float:left;
	padding:5px;
	width:580px;
	line-height:20px;
}
.tailAlert{
	border:1px solid #999999;
	margin:5px;
	color:#999;
	padding:4px 5px 4px 25px;
	background:#FFC url(../js/controls/images/error_icon.gif) no-repeat top left;
	text-align:left;
	height:auto;
}
.pageContainer{
	clear:both; float:left; width:740px;margin:10px 0px 0px 0px
}
.infoLeft{
	float:left;
	width:360px;
	height:360px;
	margin:5px;
}
.infoBigImg{
	float:left;
	width:360px;
	height:360px;
	background-image:url(../images/loading.gif);
	background-position:center;
	background-repeat:no-repeat;
	border:1px solid #CCC;
}
.infoSpan{
	float:left;
	width:360px;
}
.infoSpan ul{
	margin:0px;
	padding:0px;
	list-style:none;
}
.infoSpan ul li{
	width:80px;
	height:80px;
	float:left;
	margin:4px 4px 0px 3px;
	border:1px solid #ddd;
}
#serachList ul{
  margin:2px 10px 2px 10px;
  padding:0px;
  list-style:none;
}
#serachList img{
	width:50px;
	height:50px;
	float:left;
	margin-left:4px;
}
#serachList ul li{
	width:100%;
	padding:2px;
	float:left;
	cursor:pointer;
}

#serachList ul li span{
	margin:5px 0px 0px 10px;
	padding:10px;
	float:left;
	width:400px;
}
#serviceOnline{
	width:210px;
	height:auto;
	margin:10px 0px 0px 0px;
	background:url(../images/contactBg.gif) no-repeat;
	min-height:100px;
}
#serviceOnline h1{
	font-size:12px;
	color:#1e466e;
	padding:0px 0px 0px 5px;
}
#serviceOnline h2{
	font-size:12px;
	color:#9e2e33;
	padding:0px 0px 0px 5px;
}
#serviceOnline ul{
	margin:0px 0px 0px 65px;
	padding:0px;
	list-style:none;
}
#serviceOnline ul li{
	height:24px;
}
#serviceOnline ul li span{
	padding-left:6px;
}
.partnerContainer{
	margin:0px 10px 6px 0px;
	width:auto;
	text-align:center;
}
.partnerContainer a{
	margin:0px 15px 0px 15px;
}
#serviceList ul{
	margin:0px;
	padding:0px;
	list-style:none;
}
#serviceList ul li{
	border-bottom:#CCCCCC 1px dashed;
	line-height:24px;
	height:24px;
}
#serviceList ul li .name{
	float:left;
	width:600px;
	overflow:hidden;
	padding-left:10px;
}
#serviceList ul li .control{
	float:right;
	width:80px;
	text-align:right;
	padding-right:10px;
}
.infoArea{
	width:340px;
	float:left;
	margin-left:10px;
	height:auto;
	word-wrap:break-word; 
	overflow:hidden
}
.infoArea h1{
	font-size:12px;
	margin-top:10px;
	padding-left:0px;
	margin-bottom:15px;
}
.infoArea h1 span{
	font-size:18px;
	color:#006;
	padding-left:10px;
}
.goback{
	width:60px;
	float:right;
	font-weight:bold;
}