@import "module_black.css";
@import "module_custom.css";


/* 
■   最外层 容器外层
*/
    .page_body_table,.page,.page_top,.page_top_1,.page_top_logo,.page_top_menu,.page_top_search,.page_body,.page_body_top,.page_body_bottom,.page_body_left,.page_body_right,.pbr_left,.pbr_right,.page_copyright
	{
	  margin:auto;
	  _text-align:center;
	}

/* 
■   补丁
*/
	.copyright,.content_a,.content_b,.content_c,.content_d,.content_e,.content_f,.content_g,.content_h,.content_i,.content_j,.content_k,.content_l,.page_content,.page_content_center,.page_center_center,.banner_1,.banner_2,.banner_3,.banner_4,.banner_5
	{
	   overflow:hidden;
	}

    /* overflow 加了之后弹出菜单，超出部分会被隐藏 */  /* 另外不能把注释写在 “上面的 CSS” 中，否则 IE6 中会出问题 */

*
{
	margin:0; 
    padding:0;
    font-family:Tahoma, Verdana, sans-serif,"宋体" ;
    font-size:12px;
}

table{border:0;margin:0;border-collapse:collapse;}
table td{padding:0;}   
a{color:black;text-decoration:none;}

#closetoolsbar
{
   z-index:300 important;
}

/* 
■   补背景图
*/

    body     /* 包含顶部导航条的body,是个外部的body,这里的内容都是嵌入到外部那个body中的。 */
	{
		background-image:url("images/bg_page.jpg");
        background-repeat:;
		background-position:;
        background-color:#fafafa;

	} 
   


.pagecontainer
{
}




.page_bg
{
        width:100%;
		margin:auto;
        background-image:url("images/bg_page.jpg");
        background-repeat:;
		background-position:;
        background-color:;
}

/*
            解决方法是 body 中也加一下同样的背景
		    body{overflow:hidden;}
		   .page_bg{padding-bottom:32767px;;margin-bottom:-32767px;} 

*/


.page
{
        width:960px;
        background-color:white;
        background-image:url("images/bg_page2.jpg");
        background-repeat:repeat-y;
	    margin:auto;
        _text-align:center;
        /* overflow:auto; */
}

	.page_top
	{
        width:960px;
		height:75px;
		margin:auto;
		margin-bottom:;
		clear:both;
		background-image:url(images/top.jpg);
	    background-repeat:repeat-x;
	}


				.page_top_logo 
				{
					width:682px;
					height:75px;
					float:left;
				}


				.page_top_search
				{
					width:198px;
					float:right;
					margin-top:;
				}

				.page_top_menu    /* 把 menu 层 放入 page_top 中，会被下面的body 遮住 */
				{
					height:31px;  /* 比table_menu高一个像素 */
					width:960px;
					margin:;
					float:;
					clear:both;
				    background-image:url(images/bg_menu.jpg);
				    background-repeat:;
                    background-color:;
				    margin-top:;
					border-bottom:
					position:relative;
					z-index:1000;        /* 解决弹出菜单与，产品图片，及FLASH 广告的一些层叠问题*/  /* 关于层叠问题用  iedeveloper 不能实时调试 */
				}


    .page_body
	{
       width:938px;
	   margin:auto;
	   margin-left:;
	   margin-top:20px;
	   margin-bottom:20px;
       background-color:;
       background-image:url("images/bg_pagebody.jpg");
       background-repeat:repeat-y;
	   background-position:;
	   clear:both;
	}
	/*
		   .page_body{overflow:hidden;}
		   .page_body_left,.page_body_rightbg{padding-bottom:32767px;;margin-bottom:-32767px;} 
    */
		   .page_body_left
		   { 
		      float:left;
			  width:206px;
			  background-color:;
              background-image:url("images/bg_left.jpg");
			  background-position:right 0px;
              background-repeat:repeat-y;
		   }



           
           .page_body_right
		   { 
		      float:right;
			  width:721px;
		   }



		       .pbr_left
			   {
				  float:left;
				  width:532px;
			   }

		       .pbr_right
			   {
				  float:right;
				  width:208px;
			   }

	.page_copyright
	{
	   clear:both;
	   border-top:;
	   margin-top:;
	   width:960px;
	   height:72px;
	   background-color:;
	   padding-top:;
	   padding-bottom:;
       background-image:url("images/copyright.jpg");
       background-repeat:repeat-x;
	}


