@import "module_white.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-repeat:repeat-x;
		background-position:top;
		height:100%;
        background-color:#f0f0f0 !important;
	} 
   


.pagecontainer
{
}




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

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

*/


.page
{
        width:990px;
        background-image:url("images/bg_page.jpg");
        background-repeat:repeat-x;
		background-position:top;
        background-color:#d4d4d4;
		padding-top:49px;
	    margin:auto;
        _text-align:center;
   /* overflow:auto; */
}

	.page_top
	{
        width:990px;
		height:111px;
		margin:auto;
		margin-bottom:;
		clear:both;
		background-color:;
		background-image:url(images/bg_top.jpg);
	    background-repeat:repeat-x;
	    position:relative;										/* z-index 不用设置，让它自动，设置太大会影响产品列表中的弹出图片说明 */
	    z-index:18;
	}


	.page_top2
	{
        width:961px;
		height:;
		margin:auto;
		margin-bottom:;
		padding-bottom:;
		clear:both;
		background-color:;
		background-image:url(images/bg_top2.jpg);
	    background-repeat:repeat-x;
		background-position:top;
	}


				.page_top_logo 
				{
					width:212px;
					height:111px;
					float:left;
				}


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

				.page_top_menu    /* 把 menu 放入 page_top 中，会被下面的body 遮住 */
				{
					height:58px;  
					width:770px;
					margin:auto;
					margin-top:;
					float:right;
					clear:;
				    background-image:url(images/bg_menu.jpg);
				    background-repeat:;
                    background-color:;
					border-bottom:;
					position:relative;
					z-index:100;                                /* 一定要设置201才行，左侧弹出菜单大，参见 《 测试 - absolute  relative 层叠方式.htm 》*/
				}


    .page_body_bg
	{
       width:990px;
	   margin:auto;
	   margin-top:10px;
       background-image:url("images/bg_body.jpg");
       background-repeat:repeat-y;
	   background-position:;
	}



    .page_body
	{
       width:965px;
	   margin:auto;
	   margin-top:2px;
       background-color:;
	   clear:both;
	   position:relative;										/* z-index 不用设置，让它自动，设置太大会影响产品列表中的弹出图片说明 */
	   z-index:16;
	}
	       /*
		   .page_body{overflow:hidden;}
		   .page_body_left,.page_body_right{padding-bottom:32767px;;margin-bottom:-32767px;} 
           */
  
		   .page_body_left
		   { 
		      float:left;
			  width:218px;
			  background-color:;
              background-image:url("images/bg_left.jpg");
			  background-position:right 0px;
              background-repeat:repeat-y;
		   }



           
           .page_body_right
		   { 
			  width:709px;
			  float:right;
			  background-color:;
		   }



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

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

	.page_copyright
	{
	   clear:both;
	   color:#555555;
	   border-top:;
	   margin-top:30px;
	   width:965px;
	   height:120px;
	   padding-top:;
	   padding-bottom:;
       background-image:url("images/bg_copyright.jpg");
	   background-color:;
       background-repeat:no-repeat;
	   background-position:left;
	   position:relative;
	   z-index:15;
	}

	.page_bottom
	{
		position:absolute;
		top:-340px;
		width:100%;
		height:342px;
		z-index:1;
        background-image:url("images/bg_bottom.jpg");
	    background-color:;
        background-repeat:repeat-x;
	    background-position:bottom;
	}

/* 
■   容器层
*/

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

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

     .banner_2
	 {
        width:;
		height:;
		clear:both;
		margin:auto;
		margin-top:;
		overflow:hidden;
        background-image:url("images/bg_banner2.jpg");
        background-repeat:repeat-x;
	    /* background-color:blue;margin-top:5px; */
	 }


     .banner_3
	 {
        width:961px;
		height:;
	    overflow:hidden;
		clear:both;
		margin:auto;
	    /* 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;
		margin-top:10px;
	    /* background-color:blue;margin-top:5px; */
	}

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

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

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

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

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

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

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


    #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:;
		margin-top:;
		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:100%;     /* 当菜单左右两边需发加圆角时，最大化自适应宽度，必须设置 */
	   float:left;
	   margin-top:;
	}

			.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:;												/* 菜单宽度自适应 */
		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,a:active.menuitem,a:visited.menuitem                                            
	{
		width:;
		height:58px;
		line-height:58px;
		display:block;
		overflow:hidden;

        color:#555555 !important;;
		font-weight:;
		text-decoration:;

		font-size:15px !important;
		font-family:"Microsoft Yahei",SimHei;

		text-indent:;
		text-align:center;

        margin:;
		padding:;
		padding-left:20px;
		padding-right:20px;
		margin-left:;
		margin-right:;

		border-right: !important;
		background-color:;
		background-image:url(images/bg_menuitem.jpg);
        background-repeat:no-repeat;
        background-position:left 0px !important;   /* ie6,需要加 !important */
	}


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

        color:#e70012 !important;;
		font-weight:;
		text-decoration:;

		font-size:15px !important;
		font-family:"Microsoft Yahei",SimHei;

		text-indent:;
		text-align:center;

        margin:;
		padding:;
		padding-left:20px;
		padding-right:20px;
		margin-left:;
		margin-right:;

		border-right: !important;
		background-color:;
		background-image:url(images/bg_menuitem.jpg);
        background-repeat:no-repeat;
        background-position:left 0px !important;   /* ie6,需要加 !important */
	}

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


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

        color:#e70012 !important;;
		font-weight:;
		text-decoration:;

		font-size:15px !important;
		font-family:"Microsoft Yahei",SimHei;

		text-indent:;
		text-align:center;

        margin:;
		padding:;
		padding-left:20px;
		padding-right:20px;
		margin-left:;
		margin-right:;

		border-right: !important;
		background-color:;
		background-image:url(images/bg_menuitem.jpg);
        background-repeat:no-repeat;
        background-position:left 0px !important;   /* ie6,需要加 !important */

	}





/* 
■    下拉菜单样式
*/


    /* 淡灰色底色 */


	.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:120px;
		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:120px;
		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:120px;
		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:120px;
		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;
	}