body  { text-align: center; margin: 0px; padding:0px; }
table { border-collapse: collapse;}
td,p,div,span,body { font-family: "Tahoma", "宋体"; font-size: 12.8px; line-height: 1.6em; }
textarea, select, input { font-family: "宋体"; font-size: 12.8px; }
img { border:none;}
/*
深蓝  #3268C6  头部深蓝色，右侧菜单文字色
蓝色  #619AFB  H2，H4, H5，Strong，相关的图片设计时所采用的色调，首页右边图片背景色   
金色  #FF9300  H1, H3，B， 及相关图片的设计色调  

U/H5/H6 反白显示 
土黄色  #EEEBD5  导航/主菜单(当前)背景色(接近白)  
浅蓝色  #EBF5F5  背景(接近白)    
*/
a:link    { color: #666; text-decoration: none; }
a:visited { color: #666; text-decoration: none; }
a:hover   { color: #f00; }
b      { font-size: 12.8px; line-height: 1.75em; font-weight: bold; }
strong { font-size: 12.8px; line-height: 1.75em; font-weight: bold; color: #619AFB; }
u { background: #3268C6; color:#fff; padding:2px 5px; text-decoration: none;}
hr{ color: #E8E8E8;}
form {margin-left:0px; margin-top:2px; margin-right:0px; margin-bottom:0px;} 

h1{ font-size: 21px; font-family: "Lucida Grande", "Lucida Sans Unicode"; color: #FF9300; margin: 12px 0px 16px 0px; border-bottom:1px solid #eee;line-height: 30px}
h2{ font-size: 18px; color: #0080C0; margin: 10px 0px; }
h3{ font-size: 14px; color: #3268C6; margin: 9px 0px 0px 1px; padding: 3px 1px;}
h4,h5{ font-size: 14px; color: #3268C6; margin: 8px 0px; text-align: left;}
h6,h6 a{ font-weight: bold; font-size: 12.8px; background: #fff; color:#FF9300; margin: 0px; padding:1px; text-align: center;}

.indextxt {padding: 8px 12px 10px 30px; color:#666;} 		/*二级目录页中的摘要*/
.box a,.box a:link{color:#00f;}
.txtheader{ color: #666; padding: 0 0 3px 20px;}	/*方案和案例的标题下方*/
.txtheader b {color:#666}
.homepro{margin-left:180px;color:#666;} /*产品总首页正文,与首页相似*/
.homepro ul{margin:0px;list-style-type: none;}
.homepro h3{margin:5px 0;}
.hbimg {text-align:center;margin-left:8px;}

.hbtable    { border-collapse: collapse; border: 0px solid #eee;text-align:left;margin-left:8px;}
.hbtable td { padding: 3px; border: 1px solid #eee;}
.hbtrheader { background-color: #0E7ADA; color: #fff}
.hbtrheader a { color: #FFFFFF; }
.hbtrheader a:visited { color: #FFFFFF; }
.hbtr2 { background-color: #F6F6F6;}
.hbtr  { background-color: #FFFFFF;}
.hbtredit { background-color: #FAE8CD;}

.remark { color: #008000; padding: 0px 0px 0px 10px;}
.hbmark { display: none;}
.hbgold,hbnav { color: #FF8000;font-family: "宋体";}
img.icon, img.ico {border:0; padding: 0 3px 0 3px; vertical-align:middle;}

.F4E20, .F521F, .F561E, .F5A1D, .F5E1C, .F621B, .F661A, .F6A19, .F6E18, .F7217 {display: none;}

.screen3 {text-align:center;margin: 5px 0 0 10px;border-bottom:0px solid #eee}
.screen3 img{border: 1px solid #369; margin:1px}
.screenall {text-align: center; margin-top: 10px; }
.screenall img{border: 1px solid #369; margin:5px 1px}
.imgname {} 

.download {margin:8px 0 10px 27px;}
.download td { padding:3px;}
.tdl{
  color:#369;
  padding:2px 3px;
  width:60px;
}
.faqa {color:#888;padding:5px 0 10px 20px}
.faqq {color:#36f}
.pdf25{width:98%}
.tdmod1{white-space:nowrap;width: 18%}
/*----------------------------------------------------头部区 */
#pageTop{
  width: 100%;
  height: 96px;
  /* background-color: #2248A3; */
  background-image: url(/layout/top_bg.png);
}
#topLogo {
  width: 778px; height: 69px;
  margin-right: auto; margin-left: auto;
  background-image: url(/layout/logo.png); background-repeat: no-repeat;
}
#topMenu{
	z-index: 100;
  width: 778px; height: 28px;
  position: relative; top: 0px; /* 加上这一行才能使按钮背景覆盖过 subMenu的背景 */
  margin-right: auto; margin-left: auto;
  text-align: center;
  padding: 0px; list-style-type: none;
}

/* 一级菜单部分，在头部区中 */
#topMenu ul {clear: left; margin: 0px; padding:0px; border: 0px; list-style-type: none; display: block;}
#topMenu li {float: left; display: block;list-style-type: none;}
#topMenu  a { display: block; padding: 6px 0px 0px 0px; width: 86px; height: 22px; text-align: center; background: url(/layout/mubga.gif) no-repeat;} 
#topMenu  a,#topMenu  a:link,#topMenu  a:visited {font-weight: normal; font-size: 14px; color: #fff;}
#topMenu  a:hover {background: url(/layout/mubgo.gif)}
#TopActive a { display: block; padding: 6px 0px 0px 0px; width: 86px; height: 22px; text-align: center; background: url(/layout/mubg1.gif) no-repeat;} 
#TopActive a:hover {background: url(/layout/mubg1.gif)}
#TopActive a,#TopActive a:link,#TopActive a:visited {font-weight: normal; font-size: 14px; color: #333;}

/*----------------------------------------------------二级菜单(导航)部分，*/
#pageMenu{
	z-index: 10; width: 100%; text-align: center;
  background-image: url(/layout/top_menu_bg1.png);
}
#subMenu { width:782px; height: 33px; padding: 7px; text-align: left; margin-right: auto; margin-left: auto;}
#subMenu a,#subMenu a:link,#subMenu a:visited { font-weight: normal; font-size: 12.8px; color: #555; padding:0px 6px;}
#subMenu a:hover{color:#f00;}
#subMenu .spliter {width:3px; color:#D3C876;}
#subMenu a.pronow {color:#00f;font-weight:600;background:#E8FFCE}

#subNav { width:782px; height: 33px; padding: 7px; text-align: left; margin-right: auto; margin-left: auto;}
#subNav a,#subNav a:link,#subNav a:visited { font-weight: normal; font-size: 12.8px; color: #555; padding:0px 0px;}
#subNav a:hover{color:#f00;}
#subNav .spliter {width:3px; color:#D3C876;}

/* Home Only: pageMenu1(Intro Pic) */
#pageMenu1{
	z-index: 10;
  width: 100%;height: 165px;
  background-image: url(/layout/top_menu_bg.png);
}
#intro {width:772px; padding: 8px; margin-right: auto; margin-left: auto;text-align: left;}

/*----------------------------------------------------*/
#pageMain{
  position: relative;
  width: 782px;
  margin-right: auto;margin-left: auto;margin-bottom: 12px;margin-top: 0px;
  border-left: 1px solid #eee; border-right: 1px solid #eee;
}
#listArea{
  text-align: left;
  padding:8px; 
  background: #F2F1E6;
}

/* Home:  pageMain1, txtArea1, List: txtArea2 */
#pageMain1{
  position: relative;
  width: 772px;
  margin-right: auto;margin-left: auto;margin-bottom: 12px;margin-top: 0px;
  border-left: 1px solid #eee; border-right: 1px solid #eee;
}

#txtArea{width: 561px; padding:8px; text-align: left;}
#txtArea1{width: 503px; padding:8px; text-align: left;}
#txtArea2{width: 561px; padding:8px; text-align: left;}
#txtArea2 h1{ font-size: 21px; font-family: "Lucida Grande", "Lucida Sans Unicode"; color: #FF9300; margin: 12px 0px 16px 0px; border-bottom:0px solid #eee;line-height: 30px}

#txtArea2 h3{ 
	font-size: 12px; color: #3268C6; 
	margin: 12px 1px 1px 1px; 
	padding:3px 1px 3px 28px; 
	background: url(li2.gif) no-repeat 0 50%;
	background-color: #F6F6F6; 
	border-top:1px solid #ddd;
}
#txtArea2 h5{ 
	font-size: 12px; color: #3268C6; 
	margin: 12px 1px 1px 1px; 
	padding:3px; 
	background-color: #F6F6F6; 
	border-top:1px solid #ddd;
}
/*
#txtArea h1{ font-size: 16px; color: #FF9300; margin: 8px 1px 16px 1px; border-bottom:1px solid #eee;}
*/

/*----------------------------------------------------
listgroup1 无边框，一般下方跟着 listNow，listNow内包含 h3 和 h5，然后是列表的内容
listgroup2 有边框，一般下方跟着 listNow，然后是列表的内容
*/
#listArea{ text-align: left; line-height:1.25em;}

#listArea .listNow {background:#3269C6; color:#fff; padding:6px; margin-bottom:7px;}
#listArea h3{
  padding: 0px; margin:0px;
  background:#3269C6;
  font-size: 12px;color: #fff; height:18px;overflow: hidden;
}
#listArea h5{
  padding: 0px; margin:0px;
  background:#3269C6;
  font-weight: normal;font-size:9px;color: #fff; height:16px; overflow: hidden;
}
#listArea .listgroup1 {margin-top:6px;padding:1px;}
#listArea .listgroup2 {margin-top:20px;margin-bottom:7px;padding:6px;border:1px solid #3269C6;background:#fff;}
#listArea .listgroup3 {margin-top:6px;margin-bottom:7px;padding:6px;border:1px solid #3269C6;background:#fff;}
#listArea .leftgreen  {display:block;padding-left:1px;font-size:10px;line-height:1.25em;color:#669900;}
#listArea .leftheader {display:block;font-size:14px;line-height:1.25em;color:#FF9300;font-weight:bold;}
#listArea .leftheader a {color:#FF9300;}
#listArea .lefttxt {display:block;padding:3px 0 6px 0;font-size:12px;line-height:1.25em;color:#888;}
#listArea a{color:#36f;}

#listArea .list1, #listArea .list1On{
	display:block;
	border-bottom:1px solid #ccc;
	padding: 5px 3px 5px 16px;
	background-image: url(/layout/iconleft.gif);
	background-repeat: no-repeat;
}
#listArea .list1 a{color:#3268C6;}
#listArea .list1 a:hover{color:#f00;}
#listArea .list2, #listArea .list2On{
	display:block;
	border-bottom:1px solid #ccc;
	margin-left: 10px; padding: 3px 0px 2px 16px;
	background-image: url(/layout/iconleft1.gif);
	background-repeat: no-repeat;
}	
#listArea .list2 a{color:#008000;display:block;}
#listArea .list2 a:hover{color:#f00;}
.list1On,list2On {background:#fff;}

/*---------------------------------------------------- */
#pageCopy{
  position: relative; 
  clear: both;
  width: 100%; 
  background-color: #EEEBD5;
  background-image: url(/layout/bar_rev.gif); 
  text-align: center;
}
#copyMenu{
  margin-right: auto;margin-left: auto;
  padding: 7px;
  color: #555;
  font-size: 12.8px;
}
#copyMenu a,#copyMenu a:link,#copyMenu a:visited{ font-weight: normal; font-size: 12.8px; color: #555; padding:0px 6px;}
#copyMenu a:hover{color:#f00;}
#copyTxt{
  margin-right: auto;margin-left: auto;
  padding: 7px;
  font-size: 12px;
  color: #fff;
}
#copyTxt a,#copyTxt a:link,#copyTxt a:visited{ font-weight: normal; font-size: 12.8px; color: #fff; padding:0px 3px;}


/*----------------------------------------------------*/
#property{
	margin-top: 15px;
	border: 1px solid #ddddee;
  padding: 8px;
  text-align:left;
  color: #666;
}
#property legend {color:#36A;}
#property .dtr{
	clear:both;
}
#property .prol {
	float:left; 
	width: 42px;
	color:#999; 
	padding:1px; 
}
#property .pror {
	float:left; 
	padding:1px; 
}
#property strong,#property b {font-weight: normal; color:#666;}
#property a {font-weight: normal; color: #666; }
#property a:hover {color:#00f;}