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, nav1, 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 img { border: none; }

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

html { font-family: "Microsoft YaHei" SimSun; font-size: 10px; }

body { overflow: hidden; background: #000; }

a { text-decoration: none; }
a:focus { outline: none; }

.full { width: 100%; overflow: hidden; }

.center { width: 1000px; height: 100%; margin: 0 auto; position: relative; }

.left { float: left; }

.right { float: right; }

.top { background: url("../images/bg_top.png"); border-bottom: 2px solid #d9dcdd; position: fixed; top: 0; left: 0; z-index: 2; }
.top .center { height: 108px; }
.top .center .logo { width: 245px; height: 64px; padding-top: 4px; }
.top .center .nav li,.top .center .nav1 li { display: block; float: left; }
.top .center .nav li a ,.top .center .nav1 li a{ display: block; height: 108px; line-height: 108px; padding: 0 15px; color: #fff0cf; font-size: 1.4em; -moz-transition: all 200ms; -o-transition: all 200ms; -webkit-transition: all 200ms; transition: all 200ms; }
.top .center .nav li a:hover ,.top .center .nav1 li a:hover{ background: #782c04; }
.top .center .nav li.on a ,.top .center .nav li.on a{
  float: left; color:#eaff00; border-bottom:solid 3px #eaff00;
}
.top .center a.service { display: block; font-size: 1.4em; color: #fff0cf; padding: 0 10px; height: 108px; line-height: 108px; }
.top .center a.service:hover { background: #782c04; }

.items { position: relative; z-index: 1; }
.items .item { width: 100%; height: 920px; }
.items .item + .item { margin-top: 40px; }
.items .item.index { background: url("../images/bg_index.jpg") no-repeat center top; }
.items .item.information { background: url("../images/bg_information.jpg") no-repeat center top; }
.items .item.lebo { background: url("../images/bg_lebo.jpg") no-repeat center top; }
.items .item.vip { background: url("../images/bg_vip.jpg") no-repeat center top; }
.items .item.ag { background: url("../images/bg_ag.jpg") no-repeat center top; }
.items .item.pay { background: url("../images/bg_pay.jpg") no-repeat center top; }
.items .item.service { background: url("../images/bg_service.jpg") no-repeat center top; }
.items .item .center { display: none; }

.index .main { width: 530px; height: 350px; position: absolute; position: absolute; top: 300px; left: 90px; }
.index .main > div { text-align: center; margin: 20px auto; }
.index .main .link { height: 81px; margin-left: 110px; }
.index .main .link a { display: block; width: 93px; height: 81px; float: left; background-image: url(../images/links.png); text-indent: -99108px; }
.index .main .link a:hover { background-image: url(../images/links_h.png); text-indent: -99108px; }
.index .main .link a + a { margin-left: 15px; }
.index .main .link a.link01 { background-position: 0px 0px; }
.index .main .link a.link02 { background-position: -103px 0px; }
.index .main .link a.link03 { background-position: -205px 0px; }

.information .main { width: 450px; height: 280px; position: absolute; top: 250px; left: 0px; text-align: center; }
.information .main p { text-align: center; font-family: "Microsoft YaHei"; color: #0a0c14; margin: 10px 0; }
.information .main p.p1 { font-size: 20px; }
.information .main p.p2 { font-size: 60px; }
.information .main p.p3 { font-size: 18px; margin-bottom: 30px; }
.information .main a { display: block; width: 240px; height: 55px; margin: 20px auto; line-height: 55px; color: #ffde9c; font-size: 20px; background: #d01b1b; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.information .main a:hover { background: #fa0202; }
.information .main a img { vertical-align: middle; margin-right: 8px; position: relative; top: -2px; }

.lebo .main { width: 660px; position: absolute; top: 210px; left: 170px; text-align: center; }
.lebo .main .code { width: 280px; height: 100px; }
.lebo .main .text { width: 350px; height: 100px; }
.lebo .main p { color: #fff0cf; text-align: left; }
.lebo .main p.t1 { width: 165px; margin-left: 10px; }
.lebo .main p.t2 { width: 350px; }
.lebo .main p span { display: block; line-height: 120%; }
.lebo .main p span.small { font-size: 20px; }
.lebo .main p span.big { font-size: 37px; }
.lebo .main p.t1 .small { padding: 10px 0 10px; }
.lebo .main p.t2 .small { padding: 5px 0 0; }

.ag .main { width: 450px; height: 320px; position: absolute; top: 220px; left: 80px; text-align: center; }
.ag .main p { text-align: center; font-family: "Microsoft YaHei"; color: #0a0c14; margin: 20px 0; }
.ag .main p.p1 { font-size: 30px; font-weight: bold; }
.ag .main p.p2 { font-size: 16px; line-height: 160%; text-align: justify; }
.ag .main .codeimg { float: left; margin-right: 30px; }
.ag .main .link { float: left; }
.ag .main a { display: block; width: 240px; height: 55px; margin: 10px 0 30px; line-height: 55px; color: #fff; font-size: 20px; background: #d01b1b; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.ag .main a:hover { background: #fa0202; }
.ag .main a img { vertical-align: middle; margin-right: 8px; position: relative; top: -2px; }

.vip .main { width: 684px; height: 450px; position: absolute; top: 160px; right: -30px; text-align: center; }
.vip .main p { text-align: center; font-family: "Microsoft YaHei"; color: #0a0c14; }
.vip .main p.p1 { font-size: 25px; font-weight: bold; }
.vip .main p.p2 { font-size: 18px; line-height: 160%; font-weight: bold; margin: 5px 0; }
.vip .main p.p3 { font-size: 16px; line-height: 160%; font-weight: bold; color: #ffedc5; }
.vip .main p.t3 { margin: 10px 0 5px; }
.vip .main .table { padding: 20px; background: url(../images/bg_table.jpg) no-repeat center center; }
.vip .main .table table { width: 646px; color: #fff; }
.vip .main .table table tr { height: 25px; }
.vip .main .table table tr th, .vip .main .table table tr td { border: 1px solid #7e533f; text-align: center; }
.vip .main .table table tr th { background: #542e1d; font-size: 14px; font-weight: bold; }
.vip .main .table table tr td { background: #3d2419; font-size: 12px; }

.pay.item .center { display: block; }
.pay a { display: block; position: absolute; left: 50%; opacity: 0.3; filter: alpha(opacity=30); }
.pay a.pay_t1 { width: 81px; height: 81px; top: 208px; margin-left: -350px; }
.pay a.pay_t2 { width: 383px; height: 230px; top: 145px; margin-left: -123px; }
.pay a.pay_t3 { width: 445px; height: 236px; top: 360px; margin-left: 230px; }
.pay a.pay_t4 { width: 181px; height: 182px; top: 600px; margin-left: 320px; }
.pay a.pay_t5 { width: 200px; height: 200px; top: 550px; margin-left: -220px; }
.pay a.pay_t6 { width: 240px; height: 240px; top: 347px; margin-left: -507px; }

.service .main { width: 820px; height: 310px; position: absolute; top: 280px; left: 90px; }
.service .main p { font-family: "Microsoft YaHei"; font-size: 14px; color: #fff; text-align: center; }
.service .main p.p1 { font-size: 40px; margin-bottom: 25px; }
.service .main p.p1 span { color: red; font-style: italic; font-family: Arial; font-weight: bold; font-size: 70px; }
.service .main p.p2 { font-size: 24px; margin: 20px 0; }
.service .main p.p3 { font-size: 14px; }
.service .main p.p3 img { vertical-align: middle; margin-right: 5px; }
.service .main table { width: 100%; font-size: 14px; }
.service .main table tr { height: 50px; }
.service .main table tr th, .service .main table tr td { border: 1px solid #fff; text-align: center; color: #fff; }

.fixed { position: fixed; top: 50%; margin-top: -150px; right: 20px; left: auto; z-index: 3; }
.fixed .sidenav { position: relative; }
.fixed .nav { position: relative; z-index: 2; }
.fixed .nav li { display: block; width: 40px; height: 40px; background: url("../images/sidebar.png") no-repeat center center; cursor: pointer; }
.fixed .nav li:hover { background: url("../images/sidebar_h.png") no-repeat center center; }
.fixed .nav li.on { background: url("../images/sidebar_on.png") no-repeat center center; }
.fixed .line { position: absolute; z-index: 1; width: 1px; height: 200px; top: 19px; left: 19px; background: #9b9b9b; }

.testbg { height: 110px; width: 100%; padding: 15px 0; background: url(../images/testbg.png); position: fixed; left: 0; bottom: -140px; z-index: 4000; }

#test { height: 70px; width: 1100px; margin: 0 auto; position: relative; padding-left: 100px; }
#test a { display: block; width: 106px; height: 70px; float: left; position: relative; margin: 0 10px; }
#test a span { display: block; width: 102px; text-align: center; }
#test a span.time { height: 35px; line-height: 35px; font-family: Arial; font-size: 14px; color: #fff; }
#test a span.line { height: 31px; line-height: 30px; border: 1px solid #fff; color: #fff; font-weight: bold; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; }
#test a.all span.line { border: 2px solid #f0f180; }
#test a.all span.num { color: #f0f180; }
#test a.fast span.line { background: #d03737; }
#test a:hover span.line { background: #d03737; }
#test .music { width: 50px; height: 50px; position: absolute; top: 0px; left: 30px; }
#test #play { display: block; width: 36px; height: 36px; background: url(../images/btn_play.png) no-repeat center center; cursor: pointer; }
#test #play.pause { background: url(../images/btn_pause.png) no-repeat center center; }

.browser { width: 1000px; height: 40px; margin: 0 auto; }
.browser .logo { float: left; margin-left: 30px; }
.browser .info { float: left; width: 550px; margin-left: 50px; line-height: 20px; font-size: 11px; text-align: left; color: #fff; }
.browser .download { width: 150px; height: 40px; float: right; margin: 0 30px 0 0; }
.browser .download a { display: block; width: 150px; height: 40px; line-height: 40px; color: #fff; font-size: 20px; background: #d01b1b url(../images/download.png) no-repeat center center; text-indent: -99108px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }
.browser .download a:hover { background-color: #fa0202; }