/* 
	作者     : yoyo
	联系QQ   : 779651374 
	联系邮箱 : zhujiadong0513@163.com
	更新时间 : 2014-12-10
*/

	@charset "utf-8";


	/*CSS 入口*/
	
	@import "./animate.min.css"; /* css3 动画库 */
	@import "./fresco.css"; /* 相册 */
	@import "./home.css"; /* 首页样式 */
	@import "./framework.css"; /* 内页框架 */
	@import "./public.css"; /* 内页栏目 */


/* ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ 华丽的分割线 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/


/* 初始化样式 ↓ */


/* -------------------Initialization--------------------------------------------------------------------------------- */

body,div,
span,
h1,h2,h3,h4,h5,h6,
p,em,img,strong,b,
small,u,i,center,dl,dt,dd,ol,ul,li,
sub,sup,tt,var,del,dfn,ins,kbd,q,s,samp,
strike,applet,object,iframe,fieldset,form,label,legend,table,
caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,
embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,
summary,time,blockquote,pre,a,abbr,acronym,address,big,cite,code,mark,audio,
video,input,textarea,select 

								{ 	margin:0; padding:0;	-moz-user-select: none;-webkit-user-select: none;
}	

ol,ul 							{ 	list-style:none; 		}


/*set a */

a  								{
									text-decoration:none;
									outline:none;
									color: #666;
								}

a:hover 						{	color: #000;			}


img  							{	border: none; max-width: 100%;	}

*:focus 						{	outline: none;			}

html  							{ 	overflow-x:hidden;		}

body 							{
									background: #fff;
									font-size: 12px;
									font-family: "微软雅黑";
									color: #666;
								}

									/* 选择文字背景颜色 */
body::selection 				{
									color: #ffffff;
									background-color: red;
									text-shadow:none;
								}


.fontArial  					{	font-family: arial;		}

/*※※※※※※※※※※※※※※※※※ CSS3 animate ※※※※※※※※※※※※※※※※※*/

body * 							{	

									-webkit-transition-property: background-color;
									-webkit-transition-duration: 0.2s;
									-webkit-transition-duration: 0.2s;
									-moz-transition-property: background-color;
									-moz-transition-duration: 0.2s;
									-moz-transition-duration: 0.2s;
								}


/* - - - - - - - - - - - - - - - - - - -  表格表单  - - - - - - - - - - - - - - - - - - - - - - - - - */

table 							{	border-collapse: collapse; width: 100%;		 }

input[type='button'],
input[type='submit'],
input[type='radio'] 			{	cursor: pointer;	}

input[type='checkbox'],
input[type='radio'] 	 		{ 
									position: relative;
									vertical-align: middle;
									margin-top: -2px;
									margin-bottom:1px;
									margin-left: 5px;
									margin-right: 5px;

								}


input[type='email'],
input[type='date'],
input[type='password'],
input[type='text'] 				{	text-indent: 5px; color: #666;	}

textarea 						{	padding: 5px; color: #666; 		}




/* -------------------FontSize Settings------------------------------------------------------------------------------ */

.font12 						{	font-size: 12px;	}
.font14 						{	font-size: 14px;	}
.font16 						{	font-size: 16px;	}
.font18 						{	font-size: 18px;	}
.font20 						{	font-size: 20px;	}
.font22 						{	font-size: 22px;	}
.font24 						{	font-size: 24px;	}
.font26 						{	font-size: 26px;	}
.font28 						{	font-size: 28px;	}
.font30 						{	font-size: 30px;	}


/* -------------------FontCorlor Settings---------------------------------------------------------------------------- */

.corRed 						{	color: #000000;	}
.corBlue 						{	color: #000000;	}
.corGreen 						{	color: #000000;	}
.corYellow 						{	color: #000000;	}
.corOrange 						{	color: #000000;	}
.corWhite 						{	color: #ffffff;	}
.corBlack 						{	color: #000000;	}
.corGary 						{	color: #cccccc;	}


/* -------------------Background Settings---------------------------------------------------------------------------- */

.bgRed 							{	background-color: #000000;	}
.bgBlue 						{	background-color: #000000;	}
.bgGreen 						{	background-color: #000000;	}
.bgYellow 						{	background-color: #000000;	}
.bgOrange 						{	background-color: #000000;	}
.bgWhite 						{	background-color: #000000;	}
.bgBlack 						{	background-color: #000000;	}
.bgGary 						{	background-color: #000000;	}



/* -------------------Marging Settings------------------------------------------------------------------------------- */

.marT05 						{	margin-top: 5px;		}
.marT15 						{	margin-top: 15px;		}
.marT10 						{	margin-top: 10px;		}
.marT20 						{	margin-top: 20px;		}
.marT30 						{	margin-top: 30px;		}
.marB10 						{	margin-bottom: 10px;	}
.marB20 						{	margin-bottom: 20px;	}
.marB30 						{	margin-bottom: 30px;	}
.marL10 						{	margin-left: 10px;		}
.marL20 						{	margin-left: 20px;		}
.marL30 						{	margin-left: 30px;		}
.marR10 						{	margin-right: 10px;		}
.marR20 						{	margin-right: 20px;		}
.marR30 						{	margin-right: 30px;		}



/* -------------------Light-height Settings------------------ */

.lineH20 						{	line-height: 20px;	}
.lineH22 						{	line-height: 22px;	}
.lineH24 						{	line-height: 24px;	}
.lineH26						{	line-height: 26px;	}
.lineH28 						{	line-height: 28px;	}
.lineH30						{	line-height: 30px;	}


/* set responsive ------------------------------------------------------ */
	
	
/*垂直居中， 使用于图片， 块级元素*/

.vertical-center 				{	
									display: block;
									max-width: 100%;
									max-height: 100%;
									position: absolute;	
									margin: auto;
									top: 0;
									right: 0;
									bottom: 0;
									left: 0;
								}
									

/* set ele-block ------------------------------------------------------ */

.block 							{	display: block;	position: relative;		}
.block-full 					{	display: block; width: 100%; height: 100%; position: relative;	}
.center-block 					{	margin-left: auto; margin-right: auto; width: 1005px;			}


/* set ele-block ------------------------------------------------------ */

/*float --------------------------------------------------*/

.f-l 							{	float: left;		}
.f-r 							{	float: right;		}


/* clear float ------------------------------------------ */

.clearfix  						{
									clear: both;
									height: 0px;
									font-size:0px;
									position: relative;
									line-height: 0px;
									display: block;
									text-indent: -9999px;
								}


/* set text-align ------------------------------------------------------ */

.text-left 						{	text-align: left;	}
.text-center 					{	text-align: center;	}
.text-right 					{	text-align: right;	}



/* set text-hidden ------------------------------------------------------ */

.text-hide 						{

									text-overflow:ellipsis;
									overflow: hidden;
									white-space:nowrap;

}