/* reset.css */
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, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, 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-size: 100%; font: inherit; vertical-align: baseline; }

body { line-height: 1; font-family: "Microsoft YaHei",sans-serif; }

a { color: #404040; text-decoration: none; outline: none; }

a:focus { outline: none; }

ol, ul { list-style: none; }

#model { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: url(./images/bggg.jpg) no-repeat top; z-index: 9999; }

#model .model-close { display: block; width: 40px; height: 40px; position: absolute; top: 44px; right: -18px; background: url(./images/model-x_37x37.png) no-repeat center; }

#model .model-container { width: 686px; height: 496px; position: absolute; top: 50%; left: 50%; margin-top: -248px; margin-left: -343px; background: url(./images/model-bg_685x495.png) no-repeat center; }

#model .icon-list { width: 640px; height: 170px; padding: 0 29px; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; bottom: 28px; right: 0; }

#model .icon-list .item { float: left; width: 134px; margin: 0 30px; text-align: center; }

#model .icon-list .item img { -webkit-transition: all .2s ease-in; transition: all .2s ease-in; -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); }

#model .icon-list .item h2 { font-size: 18px; line-height: 36px; }

#model .icon-list .item:hover img { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }