/* CSS Document */

#logo{
	position:absolute;
	top:45px;
	left:20px;
	height:57px;
	width:105px;
	background-image: url(../image/logo6.gif);
}
#headmenu_top {
	float: left;
	width: 700px;
}
#headmenu_bottom {
	float: left;
	width: 700px;
}


/*==============================================
页头主目录
=================================================*/
#headMenu{
  float:right;
  position:relative;
  display:block;
  height:100%;
  width:700px;
  margin:0;
  padding:0;
}

#headMenu ul {
	float:right;
	list-style:none;
	margin: 0px;
	padding: 0;
}
#m {
	float: left;
	margin-left: 0px;
}


#headMenu ul li {
  display:inline;
  margin:0;
  padding:0;
}

#headMenu ul li a {
  float:left;
  background:url("../image/menuBg.gif") no-repeat left bottom;
  margin:0;
  padding:0;
  font:400 12px  Arial, sans-serif,"宋体";
  text-align:right;
  text-decoration:none;
  width:70px;
  height:46px;
  color:#555;
}

#headMenu ul li a span {
  display:block;
  float:left;
  margin:20px 10px 5px 0;
}

#headMenu ul li .here {
  background:url("../image/menuhere.gif") no-repeat left bottom;
  width:70px;
  height:46px;
}

#headMenu ul li a span.spanhere {
  background:url("../image/menuhereright.gif") no-repeat right top;
  color:#000;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#headMenu ul li a span ,#header #menu ul li a span .here{float:none;}

    /* End IE5-Mac hack */
#headMenu ul li a:hover span {
  color:#2b00a6;
  font:400 12px Arial, System,"宋体";
}

#headMenu ul li a:hover {
  background:url("../image/menu_bg_hover3.gif") no-repeat left bottom;
}

#headMenu ul li .head:hover {
  background:url("../image/menu_bg_hover_head.gif") no-repeat left top;
}

#headMenu ul li a:hover span {
  background-position:100% -42px;
}

/*=======================================================
  页脚
=======================================================*/

#footerBg{
  position:relative;
  margin:0;
  background:#C00;  
  font:400 12px Arial, sans-serif,"宋体";
  color:#FFFFFF;
}

#footerBg ul{
  float:left;
  margin:1em;
  padding:0;
}

#footerBg ul li{
  display:inline;
  list-style:none;
}

#footerBg ul li a {
  float:left;
  margin:0;
  padding:0 1em;
  border-right:1px solid #FFF;
  color:#FFFFFF;
}

#footerBg ul li a .last{
  border-right:0;
}

#footerBg ul li a : hover{
  color:#6c0;
}

#footerBg #copyright{
  clear:both;
  margin:0;
  padding:1em 0 1em 0;
}

/*=====================================================
      define columns' head /icons/boder/background/width
=====================================================*/
.columns{
  position:relative;
  height:auto;
  display:block;
  margin-top:5px;
  padding:0;
  width:100%;
}

.topColumn{
  margin-top:0;
}

.columns .head{
  display:block;
  margin:12px 0 5px 38px;
  color:#916237;
  font:12px 600 Arial, System,"宋体";
}

.column_1{
  position:relative;
  display:block;
  margin:7px auto;
  padding:0;
  width:90%;
}
.colbody {
}

.colHead {
  margin:0;
  height:27px;
  border:1px solid #ccc;
}

.colBg_1{
  width:95%;
  margin:7px auto 7px;
  background:#F2F2F2;
}

.colBg_2{
  background:#fff;
  border:1px solid #BFBDB1;
}

.colBg_3{
  background:#fbfbfb;
  border:1px solid #BFBDB1;
  border-top:0;
}

.colBg_4{
  border-bottom:5px solid #eee;
}



.colHead_1 {
  padding-left:4em;
  background:url(../image/colHead_1.gif) no-repeat left top;
  border:1px solid #cdcdcd;
  border-bottom:1px dotted #cdcdcd;
}

.colHead_2 {
  background:url(../image/colHead_2.gif) no-repeat right top;
  border-top:1px solid #cdcdcd;
  text-align:center;
}

.colHead_3 {
  background:url(../image/colHead_4.gif) no-repeat right top;
  text-align:center;
}

.colHead_4 {
  margin-bottom:10px;
  background:#E6E6E6;
  border-bottom:1px solid #BFBDB1;
  padding:10px 0 3px 12px;
  font:600 12px Arial, System,"宋体";
  color:#333;
}

.colHead_5 {
  background:url(../image/colHead_1.gif) no-repeat right top;
  border-bottom:1px dotted #cdcdcd;
  text-align:center;
  border-top:1px solid #cdcdcd;
}

.colHead_download {
  background:url(../image/colHead_download.gif) no-repeat left top;
  margin:8px auto;
  height:28px;
  width:110px;
}

.colContent {
  margin:0 12px;
}

.colSoftMini {
  margin:0 8px 5px 8px ;
  background:#fff;
  width:240px;
  height:150px;
  float:left;
}

