﻿/** 
	@���: ui.web.page
	@����: �����Ż���վҳ�沼����ʽ
	@����: ��¡
	@����ס��������Ż���վ��Ŀ
*/

body{
	background:url(bg_body.jpg) top repeat-x #3FAAE4;
	background-position:0 26px;
}

img{
	border:0;
}
A{
	color:#333;
}
A:hover{
	color:#f00;
}

/**
 * ͷ��
 */
.top{
	width:100%;
	margin:0 auto;
	height:26px;
	clear:both;
	background:url(bg_page_frame.png) repeat-x;
}
.topContent{
	width:980px;
	margin:0 auto;
	line-height:26px;
}
.topContent span{
	padding:0 10px;
}
.topContent b{
	color:#f00;
}
.topContent a{
	padding:0 5px;
}
.head{
	width:980px;
	height:110px;
	margin:0 auto;
}
.logo{
	width:400px;
	float:left;
	height:110px;
	background:url(logo.jpg) no-repeat;
}
.nav{
	float:right;
	width:580px;
	height:72px;
	padding-top:38px;
	background:none;
	position:relative;
}
.nav ul{
	height:72px;
}
.nav li{
	float:left;
}
.nav li a.topNode{
	display:block;
	float:left;
	color:#fff;
	font-size:15px;	
	/*font-family:"simHei";*/
	height:36px;
	line-height:34px;
	width:90px;
	text-align:center;
	margin:0 1px;
	font-weight:bold;
}
.nav li a.topNode:hover, .nav li a.current{
	color:#0C3E78;
	background:url(bg_frame_nav_current.gif) no-repeat;	
	text-decoration:none;
}
.nav li ul{
	display:none;
	position:absolute;
	margin-top:40px;	
}
.nav li ul.panel1{
	left:80px;
	_width:420px;
}
.nav li ul.panel2{
	left:160px;
	_width:340px;
}
.nav li ul.panel3{
	left:240px;
	_width:260px;
}
.nav li ul.panel4{
	left:360px;
	_width:180px;
}
.nav li ul.panel5{
	right:0;
	_width:580px;
}
.nav li ul li{
	color:#CED7E3;
	height:18px;
	line-height:18px;
	_height:16px;
	_line-height:16px;
}
.nav li ul li a{
	display:block;
	float:left;
	height:18px;
	line-height:18px;
	color:#fff;
	margin:0 2px;
	_margin:0 1px;
}
.nav li ul li a:hover{
	color:#CED7E3;
	text-decoration:underline;
}
.headBar{
	margin:0 auto;
	width:980px;
	height:41px;
	background:url(bg_page_frame.png) repeat-x 0 -40px;
	position:relative;
	color:#fff;
}
.headBar span{
	position:absolute;
	z-index:8;
	display:block;
	height:41px;
	top:0;
	background:url(frame_topBar.png) no-repeat;
}
.headBar span.l{
	width:230px;
	left:0;
	background-position:-10px 0;
}
.headBar span.r{
	width:10px;
	right:0;
	background-position:-240px 0;
}
.headBar .headText{
	position:relative;
	z-index:9;
	padding-left:20px;
}
.headBar .headText li{
	line-height:40px;
}
.headBar .headSearch{
	margin-right:10px;
	margin-top:10px;
	_margin-top:8px;/* for IE6 */
}
.headBar .headSearch li{	
	float:left;
}
.headBar .headSearch li.btn{
	_margin-top:2px;/* for IE6 */
}
.headBar .headSearch label{
	padding:0;
	margin:0;
}
.headBar .headSearch input{
	background:url(../images/smallsearch.gif) no-repeat #fff 5px 5px;
	padding:0;
	margin:0;
	border:1px #062D7D solid;
	height:20px;
	line-height:20px;
	vertical-align:middle;
	width:150px;
	padding-left:20px;
}
.headBar .headSearch button{
	margin-left:-1px;
	border:1px #062D7D solid;
	height:22px;
	width:50px;
	text-align:center;
	background:url(bg_page_frame.png) repeat-x 0 -90px;
	color:#fff;
	cursor:pointer;
}
.banner{
	width:980px;
	margin:0 auto;
	clear:both;	
	background:#fff;
	height:150px;
	overflow:hidden;
}

