/*-------------------------------------------------------------------------------------------------*//*
默认样式：
	带有些公用参数，如果在一个页面需要调用多次tab切换菜单的话，你可能想要在每次调
	用菜单时有不同的UI界面，请在后面自定义UI代码区自己写新的样式来覆盖这些默认样
	式，一般不要修改默认样式中的公用参数。
-----------------------------------------------------------------------------------------------------*/

/*包含标签按钮的大div样式*/
#tab-head1{width:300px;height:20px;}/*这里设置的宽高不用管，在自定义中覆盖即可*/

/*标签按钮样式*/
.tab-hd h3{		 /*若不想用h3做标签按钮，请修改h3为其他html元素，同时setTab.js和html中也要对应更改*/
overflow:hidden; /*清除浮动让标签按钮正确的包含在父级元素内，需要给每个菜单对应的#tab-head设置宽度或高度才有效，一般情况下本句是必须的*/
cursor:pointer;  /*因为用了h3做标签按钮，所以定义鼠标为：手形*/
}

/*标签按钮鼠标触发的样式*/
.tab-hd h3.hover{background:normal;}/*这里设置的颜色不用管，在自定义中覆盖即可*/

/*-------------------------------------------------------------------------------------------------*//*
自定义样式区：
-----------------------------------------------------------------------------------------------------*/


/*政府信息公开*/

#tab-head1{width:600px;height:26px;line-height:26px;color:#2228A0;}
#tab-head1 a{color:#2228A0;}


#tab-head1 h3{
font-size:12px;
color:#741D00;
width:96px;height:26px;
text-align:center;
float:left;
background:url(../images/home/zfxxgk-tag1.gif) no-repeat;
}

#tab-head1 h3.hover{
font-weight:bold;
color:#fff;
background:url(../images/home/zfxxgk-tag.gif) no-repeat;
}

#tab-body1{
width:600px;height:155px;
overflow:hidden;
}

/*政府性文件、采购招标*/

#tab-head2, #tab-head3{width:299px;height:23px;line-height:23px;}

#tab-head2 h3, #tab-head3 h3{
font-size:12px;
width:80px;height:23px;
text-align:center;
float:left;
background:url(../images/home/zfxwj-tag1.gif) no-repeat;
}

#tab-head2 h3.hover, #tab-head3 h3.hover{
font-weight:bold;
color:#CC0000;
background:url(../images/home/zfxwj-tag.gif) no-repeat;
}

#tab-body2, #tab-body3{
width:299px;height:185px;
overflow:hidden;
}

/*教育天地、文化体育、医疗卫生、人口计生*/
#tab-head4 ,#tab-head5{margin-left:25px;}
#tab-head4 h3, #tab-head5 h3{
text-align:center;
font-size:14px;float:left;font-weight:normal;
width:70px;
}

#tab-head4 h3.hover, #tab-head5 h3.hover{
font-weight:bold;
color:#CC0000;
}

#tab-body4, #tab-body5{
width:190px;height:169px;
overflow:hidden;
}


/*
政府信息频道：
1.政府性文件、规范性文件、政策解读
2.政府采购、招标信息、中标公告
*/
#tab-head6{width:374px;height:27px;line-height:27px;background:url(../images/zfxx/title5.gif) repeat-x;}

#tab-head6 h3,#tab-head7 h3{
font-size:12px;
width:70px;height:27px;
text-align:center;
float:left;
border-left:1px solid #DDC18E;border-right:1px solid #DDC18E;
background:url(../images/zfxx/tab1a.gif) repeat-x;
margin:0 0 0 5px;
color:#000;
font-weight:normal;
}

#tab-head6 h3.hover,#tab-head7 h3.hover{
font-weight:bold;
color:#441600;
background:url(../images/zfxx/tab1.gif) repeat-x;
}

#tab-body6,#tab-body7{
width:400px;height:159px;
overflow:hidden;
}

/*政府信息频道：法律法规*/
#tab-head8,#tab-head7{width:315px;height:27px;line-height:27px;background:url(../images/zfxx/title5.gif) repeat-x;}

#tab-head8 h3{
font-size:12px;
width:68px;height:27px;
text-align:center;
float:left;
border-left:1px solid #DDC18E;border-right:1px solid #DDC18E;
background:url(../images/zfxx/tab1a.gif) repeat-x;
margin:0 0 0 5px;
color:#000;
font-weight:normal;
}

#tab-head8 h3.hover{
font-weight:bold;
color:#441600;
background:url(../images/zfxx/tab1.gif) repeat-x;
}

#tab-body8{
width:400px;height:159px;
overflow:hidden;
}

/*政府信息频道：服务导航*/
#tab-head9{width:32px;height:235px;position:relative;top:1px;}

#tab-head9 h3{
font-size:12px;
width:32px;height:47px;line-height:12px;
padding:5px 10px 0 10px;
text-align:center;
background:url(../images/zfxx/fwdh-tab.gif) no-repeat 0 0;
color:#000;
font-weight:normal;
}

#tab-head9 h3.hover{
font-weight:bold;
color:#441600;
background:url(../images/zfxx/fwdh-tab.gif) repeat-x 0 -47px;
text-align:center;
}

#tab-body9{
width:146px;height:225px;
margin-left:6px;margin-top:8px;
line-height:24px;
overflow:hidden;
}
#tab-body9 *{
line-height:24px;
}

/*便民服务频道：投资、教育、医疗、文化*/
#tab-head10,#tab-head11,#tab-head12,#tab-head13{
width:430px;height:27px;
}

#tab-head10 h3,#tab-head11 h3,#tab-head12 h3,#tab-head13 h3{
float:left;
font-size:12px;
width:71px;height:27px;line-height:27px;
margin:0 4px 0 0;
text-align:center;
background:url(../images/bmff/tab1.gif) no-repeat left;
color:#000;
font-weight:normal;
}

#tab-head10 h3.hover,#tab-head11 h3.hover,#tab-head12 h3.hover,#tab-head13 h3.hover{
font-weight:bold;
color:#441600;
background:url(../images/bmff/tab1.gif) no-repeat right;
text-align:center;
}

#tab-body10,#tab-body11,#tab-body12,#tab-body13{
width:420px;height:159px;
overflow:hidden;
}

/*便民服务频道：长寿旅游、餐饮住宿*/
#tab-head14,#tab-head15{
width:115px;height:20px;
padding-left:25px;
}

#tab-head14 h3,#tab-head15 h3{
float:left;
font-size:12px;
width:33px;height:18px;line-height:18px;
margin:0 8px 0 0;
text-align:center;
background:url(../images/bmff/tab2.gif) no-repeat left;
color:#D4873E;
font-weight:normal;
}

#tab-head14 h3.hover,#tab-head15 h3.hover{
font-weight:bold;
color:#D4873E;
background:url(../images/bmff/tab2.gif) no-repeat right;
text-align:center;
}

#tab-body14{
width:180px;height:180px;
overflow:hidden;
}

#tab-body15{
width:180px;height:160px;
overflow:hidden;
}