.colSoftMini .title {
  display:block;
  margin:8px 0 5px 0;
  font:600 12px Arial,"宋体";
  color:#047;
}

.colSoftMini .link {
  color:#677E9B;
  text-decoration:underline;
}

.colSoftMini img{
  display:block;
  margin:0 auto;
}


/*==============================================================
  hr
=================================================================*/
.hr1{
  height:5px;
  margin:0 10px 0 18px;
  background:url(../image/hr1.gif) repeat-x left top;
  clear:both;
}

.hr2 {
  width:95%;
  height:5px;
  margin:0 auto;
  background:url(../image/hr2.gif) repeat-x left top;
}

.hr3 {
  width:100%;
  height:1px;
  margin:0 auto;
  background:url(../image/hr3.gif) repeat-x left top;
  clear:both;
  float:left;
}

.hr4 {
  width:1px;
  height:150px;
  margin:0 0 3px 0;
  float:left;
  background:url(../image/hr3.gif) repeat-y left top;
}

.hr5{
  height:2px;
  margin:0 10px 0 22px;
  background:url(../image/hr1.gif) repeat-x left center;
  clear:both;
}

/*================================================
  Tables
==============================================*/
.tblstyle1{
  margin:5px 5px 0 20px;
  cellspacing:5;
  width:95%;
}

.tblstyle1 td{
  margin:3px;
}

.tblstyle2{
  margin-left:2em;
  border-collapse:collapse;
  border:1px solid #0379ee;
  width:95%;
}

.tblstyle2 td{
  padding-left:1em;
}

.tblstyle2 th {
  text-align:center;
}

.tblstyle2 td{
  border:1px solid #0379ee;
}

.tblstyle3 {
  margin:0 12px 0 18px;
  width:92%;
  border-collapse:collapse;
  border:1px solid #AFBDD0;
}

.tblstyle3 td{
  height:20px;
  padding-top:5px;
  border:1px solid #AFBDD0;
  text-align:center;
}

.tblstyle3 a {
  color:#003399;
  font:400 12px "宋体", Arial;
}

.tblstyle3 .ColorRed {
  color:#CC0033;
}

.tblstyle_dnld_data{
  margin:0;
  cellspacing:5;
  width:100%;
}

.tblstyle_dnld_data td{
  margin:3px;
}

.tblstyle_dnld_data a{
  text-decoration:underline;
}

.tblstyle_dnld_data .text{
  text-align:left;
}

.tbl_title{
  height:20px;
  text-align:center;
  background:#f0f0f0;
  font:600 12px "宋体", Arial, System;
  color:#666;
  border:3px solid #fff;
}

.tbl_Col_2 {
  width:50%;
}

.tblColor_1 {
  background:#c2ddf4;
}

.tblAdImg_1 {
  display:block;
  width:80%;
  margin:0 auto;  
}

#tblEdu {
  float:left;
  margin:0 20px 0 10px;
}

#tblEdu a {
  float:left;
  margin:0;
  color:#006;
}

/*=============================================
 list style
==============================================*/
.liststyle_1 {
  margin:0;
  padding:0;
}

.liststyle_1 li{
  list-style:none;
  line-height:1.5em; 
}

.liststyle_1 li a{
  margin-left:3em;
  color:#666;
  border-bottom:1px dotted #ccc;
}

.liststyle_2 {
	list-style:none;
	margin-top: 8px;
	margin-right: 12px;
	margin-bottom: 0px;
	margin-left: 12px;
}

.liststyle_2  li {
  margin:0;
  padding:0;
  width:100%;
}

.liststyle_2 li a {
  margin:0;
  padding:0;
}

.liststyle_4 {
	list-style:none;
	margin-top: 8px;
	margin-right: 20px;
	margin-bottom: 0;
	margin-left: -8px;
}

.liststyle_4  li {
  margin:0;
  padding:0;
  width:100%;
}

.liststyle_4 li a {
  margin: 8px 0 0 0;
  padding:0px;
}


.liststyle_news {
  margin:0;
  padding:0;
}

.liststyle_news li{
  margin-left:1.5em;
  margin-top:2px;
  list-style:none;
  line-height:1.5em;
  border-bottom:1px dotted #ccc;
}

#liststyle_books{
  margin:0;
  padding:0;
}

#liststyle_books li{
  list-style:none; 
  margin:1em 10px 0 10px;
  padding-bottom:8px;
  border-bottom:1px dotted #666;
  color:#555;
  line-height:1.5;   
}

#liststyle_books .listlast{
  border:0;
}

#liststyle_books li .info{
  display:block;
  font:400 11px Arial, System,"宋体";
  text-align:right;
}

#liststyle_books li a{
  text-decoration:none;
  color:#047;
}

#liststyle_books li a:hover {
  color:#003399;
}

/*===========================================
 Production :thumbs at production
==============================================*/
.thumb {
  position:relative;
  float:left;
  display:block;
  margin-bottom:1em;
}

.thumb .text{
  margin-left:12px;
  float:left;  
  display:block;
  position:relative;
  width:325px;
}

.thumb p{
  margin:0;
  padding:0;
  display:block;
}

