@import "module.css";
@import "_bg_white.css";
@import "__menu_popup_white.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:;
	height:100%;
	background-color:#000000 !important;
} 
   


.pagecontainer
{
}




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

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

*/


.page
{
		width:986px;
		background-color:#131313;
	    background-image:url("images/bg_body.jpg");
		background-repeat:repeat-y;
		background-position:;
		margin:auto;
		margin-top:;
		position:relative;
		z-index:10;
        _text-align:center;
        /* overflow:auto; */
}

	.page_top
	{
		width:986px;
		height:91px;
		background-color:;
		margin:auto;
		clear:both;
        background-image:url("images/bg_page.jpg");
        background-repeat:repeat-x;
		position:relative;
		text-align:left;
	}

	.page_top2
	{
        width:999px;
		height:82px;
		margin:auto;
		margin-top:;
		border-top:1px solid #838383;
		border-bottom:1px solid #838383;
		padding-top:;
		clear:both;
		background-color:#343434;
		background-image:url("images/bg_top.jpg");
	    background-repeat:repeat-x;
		background-position:;
		position:relative;
		z-index:100;
		text-align:left;
	}

				.page_top_logo 
				{
					width:437px;
					height:91px;
					float:left;
					font-size:0px;   /* 清除一个像素空白 */
					background-image:url("images/logo");
					/*
					z-index:10;
					position:absolute;
					left:0px;
					top:0px;
					*/
				}


				.page_top_search
				{
					width:222px;
					height:24px;  
					float:left;
					clear:;
					margin:;
				    background-image:url(images/bg_search);
					background-repeat:no-repeat;
					background-position:left;
					margin-top:;
				}

				.page_top_menu    /* 把 menu 放入 page_top 中，会被下面的body 遮住 */
				{
					height:35px;
                    width:;
					border-left:;
					border-right:;
					clear:both;
					text-align:left;
                                     /*  !!! 注意：针对IE6，page_top 需要设置text-align:left */
									 /*  不要设置 display:inline;  定义了会使宽度失效  */
									 /*  最好不要用 margin，当 page_top_menu 外没 DIV 时会出问题，page_top_menu 外加个 DIV 也可以 */
					margin:auto; 
					margin-top:;
					left:; 
					top:;
					float:;
									 /*  logo 需要用 absolute 时设置 */
                    /*               
					margin-top:1px;
					#margin-top:0px;
					_margin-top:0px;
                    */
				    background-image:url(images/bg_menu.jpg);
				    background-repeat:repeat-x;
                    background-color:;
					border-bottom:;
					border-top:;
					position:relative;
					z-index:100;                                /* 一定要设置201才行，左侧弹出菜单大，参见 《 测试 - absolute  relative 层叠方式.htm 》*/
				}


    .page_body_bg
	{
       width:911px;
	   margin:auto;
       background-image:url("images/bg_pagebody.jpg");
       background-repeat:repeat-y;
	   background-position:;
	}



    .page_body
	{
       background-image:url("images/bg_pagebody.jpg");
       background-repeat:repeat-y;
       background-position:;
       width:976px;

	   z-index:1;
	   height:;
	   margin:auto;
	   margin-top:5px;
	   margin-bottom:;
	   padding-top:;										/* 用 padding-top 实现，不要在内部的 div 加 margin-top，火狐中有问题 */
       padding-bottom:;
	   background-color:;
	   clear:both;
	   position:relative;										/* z-index 不用设置，让它自动，设置太大会影响产品列表中的弹出图片说明 */
	}
	       /*
		   .page_body{overflow:hidden;}
		   .page_body_left,.page_body_right{padding-bottom:32767px;;margin-bottom:-32767px;} 
           */
   
		   .page_body_left
		   { 
		      float:left;
			  width:314px;
			  background-color:;
			  border-top:;
			  padding-top:;
              background-image:url("images/bg_left.jpg");
			  background-position:right 0px;
              background-repeat:repeat-y;
		   }

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



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

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

	.page_copyright
	{
	   clear:both;
	   color:;
	   margin:auto;
	   margin-bottom:;
	   margin-top:6px;
	   width:986px;
       height:;
	   border-top:;
	   padding-top:;
	   padding-bottom:;
       background-image:url("images/bg_copyright.jpg");
	   background-color:;
       background-repeat:repeat-x;
	   background-position:top;
	}

	.page_bottom
	{
		position:absolute;
		bottom:0px;
		width:904px;
		height:82px;
		z-index:1;
        background-image:url("images/bg_bottom.jpg");
	    background-color:;
        background-repeat:repeat-x;
	    background-position:bottom;
	}


