body, form, ul, li, p, dl, dd, dt ,h,td,th,h3,textarea {
	margin: 0;
	padding: 0;
	font-size: 12px;
}
li,ul{
	list-style: none;
}

TD {
	color: #333333;

}

td.d1 {
	color: #000000;
	VERTICAL-ALIGN: middle;
}
/********超连接定义************/

A.tab {
	font-size: 14px;
	font-weight:bold;
}

A.tab:link {
	COLOR: #f0f0f0; TEXT-DECORATION: none
}
A.tab:visited {
	COLOR: #f0f0f0; TEXT-DECORATION: none
}
A.tab:hover {
	COLOR: #f0f0f0; TEXT-DECORATION: underline
}
A.tab:active {
	COLOR: #f0f0f0; TEXT-DECORATION: none
}

/***#tb_header ——#tb4_header为对触显栏目最外层DIV的id，width的数值根据实际的页面宽度来修改********/
#tb_header {
	WIDTH: 530px; HEIGHT: 25px; BORDER:none; TEXT-ALIGN:center
}
#tb2_header {
	WIDTH: 530px; HEIGHT: 25px; BORDER:none; TEXT-ALIGN:center
}
#tb3_header {
	WIDTH: 530px; HEIGHT: 25px; BORDER:none; TEXT-ALIGN:center
}
#tb4_header {
	WIDTH: 530px; HEIGHT: 25px; BORDER:none; TEXT-ALIGN:center
}

/********  #tb_1 ——#tb4_4 为每个触显区域小栏目DIV的id，#tb_1到#tb_4为一组，即一个触显版块为4个小栏目，如需增加为5个栏目，则可以用#tb_5来表示。 *******/
#tb_1 {
	FLOAT: left; WIDTH: 118px; 
}
#tb_2 {
	FLOAT: left; WIDTH: 118px; 
}
#tb_3 {
	FLOAT: left; WIDTH: 118px; 
}
#tb_4 {
	FLOAT: left; WIDTH: 118px; 
}
/*****以上#tb_1 ——#tb_4 为一组触显栏目，下面的写法以此类推。************/
#tb2_1 {
	FLOAT: left; WIDTH: 118px; 
}
#tb2_2 {
	FLOAT: left; WIDTH: 118px; 
}
#tb2_3 {
	FLOAT: left; WIDTH: 118px; 
}
#tb2_4 {
	FLOAT: left; WIDTH: 118px; 
}

#tb3_1 {
	FLOAT: left; WIDTH: 118px; 
}
#tb3_2 {
	FLOAT: left; WIDTH: 118px; 
}
#tb3_3 {
	FLOAT: left; WIDTH: 118px; 
}
#tb3_4 {
	FLOAT: left; WIDTH: 118px; 
}

#tb4_1 {
	FLOAT: left; WIDTH: 118px; 
}
#tb4_2 {
	FLOAT: left; WIDTH: 118px; 
}
#tb4_3 {
	FLOAT: left; WIDTH: 118px; 
}
#tb4_4 {
	FLOAT: left; WIDTH: 118px; 
}

/********以下为每个触显栏目对应的鼠标指向后显示内容DIV的id，#tb_1_content —— #tb_4_content 为一组，共提供了4组。*********/
#tb_1_content {
	BORDER:none; WIDTH: 530px;HEIGHT: 204px
}
#tb_2_content {
	BORDER:none; WIDTH: 530px;HEIGHT: 204px
}
#tb_3_content {
	BORDER:none; WIDTH: 530px;HEIGHT: 204px
}
#tb_4_content {
	BORDER:none; WIDTH: 530px;HEIGHT: 204px
}

#tb2_1_content {
	BORDER:none; WIDTH: 530px;HEIGHT: 224px
}
#tb2_2_content {
	BORDER:none; WIDTH: 530px;HEIGHT: 224px
}

#tb2_3_content {
	BORDER:none; WIDTH: 530px;HEIGHT: 224px
}

#tb2_4_content {
	BORDER:none; WIDTH: 530px;HEIGHT: 224px
}


#tb3_1_content {
	BORDER:none; WIDTH: 530px;HEIGHT: 204px
}

#tb3_2_content {
	BORDER:none; WIDTH: 530px;HEIGHT: 204px
}
#tb3_3_content {
	BORDER:none; WIDTH: 530px;HEIGHT: 204px
}

#tb3_4_content {
	BORDER:none; WIDTH: 530px;HEIGHT: 204px
}


#tb4_1_content {
	BORDER:none; WIDTH: 530px;HEIGHT: 204px
}
#tb4_2_content {
	BORDER:none; WIDTH: 530px;HEIGHT: 204px
}

#tb4_3_content {
	BORDER:none; WIDTH: 530px;HEIGHT: 204px
}
#tb4_4_content {
	BORDER:none; WIDTH: 530px;HEIGHT: 204px
}

/********下面的内容为鼠标指向每个栏目时，体现触显效果的背景图片，.tabheader_tb_1 —— .tabheader_tb_4为一组，共为四组。这些图片在我提供的附件中已经将psd原图打包一起上传，可以自己进行修改。*******/

.tabheader_tb_1 {
	BACKGROUND-IMAGE: url(a_1.jpg)
}
.tabheader_tb_2 {
	BACKGROUND-IMAGE: url(b_1.jpg)
}
.tabheader_tb_3 {
	BACKGROUND-IMAGE: url(c_1.jpg)
}
.tabheader_tb_4 {
	BACKGROUND-IMAGE: url(d_1.jpg)
}

.tabheader_tb2_1 {
	BACKGROUND-IMAGE: url(a_1.jpg)
}
.tabheader_tb2_2 {
	BACKGROUND-IMAGE: url(b_1.jpg)
}
.tabheader_tb2_3 {
	BACKGROUND-IMAGE: url(c_1.jpg)
}
.tabheader_tb2_4 {
	BACKGROUND-IMAGE: url(d_1.jpg)
}
.tabheader_tb3_1 {
	BACKGROUND-IMAGE: url(a_1.jpg)
}
.tabheader_tb3_2 {
	BACKGROUND-IMAGE: url(b_1.jpg)
}
.tabheader_tb3_3 {
	BACKGROUND-IMAGE: url(c_1.jpg)
}
.tabheader_tb3_4 {
	BACKGROUND-IMAGE: url(d_1.jpg)
}
.tabheader_tb4_1 {
	BACKGROUND-IMAGE: url(a_1.jpg)
}
.tabheader_tb4_2 {
	BACKGROUND-IMAGE: url(b_1.jpg)
}
.tabheader_tb4_3 {
	BACKGROUND-IMAGE: url(c_1.jpg)
}
.tabheader_tb4_4 {
	BACKGROUND-IMAGE: url(d_1.jpg)
}

/******* .non为隐藏div显示效果。*********/
.non {
	DISPLAY: none;

        
}

/*******标签DIV的内容中的上右下左的距离*************/
.tabcontent {
    padding:0px 5px 5px 5px;
}