
/* ==================== Basic styles ==================== */

/** 清除内外边距 **/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */
th, td /* table elements 表格元素 */ {
    margin: 0;
    padding: 0;
}
/** 设置默认字体 **/
body,
button, input, select, textarea /* for ie */ {
    font: 14px/1.5 "Microsoft YaHei",Verdana,Helvetica,Arial,Sans-Serif;
}
body{max-width: 1440px; margin: 0 auto;}
/*h1, h2, h3, h4, h5, h6 { font-size: 100%; } */
address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */
code, kbd, pre, samp { font-family: courier new, courier, monospace; } /* 统一等宽字体 */
small { font-size: 12px; } /* 小于 12px 的中文很难阅读，让 small 正常化 */
a,input,button,textarea{outline: none;}

ul.no-style { list-style:none; }
ul li.no-style { display:inline;}

.block-inline{ /*float:left;*/ display:inline-block; vertical-align: top;} /* ie 7 兼容性问题*/
.fl{ float:left;}
.fr{ float:right;}
.clear-both{ clear:both; }
.center { text-align:center;}
.border-box { border:1px solid #ccc; border-radius:2px;}

/* ==================== Padding ==================== */

.pd10{ padding:10px;}
.pt10{ padding-top:10px; }
.pr10{ padding-right:10px;}
.pb10{ padding-bottom:10px; }
.pl10{ padding-left:10px;}

.pd20{ padding:20px;}
.pt20{ padding-top:20px; }
.pr20{ padding-right:20px;}
.pb20{ padding-bottom:20px; }
.pl20{ padding-left:20px;}

/* ==================== Margin ==================== */

.mg10{ margin:10px;}
.mt10{ margin-top:10px;}
.mr10{ margin-right:10px;}
.mb10{ margin-bottom:10px;}
.ml10{ margin-left:10px;}

.mg20{ margin:20px;}
.mt20{ margin-top:20px;}
.mr20{ margin-right:20px;}
.mb20{ margin-bottom:20px;}
.ml20{ margin-left:20px;}

.mg0auto { margin:0 auto; }


/* ==================== Font Size ==================== */

.ft12{ font-size:12px;}
.ft14{ font-size:14px;}
.ft16{ font-size:16px;}
.ft18{ font-size:18px;}
.ft20{ font-size:20px;}
.fb { font-weight: bold;}

/* ==================== Width ==================== */

.w980{ width:980px;}
.w960{ width:960px;}
.w680{ width:680px;}
.w450{ width:450px;}
.w270{ width:270px;}

.w1000{ width:1000px;}

/* ==================== Height ==================== */

.ah500{
	min-height:500px;
	height:auto !important;
	height:500px;
	overflow:hidden !important;
	overflow: visible;
}

/* ==================== Common Styles ==================== */

.global_width {  
	width : 1000px;
}

#header_bg { 
	width:100%; 
	height: 70px; 
	position: fixed; 
	filter:alpha(Opacity=80);
	-moz-opacity:0.5;
	opacity: 0.5;
	z-index:1002; 
	background-color:#fff;
} 

#header { 
	width:100%;
    max-width: 1440px;
	height: 70px; 
	position: fixed; 
	z-index: 1002; 
} 

#logo {  
	width: 150px; 
	height: 50px;
	margin-top: 10px;
	background: url(../images/home_image_bg.png) no-repeat center top;
	background-position: -512px 0px;
}

#nav {  
	margin-right: 50px;
}
#nav ul li { 
	display: inline; 
	margin-right: 20px;  
	height: 70px; 
	line-height: 70px; 
}
#nav ul li a { 
	font-size:16px; 
	color: #4A4E51; 
	text-decoration: none; 
}
#nav ul li a:hover { 
	color: #f85e4d;  
}
#nav ul li.acrive a { 
	color: #f85e4d;  
}

