html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, p, pre, code, form, fieldset, legend, blockquote { margin: 0; padding: 0; }

*, *:before, *:after { -moz-box-sizing: border-box; box-sizing: border-box; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }

a { text-decoration: none; background-color: transparent; }

a:active, a:hover { outline: 0; }

b, strong { font-weight: bold; }

sub, sup { position: relative; vertical-align: baseline; }

em { font-style: normal; }

img { max-width: 100%; vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic; }

svg:not(:root) { overflow: hidden; }

button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }

button { overflow: visible; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

button, select { text-transform: none; }

button, input { line-height: normal; padding: 0; }

button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }

button[disabled], html input[disabled] { cursor: default; }

input[type="checkbox"], input[type="radio"] { -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; }

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

input[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button, button { box-sizing: content-box; }

textarea { overflow-y: auto; resize: vertical; }

:focus { outline: none; }

table { border-collapse: collapse; border-spacing: 0; }

th { font-weight: normal; }

ul, ol { list-style: none outside none; }

html, body { background: #fff; }

body { min-width: 1200px; font-family: "Microsoft YaHei","Helvetica Neue",Helvetica,Arial,STXihei,sans-serif; font-size: 14px; line-height: 1.5; color: #333; }

input, textarea, select, button { font-size: 100%; font-family: inherit; color: inherit; }

button { border: 0; }

b { font-weight: normal; }

a { color: #333; text-decoration: none; cursor: pointer; }

.theme-bg { position: relative; height: 100vh; background: url(../images/bg.jpg) top center no-repeat; background-size: cover; }

.pn-in { *zoom: 1; width: 1182px; margin: 0 auto; }
.pn-in:before, .pn-in:after { content: " "; display: table; }
.pn-in:after { clear: both; }

.aside-ct { position: absolute; left: 0; bottom: 100px; width: 31%; text-align: center; z-index: 10; }

.footer { position: absolute; left: 0; right: 0; bottom: 0; height: 160px; *zoom: 1; text-align: center; }
.footer:before, .footer:after { content: " "; display: table; }
.footer:after { clear: both; }

.copyright { float: left; width: 31%; height: 160px; background: -webkit-radial-gradient(#fff9e5, #d9b582); background: radial-gradient(#fff9e5, #d9b582); color: #000; }
.copyright span { margin-top:80px; overflow:hidden; display:block}

.footer-nav { float: right; width: 69%; }
.footer-nav > ul { z-index: 10; background: #fff; }
.footer-nav > ul > li { position: relative; float: left; width: 20%; height: 100%; position: relative; border-right: 1px solid #3a3a3a; -moz-box-sizing: border-box; box-sizing: border-box; }
.footer-nav > ul > li:hover > a:before { width: 100%; height: 3px; position: absolute; left: 0%; bottom: 0; background: #ffdbaa; content: ''; }
.footer-nav > ul > li:hover .popbox { display: block; }
.footer-nav > ul > li:last-child { border: none; }
.footer-nav > ul > li > a { height: 160px; display: block; overflow: hidden; zoom: 1; text-align: center; -moz-box-sizing: border-box; box-sizing: border-box; background: -webkit-linear-gradient(#242424, #020202); background: linear-gradient(#242424, #020202); }
.footer-nav > ul > li > a > span { padding: 0 0 4px 70px; position: absolute; display: inline-block; width: 54px; height: 54px; left: 20%; top: 50%; -ms-transform: translate(-20%, -50%); transform: translate(-20%, -50%); -webkit-transform: translate(-20%, -50%); }
.footer-nav > ul > li > a img { position: absolute; left: 5px; top: 5px; }
.footer-nav > ul > li > a .txt { color: #fff; font-size: 14px; text-align: left; white-space: nowrap; }
.footer-nav > ul > li > a .txt span { display: block; color: #ffdbaa; font-size: 24px; }
.footer-nav > ul > li .popbox { display: none; position: absolute; left: 50%; top: 0; -moz-box-sizing: border-box; box-sizing: border-box; -ms-transform: translateY(-100%); transform: translateY(-100%); -webkit-transform: translateY(-100%); background-color: #000; border: 1px solid #b6a063; z-index: 99; }
.footer-nav > ul > li .popbox.urls { margin-left: -282px; width: 578px; }
.footer-nav > ul > li .popbox.qrs { margin-left: -132px; width: 265px; }
.footer-nav > ul > li .popbox.browser { margin-left: -133px; width: 266px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000); zoom: 1; }
.footer-nav > ul > li .popbox .arrow { position: absolute; left: 45%; bottom: -14px; width: 0; height: 0; border-width: 14px 14px 0; border-style: solid; border-color: #b6a063 transparent transparent; }
.footer-nav > ul > li .popbox .arrow:before { content: ''; position: absolute; left: -12px; bottom: 2px; width: 0; height: 0; border-width: 12px 12px 0; border-style: solid; border-color: #000 transparent transparent; }
.footer-nav > ul > li .popbox .url-items { padding: 25px 25px 15px; }
.footer-nav > ul > li .popbox .url-items li { position: relative; margin-bottom: 10px; font-size: 0; }
.footer-nav > ul > li .popbox .url-items li:before { content: ''; position: absolute; left: 83px; top: 12px; width: 33px; height: 17px; background: url(../images/arrow.png); }
.footer-nav > ul > li .popbox .url-items li span { display: inline-block; margin-right: 10px; width: 253px; background: #fff; line-height: 39px; font-size: 16px; border: 1px solid #c8c8c8; text-align: center; }
.footer-nav > ul > li .popbox .url-items li span.ms { margin-right: 55px; width: 72px; border: 1px solid #fff; }
.footer-nav > ul > li .popbox .url-items li a { display: inline-block; width: 136px; background: -webkit-linear-gradient(270deg, #b6a063 0%, #faf9bc 100%); background: linear-gradient(180deg, #b6a063 0%, #faf9bc 100%); color: #000; font-size: 17px; line-height: 42px; text-align: center; }
.footer-nav > ul > li .popbox .url-items li a:hover { background: -webkit-linear-gradient(270deg, #f8dd92 0%, #fffed6 100%); background: linear-gradient(180deg, #f8dd92 0%, #fffed6 100%); }
.footer-nav > ul > li .popbox .qr-box { padding: 20px 0; text-align: center; }
.footer-nav > ul > li .popbox .qr-box img { width: 190px; height: 190px; }
.footer-nav > ul > li .popbox .qr-box p { padding-top: 5px; font-size: 18px; color: #fff; }
.footer-nav > ul > li .popbox .qr-box .qr { display: inline-block; padding: 0 10px; font-size: 0; }
.footer-nav > ul > li .popbox .browser-list { padding: 20px 0; }
.footer-nav > ul > li .popbox .browser-list li { height: 50px; }
.footer-nav > ul > li .popbox .browser-list li a { display: block; line-height: 50px; font-size: 18px; color: #fff; }
.footer-nav > ul > li .popbox .browser-list li:hover a { color: #ffdbaa; }
.footer-nav > ul > li .popbox .browser-list li .icon { display: inline-block; *display: inline; *zoom: 1; overflow: hidden; vertical-align: middle; margin-right: 15px; margin-bottom: 2px; width: 28px; height: 28px; }
.footer-nav > ul > li .popbox .browser-list li .icon-2007 { background: url(../images/icon_2007.png); }
.footer-nav > ul > li .popbox .browser-list li .icon-u { background: url(../images/icon_u.png); }