@charset "UTF-8";
/* Css Reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, img { padding: 0; margin: 0; }
fieldset, img { vertical-align: top; border: 0; }
address, caption, cite, code, dfn, em, th, var, i { font-weight: normal; font-style: normal; }
ol, ul, li { list-style: none; }
div, dl, dt, dd, ol, ul, li { zoom: 1; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; }
pre { white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; font-family: "Microsoft YaHei", Helvetica, Arial, sans-serif; font-size: 16px; line-height: 1.8; }
.fl, .lf { float: left; }
.fr { float: right; }
.mr5 { margin-right: 5px; }
.mb5 { margin-bottom: 5px; }
.mr10 { margin-right: 10px; }
.ml10 { margin-left: 10px; }
.mt10 { margin-top: 10px; }
.mb10 { margin-bottom: 10px; }
.mr15 { margin-right: 15px; }
.ml15 { margin-left: 15px; }
.mt15 { margin-top: 15px; }
.mb15 { margin-bottom: 15px; }
.mr20 { margin-right: 20px; }
.ml20 { margin-left: 20px; }
.mt20 { margin-top: 20px; }
.mb20 { margin-bottom: 20px; }

.pr10 { padding-right: 10px; }
.pl10 { padding-left: 10px; }
.pt10 { padding-top: 10px; }
.pb10 { padding-bottom: 10px; }
.pr15 { padding-right: 15px; }
.pl15 { padding-left: 15px; }
.pt15 { padding-top: 15px; }
.pb15 { padding-bottom: 15px; }
.pr20 { padding-right: 20px; }
.pl20 { padding-left: 20px; }
.pt20 { padding-top: 20px; }
.pb20 { padding-bottom: 20px; }

.clearfix:after { clear: both; height: 0; overflow: hidden; display: block; visibility: hidden; content: "."; }
.hide { display: none; }
img { border: 0; vertical-align: top; }
table { border-collapse: collapse; border-spacing: 0; }
/* Public */
body {  background-color: #fff; line-height: 1.8; font-family: "Microsoft YaHei", Helvetica, Arial, sans-serif; /*top: 0px; left: 0px; position: relative*/ }
a { color: #333; text-decoration: none; outline: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3); }
 a:hover { color: #c00; }
input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
.moreBtn { margin-top: 10px; height: 40px; line-height: 40px; background: #eee; text-align: center; display: block; color: #666; width: 100%; }
.show { display: block !important; }

/* header */
body > header { *zoom: 1; position: relative; color: #fff; background-color: #3069B8; z-index: 3; height: 50px; }
 body > header:after { content: ""; display: table; clear: both; }
 body > header h1 { position: absolute; top: 0; left: 0; z-index: 0; margin: 0; width: 100%; line-height: 50px; height: 50px; font-size: 1.6em; font-weight: 300; text-align: center; text-transform: uppercase; letter-spacing: 0.3em; }
.logo { background: url(logo.png) 5px 5px no-repeat; }
.header-button { z-index: 1; display: block; width: 50px; height: 50px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-indent: -119988px; overflow: hidden; text-align: left; text-transform: capitalize; position: relative; margin: 0; padding: 0; outline: none; border: none; cursor: pointer; }
#toggle-menu { float: left; background-position: 0 0; }
#toggle-search { float: right; background: url(btss.png) center center no-repeat; }
 #toggle-search.open:after { top: 30px; }
 #toggle-search:after { -moz-transition: top, 0.5s; -o-transition: top, 0.5s; -webkit-transition: top, 0.5s; transition: top, 0.5s; position: absolute; top: 52px; left: 50%; margin-left: -8px; content: ""; border-color: transparent transparent #e1e4e7; border-style: solid; border-width: 8px 8px 12px; }
#toggle-basket { position: relative; float: right; background-position: -120px 0; }
 #toggle-basket:before { position: absolute; top: 5px; left: 0; width: 2px; height: 50px; content: ""; background-color: #000; }

#search-form { -moz-transition: max-height, 0.5s; -o-transition: max-height, 0.5s; -webkit-transition: max-height, 0.5s; transition: max-height, 0.5s; position: absolute; top: 50px; left: 0; width: 100%; max-height: 0; overflow: hidden; background-color: #e1e4e7; }
 #search-form.open { max-height: 50px; }
 #search-form fieldset { position: relative; margin: 0 60px 0 0; padding: 0; border: none; }
 #search-form input { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; height: 50px; }
  #search-form input[type="search"] { width: 100%; padding: 0 5px 0 22px; background: transparent; border: none; }
  #search-form input[type="submit"] { position: absolute; bottom: 0; right: 0; width: 60px; margin: 0; padding: 0; font-weight: 700; text-transform: uppercase; color: #516270; background: #c6cacd; border: none; cursor: pointer; }

/* 导航 */
.topnav { overflow: hidden; height: 40px; line-height: 40px; position: relative; background: #f6f7fb; border-bottom: 2px solid #3069ba; z-index: 2; }
 .topnav .in { width: 87%; overflow: hidden; }
 .topnav ul { width: 100%; }
 .topnav li { float: left; width: 12.5%; text-align: center; }
 .topnav a { display: block; color: #aaa; }
 .topnav .on { color: #3069b8; font-weight: 700; }

.conbox { background: #fff; padding: 10px; overflow: hidden; }
.conbox2 { background: #fff; padding: 0px 10px 10px 10px; overflow: hidden; }
/*题目菜单*/
.menut { /*width: 100%;*/ height: 40px; /*margin-bottom: 10px;*/ padding: 0px 10px; border-top: 2px solid #3069B8; background-color: #F5F5F5; overflow: hidden; }
 .menut .tit { float: left; line-height: 35px; display: inline-block; color: #3069B8; font-size: 16px; padding-left: 12px; }
 .menut .titmore { color: #aaaaaa; font-size: 12px; line-height: 36px; float: right; }

/*底部*/
.footer { background: #F0F0F0; padding: 10px 3%; text-align: center; font-size: 12px; overflow: hidden; }
 .footer a { color: #999; }
 .footer .footNav { margin-bottom: 3%; }
  .footer .footNav a { margin: 0 5px; word-break: keep-all; white-space: nowrap; }
 .footer .btns a { margin-top: 10px; display: inline-block; padding: 2px 25px; background: #fff; border: 1px solid #ccc; border-radius: 4px; }

@media screen and (max-width: 320px) {
 .xxgkIcons li { font-size: 12px; }
 .mainBox .mHd h3, .mainBox .mHd .list .on { font-size: 17px; }
 .nodeList a { font-size: 12px; }
}

@media screen and (min-width: 500px) {
 body { max-width: 500px; border-right: 1px solid #ccc; border-left: 1px solid #ccc; position: relative; margin: 0 auto }
}
/*# sourceMappingURL=default.css.map */