/**
 * ���
 */
.frame{
	width:980px;
	margin:0 auto;
	clear:both;	
	background:#fff;
	padding:10px 0;
}
.frameInner{
	width:960px;
	margin:0 auto;
	clear:both;	
}
.frameMain{
	width:960px;
	margin:0 auto;
	clear:both;	
	margin-bottom:10px;
}
.frameLeft{
	width:250px;
	float:left;
	margin-bottom:10px;
}
.frameRight{
	width:250px;
	float:right;
	margin-bottom:10px;
}
.frameMiddle{
	width:440px;
	float:left;
	margin-left:10px;
	margin-bottom:10px;
}

/**
 * �ײ�
 */
.topicIndexTit{
	clear:both;	
	height:24px;
	background:url(bg_page_frame.png) repeat-x 0 -120px;
	text-align:center;
	line-height:24px;
	margin-bottom:2px;
}
.topicIndexTit li.tit{
	font-weight:bold;
	color:#fff;
	font-size:14px;
}
.topicIndexList{
	margin-bottom:10px;
	clear:both;
	height:66px;
	border:1px #d6d6d6 solid;
	padding:12px 20px;
}
.topicIndexList img{
	border:1px #000 solid;
	width:200px;
	height:60px;
	margin:0 2px;
}
.topicIndexList div{
	overflow:hidden;
	height:62px;
	width:915px;
}
.friendlink{
	height:58px;
	border:1px #d6d6d6 solid;
	background:url(bg_frame_friendlink.gif) no-repeat -1px -1px;
	
}
.friendlink ul{
	margin:10px 10px 10px 130px;
}
.friendlink li{
	padding:0;
	float:left;
	width:100px;
	overflow:hidden;
	height:20px;
	line-height:20px;
}
.footer{
	text-align:center;
	clear:both;
	width:980px;
	margin:0 auto;
	height:100px;
	background:url(frame_footer.png) no-repeat;
	padding-top:30px;
	color:#fff;
}
.footer li{
	height:20px;
	line-height:20px;
}
.footer span{
	padding:0 10px;
}

/**
 * ���ݿ��
 */
.itemFrameStyle1Tit{
	border:1px #d6d6d6 solid;
	height:30px;
	background:url(bg_page_frame.png) repeat-x 0 -180px;
}
.itemFrameStyle1Tit li{
	float:left;
	line-height:30px;
}
.itemFrameStyle1Tit li.tit{	
	padding-left:15px;
	font-size:14px;
	font-weight:bold;
	background:url(titBar_1.png) no-repeat 7px 7px;
}
.itemFrameStyle1Tit li.more{
	float:right;
	padding-right:10px;
}
.itemFrameStyle1List{
	border:1px #d6d6d6 solid;
	border-top:0;
	margin-bottom:10px;
	padding:10px;
}