.thumb a {
  margin:0 0 5px 18px;
  display:block;
  font:600 12px Arial, System,"宋体";
  color:#047;
}

.thumb img {
  float:left;
  position:relative;
  display:block;
  margin-left:15px;
  width:66px;
}

.thumb1 {
  position:relative;
  clear:both;
  width:100%;
  display:block;
  margin-bottom:1em;
}

.thumb1 .text{
  margin-left:50px;
  float:left;  
  display:block;
  width:345px;
}

.thumb1 .title {
  margin:0 0 5px 0;
  display:block;
  font:600 12px Arial, System,"宋体";
  color:#047;
}

.thumb1 .adImg {
  float:left;
  position:relative;
  display:block;
  margin:10px 0 0 16px;
  width:93px;
  height:93px;
}

/*=============================================
  button
===============================================*/

.btns {
  display:block;
  clear:both;
  height:30px;
}

.btn1 {
  margin:10px;
  float:left;
  display:block;
  height:22px;
  width:142px;
  padding-top:5px;
  text-align:center;
  background:url(/image/button_1.gif) bottom left no-repeat;
}

.btn2 {
  margin:10px;
  float:left;
  border:0; 
}

.btn2 img{
  border:0;
}

/*==============================================
  News: tow columns news body
================================================*/
.newsBody{
  width:100%;
  display:block;
  position:static;
}



.newsBody .newsBody_l {
  float:left;
  width:48%;
} 

.newsBody .newsBody_r {
  float:right;
  width:48%;
}

.newsBody a {
  font:400 12px Arial,"宋体";
  color:#333333;
  text-decoration:none;
}

.newsBody h6 {
  text-align:center;
  margin:0 0 10px 0;
  border:0;
  font:600 12px Arial;
  color:#000099;
}

/*================================================
  金典2005、旗舰2006 function
===============================================*/
.funcBody{
  margin-top:2em;
  width:100%;
  display:block;
  position:static;
}

.funcBody .Body_l {
  float:left;
  width:48%;
} 

.funcBody .Body_r {
  float:right;
  width:48%;
}

.funcBody h6 {
  text-align:center;
  margin:0 0 10px 0;
  border:0;
  font:600 12px Arial;
  color:#000099;
}

.funcBody a {
  color:#003399;
  text-decoration:underline;  
}

.funcBody img {
  margin:0 auto;
  display:block;
  width:230px;
  height:125px;
}
/*==============================================
  download :calendar
=================================================*/
#calendar {
  margin:10px 8px 0 8px;
}

#calendar table{
  width:100%;
  border-top:2px solid #ccc;
  border-bottom:2px solid #666;
  border-left:1px solid #ccc;
  border-right:1px solid #ccc;
  text-align:center;
}

#calendar .title {
  background:#eeb6b2;
}

#calendar a{
  font-weight:600;
  color:#CC3300;
}

/*文章内容导航list*/
.listContNav {

}

.listContNav li {
  list-style:url(../image/arrow_px_down.gif);
  line-height:2;
}

.listContNav a {
  color:#000099;
  text-decoration:underline;
}

/*===================================================
  下载页面
====================================================*/
/*============首页重要产品展示=====================*/


.lr_l {
  display:block;
  float:left;
  width:170px;
  margin:0 0 10px 1em;
  text-align:left;
  color:#5A6F7F;
}

.lr_l img {
  display:block;
  margin:0 auto;
}

.lr_l a {
  display:block;
  margin:0;
  font:600 12px Arial, System;
  color:#047;
  line-height:200%;
}

/*=======================================
广告
=========================================*/
.adType1 {
  display:block;
  margin:0 auto;
}

/*============================================
   网络、网际网络版menu
================================================*/

/*= Menu Tabs F================================= */

    #tabsF {
      float:left;
      width:100%;
      background:#fefefe;
      font-size:100%;
      line-height:normal;
	  background:url(../image/tableftF_bg.gif) left bottom repeat-x;
      }
    #tabsF ul {
	margin:0;
	padding:10px 10px 0 10px;
	list-style:none;
      }
    #tabsF li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsF a {
      float:left;
      background:url("../image/tableftF.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
	
    #tabsF a span {
      float:left;
      display:block;
      background:url("../image/tabrightF.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#666;
      }
	  
	#tabsF .ahere{
      background:url("../image/tableftF_here.gif") no-repeat left top;
      }    
	  
	#tabsF .spanHere {
      background:url("../image/tabrightF_here.gif") no-repeat right top;
      }  
	  
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsF a span {float:none;}
    /* End IE5-Mac hack */
    #tabsF a:hover span {
      color:#FFF;
      }
    #tabsF a:hover {
      background-position:0% -42px;
      }
    #tabsF a:hover span {
      background-position:100% -42px;
      }
	  
#form1 {
  margin:10px 0 10px 12px;
}

#subBtn {
  background:url(../image/button_4.gif) left top no-repeat;
  text-align:center;
  padding-top:3px;
  width:140px;
  height:17px;
  margin-top:8px;
  color:#666;
}
