/* Global Style */

body,p,ul,ol,li,dl,dt,dd,h2,h3,h4{
	margin: 0;
	padding: 0;
}

body{ 
	font-family: "Microsoft Yahei";
	font-size: 12px;
	color: #333;
	background: #fefefe url(../images/bg.gif) center top repeat-x;
}

ul,li{
	list-style: none;
}

img{
	border: 0;
	vertical-align: bottom;
}

a{
	text-decoration: none;
	color: #333;
}

a:hover{
	text-decoration: underline;
	color: #f50;
}

/* god clear float end */

#hd,
#container,
#footer{
	margin: 0 auto;
	width: 970px;
}

/* hd Style */

#hd{
	position: relative;
	height: 90px;
	margin-bottom: 20px;
}

.index #hd{
	margin-bottom: 0;
}

	#hd .logo{
		width: 180px;
		height: 48px;
		padding-top: 5px;
	}

	#hd .nav{
		position: absolute;
		bottom: 0;
		left: 0;
		width: 970px;
		height: 40px;
		background: #3b93d5;
	}
	
		#hd .nav a.m{
			float: left;
			display: block;
			width: 40px;
			height: 40px;
			text-indent: -10000px;
			background: url(../images/m.png)  13px 13px no-repeat;
		}
		
		#hd .nav a.m:hover{
			background-position: -17px 13px;
		}
	
		#hd .nav ul{
			float: right;
			list-style: none;
		}
		
			#hd .nav ul li{
				float: left;
			}
			
			#hd .nav ul li a{
				display: block;
				width: 96px;
				height: 40px;
				line-height: 40px;
				font-size: 14px;
				color: #fff;
				text-decoration: none;
				text-align: center;
			}
			
			#hd .nav ul li a:hover{
				color: #f0f0f0;
				background: #57a3da; 
			}
			
			#hd .nav ul li a:active{
				background: #2c7cb9
			}
			
			#hd .nav ul li.current a,
			#hd .nav ul li.current a:hover{
				font-weight: bold;
				color: #555;
				background: #fff;
				height: 38px;
				line-height: 38px;
				border-top: 2px solid #3b93d5;
			}
	
	#hd .topnav{
		position: absolute;
		top: 8px;
		right: 0;
		color: #666;
	}
	
		span.rptt{
			padding-right: 10px;
		}
		
		span.vline{
			padding: 0 10px;
			color: #d8d8d8;
		}

/* Containter Style */

