@media screen and (max-width: 1200px) {
.w { width: 100% }
}
@media screen and (min-width: 1200px) {
.w { width: 1200px; }
}
html, body, form { margin: 0; padding: 0; }
body { min-width: 1200px }
a { text-decoration: none; color: #333; }
.cls { clear: both; }
.fl { float: left; }
.fr { float: right; }
.relative { position: relative }
#header { margin-top: 12px; }
#header .search { position: absolute; right: 10px; bottom: 36px; }
.search input { font-size: 14px; height: 1.6em; border-radius: 8px; border: 1px solid rgba(0, 0, 0, .4); text-align: center; }
.search i { margin-left: 6px; }
.w { margin: 0 auto; }
#logo { display: inline-block; background: url(/Public/images/logo.png) no-repeat; width: 440px; height: 95px; transition-duration: .3s }
#logo:hover { background: url(/Public/images/logo.hover.png) no-repeat; transition-duration: .3s }
#nav { background: #f5f5f5; height: 40px; line-height: 40px; border-bottom: 1px solid #abc; white-space: nowrap; overflow: hidden; }
#nav a { margin: 0; padding: 0 38.66px; color: #000; font-size: 14px; display: inline-block; transition-duration:1s; }
#nav a:hover { color: #06c; background: #fff; transition-duration:.1s; }
#nav a.selected:hover { background: #ffe; color: #09c; }
#nav a.selected { background: #0083d4; color: #fff }
hr { border-top: 1px solid rgba(0, 0, 0, .2); border-bottom: 1px solid rgba(255, 255, 255, .9); border-left: 1px solid rgba(0, 0, 0, .1); border-right: 1px solid rgba(255, 255, 255, .1); }
.pos { padding: 6px 1em; border-bottom: 1px solid #eee; color: #bbb; background: #fafafa; font-size: 14px; }
.pos a { margin: .3em; color: #999 }
#footer { color: #333; line-height: 150%; border-top: 2px solid #09f; color: #efe; background: #06c; margin: 20px auto 0 auto; line-height: 180%; font-size: 15px; text-align: center }
#footer .tags a{margin:0 .5em;font-size:12px;color:rgba(255,255,255,.9)}
#footer .qrcode { transition-duration: .3s; cursor: none }
#footer .qrcode:hover { transform: scale(2, 2); box-shadow: 0 1vw 2vw rgba(0, 0, 0, .2) }
#footer .til { font-size: 18px; font-weight: bold; border-bottom: 1px solid #6a6; padding-bottom: .5em; }
#footer a { color: #fff; }
#footer a:hover { color: #ff0 }
#footer ul { padding: 0; margin: 10px 0 0 0; list-style: none; }
#footer .col { float: left; margin-left: 50px; width: 150px; border-right: 1px dotted #119f11; }
#footer .tail { background: #012574; font-size: 12px; color: #ccd8cc; height: 4em; line-height: 4em; }
#footer .tail a { color: #ccd8cc; margin: 0 2em; }
#footer .mnav div { border: #00a0e9; background: #efe; padding: 0 15px; border-radius: 3px; box-shadow: 0 3px 3px #00a0e9; font-size: 15px; }
#footer .mnav div a { color: #012574; }
#footer .mnav div a:hover { color: #f30; }
#footer .icp { color: rgba(255, 255, 255, .7); font-size: 12px; }
#footer .icp a { color: rgba(255, 255, 255, .7); }
#qqsrv { z-index: 99999; position: absolute; min-width: 50px; min-height: 144px; top: 50%; right: 0; transform: translateY(-50%); background: rgba(0, 156,187, .9); padding: 10px; border-radius: 8px 0 0 8px; line-height: 2em; text-align: center }
#qqsrv:hover { border-radius: 3px; box-shadow: 0 5px 10px rgba(0, 0, 0, .1); background: rgba(0, 102, 204, .9); }
#qqsrv .o .fa { margin: 0 6px 0 0; display: inline-block; transition-duration: .6s }
#qqsrv .o { z-index: 99999; display: none; font-size: 16px; line-height: 2em; color: #fff; }
#qqsrv .x { font-size: 24px; line-height: 2em; color: #fff; }
#qqsrv a { color: #fff; }
#qqsrv a:hover { color: #f80; }
#qqsrv a:hover .fa { transform: scale(1.2, 1.2); transition-duration: .2s; }
.slider .slide { position: relative; display: none; background-repeat: no-repeat; background-size: cover; background-position: center; }