body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { margin: 0; padding: 0; }
body, input, textarea, select { font-family: "Hiragino Sans GB", "WenQuanYi Micro Hei", "Microsoft YaHei", Tahoma, SimSun; font-size: 12px; line-height: 1.5; color: #7C7C7C; }
body { background: #F5F5F5; -webkit-text-size-adjust: 100%; _background-attachment_: fixed; }
input, textarea, select { outline: none; }
input { vertical-align: middle; }
img { border: none; vertical-align: middle; max-width: 100%; }
table { border-collapse: collapse; }
ul, ol { list-style: none outside; }
hr { clear: both; border: none; border-top: 1px solid #DDDDDD; _height: 1px; }

.ul { list-style: disc inside; }
.ol { list-style: circle inside; }
.nl { list-style: decimal inside; }
.tl { text-align: left; }
.tc { text-align: center; }
.tr { text-align: right; }
.ttu { text-transform: uppercase; }
.vm { vertical-align: middle; }
.fl { float: left; _display: inline; }
.fr { float: right; _display: inline; }
.dn { display: none; }
.db { display: block; }
.pit { cursor: pointer; }
.cf:after { content: "."; clear: both; visibility: hidden; height: 0; display: block; }
.cf { *zoom: 1; }
.slh { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.fs12 { font-size: 12px; }
.fs14 { font-size: 14px; }
.fs16 { font-size: 16px; }
.fs18 { font-size: 18px; }
.fs20 { font-size: 20px; }
.fs22 { font-size: 22px; }
.fs24 { font-size: 24px; }
.fw4 { font-weight: 400; }
.fw7 { font-weight: 700; }
.lh18 { line-height: 1.8; }
.lh20 { line-height: 2; }

.c0 { color: #000000; }
.c3 { color: #333333; }
.c6 { color: #666666; }
.c9 { color: #999999; }

.ts { text-shadow: 1px 1px 2px #747876; }
.tsb { text-shadow: 1px 1px 0 #FFFFFF; }
.br { border-radius: 5px; }
.brt { border-radius: 5px 5px 0 0; }
.brb { border-radius: 0 0 5px 5px; }
.bs { box-shadow: 1px 1px 3px #DDDDDD; }
.mc { margin-left: auto; margin-right: auto; }

.m5 { margin: 5px; }
.mt5 { margin-top: 5px; }
.mb5 { margin-bottom: 5px; }
.ml5 { margin-left: 5px; }
.mr5 { margin-right: 5px; }
.m10 { margin: 10px; }
.mt10 { margin-top: 10px; }
.mb10 { margin-bottom: 10px; }
.ml10 { margin-left: 10px; }
.mr10 { margin-right: 10px; }
.mt15 { margin-top: 15px; }
.m15 { margin: 15px; }
.mb15 { margin-bottom: 15px; }
.ml15 { margin-left: 15px; }
.mr15 { margin-right: 15px; }
.m20 { margin: 20px; }
.mt20 { margin-top: 20px; }
.mb20 { margin-bottom: 20px; }
.ml20 { margin-left: 20px; }
.mr20 { margin-right: 20px; }
.p5 { padding: 5px; }
.pt5 { padding-top: 5px; }
.pb5 { padding-bottom: 5px; }
.pl5 { padding-left: 5px; }
.pr5 { padding-right: 5px; }
.p10 { padding: 10px; }
.pt10 { padding-top: 10px; }
.pb10 { padding-bottom: 10px; }
.pl10 { padding-left: 10px; }
.pr10 { padding-right: 10px; }
.p15 { padding: 15px; }
.pt15 { padding-top: 15px; }
.pb15 { padding-bottom: 15px; }
.pl15 { padding-left: 15px; }
.pr15 { padding-right: 15px; }
.pt20 { padding-top: 20px; }
.p20 { padding: 20px; }
.pb20 { padding-bottom: 20px; }
.pl20 { padding-left: 20px; }
.pr20 { padding-right: 20px; }
.pr { position: relative; }
.pa { position: absolute; }

.f2 { float: left; width: 50%; *width: 49.9%; }
.f3 { float: left; width: 33.3%; }
.f4 { float: left; width: 25%; *width: 24.9%; }
.f5 { float: left; width: 20%; *width: 19.9%; }

::selection { background: #7AB6EA; color: #FFFFFF; }
a { text-decoration: none; outline: none; color: #737373; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
a:hover { color: #0075BD; }
.wp { margin-left: auto; margin-right: auto; width: 1000px; }
.wp_ { margin-left: auto; margin-right: auto; max-width: 640px; min-width: 320px; }

.wleft { width: 220px; float: left; background: url(wleft_bg.jpg) no-repeat 14px 0; padding-top: 150px; }
.wright { width: 730px; float: right; }

.pages { padding: 5px 15px; text-align: right; background: #E6E6E6; border-left: 13px solid #098BCB; margin-bottom: 40px; }
.pages a { padding: 1px 6px; }
.pages a:hover { }
.pages strong { padding: 1px 6px; background: #0075BD; color: #FFFFFF; }

#content table img { max-width: none; }

#header { background: url(header_bg.png) no-repeat; }
#header .logo { padding: 20px 0 13px 25px; }
#header .bar { line-height: 37px; height: 37px; }
#header .bar .notice { float: left; width: 600px; overflow: hidden; padding-left: 60px; }
#header form { background: url(search_bg.png) no-repeat; width: 120px; height: 24px; line-height: 24px; margin-top: 6px; }
#header form .ipt { border: 0; width: 88px; margin-left: 5px; }
#header form .btn { border: 0; width: 18px; height: 18px; background: transparent; cursor: pointer; margin-left: 5px; }

#nav { position: absolute; top: 35px; right: 0; }
#nav a { font-size: 14px; color: #FFFFFF; padding: 0 18px; background: url(nav_arrow.png) no-repeat right center; }
#nav a.home { background: none; }
#nav a:hover { text-decoration: underline; color: #BED9F2; }

#footer { background: #0075BD; color: #FFFFFF; }
#footer a { color: #FFFFFF; }
#footer a:hover { color: #9ABCDD; }

#main .wleft .sub { color: #0075BD; font-size: 18px; text-transform: uppercase; border-left: 2px solid #0075BD; padding: 0 10px; width: 125px; }

#imagelist_ { width: 652px; }
@media only screen and (min-width: 1460px) {
	#imagelist_ { width: 978px; }
}
@media only screen and (min-width: 1790px) {
	#imagelist_ { width: 1304px; }
}