/***************** Reset CSS  ********************/
body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6, pre, code,
form, fieldset, legend, input, button,
textarea, p, blockquote, th, td {margin: 0;padding: 0;}
fieldset, img {border: 0;}
:focus {outline: 0;}
address, caption, cite, code, dfn,em, th, var, optgroup {font-style: normal;font-weight: normal;}
h1, h2, h3, h4, h5, h6{font-size: 100%; font-weight: normal;}
strong{font-size: 100%;}
abbr, acronym {border: 0;font-variant: normal;}
input, button, textarea,
select, optgroup, option {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
}
code, kbd, samp, tt {font-size: 100%;}
input, button, textarea, select {*font-size: 100%;}
body {line-height: 1.5;}
ol, ul {list-style: none;}
table {border-collapse: collapse;border-spacing: 0;}
caption, th {text-align: left;}
sup, sub {font-size: 100%;vertical-align: baseline;}
:link, :visited , ins {text-decoration: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
.fn-clear:after{
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0;
}
body .fn-hide {display:none;}
.fn-left,.fn-right {display:inline;}
.fn-left {float:left;}
.fn-right {float:right;}

/***************** CSS Style ********************/

body{  
	color: #666;
	font-family: "Microsoft Yahei";
	background-color: #fff;
}
a{color: #333; text-decoration: none;}
a:hover{color: #a74d00;text-decoration: none;}
a:active{color: #a74d00;}
a:visited{color: #666;}

#wrapper{width: 100%;background-color: #fff;}

#header{
	width: 100%;   
	height: 64px;
	clear: both;
	overflow: hidden;
}
	#logo{float: left; padding: 10px;}
	#logo,
	#logo img{
		display: block;
		width: 135px;
		height: 44px;   
	}
	#header .fn-right{
		float: right;
	}
	
	#search{
	    float: right;
	    height: 44px;
	    margin: 9px 6px 0 0;
	    overflow: hidden;
	    width: 160px;
		 border: 1px solid #ccc;
		 background-color: #f5f5f5;
		 box-shadow: 0 3px 0 rgba(0,0,0,0.02) inset;
	}
	.search-input{
	    background: none repeat scroll 0 center transparent;
	    border: 0 none;
	    color: #333;
	    float: left;
	    font-family: "Microsoft Yahei";
	    font-size: 16px;
	    height: 44px;
	    line-height: 44px;
	    overflow: hidden;
	    padding-left: 5px;
	    width: 110px;
	}
	.search-input:focus {color: #333;}
	.search-button{
	    background: url(../images/search.png) center center no-repeat;
	    border: 0 none;
	    cursor: pointer;
	    float: right;
	    height: 44px;
	    width: 44px;
	}
	.home-page #search{
		width: 220px;
	}

#nav{
	overflow: hidden;
	background-color: #b1640f;	
}
	#nav li{
		width: 25%;
		line-height: 40px;
		float: left;
		height: 40px;
		overflow: hidden;
		margin-right: -1px;
		border-right: 1px solid #cb781c;
	}
	#nav li.last{
		border-right: 0 none;
	}
		#nav a{
			display: block;
			height: 40px;
			width: 100%;
			overflow: hidden;
			color: #fff;
			font-size: 18px;
			text-align: center;
		}
		#nav li a:hover,
		#nav li a:visited{
			color: #fff;
			background-color: #a74d00;
		}
	
.ui-title{
	width: 100%;
	overflow: hidden;
}	
	
.ui-title,
.ui-cnt-line{
	border-top: 1px solid #a74d00;
}		
.ui-tab{
	overflow: hidden;
	background-color: #e5e5e5;	
}
	.ui-tab li,
	.ui-tab h3,
	.ui-tab h2{
		width: 25%;
		line-height: 40px;
		float: left;
		height: 40px;
		margin-right: -1px;
		border-right: 1px solid #ccc;		
		border-bottom: 1px solid #ccc;
	}
	.ui-tab li.last{
		border-right: 0 none;
	}
	#hot-new .ui-tab li{
		width: 33.3%;
	}	
	.ui-tab h3,
	.ui-tab h2{
		border: 0 none;
		color: #333;
		font-weight: 700;
		font-size: 18px;
	}
	.ui-tab h2{
		width: auto;
		text-align: left;
		padding-left: 20px;
	}
		.ui-tab li a,
		.ui-tab h3 a{
			display: block;
			height: 40px;
			width: 100%;
			overflow: hidden;
			color: #333;
			font-size: 18px;
			text-align: center;
		}
		.ui-tab li a:hover,
		.ui-tab a:visited,
		.ui-tab h3 a:hover,
		.ui-tab h3 a:visited{
			color: #000;
			background-color: #ccc;
		}	
		.ui-tab li.current a{
			position: relative;
			height: 41px;
			font-weight: bold;
			color: #a74d00;
			font-size: 20px;
			background-color: #fff;
		}	
		.ui-tab .more{
			display: block;
			height: 40px;
			line-height: 38px;
			padding: 0 10px;
			float: right;
		}
		.ui-tab .more:hover{
			color: #a74d00;
		}
	
.ui-cnt{}		
.ui-list{}
.ui-list li{
	width: 100%;
	overflow: hidden;
	height: 45px;
	border-bottom: 1px solid #eee; 	 
}
	.ui-list li i{
		display: block;
		width: 35px;
		height: 19px;
		overflow: hidden;
		float: right;
		margin-top: 12px;
		background: url(../images/arrow2.png) center center no-repeat;
	}
	.ui-list li a,
	.ui-list li a:hover,
	.ui-list li a:visited{
		display: block;
		color: #333;
		line-height: 45px;
		font-size: 18px;
		text-indent: 10px;
	}
	.ui-list li a:hover{
		color: #a74d00;
		background-color: #f5f5f5;
	}


