html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }
html { line-height: 1; }
ol, ul { list-style: none; }
div, dl, dt, dd, ol, ul, li { *zoom: 1; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }
q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }
a img { border: none; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

.fl { float: left; }
.fr { float: right; }
.hide { display: none; }
.mt10 { margin-top: 10px; }
.mb10 { margin-bottom: 10px; }
.mt20 { margin-top: 20px; }
.mb20 { margin-bottom: 20px; }
.clear { clear: both; *height: 0; *font-size: 0; *line-height: 0; }
.clearfix { *zoom: 1; }
.clearfix:after { content: ""; display: table; clear: both; }

body { font-size: 14px; line-height: 30px; color: #333; background-color: #fff; font-family: "Microsoft Yahei"; min-width: 1200px; }
a { text-decoration: none; color: #444; }
a:hover { color: #006269; text-decoration: none; }

/* layout */
.container, #content { width: 1200px; margin-left: auto; margin-right: auto; }


#header { height: 156px; background: #00a1f1; }
#header .container { height: 156px; position: relative; background: url(../images/bg-header.jpg) no-repeat 100% 100%; }
#header .logo { position: absolute;left: 30px;top: 30px;}
#header .slogan { position: absolute; left: 700px; top: 30px; }