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, 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, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }

html { line-height: 1;background: url(Images/htmlbg.png) repeat-x top; 
    }

ol, ul { list-style: none; }

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; display: inline; }

.fr { float: right; display: inline; }

.pager { padding:20px;}

.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: 12px; line-height: 20px; color: #333; font-family: "Microsoft Yahei"; overflow-x:hidden; }
body {background: url(images/mainbg.jpg) no-repeat top;}

a { text-decoration: none; color: #666; }
a:hover, a:focus { text-decoration: underline; }
a:hover { color: #3387dd; }

/* layout */
.siteWidth, #wrap, #content { width: 1000px; margin-left: auto; margin-right: auto; }

#wrap, #content { *zoom: 1; }
#wrap:after, #content:after { content: ""; display: table; clear: both; }
#content { position:relative; /* margin-top:20px; */}
.mainContent { float: right; display: inline; width: 740px; }

.side { float: left; display: inline; width: 240px; }

/* header */
.box .hd .tab a { padding: 0 15px; }

.row { *zoom: 1; }
.row:after { content: ""; display: table; clear: both; }
.row .col { float: left; display: inline; box-sizing: border-box; width: 50%; }
.row .col:nth-child(odd) { padding-right: 15px; }
.row .col:nth-child(even) { padding-left: 15px; }

.mod { max-width: 1000px; margin-bottom: 20px; margin-left: auto; margin-right: auto; background-color: #fafafa; padding: 12px 20px 10px 20px; box-sizing: border-box; }
.mod-hd { *zoom: 1; border-bottom: #eee 1px solid; box-shadow: #fff 0 1px 0; padding-bottom: 10px; margin-bottom: 5px; }
.mod-hd:after { content: ""; display: table; clear: both; }
.mod-hd .title { float: left; display: inline; font-size: 18px; font-weight: 100; color: #578EBE; }
.mod-hd .more { float: right; display: inline; color: #777777; }
.mod-bd { *zoom: 1; padding-top: 8px; padding-bottom: 8px; }
.mod-bd:after { content: ""; display: table; clear: both; }

.focusPic, .focusPic-picTitle { width: 300px;/* margin-left: auto; *//* margin-right: auto; */}

.infoList-col2 { *zoom: 1; margin-right: -30px; *display: inline; }
.infoList-col2:after { content: ""; display: table; clear: both; }
.infoList-col2 li { float: left; display: inline; box-sizing: border-box; width: 50%; *width: 445px; padding-right: 30px; }

/* header */
#header { /* background-color: #fff; */  height: 197px;  /* width: 100%; */  position: relative;  /* z-index: 90; */ /* left: 0; */ /* top: 0; */ /* box-shadow: #ccc 0 1px 1px; */ }
/* mainNav */
#mainNav .li1 { float: left; display: inline; font-size: 16px; position: relative; z-index: 90; }
#mainNav .a1 { display: block; padding: 0 8px; line-height: 55px; color: #fff;}
#header .mainNav .on1 .a1, #mainNav .a1:hover { background: #f60; color: #fff; text-decoration: none; }
#mainNav .ul1 { display: none; position: absolute; z-index: 91; background-color: #fff; text-align: center; width: 98px; left: 49px; margin-left: -49px; box-shadow: #666 0 2px 3px; }
#mainNav .a2 { display: block; font-size: 12px; padding: 0 10px; line-height: 28px; overflow:hidden; border-bottom: 1px solid #eee;height: 28px;}
#mainNav .a2:hover { color: #fff; background:#f60; text-decoration: none; }
#header .topbar, #header .logo, #header .banner, #header #ann { /* display: none; */ }
#header #mainNav { width: 1000px; margin: 0 auto; background: #469ce2;height: 55px;}

#header .topbar { position:absolute; width: 99%; text-align:right; height:40px; line-height:40px; overflow:hidden; color:#fff;}
#header .topbar .spe { margin:5px;} 
#header .topbar a { color:#fff;margin: 0 1px;} 
#header #ann { position:absolute; top: 57px; right: 10px; width:313px; height:70px;}
.siteSearch { background:url(images/searchbg.png) no-repeat; height:32px; }
.siteSearch input.keyword { width:258px; padding:10px 5px; border:0;background:none; height:12px;}
.siteSearch input.submit { width:44px; height:32px;text-indent: 999px;overflow: hidden; background:none; border:0;}

#header .logo { height: 142px;}
#header .logo img { margin-top: 30px;}

/* topNav */
#topNav { position:absolute; left:-200px; width:1400px; background:#469ce2;}

/* siteTool */
.siteTool { position:absolute; top:410px; right:-80px; width:60px; }
.siteTool a { float:left; width:40px; height:40px; padding:10px; font-size:16px; line-height:20px; text-decoration:none; text-align:center; color:#fff; background:#50a7e6; margin-bottom:10px}
.siteTool a.backTop {background:#f60 url(images/backtopicon.png ) no-repeat center;}

/* footer */
#footer { text-align: center;clear:both;background:#50a7e6; padding-top:30px; margin-top:40px; }
#footer .footLink {  line-height: 53px; overflow: hidden;  color: #fff; }
#footer .footLink img { vertical-align: middle; margin: 0 15px;}
#footer .footLink a { color: #fff; font-size: 14px; margin: 0 15px; font-size:16px; }
#footer table { margin:0 auto; color:#e3effa;}
#footer table a { color:#e3effa}
#footer .copyright { line-height: 24px; padding: 10px 0 20px; }









/*********end leo     