#container{
	
}

	/* Banner */
	
	.bn{
		position: relative;
		width: 970px;
		height: 350px;
		background: url(../images/banner_bg.jpg) no-repeat;
	}
	
		.bn a{
			color: #666;
		}
		
		.bn a:hover{
			color: #f50;
		}
		
		.bn a.p-btn{
			display: block;
			position: absolute;
			top: 142px;
			left: 228px;
			width: 75px;
			height: 75px;
			background: url(../images/play-btn.png) center no-repeat;
			overflow: hidden;
			text-indent: -10000px;
			z-index: 1000;
		}
		
		.bn a.p-btn:hover{
			background-position: center top;
		}
		
		.bn a.p-btn:active{
			background-position: center bottom;
		}

		.bn .dl-a{
			position: absolute;
			top: 45px;
			left: 630px;
			line-height: 18px;
			z-index: 1000;
		}
		
		.bn .dl-a a.dlbtn{
			display: block;
			width: 228px;
			height: 66px;
			margin: 10px 0 2px 0;
			text-indent: -10000px;
			background: url(../images/dlbtn.png) 0 0 no-repeat;
		}
		
		.bn .dl-a a.dlbtn:hover{
			background-position: -228px 0;		
		}
		
		.bn .dl-a a.dlbtn:active{
			background-position: -456px 0;
		}
		
		.bn span.pipe{
			color: #a9a9a9;
			padding: 0 10px;
		}
		
		.bn .odl{
			padding-top: 10px;
			text-align: center;
		}
		
	/* Top Content */
	
	.t_c{
		width: 970px;
		line-height: 26px;
		overflow: hidden;
	}
	
	.t_c .btc{
		float: left;
	}
		
		.t_c .tc_intro{
			width: 323px;
		}
		
		.t_c  .tc_teach{
			width: 646px;
		}
		
			.t_c .btc h2{
				font-size: 14px;
				width: 110px;
				height: 28px;
				margin-bottom: 15px;
				line-height: 28px;
				text-align: center;
				color: #fefefe;
				background: url(../images/title-bg.png) no-repeat;
			}
		
			.t_c ul li{
				float: left;
				width: 304px;
				margin: 0 0 3px 0;
				padding: 0 0 2px 15px;
				white-space: nowrap;
				border-left: 4px #ccc solid;
				overflow: hidden;
				text-overflow: ellipsis;
				line-height: 17px;
				*vertical-align: bottom;
			}
			
			.t_c ul li:hover{
				border-left: 4px #f50 solid;
			}
			
	/* Product Introduce */	
		
	.wrapper .pro-intro{
		position: relative;
		margin-bottom: 30px;
	}
	
		.history .wrapper .post h4{
			padding-bottom: 15px;
			font-size: 14px;
			color: #333;
		}
		
		.product .wrapper .post h4{
			font-size: 20px;
		}
		
		.product .wrapper .pro-pic{
			float: left;
			width: 200px;
			height: 200px;
			text-align: left;
		}
		
			.product .wrapper .pro-pic img{
				padding-top: 35px;
			}
		
		.product .wrapper .intro{
			float: left;
			width: 770px;
			padding: 40px 0 0 0;
		}
		
			.product .wrapper .intro .intro-title{
				padding-bottom: 5px;
				font-size: 24px;
				font-weight: normal;
				color: #555;
			}
			
			.product .wrapper .intro .intro-title_en{
				font-size: 16px;
				color: #999;
			}
			
			.pro-intro .dl-button{
				position: absolute;
				top: 40px;
				right: 0;
			}
			
				.pro-intro .dl-button a{
					float: left;
					margin-left: 20px;
					line-height: 40px;
					text-decoration: none;
				}
			
				.pro-intro .dl-button a.dlbtn{
					display: block;
					width: 100px;
					height: 40px;
					color: #fff;
					font-size: 16px;
					text-align: center;
					line-height: 40px;
					background: url(../images/subpro-dlbtn.png) no-repeat;
				}
				
				.pro-intro .dl-button a.dlbtn:hover{
					background-position: -100px 0;
				}
				
				.pro-intro .dl-button a.dlbtn:active{
					background-position: -200px 0;
				}
				
				.product .wrapper .intro p{
					padding-top: 30px;
					line-height: 20px;
				}
			
		.product .wrapper .pro-single{
			clear: both;
			position: relative;
			margin-bottom: 50px;
			padding: 50px 15px;
			font-size: 16px;
			border: 1px #e2e2e2 solid;
			background: #f9f9f9;
		}
		
			.product .wrapper .pro-single ul li{
				margin: 10px 0;
			}
		
		.product .wrapper .sshot{
			text-align: center;
		}
		
			.product .wrapper .pro-single h2{
				position: absolute;
				top: 0px;
				left: 50%;
				font-size: 14px;
				width: 110px;
				height: 28px;
				line-height: 28px;
				margin: -14px 0 0 -55px;
				text-align: center;
				color: #fefefe;
				background: url(../images/title-bg.png) no-repeat;
			}
			
		.wrapper .post{
			
		}
		
		.wrapper .post p{
			margin: 0 0 20px 0;
			line-height: 20px;
		}
		
	/* Side Page */
	
	.l-side,
	.r-post{
		float: left;
	}
	
	.l-side{
		width: 200px;
	}
	
		.l-side ul{
			list-style: none;
			margin-bottom: 15px;
		}
		
			.l-side ul li{

			}
			
			.l-side ul li a{
				display: block;
				width: 200px;
				height: 30px;
				line-height: 30px;
				text-align: center;
				font-size: 14px;
				color: #555;
				background: #f3f3f3;
			}
			
			.l-side ul li a:hover{
				background: #fff;
			}
			
	.r-post{
		width: 755px;
		padding-left: 15px;
	}
		
	/* Current Nav */
		
	.current-nav{
		height: 35px;
		margin-top: 2px;
		border-bottom: 1px #eee solid;
	}
	
		.current-nav .pipe{
			padding: 0 5px;
		}
	
	/* Tools Content */
	
	.tools_inro{
		float: left;
		width: 100%;
		padding-top: 20px;
	}
	
	.tc_unit{
		float: left;
		width: 970px;
		margin-top: 20px;
	}
	
		.tc_unit .rm-pro{
			width: 970px;
			margin-top: 20px;
			overflow: hidden;
		}
		
			.tc_unit .rp-wrap{
				width: 968px;
				padding: 17px 0;
				border: 1px solid #ddd;
				overflow: hidden;
			}
		
			.tc_unit .rm-pro div.rp{
				float: left;
				margin-left: 17px;
			}
	
		.tc_unit .intro-gridtt{
			float: left;
			width: 100%;
		}
	
			.tc_unit .intro-gridtt h2{
				height: 24px;
				padding: 5px 0;
				line-height: 24px;
				font-size: 16px;
				border-bottom: 1px solid #ddd;
				color: #3592d8;
			}
		
		.tc_unit p{
			line-height: 20px;
		}
		
		.tc_unit p.intro{
			padding-bottom: 20px;
		}
		
		.tc_unit ul.tc_mod{
			display: inline-block;
			width: 990px;
			margin-left: -5px;
			padding: 10px 0;
		}
		
			.tc_unit ul.tc_mod li{
				float: left;
				padding: 0 5px;
			}
			
			.tc_unit ul.tc_mod li:hover{
				position: relative;
				z-index: 10000;
			}
			
				.tc_unit ul.tc_mod li.bdr{
					margin-bottom: 10px;
					padding-bottom: 10px;
					border-bottom: 1px dotted #ddd;
				}
			
				.tc_unit ul.tc_mod li .pro-grid{
					position: relative;
					width: 215px;
					padding: 10px;
					line-height: 17px;
					text-decoration: none;
					vertical-align: middle;
				}
				
				.tc_unit ul.tc_mod li.nob .pro-grid{
					border: none;
				}
				
				.tc_unit ul.tc_mod li  p.pg-ttl strong{
					font-size: 16px;
					font-weight: normal;
				}
				
					.tc_unit ul.tc_mod li  p.pg-ttl strong a{
						text-decoration: none;
					}
			
				.tc_unit ul.tc_mod li p.pg-ttl{
					padding: 5px 0 13px 65px;
				}
				
					.tc_unit ul.tc_mod li p.pg-ttl span{
						color: #999;
						font-size: 12px;
					}
				
				.tc_unit ul.tc_mod li .pg-intr{
					display: none;
					position: absolute;
					left: -45px;
					top: 118px;
					width: 300px;
					padding: 10px 15px;
					border: 1px solid #aaa;
					background: #fff;
					z-index: 999999;
				}
				
					.tc_unit ul.tc_mod li p.pg-dld a{
						display: inline-block;
						width: 71px;
						height: 23px;
						text-align: center;
						text-decoration: none;
						background: url(../images/dl-btn.png) no-repeat;
						overflow: hidden;
					}
					
						.tc_unit ul.tc_mod li p.pg-dld a:hover{
							background-position: 0 -23px;
						}
						
						.tc_unit ul.tc_mod li p.pg-dld a:active{
							background-position: 0 -46px;
						}
						
					.tc_unit ul.tc_mod li p.integ a,
					.tc_unit ul.tc_mod li p.integ a:hover,
					.tc_unit ul.tc_mod li p.integ a:active{
						background: url(../images/dl-btn2.png) no-repeat;
					}
					
					.tc_unit ul.tc_mod li p.pg-dld span{
						padding-right: 10px;
					}
					
					.tc_unit ul.tc_mod li p.pg-dld span{
						color: #3b648a;
					}
					
				
				.tc_unit ul.tc_mod li img{
					position: absolute;
					top: 10px;
					left: 10px;
				}
			
			.tc_unit ul.tc_mod li.bg{
				background: #999;
			}
			
