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; }
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; }
.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; background-color: #fff; font-family: "Microsoft Yahei"; min-width: 1000px; background: url(images/bg-header.jpg) repeat-x #EDECEC; }
a { text-decoration: none; color: #444; }
a:hover, a:focus { text-decoration: underline; }
a:hover { color: #cc0000; }

/* layout */
.siteWidth, #wrap, #content { width: 980px; margin-left: auto; margin-right: auto; }
#wrap, #content { *zoom: 1; }
#wrap:after, #content:after { content: ""; display: table; clear: both; }
#content { padding: 10px; background-color: #fff; width: 960px;}
.mainContent { float: left; display: inline; width: 730px; }
.side { float: right; display: inline; width: 210px; }

/* header */
#header { height: 239px; background: url(images/headerlh2017.jpg) no-repeat;}

#topNav { height: 45px; margin-top: -45px; padding-left: 20px; }
#topNav li { float: left; }
#topNav li a { display: block; padding: 0 28px; color: #ffffa9; font-size: 16px; font-weight: bold; line-height: 45px;}
#topNav li a:hover,
#topNav li.on a { background: url(images/nav-on.png) no-repeat 50% 100%; text-decoration: none; }
#topNav li.spe { width: 2px; height: 45px; overflow: hidden; background: url(images/nav-spe.png) no-repeat 50%; text-indent: -99px;}

/* footer */
#footer { text-align: center; line-height: 30px; background: #fff; padding: 10px;}
#footer .footLink { height: 28px; line-height: 28px; background: url(images/bg-footLink.png) repeat-x #c00; color: #fff; }
#footer .footLink a { margin: 0 10px; color: #fff; }
#footer .copyright { padding: 10px 0 20px; }
#footer .police,
#footer .qr { display: none; }

.box {}
.box-hd { overflow: hidden; zoom: 1; padding: 0 15px; }
.box-hd-title { float: left; }
.box-hd-more { float: right; }
.box-s1 {}
.box-s1 .box-hd { height: 35px; line-height: 30px; background: url(images/hd-1.png) repeat-x; }
.box-s1 .box-hd-title { padding-left: 20px; background: url(images/tit-1.png) no-repeat 0 50%; color: #cc0000; font-size: 16px; font-weight: bold; }
.box-s1 .box-hd-more { color: #cc0000; }
.box-s1 .box-bd { padding: 10px 15px; }
.box-s2 {}
.box-s2 .box-hd { height: 32px; line-height: 32px; background: url(images/hd-2.png) no-repeat; }
.box-s2 .box-hd-title { color: #fff; font-size: 12px; }
.box-s2 .box-hd-title a { color: #fff; }
.box-s2 .box-bd { border: 1px solid #BB001F; border-top: 0; }
.box-s3 {}
.box-s3 .box-hd { height: 32px; line-height: 32px; background: url(images/hd-3.png) no-repeat; }
.box-s3 .box-hd-title { font-size: 18px; color: #ffffa9; padding-left: 10px; font-weight: bold;}
.box-s3 .box-hd-more { color: #fff; }
.box-s3 .box-bd { padding: 10px; }