.itemFrameStyle2Tit{
	height:32px;
	background:url(bg_frame_tit_2.png) no-repeat;
	position:relative;
}
.itemFrameStyle2Tit li.tit{	
	line-height:30px;
	padding-left:30px;
	font-size:14px;
	font-weight:bold;
}
.itemFrameStyle2Tit a.more{
	position:absolute;
	right:10px;
	top:12px;
	height:16px;
	line-height:16px;
	display:block;
}
.itemFrameStyle2List{
	border:1px #d6d6d6 solid;
	border-top:0;
	padding:10px;
}
.itemFrameStyle2ListNoPadding{
	padding:0;
}
.itemFrameStyle3{
	border:1px #d6d6d6 solid;
	background:#f9f9f9;
	padding:5px;
}
.itemFrameStyle3Tit{
	height:24px;
}
.itemFrameStyle3Tit li{
	float:left;
	line-height:20px;
}
.itemFrameStyle3Tit li.tit{
	padding-left:10px;
	font-size:14px;
	font-weight:bold;
	background:url(titBar_1.png) no-repeat 2px 2px;
}
.itemFrameStyle3Tit li.more{
	float:right;
	padding-right:10px;
}
.itemFrameStyle3Inner{
	border:1px #d6d6d6 solid;
	background:#fff;
	padding:3px;
}
.itemFrameConvenience{
	border:1px #E2E4E1 solid;
	border-top:0;
	background:#f9f9f9;
	padding-bottom:10px;
	text-align:center;
	margin-top:-2px;
	margin-bottom:10px;
}
.itemFrameStyle4Tit{
	position:relative;
	z-index:7;
	border:1px #d6d6d6 solid;
	border-bottom:1px #3E92E9 solid;
	border-left:0;
	clear:both;
	height:25px;
	background:url(bg_page_frame.png) repeat-x 0 -224px;
}
.itemFrameStyle4Tit span{
	position:absolute;
	z-index:8;
	width:170px;
	top:-1px;
	left:0;
	height:26px;
	_height:27px;
	background:url(bg_frame_tit_4.png) no-repeat;
}
.itemFrameStyle4Tit li{
	position:relative;
	z-index:9;
	float:left;
	line-height:26px;
}
.itemFrameStyle4Tit li.tit{
	width:170px;
	padding-left:30px;
	font-size:14px;
	font-weight:bold;
	color:#fff;
}
.itemFrameStyle4Tit li.tit a{
	color:#fff;
}
.itemFrameStyle5Tit li.tit a{
	color:#fff;
}
.itemFrameStyle4Tit li.more{
	float:right;
	padding-right:10px;
}
.itemFrameStyle4TitSub{
	clear:both;
	height:23px;
	background:url(bg_page_frame.png) repeat-x 0 -250px;
	border:1px #d6d6d6 solid;
	border-top:0;
	border-bottom:0;
}
.itemFrameStyle4TitSub li{
	float:left;
}
.itemFrameStyle4TitSub li a{
	display:block;
	height:23px;
	line-height:22px;
	width:100px;
	text-align:center;
}
.itemFrameStyle4TitSub li a:hover{
	text-decoration:none;
	color:#000;
}
.itemFrameStyle4TitSub li a.current{
	background:url(bg_page_frame.png) repeat-x 0 -273px;
	font-weight:bold;
}	
.itemFrameStyle4List{
	padding:5px 10px;
}
.itemFrameStyleHotList{
	background:url(../images/bg_frame_list_index_hot.gif) no-repeat 0 -1px;
}
.itemFrameStyle5Tit{
	clear:both;
	height:31px;
	border:1px #d6d6d6 solid;
	border-bottom:0;
	background:url(bg_page_frame.png) repeat-x 0 -310px;
	position:relative;
}
.itemFrameStyle5Tit span{
	position:absolute;
	z-index:8;
	width:140px;
	height:140px;
	top:-1px;
	left:-5px;
	background:url(bg_frame_tit_5.gif) no-repeat;
}
.itemFrameStyle5Tit li{
	position:relative;
	z-index:9;
	float:left;
	line-height:30px;
}
.itemFrameStyle5Tit li.tit{
	width:170px;
	padding-left:30px;
	font-size:14px;
	font-weight:bold;
	color:#fff;
}
.itemFrameStyle5Tit li.more{
	float:right;
	padding-right:10px;
}
.itemFrameListFixed1{
	height:197px;
	overflow:hidden;
}
.itemFrameListFixed2{
	height:180px;
	overflow:hidden;
}
.itemFrameListFixed3{
	height:175px;
	overflow:hidden;
}

/**
 * ���ݿ�
 */