/* History Style */

.update_list{
	
}

	.update_list ul{
		list-style: none;
	}

		.update_list ul li{
			float: left;
			width: 465px;
			margin: 2px 0;
			padding: 0 0 2px 16px;
			border-left: 4px #ccc solid;
			overflow: hidden;
			text-overflow: ellipsis;
			line-height: 17px;
			white-space: nowrap;
		}
		
		.update_list ul li.new_up,.new_up{
			width: 970px;
			height: auto;
			margin-bottom: 20px;
			padding: 0 0 10px 0;
			line-height: 22px;
			border: 0;
			border-bottom: 1px solid #ddd;
		}
		
		.new_up h4{
			padding: 20px 0 10px 0;
			font-size: 16px;
		}
		
		.new_up p{
			padding: 10px 0;
		}
		
/* Footer Style */

#footer{
	clear: both;
	margin-top:20px;
	line-height: 22px;
}

	#footer .site_info{
		margin-top: 20px;
		padding: 40px 0 60px 0;
		text-align: center;
		border-top: 1px #ddd solid;
	}
	
	#footer .vline{
		padding: 0 7px;
	}
	
	.pro_links{
		padding-top: 20px;
		border-top: 1px #ddd solid;
	}

/* Mask Style */

#mask-bg{
    position: fixed;
	_position: absolute;
	left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    margin: 0;
	background-color: #000;
	opacity: 0.8;
    filter: alpha(opacity=80);
    z-index: 9000;
	overflow: hidden;
	zoom: 1;
}

