body { margin: 0; padding: 0; font-size: 14px; font-family: 'Microsoft YaHei',sans-serif; line-height: 1.8em; color: #333; background-color: #f2f2f2; }
h1, h2, h3, h4, h5, h6, p, ul, li { display: block; margin: 0; padding: 0; font-size: 14px; font-weight: normal; line-height: 1.8em; list-style: none; }
img { border: none; }
a { color: #333; text-decoration: none; }
a:hover { color: #008bff; }

.linear, .bezier { transition-duration: 1s; -webkit-transition-duration: 1s; }
.bezier { transition-timing-function: cubic-bezier(.1,.57,.1,1); -waebkit-transition-timing-function: cubic-bezier(.1,.57,.1,1); }
.delay { transition-delay: 1s; -webkit-transition-delay: 1s; }

.nonsupport { }
.nonsupport .blacker { position: absolute; background-color: #000; top: 0; right: 0; bottom: 0; left: 0; _width: 100%; _height: expression(eval(document.documentElement.clientHeight)); opacity: .35; filter: alpha(opacity=35); z-index: 2; }
.nonsupport .container { position: absolute; background-color: #3e3e3e; width: 800px; height: 300px; top: 50%; left: 50%; margin-top: -150px; margin-left: -400px; color: #fff; z-index: 3; }
.nonsupport h1 { margin: 50px 100px; margin-bottom: 20px; font-size: 36px; line-height: 1.8em; border-bottom: #fff 1px solid; }
.nonsupport p { margin: 0 100px; font-size: 16px; }
.nonsupport a { display: block; position: absolute; bottom: 30px; right: 100px; width: 120px; height: 38px; line-height: 38px; font-size: 16px; text-decoration: none; text-align: center; background-color: #b6ff00; color: #42650f; }
.nonsupport span { display: block; position: absolute; width: 128px; height: 128px; font-size: 128px; line-height: 1em; text-align: center; }
.nonsupport span.lt { top: 50px; left: 0; *left: -20px; }
.nonsupport span.rt { top: 150px; right: 0; *right: -20px; }

.wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; min-width: 1200px; z-index: 1; }
.header { position: absolute; top: 0; left: 0; width: 100%; height: 60px; color: #fff; z-index: 10;background-color: #272c30;}
.header a { color: #fff; }
.header::after { display: block; content: ''; position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 0; transition-duration: .2s; -webkit-transition-duration: .2s; transition-delay: .5s; -webkit-transition-delay: .5s; }
.header.active::after { height: 100%; background-color: rgba(33,33,33,.3); transition-delay: .1s; -webkit-transition-delay: .1s; }
.logo{margin-left: 30px;margin-top: 15px;}
.mainNav, .mainNav ul { position: absolute; font-size: 0; letter-spacing: -5px; }
.mainNav { top: 0; left: 220px; height: 60px; }
.mainNav li { position: relative; display: inline-block; *display: inline; *zoom: 1; font-size: 14.5px; letter-spacing: normal; }
.mainNav > li::after { display: block; content: ''; position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 58px; transition-duration: .5s; -webkit-transition-duration: .5s; z-index: -1; }
.mainNav > li:hover::after { background-color: rgba(17,17,17,.25);border-bottom: 2px #ec6941 solid;}
.mainNav > li > a { display: block; height:20px; line-height: 60px; padding: 0 1em; }
.mainNav ul { position: absolute; overflow: hidden; height: 0; top: 60px; transition-duration: .3s; -webkit-transition-duration: .3s; transition-delay: .1s; -webkit-transition-delay: .1s; }
.mainNav > li:hover ul { height:375px; }
.mainNav ul::after { display: block; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(17,17,17,.9); z-index: -1; }
.mainNav ul li { padding: 10px 20px; }
.mainNav ul li { border-bottom: rgba(255,255,255,.15) 1px solid; }
.mainNav ul li a:hover{color: #ec6941;}
.mainNav ul li a { display: block; position: relative; text-align: center;width: 120px; height: 1.8em; }
.mainNav ul li img { position: absolute; top: 0; left: 50%; margin-left: -60px; }

.mainNav > li li:nth-child(10n) { display:none;}

.header .other { position: absolute; top: 0; right: 0; height: 60px; text-align: right; line-height: 60px;margin-right: 30px; }
.header .other > div, .header .other > a { display: inline-block; *display: inline; *zoom: 1; line-height: 60px; height: 60px; vertical-align: top; }
.header .tel { padding-left: 30px; padding-right: 10px; background-image: url(../images/phone.png); background-repeat: no-repeat; background-position: center left; }
.header .tel b { font-size: 16.5px; font-family: Verdana; }
.header .other a { padding: 0 5px; }
.header .other a.down { color: #ff4848; font-weight: bold; }
.header .other a.down:hover { color: #008bff; }

.blacker { position: fixed; z-index: 50000; width: 100%; height: 100%; top: 0; left: 0; background-color: #000; opacity: .2; filter: alpha(opacity=20); }
.winner-wrap { position: fixed; z-index: 55000; width: 550px; top: 50%; left: 50%; margin-top: -300px; margin-left: -278px; background-color: #fafafa; border: #dfdfdf 3px solid; }
.winner-header { position: relative; height: 35px; line-height: 35px; background-color: #ececec; }
.winner-header h1 { padding-left: 15px; line-height: 35px; font-weight: bold; font-size: 14px; }
.winner-header a { display: block; width: 24px; height: 0; padding-top: 24px; overflow: hidden; background-position: 8px 8px; position: absolute; top: 6px; right: 6px; background-image: url(/templates/2015/images/show_close.png); background-repeat: no-repeat; }
.winner-content { border-top: #dfdfdf 1px solid; }