/* 
■   容器层
*/

     .content_sitepath
	 {
	    color:#333333;
		text-indent:25px;
		text-align:left;
		background-color:#dfdfdf;
		height:24px;
		line-height:24px;
	    border-top:1px solid white;
		_height:19px;
		_padding-top:5px;

	 }

		 .content_sitepath span
		 {
		    margin-right:5px;
         }

     .banner_1
	 {
		width:350px;         /*  比flash稍微大5个像素，因为下面的overflow:hidden  */
		margin:;
		height:;
		float:right;
		/*
		position:absolute;
		left:0px;
		top:0px;
		*/
        background-image:url("images/bg_banner1.jpg");
        background-repeat:no-repeat;
		overflow:hidden;
	    /* background-color:blue;margin-top:5px; */
	 }

     .banner_2
	 {
	    clear:both;
		font-size:;
		margin:auto;
		margin-top:;
		margin-bottom:;

        width:;
		height:;
		/*
		position:absolute;
		z-index:10;
		bottom:0px;
		left:0px; /* right:0px  无效 */ 
	    /* background-color:blue;margin-top:5px; */
	 }

     .banner_3
	 {
	    width:520px;
		margin-top:;
		float:left;
		clear:;
	    overflow:hidden;
	    /* background-color:blue;margin-top:5px; */
	 }
		
     .banner_4
	 {
	    width:;
		clear:both;
	    overflow:hidden;
	    /* background-color:blue;margin-top:5px; */
	 }

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

	.content_a,.content_d,.content_g 
	{
		width:647px;
	    clear:both;
	    /* background-color:blue;margin-top:5px; */
	}

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

	.content_c,.content_f                     
	{
		width:182px;
		float:right;
	    /* background-color:blue;margin-top:5px; */
	}
    /**************************************************************************/
	.content_a1,.content_d1,.content_g1
	{
		width:961px;
	    clear:both;
	    /* background-color:blue;margin-top:5px; */
	}

	.content_b1,.content_e1
	{
		width:289px;
		float:left;
	    /* background-color:blue;margin-top:5px; */
	}

	.content_c1,.content_f1                     
	{
		width:662px;
		float:right;
	    /* background-color:blue;margin-top:5px; */
	}


    #z1,#z2,#z3,#z4,#z5,#z6
	{
	    /* 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
	{
	    margin:auto;
		width:;
		margin-top:;
		clear:both;
	    /* background-color:blue;margin-top:5px; */
	}

	.content_j
	{
	    margin:auto;
		width:;
		margin-top:;
		clear:both;
	    /* 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>
*/
    .div_menu1         /* shengjian */
	{
	    width:;
		float:;
		left:10px;
		top:;
		height:;
		margin-left:;
		margin-right:;
		position:relative;
		z-index:100;
		/* overflow-x:hidden;*/  /* 弹不出二级菜单 */
	}

    .div_menu2
	{
		position:relative;
		text-align:left;   
		margin-left:;
		margin-right:;
		left:0px;
	}


			.div_menu2 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;
		z-index:1000;
    }

	.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:33px;
		line-height:33px;
		display:block;
		overflow:hidden;

        color:white !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:;
		background-color:;
		background-image:url(images/bg_menuitem.jpg);
        background-repeat:no-repeat;
        background-position:left 0px !important;   /* ie6,需要加 !important */
	}

	.menu a:hover.menuitem                                            /* ie6,需要加 .menu 前缀 */ 
	{
		width:;
		height:33px;
		line-height:33px;
		display:block;
		overflow:hidden;

        color:#ff9a5f !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:;
		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:33px;
		line-height:33px;
		display:block;
		overflow:hidden;

        color:#ff9a5f !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:;
		background-color:;
		background-image:url(images/bg_menuitem.jpg);
        background-repeat:no-repeat;
        background-position:left 0px !important;   /* ie6,需要加 !important */
	}


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

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

		.searchcss  td         
		{
		   vertical-align:top;
		}


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

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


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

	.searchbuttoncss input
	{
	   border:none;
	   width:32px;
	   height:25px;
	   visibility:hidden;
	}