/* 
■   容器层
*/

     .banner_1
	 {
		width:200px;         /*  比flash稍微大5个像素，因为下面的overflow:hidden  */
		height:;
		float:right;
		margin:;
        background-image:url("images/bg_banner");
        background-repeat:no-repeat;
		background-color:;
		overflow:hidden;

	    /* background-color:blue;margin-top:5px; */
	 }

     .banner_2
	 {
        width:960px;
		/* border-bottom:1px solid black; */
		height:;
		clear:both;
		margin:auto;
		margin-bottom:;
		overflow:hidden;
	    /* background-color:blue;margin-top:5px; */
	 }


     .banner_3
	 {
	    width:225px;
		float:right;
	    overflow:hidden;
	    /* background-color:blue;margin-top:5px; */
	 }


     .banner_4
	 {
	    width:998px;
	    overflow:hidden;
	    /* background-color:blue;margin-top:5px; */
	 }

	.content
	{
	    clear:both;
		width:;         /*  比flash稍微大5个像素，因为下面的overflow:hidden  */
		margin:auto;
	    /* background-color:blue;margin-top:5px; */
	}

	.content_a
	{
		width:721px;
	    clear:both;
	    /* background-color:blue;margin-top:5px; */
	}

	.content_b
	{
		width:441px;
		float:left;
	    /* background-color:blue;margin-top:5px; */
	}

	.content_c                     
	{
		width:268px;
		float:right;
	    /* background-color:blue;margin-top:5px; */
	}

	.content_d                     
	{
		width:721px;
	    clear:both;
	    /* background-color:blue;margin-top:5px; */
	}

	.content_e
	{
		width:441px;
		float:left;
	    /* background-color:blue;margin-top:5px; */
	}

	.content_f                     
	{
		width:268px;
		float:right;
	    /* background-color:blue;margin-top:5px; */
	}

	.content_g                     
	{
		width:721px;
	    clear:both;
	    /* background-color:blue;margin-top:5px; */
	}
	.content_g1                     
	{
		width:700px;
	    clear:both;
	}


    #z1
	{
		/* background-color:blue;margin-top:5px; */

	}

    #z2
	{
		/* background-color:blue;margin-top:5px; */

	}

    #z3
	{
		/* background-color:blue;margin-top:5px; */

	}

    /******************/

	.content_k  /*  left_side */
	{
        width:;
		overflow:visible;
	    /* background-color:blue;margin-top:5px; */
    }

	.content_h  /*  right_side */
	{
        width:;
	    /* background-color:blue;margin-top:5px; */
	}


    /******************/

	.content_i
	{
	    margin:auto;
		width:;
		clear:both;
	    /* background-color:blue;margin-top:5px; */
	}

	.content_i1
	{
	    /* background-color:blue;margin-top:5px; */
	}

	.content_l
	{
	    width:743px;
		clear:both;
	    /* background-color:blue;margin-top:5px; */
	}

	.content_j
	{
	    /* background-color:blue;margin-top:5px; */
	}

	.copyright
	{
	    /* background-color:blue;margin-top:5px; */
    }




