@charset "utf-8";

/* CSS Document */


/*-- Public --*/
.fl{ float:left !important; _display:inline;  }
.fr{ float:right !important; _display:inline;}


#test{ position:fixed; left:0px; top:100px; background:#fff; display:none;  }
/* 顶部导航条 */
#topBar{ height:32px; line-height:30px; color:#fff; text-align:left; padding:0 20px; 
	-webkit-box-shadow: #ddd 2px 0px 0px;
	-moz-box-shadow: #ddd 2px 0px 0px;
	box-shadow: #ddd 0px 2px 0px;
	background: #1b80b2;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#1b80b2), to(#1974a1));
	background: -webkit-linear-gradient(#1b80b2, #1974a1);
	background: -moz-linear-gradient(#1b80b2, #1974a1);
	background: -ms-linear-gradient(#1b80b2, #1974a1);
	background: -o-linear-gradient(#1b80b2, #1974a1);
	background: linear-gradient(#1b80b2, #1974a1);
	-pie-background: linear-gradient(#1b80b2, #1974a1);
	behavior: url(PIE.htc);
}
#topBar a{ color:#fff;  }
#topBar #logo{ display:inline-block; *display:inline; zoom:1; font-size:14px;  font-weight:bold; }
#topBar .nav{ float:right; }
#topBar .nav a{ padding:0 10px;  }

#content{ width:90%; margin:40px auto; position:relative;  }
#footer{ height:34px; line-height:34px; border-top:1px solid #ddd;  
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F0F0F0), to(#FFFFFF));
	background: -webkit-linear-gradient(#F0F0F0, #FFFFFF);
	background: -moz-linear-gradient(#F0F0F0, #FFFFFF);
	background: -ms-linear-gradient(#F0F0F0, #FFFFFF);
	background: -o-linear-gradient(#F0F0F0, #FFFFFF);
	background: linear-gradient(#F0F0F0, #FFFFFF);
	-pie-background: linear-gradient(#F0F0F0, #FFFFFF);
	behavior: url(PIE.htc);
}

/* index.html */
.topic{ text-align:center;  font-size:72px; line-height:100px; color:#1974A1;  }
.topic i{ font-size:12px; line-height:18px; background:#ccc; color:#fff; text-align:center; vertical-align:top; font-family:Arial; padding:0 5px;  }
.indIntro{ width:800px; margin:40px auto;   }
.indIntro h2{ text-align:left;  font-size:18px; line-height:30px; text-indent:36px; }
.indIntro p{ text-align:left;  padding:20px 0 20px 0;  color:#999; text-indent:36px;  }
.indIntro .demoBtn{ background:#89c941;vertical-align:middle; margin:8px 10px 0 10px; display:inline-block; *display:inline; zoom:1; width:180px; height:60px; line-height:55px; color:#fff; font-family:Arial; font-size:48px;}
.indIntro .down{font-family:"微软雅黑";font-size:30px; }
.indIntro .demoBtn:hover{ text-decoration:none; background:#89c941;  }

.version{ border:1px dotted #ccc; margin-top:10px;  text-align:left; padding:10px 20px;  }
.version h3{ color:#1974A1; font-weight:bold; padding-bottom:5px;    }
.version a{ color:#f60;  }

/* 联系作者 */
#content .contact{ display:none;  color:#c00;  margin-bottom:20px;  }

/* 参数 */
#content .param{ display:none;  width:100%;  margin-bottom:20px;  background:#fff;  }
#content .param th{ text-align:center;  }
#content .param .intro{ text-align:left;  }
#content .param .link{ color:#c00; text-decoration:underline;   }

	/* demo图片列表盒子 */
	.demoBox{  text-align:left;   }
	.demoBox .hd{ position:relative; z-index:1; font-size:40px; height:60px; line-height:60px; padding-bottom:20px; border-bottom:3px solid #ddd;    }
	.demoBox .hd em{ display:inline-block; *display:inline; zoom:1;  width:60px; height:60px; font-size:60px; line-height:60px;  text-align: center; background:#ddd; color:#fff; 
		-webkit-border-radius: 1000px;
		-moz-border-radius: 1000px;
		border-radius: 1000px;
		behavior: url(PIE.htc);
		font-family:Arial;
	}
	.demoBox .hd h3{ vertical-align:middle; display:inline-block; *display:inline; zoom:1;padding-left:10px; color:#999;  }
	.demoBox .hd h3 strong{ padding-left:10px; color:#1974a1;   }
	.demoBox .hd .notice{ cursor:pointer; font-size:12px; line-height:20px;  display:inline-block; *display:inline; zoom:1; position:relative; padding:2px 10px; background:#c00; color:#fff;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		behavior: url(PIE.htc);
	}
	.demoBox .hd .notice p{ display:none;  position:absolute; top:18px; left:0px; background:#c00; color:#fff; width:400px; padding:10px 20px; 
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;	

	}
	.demoBox .hd .noticeOn p{ display:block;  }
	.demoBox .bd{ padding:20px 0;  }
	.demoBox .bd ul{ overflow:hidden; zoom:1; padding-bottom:5px;  }
	.demoBox .bd ul li{   position:relative;  cursor:pointer; float:left; width:160px; text-align:center; margin-right:25px; border:2px solid #ddd; padding:1px; margin-bottom:20px; background:#fff; 
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
		-webkit-box-shadow: #999 1px 1px 2px;
		-moz-box-shadow: #999 1px 1px 2px;
		box-shadow: #999 1px 1px 2px;
		behavior: url(PIE.htc);
	}
	.demoBox .bd ul li .pic{ line-height:0px; height:120px; overflow:hidden;  }
	.demoBox .bd ul li img{ width:160px; height:120px;  }
	.demoBox .bd ul li .title{ line-height:30px; height:30px; overflow:hidden;  border-top:1px solid #ddd;   background:#E8E8E8; 
			background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FAFAFA), to(#F0F0F0));
			background: -webkit-linear-gradient(#FAFAFA, #F0F0F0);
			background: -moz-linear-gradient(#FAFAFA, #F0F0F0);
			background: -ms-linear-gradient(#FAFAFA, #F0F0F0);
			background: -o-linear-gradient(#FAFAFA, #F0F0F0);
			background: linear-gradient(#FAFAFA, #F0F0F0);
			-pie-background: linear-gradient(#FAFAFA, #F0F0F0);
		behavior: url(PIE.htc);
	}
	.demoBox .bd ul li:hover{ border-color:#1974a1;  }
	.demoBox .bd ul li.new{ border-color:#f60;  }
	.demoBox .bd ul li.new:hover{ border-color:#1974a1; }
	.demoBox .bd ul li.new em{ position:absolute; left:-5px; top:5px; display:block; width:40px; height:20px; line-height:20px; background:#f60; color:#fff; 
		-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; behavior: url(PIE.htc);
	}
	.yourIdea h1{ font-size:30px; line-height:40px;  }


	

	/* demo 展示盒子 */
	#showDemoBox{ display:none;  width:1000px; height:530px;  text-align:left;  overflow-y:scroll; }
	.blockPage{ top:20px !important; }
	#showDemoBox .hd{ height:50px; line-height:50px; background:#ccc; font-size:20px; color:#fff;  font-weight:bold; padding:0 20px;
		background: #1b80b2;
		background: -webkit-gradient(linear, 0 0, 0 bottom, from(#0797DD), to(#1974a1));
		background: -webkit-linear-gradient(#0797DD, #1974a1);
		background: -moz-linear-gradient(#0797DD, #1974a1);
		background: -ms-linear-gradient(#0797DD, #1974a1);
		background: -o-linear-gradient(#0797DD, #1974a1);
		background: linear-gradient(#0797DD, #1974a1);
		-pie-background: linear-gradient(#0797DD, #1974a1);
		behavior: url(PIE.htc);
	}
	#showDemoBox .hd h3{ font-weight:bold; }
	#showDemoBox em{ display:inline-block; *display:inline; zoom:1; width:20px; height:16px; background:#fff; 
		line-height:14px; text-align:center; float:right; color:#333; cursor:pointer; margin-top:10px; font-size:14px; font-family:Verdana;    }
	#showDemoBox #iframe{ width:970px; height:1000px;  }

/********banner begin*******/

.scale-img{
	display:none;
	animation: changeScale 10s;
	-moz-animation: changeScale 10s;	
	-webkit-animation: changeScale 10s;	
	-o-animation: changeScale 10s;
	}
.scale-img.active{
	display:block;
	}
	
	.an1{
		font-size:1.8rem;
		padding:16px 50px;
		background:#dba434;
		display:inline-block;
		border-radius:10rem;
		color:#fff; 
		}
		.an1:hover{color:#fff;}
		
		.an2{
		font-size:1.8rem;
		padding:16px 50px;
		display:inline-block;
		border-radius:10rem;
		color:#dba434; 
		border:2px #dba434 solid;
		}
		.an2:hover{color:#fff; background:#dba434; border:2px #dba434 solid;}
		
		.an3{
		font-size:1.5rem;
		padding:0.5rem 2rem;
		display:inline-block;
		border-radius:10rem;
		color:#000000;
		line-height:150%;
		}
		.an3:hover{color:#fff; background:#e0aa3e;}
		
		.an4{
		font-size:1.8rem;
		padding:16px 50px;
		display:inline-block;
		border-radius:10rem;
		color:#dba434; 
		border:1px #dba434 solid;
		}
		.an4:hover{color:#fff; background:#dba434;}
		
		#sz{ font-weight:bold}
/**flash部分**/


/* 动画 开始 */
/* css3动画 end */
.texiao{}
.texiao:hover{opacity:0.7 !important; filter:alpha(opacity=70) !important;}
@keyframes changeScale
{
0%   {
	transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
}
100% {
	transform: scale(1, 1);
	-o-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
}
}

@-moz-keyframes changeScale /* Firefox */
{
0%   {
	transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
}
100% {
	transform: scale(1, 1);
	-o-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
}
}

@-webkit-keyframes changeScale /* Safari 和 Chrome */
{
0%   {
	transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
}
100% {
	transform: scale(1, 1);
	-o-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
}
}

@-o-keyframes changeScale /* Opera */
{
0%   {
	transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-webkit-transform:scale(1.1, 1.1);
}
100% {
	transform: scale(1, 1);
	-o-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
}
}
/*动画结束*/	
	
/*动画结束*/