#mask-wrap{
    position: fixed;
	_position: absolute;
	border: 1px #333 solid;
	background-color: #f2f2f2;
    z-index: 9003;
}

	.wrap-border{
		width: 500px;
		padding: 50px;
		text-align: left;
		border: 8px #000 solid;
		overflow: hidden;
	}

	#mask-wrap img{
		float: left;
	}
	
	#mask-wrap h4{
		padding: 0 0 10px 80px;
		font-size: 20px;
	}

.alert-title{
    margin: 0;
    text-align: left;
}

.alert-title_en{
	padding-left: 15px;
	font-size: 15px;
	font-weight: normal;
	color: #888;
}

.alert-content{
    margin: 5px auto;
	padding-left: 80px;
	font-size: 13px;
	line-height: 20px;
	color: #666;
}

#alert-btn,
#cls-btn{
	position: absolute;
	top: -10px;
	right: -10px;
    display: block;
	width: 40px;
	height: 40px;
	text-indent: -10000px;
	background: url(../images/close.png)  no-repeat;
}

#alert-btn:hover,
#cls-btn:hover{
	background-position:0 -40px;
}

#alert-btn:active,
#cls-btn:active{
	background-position: 0 -80px;
}

.down-area{
	float: right;
	padding: 20px 0 0 0;
}

	.down-area a{
		float: left;
		display: block;
		margin-left: 10px;
		padding: 10px 15px;
		font-size: 16px;
		text-decoration: none;
		font-weight: bold;
		color: #fff;
		background: #2796E7;
	}

	.down-area a:hover{
		background-color: #f60;
	}
	
	.down-area a:active{
		background-color: #333;
	}
	
.pcm_counter{ display:none;position:relative;width:100%;min-width:960px;background:#000;background: #212121 url(http://file.ithome.com/images/pcm_bg.jpg) center no-repeat; }
a.pcm_close{ position:absolute;top:15px;right:15px;width:27px;height:27px;background:url(http://file.ithome.com/images/pcm_close.png) 0 0 no-repeat; }
a.pcm_close:hover{ background-position:-27px 0; }
a.pcm_close:active{ background-position:-54px 0;}
.pcm_time{ position:relative;width:960px;height:333px;margin:0 auto;overflow:hidden;} 
.pcm_time span{float:left;line-height:48px;height:48px;overflow:hidden;}  
.pcm_time span.danwei{padding:0 1px;} 
.pcm_time_p{ position:absolute;top:175px; }
.pcm_time1{ left:210px; }
.pcm_time2{ left:310px; }
.pcm_time3{ left:409px; }
.pcm_clear{height:0;clear:both;overflow:hidden;} 
.pcm_hide{ display:none; }
.pcm_show{ display:block; }