/* 
■   菜单样式    （后台“导航栏名称”加上<span>标签）
*/
/*
<div class="page_top_menu">
	<div class="hidden">[menu]</div>
</div>
*/
    .table_menu
	{
	   width:;       /* 当菜单左右两边需发加圆角时，最大化自适应宽度，必须设置 */
	   position:;
	   left:;
	   margin:;
	   margin-top:;
	   float:left; 	 /* 设置之后,如果page_top_menu不设置高度,菜单背景会显示不全 */
					 /* <td><div style="margin-left:35px">[menu]</div></td> */ /* 菜单前面加空白 */
	}
			.table_menu a img
			{
				display:none !important;
				/* #background-position:right 0px; */ /* IE7 产生一个像素背景错位问题是由 menu 上面的 a 标签造成的 */
			}

    .table_menutd
	{
	   background-image:url('images/menu_left.jpg');
	   width:116px;
	   height:35px;
	   text-indent:35px;
	}

    .hidden
	{
	  overflow:hidden;
	  position:relative;
	  height:48px;
	}

    .hidden table
	{
		position:relative;
		float:left;
		left:-2px;
		/* width:100% */                                        /* 不要设置 width 100% 会影响后面单个菜单的大小 */
	    /* background-color:red; */                             /* 有效 */
	}

	.menu                                                       /* 菜单样式外部样式 table */ /* ■ 好像没这属性 */
	{
	/*
		height:30px;
		position:relative;
		right:-20px;
    */
	    width:100%;												/* 菜单宽度自适应 */
		position:relative;										/* IE8 弹出菜单 */
		text-align:center;
    }

	.menu td
	{
		width:0px !important;
    }

    .menuitem table                                             /* 选中项菜单的那个 table */
	{
	    width:100%;
	}

	.menuitem td                                                /* 菜单每一项的样式 */ 
	{	
		text-align:center;
	}
 
                                                                /* link 设置 a 对象在未被访问前的样式。 ■ 伪类最好一定要分开写，顺序 link > visited > hover */

	a:link.menuitem                                             
	{
		width:81px;
		height:31px;
		line-height:31px;
		display:block;
		overflow:hidden;


        color:black;
		font-weight:;
		text-decoration:;
        font-size:12px !important;
		text-indent:;
		text-align:center;

        margin:0px;
		padding:0px;
		padding-left:;
		padding-right:;
		margin-left:0;
		margin-right:25px;

		background-image:url(images/bg_menuitem.jpg);
        background-repeat:no-repeat;
        background-position:right 100px;
	}


	a:active.menuitem                                            /* 不写 active ，火狐里面有问题 */              
	{
		width:81px;
		height:31px;
		line-height:31px;
		display:block;
		overflow:hidden;


        color:black;
		font-weight:;
		text-decoration:;
        font-size:12px !important;
		text-indent:;
		text-align:center;

        margin:0px;
		padding:0px;
		padding-left:;
		padding-right:;
		margin-left:0;
		margin-right:25px;

		background-image:url(images/bg_menuitem.jpg);
        background-repeat:no-repeat;
        background-position:right 100px;
	}

    a:visited.menuitem
	{
		width:81px;
		height:31px;
		line-height:31px;
		display:block;
		overflow:hidden;


        color:black;
		font-weight:;
		text-decoration:;
        font-size:12px !important;
		text-indent:;
		text-align:center;

        margin:0px;
		padding:0px;
		padding-left:;
		padding-right:;
		margin-left:0;
		margin-right:25px;

		background-image:url(images/bg_menuitem.jpg);
        background-repeat:no-repeat;
        background-position:right 100px;
	}

	a:hover.menuitem                                            /* 菜单浮动样式 */ 
	{
		width:81px;
		height:31px;
		line-height:31px;
		display:block;
		overflow:hidden;


        color:white;
		font-weight:;
		text-decoration:;
        font-size:12px !important;
		text-indent:;
		text-align:center;

        margin:0px;
		padding:0px;
		padding-left:;
		padding-right:;
		margin-left:0;
		margin-right:25px;

		background-image:url(images/bg_menuitem.jpg);
        background-repeat:no-repeat;
        background-position:right 0px;

	}

 
    .menuitemhover a                                            /* ■ 好像没这属性 */
    {
	}


                                                                /* 菜单选择项样式 */
	.menuselecteditem a:link,.menuselecteditem a:visited,.menuselecteditem a:active,.menuselecteditem a:hover                                         
	{
		width:81px;
		height:31px;
		line-height:31px;
		display:block;
		overflow:hidden;


        color:white;
		font-weight:;
		text-decoration:;
        font-size:12px !important;
		text-indent:;
		text-align:center;

        margin:0px;
		padding:0px;
		padding-left:;
		padding-right:;
		margin-left:0;
		margin-right:25px;

		background-image:url(images/bg_menuitem.jpg);
        background-repeat:no-repeat;
        background-position:right 0px;
	}





/* 
■    下拉菜单样式
*/


    /* 淡灰色底色 */


	.menupopup                               
	{
	     margin-top:0px;
		 background-color:transparent !important;
	}

    .menupopup table
	{
         /*
	   	 position:relative;
	     left:-2px;
		 */
	}

	table.menupopupitem                                         
	{
	}

	.menupopupitem td                          
	{
	  border-bottom:1px solid #ffffff;
	}

	a:link.menupopupitem    /* 与导航菜单大小一样 */
	{
		color:#666666;
		width:85px;
		height:25px;
		line-height:25px;

		text-indent:;
		text-align:center;
		padding-left:5px;
		padding-right:5px;
  
		display:block;
		overflow:hidden;
		text-decoration:none;
		border-bottom:1px solid #ffffff;
		background-color:#dddddd;
		background-image:url(images/bg_itemsearch1.jpg);
		background-repeat:no-repeat;
		background-position:;
		#background-position:center -1px;
	}

	a:active.menupopupitem
	{
		color:#666666;
		width:85px;
		height:25px;
		line-height:25px;

		text-indent:;
		text-align:center;
		padding-left:5px;
		padding-right:5px;
  
		display:block;
		overflow:hidden;
		text-decoration:none;
		border-bottom:1px solid #ffffff;
		background-color:#dddddd;
		background-image:url(images/bg_itemsearch1.jpg);
		background-repeat:no-repeat;
		background-position:;
		#background-position:center -1px;
	}

                                                 
	a:visited.menupopupitem
	{
		color:#666666;
		width:85px;
		height:25px;
		line-height:25px;

		text-indent:;
		text-align:center;
		padding-left:5px;
		padding-right:5px;
  
		display:block;
		overflow:hidden;
		text-decoration:none;
		border-bottom:1px solid #ffffff;
		background-color:#dddddd;
		background-image:url(images/bg_itemsearch1.jpg);
		background-repeat:no-repeat;
		background-position:;
		#background-position:center -1px;
	}

	a:hover.menupopupitem 
	{
		color:#666666;
		width:85px;
		height:25px;
		line-height:25px;

		text-indent:;
		text-align:center;
		padding-left:5px;
		padding-right:5px;
  
		display:block;
		overflow:hidden;
		text-decoration:underline;
		border-bottom:1px solid #ffffff;
		background-color:#eeeeee;
		background-image:url(images/bg_itemsearch1.jpg);
		background-repeat:no-repeat;
		background-position:;
		#background-position:center -1px;
	}