.itemListGuide{
	padding-left:5px;
	clear:both;
}
.itemListGuide li.topLi{
	position:relative;
	z-index:999;
	height:34px;
	margin:5px 0;
	display:block;	
}
.itemListGuide li a.topMenu{
	display:block;	
	line-height:28px;
	width:190px;
	padding-left:30px;	
	background:url(bg_itemList_guide_top.png) no-repeat;
}
.itemListGuide li.topLi a.topMenu:hover, .itemListGuide li.topLi a.current{
	background:url(bg_itemList_guide_top.png) no-repeat 0 -30px;
	text-decoration:none;
}
.itemListGuide li ul{
	margin:0;
	display:none;
	position:absolute;
	z-index:999;
	left:219px;
	top:0;
	border:1px #C2DAE0 solid;
	background:#fff;
	width:150px;
	padding:4px 10px;
}
.itemListGuide li ul span{	
	position:absolute;
	display:block;
	top:0;
	left:-1px;
	width:1px;
	height:26px;
	background:#fff;
}
.itemListGuide li ul li{
	margin:0;
	padding:0;
	clear:both;
	display:block;
}
.itemListGuide li ul li a{
	display:block;
	height:22px;
	line-height:22px;
	padding-left:10px;
	margin:0;
	padding:0;
}
.itemListInteraction{
	clear:both;
	height:160px;
	padding:5px 0 8px 3px;
}
.itemListInteraction li{
	float:left;
	width:75px;
	height:75px;
	text-align:center;
	background:url(../images/bg_item_hd_buttonbg.gif) no-repeat;
	margin:3px;
	_margin:2px;
}
.itemListInteraction li a{
	display:block;
	width:75px;
	height:20px;
	padding-top:55px;
	background:url(hdbutton.png) no-repeat;
	_background:url(../images/hdbutton.gif) no-repeat;
}
.itemListInteraction li a.i1{
	background-position:10px 4px;
}
.itemListInteraction li a.i2{
	background-position:-150px 4px;
}
.itemListInteraction li a.i3{
	background-position:-70px 4px;
}
.itemListInteraction li a.i4{
	background-position:10px -78px;
}
.itemListInteraction li a.i5{
	background-position:-68px -76px;
}
.itemListInteraction li a.i6{
	background-position:-150px -76px;
}
.itemFocus{
	position:relative;
}

/**
 * others
 */
#liveChat{
	width:100px;
	height:100px;
}
#liveChat a{
	display:block;
	width:100px;
	height:100px;
	background:url(../images/liveChat.png) no-repeat;
	_background:url(../images/liveChat.gif) no-repeat;
}
#liveChat1{
	width:134px;
	height:97px;
}

.topicIndexTit ul li a{color:#fff}
/*20130806�䵤�޸�start*/
.zxkf-pic{
	display:block;
	width:75px;
	height:75px;
	padding-top:0px;
	background:url(hdbutton.png) no-repeat;
	_background:url(../images/hdbutton.gif) no-repeat;
}
/**
 * ����
 */
.floatingAd{
	height:97px;
	width:199px;
	overflow:hidden;	
	position:absolute;
	display:none;
	z-index:9999999999999999;
	background:url(flyPic.bmp) no-repeat;
	padding-top:10px;
	text-align:center;
}
.floatingAd i{
	position:absolute;
	width:15px;
	height:15px;
	background:url(../images/close.jpg) no-repeat;
	cursor:pointer;
}
.flyTitCss{
	height:20px;
	line-height:20px;
	font-weight:bold;
	color:red;
	margin-top:113px;
	margin-bottom:5px;
}
.fly-tpl-arti-list{clear:both;}
.fly-tpl-arti-list ul.fly-list li{clear:both;line-height:150%;background-position:2px 10px;margin-left:11px;margin-right:14px;}
.fly-tpl-arti-list ul.fly-list li a {color:blue ;}

/*20130806�䵤�޸�end*/

/*20140213��Ҫ���޸�begin*/
.itemFrameStyle4TitSub1{
	clear:both;
	height:23px;
	background:url(bg_page_frame.png) repeat-x 0 -250px;
	border:1px #d6d6d6 solid;
	border-top:0;
	border-bottom:0;
}
.itemFrameStyle4TitSub1 li{
	float:left;
}
.itemFrameStyle4TitSub1 li a{
	display:block;
	height:23px;
	line-height:22px;
	width:80px;
	text-align:center;
}
.itemFrameStyle4TitSub1 li a:hover{
	text-decoration:none;
	color:#000;
}
.itemFrameStyle4TitSub1 li a.current{
	background:url(bg_page_frame.png) repeat-x 0 -273px;
	font-weight:bold;
}