@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-image:url("images/bg_page.jpg");
	    background-repeat:repeat-x;
	    background-position:top;
		height:100%;
        background-color:#fffef3 !important;
	} 
   


.pagecontainer
{
}




.page_bg
{
        width:1000px;
		margin:auto;
		padding-top:;
	    background-image:url("images/bg_page.jpg");
	    background-repeat:repeat-x;
	    background-position:top;
        background-color:#ebf0d2;
}

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

*/


.page
{
        width:1000px;
        background-image:url("");
        background-repeat:no-repeat;
		background-position:top;
        background-color:#ebf0d2;
		border:;
	    margin:auto;
		margin-top:;
		margin-bottom:;
        _text-align:center;
   /* overflow:auto; */
}

	.page_top
	{
        width:1000px;
		height:73px;
		margin:auto;
		margin-top:;
		border-bottom:;
		padding-top:;
		clear:both;
		background-color:;
		background-image:url("images/bg_top.jpg");
	    background-repeat:repeat-x;
		background-position:;
		border-bottom:;
		position:relative;
		text-align:left;
	}

				.page_top_logo 
				{
					width:463px;
					height:73px;
					float:left;
					font-size:0px;   /* 清除一个像素空白 */
					/*
					z-index:10;
					position:absolute;
					left:0px;
					top:0px;
					*/
				}


				.page_top_search
				{
					width:275px;
					height:20px;  
					float:right;
					clear:;
					margin:;
				    background-image:url(images/bg_search);
					margin-top:;
				}

				.page_top_menu    /* 把 menu 放入 page_top 中，会被下面的body 遮住 */
				{
					height:41px;  
                    width:1000px;
					float:;
					clear:both;
					text-align:left;
                                     /*  !!! 注意：针对IE6，page_top 需要设置text-align:left */
									 /*  不要设置 display:inline;  定义了会使宽度失效  */
									 /*  最好不要用 margin，当 page_top_menu 外没 DIV 时会出问题，page_top_menu 外加个 DIV 也可以 */
					margin:auto; 
					left:; 
					top:;
									 /*  logo 需要用 absolute 时设置 */
                    /*               
					margin-top:1px;
					#margin-top:0px;
					_margin-top:0px;
                    */
				    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:;
	   margin:auto;
       background-image:url("images/bg_body.jpg");
       background-repeat:repeat-x;
	   background-position:top;
	}



    .page_body
	{
       background-image:url("images/bg_pagebottom.jpg");
       background-repeat:no-repeat;
	   background-position:right bottom;
       width:981px;
	   height:;
	   margin:auto;
	   margin-top:10px;
	   padding-top:;										/* 用 padding-top 实现，不要在内部的 div 加 margin-top，火狐中有问题 */
       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:201px;
			  background-color:;
			  border:;
			  padding-top:;
              background-image:url("images/bg_left.jpg");
			  background-position:right 0px;
              background-repeat:repeat-y;
		   }

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



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

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

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


/* 
■   容器层
*/

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

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

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


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

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

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

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



    #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
	{
	    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:;
		top:;
		position:relative;
		overflow-x:hidden;
	}

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


			.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:41px;
		line-height:41px;
		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:;
		padding-right:;
		margin-left:;
		margin-right:55px;

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

        color:yellow !important;;
		font-weight:;
		text-decoration:;
		
		font-size:15px !important; 
		font-family:"Microsoft Yahei",SimHei;

		text-indent:;
		text-align:center;

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

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

        color:yellow !important;;
		font-weight:;
		text-decoration:;
		
		font-size:15px !important; 
		font-family:"Microsoft Yahei",SimHei;

		text-indent:;
		text-align:center;

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

		border-right:;
		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:259PX;     /* 当菜单左右两边需发加圆角时，必须设置 */
	   height:20px;
	   float:left;
	   margin-left:;
	   margin-top:;
	   background-color:green;
	   background-image:url(images/bg_search.jpg);
	   background-repeat:no-repeat;
	   /* background-color:red; */
	}

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

		.searchcss  td         
		{
		   vertical-align:top;
		}


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

	.searchboxcss               /* 输入框 td */
	{
	   padding-right:15px;
	   padding-left:5px
	}
 
    .searchboxcss input
	{
	   margin:0px;
	   margin-top:2px;
	   color:#323232;
	   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:67px;
	   height:20px;
	   visibility:hidden;
	}