/* 
  --------------------------------------
  *****  1. base   *****
  --------------------------------------
*/

body {
  margin: 0 auto;
  padding: 0;
  font: normal 14px Arial;
  background: #004E98 url(bg.gif) center top repeat-y;
  line-height:160%;
  color:#333;
  word-break:keep-all;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6,   
pre, form, fieldset, input, textarea, p, blockquote, th, td {   
 padding: 0;  
 margin: 0;  
 }  
fieldset, img {   
 border: 0;  
 }  
table {  
 border-collapse: collapse;  
 border-spacing: 0;  
 }  
ol, ul {  
 list-style: none;  
 }  
address, caption, cite, code, dfn, em, strong, th, var {  
 font-weight: normal;  
 font-style: normal;  
 }  
caption, th {  
 text-align: left;  
 }  
h1, h2, h4, h5, h6 {   
 font-size: 100%;  
 }  
q:before, q:after {  
 content: '';  
 }  
abbr, acronym {   
 border: 0;  
 }

img {
  border:0;
}

.clear {
  clear:both;
}

.floatleft {
  float:left;
}

.floatright {
  float:right;
}

.clear {
  clear:both;
}

/* 
  --------------------------------------
  *****  2. link  *****
  --------------------------------------
*/

a {
  text-decoration: underline;
  font-family:"Courier New", Courier, mono;
  color: #666;
}

a:hover {
  color:#73aaf7;
  font-family:"Courier New", Courier, mono;
  text-decoration: underline;
}

/* 
  --------------------------------------
  *****  3. font   *****
  --------------------------------------
*/

.green {
  color:#c0dB5A;
}

.orange {
  color:#ff9933;
}

/* 
  --------------------------------------
  *****  4. layout  *****
  --------------------------------------
*/

/* 总体宽度 */
#main {
  clear:both;
  width:910px;
  margin:0px auto;
  padding:0px auto;
}

/* 
  --------------------------------------
  *****  5. header   *****
  --------------------------------------
*/
#header {
  height:80px;
  padding:10px 20px;
}

#top {
  float:right;
  width:241px;
  height:15px;
  line-height:15px;
  font-size:10px;
  font-family:tahoma;
  background:url(top.gif) left top no-repeat;
  text-align:center;
}

#top a {
  padding:0px 10px 0px 5px;
  background:url(top_i.gif) left center no-repeat;
  text-decoration: none;
}

/* menu */
#menu{
/*repeat-x 0 -5px;*/
height:26px;
clear:both;
float:right;
width:670px;
margin:0px 0px 0px 0px;
background:url(nav_bg.gif) center bottom no-repeat;
text-align:center;
font-weight:bold;
  }
#menu ul{ margin-left:20px; width:100%;}
#menu ul li{ display:inline;}
#menu ul li a,#menu ul li a span{ display:block; float:left; height:26px; color:#333; text-decoration:none; cursor:pointer;padding:3px 6px; font-size:14px;}
#menu ul li a:hover,nav ul li a:hover span,#menu ul li a.selected,#menu ul li a.selected span{font-weight:bold; background:#F1F2F3; color:#FFF;}
#menu ul li a:hover span,#menu ul li a.selected span{ font-weight:bold;}

/*
#menu a {
  padding:3px 12px;
  font-size:14px;
  font-weight:bold;
  text-decoration: none;
}

#menu a:hover {
  background:#333;
  color:white;
}*/

#banner {
  clear:both;
  height:215px;
  margin:0px 9px 0px 9px;
}

#banner2 {
  clear:both;
  height:75px;
  margin:0px 9px 0px 9px;
}

/* 
  --------------------------------------
  *****  6. content   *****
  --------------------------------------
*/

#content {
  clear:both;
  padding:0px 8px;
  background:url(c_bg2.gif) right top repeat-y;
}
#pagecontent {padding:10px;}
#pagecontent .product_intro {padding:10px 20px;margin-bottom:30px;}
#pagecontent .product_intro img {width:160px;height:160px;margin:15px 25px 5px 0px;float:left;}
#pagecontent .product_intro H4 {font-size:18px;font-weight:bold;margin-bottom:15px;}
#pagecontent .product_use {padding:10px 20px;background:url(line1.gif) no-repeat;background-position:top;}
#pagecontent .product_use ol {list-style:outside;list-style-type:decimal;display:list-item 1; }
#pagecontent .product_use H5 {font-size:14px;font-weight:bold;margin:15px 0px;}
#pagecontent .product_use ol li {margin-left:50px;}
#pagecontent .product_use p {margin-top:25px;}
.dashed{margin:8px auto;background:url(images/n/dashed_line.gif) repeat-x;height:1px;display:block;overflow:hidden;clear:both;width:600px;}
{background: #9BD1FA}
b.rtop, b.rbottom{display:block;background: #FFF}
b.rtop b, b.rbottom b{display:block;height: 1px;overflow: hidden; background: #9BD1FA}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}

#left {
  float:left;
  width:560px;
  padding:20px;
}

#left p {
  color:#888;
}

#right {
  float:left;
  width:210px;
  padding:20px 0px 0px 40px;
}
#downloadtimes {
font-family:"Courier New", Courier, mono;
font-size:12px;
color:#333;
}
.content h1 {
  margin:30px 10px;
  text-align:center;
  font-size:16px;
}

/*
.content p {
   text-indent:1.5em; 
}
*/