#footer {
	padding: 10px 0;
	color: #333;
	text-align: center;
	background-color: #ccc;
}

#gotop{
	float: left;
	width: 70px;
	height: 64px;
	overflow: hidden;
	border-right: 1px solid #ddd;
}
#gotop a{
    background: url(../images/arrow8e29.png?25) no-repeat scroll 23px center transparent;
    display: block;
    height: 64px;
    overflow: hidden;
    width: 70px;
}
#gotop a:hover{
	background-color: #eee;
}
.title{
	color: #333;
	float: left;
	font-size: 24px;
	height: 64px;	
	line-height: 64px;
	max-width: 220px;
	overflow: hidden;
	padding-left: 20px;
}
		
/* installtip */
#installtip{
	height: 36px;
	font-size: 18px;
	line-height: 36px;
	overflow: hidden;
	color: #333;
	font-weight: normal;
	clear: both;
	padding: 20px;
	background: #edf5fa;	
}		
	#installtip #tip{
		height: 36px;
		float: left;
		padding-left: 45px;
		background: url(../images/bdhd2.html) 0 0 no-repeat;
	}
	#installtip #downbt{
		height: 36px;
		font-size: 16px;
		font-weight: 700;
		float: right;
		padding: 0 20px;
	}
		
.ui-pages {
	 padding: 10px 0;
    text-align: center;
	 background-color: #eee;
}
.ui-pages a, 
.ui-pages span{
	color: #333;
	display: inline-block;
	height: 38px;
	line-height: 38px;
	overflow: hidden;
	text-align: center;
	padding: 0 15px;
	text-decoration: none;
	vertical-align: middle;
	background-color: #ddd;
}
.ui-pages span.current, 
.ui-pages a:hover {	
    color: #333;
	 background-color: #ccc;
}
.ui-detail {
    overflow: hidden;
    padding: 10px 10px 0;
	 border-top: 2px solid #a74d00;
}
.ui-detail .ui-img {
    float: left;
    margin-right: 15px;
	 height1: 128px;
    width1: 96px;
	 overflow: hidden;	 
}
.ui-detail .ui-img img {
    height1: 128px;
    width1: 96px;
}
.ui-detail .ui-text {
    color: #666;
    float: left;
    font-size: 16px;
    line-height: 24px;
    width1: 290px;
        width: 100%;
}
.ui-detail .ui-text p {
    overflow: hidden;
}
.ui-detail .ui-text .back-home {
    font-size: 16px;
    font-weight: 700;
    margin: 5px 0 0;
}
.ui-detail .ui-text .back-home a {
    color: #FFFFFF;
}

.ui-detail-info {
    padding: 10px;
	 margin-top: 10px;
	 background-color: #f5f5f5;
}
.ui-detail-info h3{ color: #333; font-weight: 700;}
.detail-list{
    overflow: hidden;
    padding: 12px 0;
    text-align: center;
}
.detail-list a{
    background-color: #ddd;
    border: 1px solid #ccc;
    color: #333;
    display: inline-block;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    margin: 2px 0;
    overflow: hidden;
    text-align: center;
    width: 125px;
}
.detail-list a:visited {
    background-color: #ddd;
    border-color: #0066CC;
    position: relative;
    text-decoration: none;
}

/* topic-search */
.topic-search{
	text-align: center;
}
	.search-baidu{
		margin: 0 20px;
		padding-top: 20px;
	}
	.topic-search .baidu-input{
		float: left;
		width: 78%;
	}
	.topic-search .search-keys{
		width: 100%;
		height: 45px;
		line-height: 45px;
		font-size: 18px;
		text-indent: 10px;
		margin: 0 auto;
		clear: both;
		border: 1px solid #ccc;
		border-radius: 10px;
	}
	.button-keys{
		width: 20%;
		float: right;
		text-align: center;
		overflow: hidden;
		height: 47px;
		font-size: 24px;
	}
	
	.baidu-checkbox{
		text-align: left;
		font-size: 18px;
		padding: 10px 20px;
	}
	
/* listimg-box*/
.listimg-box{
	padding-bottom: 10px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
.listimg-cnt{
	overflow: hidden;
	padding-bottom: 20px;
}
.ui-list-img{
    margin-top: 2px;
    padding: 0 0 0 8px;
}
.ui-list-img li{
	float: left;
	overflow: hidden;
	padding: 15px 10px 5px 10px;
	text-align: center;
	width: 116px;
}
.ui-list-img .ui-listbox{
	border: 1px solid #ddd;
	width: 114px;
	height: 158px;
	overflow: hidden;
	padding-top: 8px;
	border-radius: 2px;
	box-shadow: 0 1px 5px rgba(0,0,0,0.05);
}

.ui-list-img li a£¬
.ui-list-img li a:hover,
.ui-list-img li a:visited{
    color: #333;
	 font-size: 16px;
}
.ui-list-img .ui-pic{
    display: block;
    height: 128px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 96px;
	 margin-bottom: 3px;
}
.ui-list-img .ui-pic img {
    height: 128px;
    width: 96px;
}
.ui-list-img .ui-bg{
    background: none repeat scroll 0 0 #000000;
    bottom: 0;
    display: block;
    height: 16px;
    left: 0;
    opacity: 0.5;
	 filter:alpha(opacity=50);  
    position: absolute;
    width: 96px;
}
.ui-list-img .ui-type{
    bottom: 0;
    color: #FFFFFF;
    font-size: 12px;
    height: 16px;
    left: 6px;
    line-height: 16px;
    overflow: hidden;
    position: absolute;
}
.ui-list-img p{
    font-size: 14px;
    height: 24px;
    line-height: 24px;
    margin: 0 auto;
    overflow: hidden;
    width: 100px;
}