/*Reset*/
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, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, u, 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 { text-decoration: none; -webkit-tap-highlight-color: transparent; }

a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }

/*tools*/
.fix:after { display: block; content: "$"; height: 0; clear: both; overflow: hidden; visibility: hidden; }

ul.fix li { float: left; }

.l { float: left; }

.r { float: right; }

.cell { display: table-cell; width: 2000px; }

button, select, textarea, input:not([type="radio"]):not([type="checkbox"]) { -webkit-appearance: none; appearance: none; }

a[href*="tongji"] { display: none; }

/* Mobile Sass(.scss) Library by @BlwooSky */
html{height: 100%}
body { font-family: "Microsoft YaHei";height: 100%; }

.ddtop { height: 9%;line-height: 243%; width: 100%; background: #fff; text-align: center; color: #fff; font-weight: bolder; }
.ddtop img{    max-width: 100%;}
.co1 { background: #ee9e45; }

.co2 { background: #3b94cc; }

.co3 { background: #6ebd2c; }

.co4 { background: #14d0cf; }

.ddzx { margin: 6px 0;height: 80%; }
.ddzx a { color: #fff; width: 100%; height: 100%; display: block; padding:10px 0;}
.ddzx ul { width: 100%;height: 16%; display: table; table-layout: fixed; }
.ddzx li { display: table-cell; height: 100%; text-align: center; vertical-align: middle; padding: 1px 1px 0 0; }
.ddzx li:nth-of-type(3n) { padding: 1px 0 0 0; }
.ddzx b { font-size: 14px; line-height: 24px; }
.ddzx p { font-size: 12px; }
.ddzx span { color: #d00; }

.ddfot { position: fixed;left: 0;bottom: 0; width: 100%; height: 9%; z-index: 1000;}
.ddfot ul { width: 100%;height: 100%; display: table;background: #fff; table-layout: fixed; border-top: 1px solid #5aa218; }
.ddfot li { display: table-cell; text-align: center; vertical-align: middle; font-size: 14px; }
.ddfot li a:before { content: ""; width: 23px; height: 21px; display: inline-block; margin: 0 6px 0 0; vertical-align: middle; background: url(../images/ddbg.png) no-repeat; -webkit-background-size: 71px auto; background-size: 71px auto; }
.ddfot li:nth-of-type(2) a:before { background-position: -24px 0; }
.ddfot li:last-of-type a:before { background-position: -48px 0; }
.ddfot li a { color: #000; display: block; }
.ddfot li:first-of-type { background: #5aa218; color: #fff; }
.ddfot li:first-of-type a { color: white; }