.black_overlay{
            display: none;
            position: absolute;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 100%;
            background-color: black;
            z-index:1001;
            -moz-opacity: 0.8;
            opacity:.80;
            filter: alpha(opacity=80);
        }
.white_content {
	display: none;
	position: absolute;
	top: 25%;
	left: 25%;
	width: 50%;
	height: 50%;
	padding: 16px;
	border: 16px solid orange;
	background-color: white;
	z-index:1002;
	overflow: auto;
}

#imgparent {
	position: relative;
}

#imgclose{
position:absolute;
right:2px;
top:2px;
}

.download {
  float:left;
  margin:10px 10px 10px 5px;
}

.downinfo {
  float:left;
}

#downloadfw {
	font-family: Tahoma,Arial;
	font-size: 11px;	
	font-weight: normal;
	text-decoration:none;
}

#downloadfw a
{
 text-decoration:none;
}
.fwnotice{
color:#116683;
line-height:150%;
}
.downinfo li {
  clear:both;
  padding-left:20px;
  background:url(rank.gif) left center no-repeat;
}

.locoyspiderinfo {
  float:left;
}

.locoyspiderinfo li {
  clear:both;
  padding-left:20px;
  background:url(rankspider.gif) left top  no-repeat;
}

#links a {
  padding:0px 5px;
}

/* 
  --------------------------------------
  *****  7. footer   *****
  --------------------------------------
*/
#footer {
  clear:both;
  padding:20px 0px 20px 0px;
  background:white url(footer.jpg) left top no-repeat;
  text-align:center;
  color:#113d8e;
}

#linklogo {
  clear:both;
  padding:20px 0px 20px 0px;
  text-align:left;
  color:#113d8e;
}

#footer a{
  text-decoration:none;
  color:#113d8e;
}
#footer a:hover{
  text-decoration:underline;
  color:#113d8e;
}
/* 
  --------------------------------------
  *****  8. search   *****
  --------------------------------------
*/

/* 
  --------------------------------------
  *****  9. assist   *****
  --------------------------------------
*/
.p5 {
  padding:5px;
}

.p10 {
  padding:10px;
}

.blank5 {
  clear:both;
  height:5px;
  overflow:hidden;
}

.blank10 {
  clear:both;
  height:10px;
  overflow:hidden;
}

.line {
  clear:both;
  height:1px;
  margin:10px 0px;
  background:url(line.gif) center top no-repeat;
  overflow:hidden;
}

h3 {
  font-family:"Courier New", Courier, mono;
  font-size:16px;
  clear:both;
  line-height:30px;
  padding-left:20px;
  background:url(icon.gif) left 10px no-repeat;
}

.pages {
  clear:both;
  width:390px;
}

.pages strong {
  color:#333;
  display:block;
  float:left;
  height:18px;
  line-height:18px;
  font-weight:bold;
  float:left;
  padding:0px 8px;
  background:#F5FAFF;
  border:1px solid #888;
  margin: 0px 3px 0px 0px;
}
.pages a,.pages a:hover {
  display:block;
  float:left;
  height:18px;
  line-height:18px;
  float:left;
  padding:0px 8px;
  border:1px solid #CCC;
  text-decoration:none;
  margin: 0px 3px 0px 0px;
  color:#333;
}

.pages span {
  float:right;
  padding:0px 10px;
  height:18px;
  line-height:18px;
  background:#F5FAFF;
  border:1px solid #333;
}

/* 
  --------------------------------------
  *****  10. ad (广告)   *****
  --------------------------------------
*/


/* 
  --------------------------------------
  *****  11. ToolTips   *****
  --------------------------------------
*/

#toolTip{
   border:1px solid #CCC;
   background-color:#F9F9F9;
   width:300px;
   position:absolute;
   visibility: hidden;
   overflow: hidden;
  	font-family: Tahoma,Arial;
	font-size: 11px;
	font-weight: normal;
   color:#333;
}

#toolTip h1{
   display:block;
  	font-family: Tahoma,Arial;
	font-size: 12px;
	font-weight: bold;
   background-color:#F1F1F1;
   border-bottom:1px solid #CCC;  
   margin:0px;
   padding:0px 2px;   
}

#toolTip p {
   margin:0px;
   padding:4px 2px;   
}



td,th{font-size:12px;}
.table_list, .table_form, .table_info { margin:0 auto; width:100%; *margin-top:6px; background:#D5EDFD; border:1px solid #ccc;}
.table_list caption, .table_form caption, .table_info caption { border:1px solid #ccc; border-bottom-width:0; font-weight:bold; color:#000; background:url(images/bg_table.jpg) repeat-x 0 0; height:27px; line-height:27px; margin:6px auto 0;}
.table_form, .table_info {}
.table_form tr,.table_info tr,.table_list tr{ background-color:#fff;}
.table_form td, .table_form th, .table_info td,.table_list td  { line-height:150%; padding:4px;}
.table_form th{ text-align:right; padding-right:5px;}
.table_form th strong, .table_info th strong { color:#077ac7;}
.table_list {}
.table_list th, th.form_th { text-align:center; color:#077ac7; background: url(images/bg_table.jpg) repeat-x 0 -26px; line-height:22px; height:22px;}
.table_list td {text-align:center;}
th.form_th { text-align:left; text-indent:2em; font-weight:bold; padding:0; line-height:1.8em;}
td.align_left { text-align:left;}
td.align_l { text-align:left;}
td.align_r { text-align:right;}
.table_info td { padding:4px;}
/*表格变色*/
.mouseover { background-color:#ECF7FE !important;}