/* 黄色底色 */
/*

	.menupopup                                  
	{
	  margin-top:0px;
	}


	table.menupopupitem                                         
	{
	}

	.menupopupitem td                          
	{
	  border-bottom:1px solid #dddddd;
	}

	a:link.menupopupitem
	{
		color:#690203;
		width:90px;
		height:25px;
		line-height:25px;

		text-indent:;
		text-align:center;
		padding-left:5px;
		padding-right:5px;
  
		display:block;
		overflow:hidden;
		text-decoration:none;
		border-bottom:1px solid #820405;
		background-color:#fec868;
		background-image:url(images/bg_itemsearch1.jpg);
		background-repeat:no-repeat;
		background-position:;
		#background-position:center -1px;
	}

	a:active.menupopupitem
	{
		color:#690203;
		width:90px;
		height:25px;
		line-height:25px;

		text-indent:;
		text-align:center;
		padding-left:5px;
		padding-right:5px;
  
		display:block;
		overflow:hidden;
		text-decoration:none;
		border-bottom:1px solid #820405;
		background-color:#fec868;
		background-image:url(images/bg_itemsearch1.jpg);
		background-repeat:no-repeat;
		background-position:;
		#background-position:center -1px;
	}

                                                 
	a:visited.menupopupitem
	{
		color:#690203;
		width:90px;
		height:25px;
		line-height:25px;

		text-indent:;
		text-align:center;
		padding-left:5px;
		padding-right:5px;
  
		display:block;
		overflow:hidden;
		text-decoration:none;
		border-bottom:1px solid #820405;
		background-color:#fec868;
		background-image:url(images/bg_itemsearch1.jpg);
		background-repeat:no-repeat;
		background-position:;
		#background-position:center -1px;
	}

	a:hover.menupopupitem 
	{
		color:#690203;
		width:90px;
		height:25px;
		line-height:25px;

		text-indent:;
		text-align:center;
		padding-left:5px;
		padding-right:5px;
  
		display:block;
		overflow:hidden;
		text-decoration:underline;
		border-bottom:1px solid #820405;
		background-color:#fec868;
		background-image:url(images/bg_itemsearch1.jpg);
		background-repeat:no-repeat;
		background-position:;
		#background-position:center -1px;
	}

*/


/* 
■   search 搜索简 ------------------------------------------------------------------------------------------
*/
    .table_search
	{
	   width:189px;     /* 当菜单左右两边需发加圆角时，必须设置 */
	   height:17px;
	   float:left;
	   background-image:url(images/bg_search.jpg);
	   background-repeat:no-repeat;
	   /* background-color:red; */
	}

	.searchcss                  /* 整个搜索  (table) */
	{
	   width:189px;             /* ■ 一定要加宽度，否则IE6里面，会错位 */
	   margin-left:;
	   margin-bottom:;
	}

		.searchcss  td         
		{
		   vertical-align:top;
		}


    .searchmaincss              /* 搜索中间  (table) */
	{
	   width:189px;
	}

	.searchboxcss               /* 输入框 td */
	{
	}
 
    .searchboxcss input
	{
	   margin:0px;
	   margin-top:0px;
	   margin-left:5px;
	   color:#6b7073;
	   border:0px solid #9e9e9e;
	   height:16px;             /* 不能小于 16PX,否则输入框右边会被遮住 */       
	   background-color:transparent !important;

	}


	.searchbuttoncss            /* 按钮 td */
	{
	   cursor:pointer;
	   background-image:url(images/button_search.jpg);
	   background-position:7px 2px;
	   background-repeat:no-repeat;
	   border:none;
	}

	.searchbuttoncss input
	{
	   border:none;
	   width:24px;
	   height:15px;
	   margin-left:10px;
	   visibility:hidden;
	}