/* Code tidied up by ScrapBook */
.fl { float: left; }
.fr { float: right; }
.mt10 { margin-left: 12px; }
.ml50 { margin-left: 50px; }
.clearfix {  }
.warp { width: 1280px; margin-left: auto; margin-right: auto; }
.microHei { font-family: "Microsoft YaHei"; }
#header { background: rgba(0, 0, 0, 0) url("brief_01.jpg") repeat-x scroll 0% 0%; height: 61px; padding-top: 0px; width: 100%; position: relative; }
.top_logo { position: fixed; top: 0px; left: 50px; width: 235px; height: 235px; background: rgba(0, 0, 0, 0) url("top_logo.png") repeat scroll 0% 0%; z-index: 1000; }
#header a.fl { height: 65px; }
#header .ban { float: left; width: 50px; height: 50px; margin-top: 20px; opacity: 0.5; }
#header #demo { overflow: hidden; height: 50px; line-height: 50px; width: 1000px; color: rgb(218, 158, 111); white-space: nowrap; float: left; margin-top: 10px; font-size: 24px; margin-left: 150px; }
.an_buut { position: fixed; width: 235px; height: 235px; background: rgba(0, 0, 0, 0) url("logo_001.png") no-repeat scroll 0% 0%; left: 50%; margin-left: -800px; z-index: 100000; margin-top: -20px; }
.an_buut img { margin-left: 30px; margin-top: 10px; }
#Version { width: 100%; height: 810px; position: relative; overflow: hidden; z-index: -3; }
#Flash { width: 1920px; height: 810px; position: absolute; left: 50%; margin: 0px auto -272px -960px; z-index: -1; }
#Header { margin: 0px auto -290px -960px; width: 1920px; height: 810px; position: absolute; left: 50%; z-index: -2; line-height: 0px; }
.hao123 { width: 260px; height: 20px; top: 0px; left: 50%; margin-left: -1560px; opacity: 0.3; position: absolute; z-index: 55; }
.kv-music { position: absolute; top: 0px; left: 50%; margin-left: 560px; width: 80px; height: 100px; z-index: 1000; }
#Topbar { height: 110px; background: rgba(0, 0, 0, 0) url("np.png") repeat-x scroll 0px 0px; }
.Topwrap { width: 1200px; margin: 0px auto; position: relative; height: 100%; }
#Topnav { height: 100px; background: rgba(0, 0, 0, 0) url("topnav.jpg") no-repeat scroll 0px 0px; width: 672px; float: left; }
#Topnav li { float: left; }
#Topnav a { display: block; width: 222px; height: 100px; margin-left: 2px; text-indent: -999em; }
#Topnav a:hover { background-image: url("topnav.jpg"); background-repeat: no-repeat; }
#Topnav a.n1:hover { background-position: -2px -100px; }
#Topnav a.n2:hover { background-position: -226px -100px; }
#Topnav a.n3:hover { background-position: -450px -100px; }
#Topbar .entry { background: rgba(0, 0, 0, 0) url("entry.jpg") no-repeat scroll 0px 0px; display: block; width: 236px; height: 100px; overflow: hidden; text-indent: -999em; float: left; }
#Topbar .forum { background: rgba(0, 0, 0, 0) url("forum.jpg") no-repeat scroll 0px 0px; display: block; width: 236px; height: 100px; margin-left: 7px; overflow: hidden; text-indent: -999em; float: left; }
#Topbar .entry:hover { background: rgba(0, 0, 0, 0) url("entry_1.jpg") no-repeat scroll 0px 0px; }
#Topbar .forum:hover { background: rgba(0, 0, 0, 0) url("forum_1.jpg") no-repeat scroll 0px 0px; }
.musicbox { width: 65px; height: 100px; position: fixed; z-index: 500; top: 0px; left: 50%; cursor: pointer; margin-left: -750px; }
.musicplay {  }
.musicstop {  }
.btn_payss { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; text-indent: -99em; overflow: hidden; z-index: 999999; }
i { font-style: normal; }
a:hover { color: rgb(255, 222, 0); text-decoration: none; }
.ht1 { overflow: hidden; text-indent: -9999px; }
.area { width: 1000px; margin: 0px auto; }
.area { width: 1200px; margin: 0px auto; }
.topbg { height: 100px; width: 100%; background: rgb(0, 0, 0) none repeat scroll 0% 0%; }
.top { height: 100px; position: relative; z-index: 10000; width: 1280px; }
.logo { width: 220px; height: 80px; position: absolute; top: 10px; left: 8px; cursor: default; }
.logo img { width: 100%; height: 100%; }
.logo2 { width: 50px; height: 50px; position: absolute; top: 5px; left: 50%; cursor: pointer; opacity: 0.5; margin-left: 600px; z-index: 999999; }
.logo2 img { width: 100%; height: 100%; }
.mainnav { width: 800px; position: absolute; top: 0px; left: 400px; overflow: hidden; }
.mainnav ul { width: 100%; }
.mainnav:hover {  }
.mainnav:hover ul {  }
.mainnav li { width: 111px; float: left; position: relative; text-align: center; height: auto !important; overflow: hidden; }
.mainnav li:hover { background: rgba(0, 0, 0, 0) url("mainnav_noshadow.png") no-repeat scroll 0% 0%; }
.mainnav li .tit { width: 100%; height: 68px; color: rgb(255, 255, 255); display: block; text-align: center; padding: 36px 0px 0px; }
.mainnav li .tit em { display: block; width: 100%; font-size: 14px; transition: all 0.2s ease-in-out 0s; }
.mainnav li .tit span { color: rgb(183, 148, 80); font-size: 8px; display: block; transform: scale(0.7); transform-origin: center center 0px; font-weight: 100; }
.mainnav li .detail_list { width: 100%; padding: 4px 0px 0px; overflow: hidden; display: block !important; height: 0px; }
.mainnav li .detail_list a { display: block; width: 84px; height: 24px; line-height: 24px; text-align: center; vertical-align: baseline; margin: 12px auto; color: rgb(255, 255, 255); font-size: 12px; transition: all 0.1s ease-in 0s; }
.mainnav li .detail_list a:hover { background: rgb(254, 221, 69) none repeat scroll 0% 0%; border-radius: 3px; box-shadow: 3px 3px 5px rgb(59, 59, 59); color: rgb(0, 0, 0); }
.mainnav ul li:hover .tit em { color: rgb(255, 222, 69); }
.mainnav li.li01 { height: 102px; background-position: 1000px 1000px; }
.mainnav li.li02 { height: 333px; background-position: 0px 0px; }
.mainnav li.li03 { height: 333px; background-position: -111px 0px; }
.mainnav li.li04 { height: 333px; background-position: -222px 0px; }
.mainnav li.li05 { height: 333px; background-position: -333px 0px; }
.mainnav li.li06 { height: 333px; background-position: -444px 0px; }
.mainnav li.li07 { height: 333px; background-position: -555px 0px; }
.mainnav li.li08 { height: 333px; background-position: -666px 0px; }
.PartTitle2 { padding: 14px 0px 14px 38px; height: 35px; line-height: 35px; position: relative; font-size: 19px; font-weight: normal; color: rgb(17, 133, 190); background: rgba(0, 0, 0, 0) url("icon_.png") no-repeat scroll left center; border-bottom: 1px solid rgb(210, 201, 233); }
.PartTitle2 span { font-size: 13px; font-family: "times new roman",times,serif; color: rgb(17, 133, 190); text-transform: uppercase; }
.PartTitle2 .more { position: absolute; font-size: 12px; color: rgb(17, 133, 190); right: 5px; padding-right: 27px; background: rgba(0, 0, 0, 0) url("icon_more.png") no-repeat scroll right center; }
.PartTitle2 .more:hover { color: rgb(17, 133, 190); }
.ml10 { margin-left: 10px; }
.m5 { width: 100%; height: auto; overflow: hidden; padding-bottom: 170px; padding-top: 130px; background: rgba(0, 0, 0, 0) url("index_02.jpg") no-repeat scroll center bottom; z-index: 999999; }
.zb { width: 1280px; height: auto; overflow: hidden; margin: 0px auto; padding: 10px 0px; }
.zb_3bg { padding: 10px; width: 395px; height: auto; overflow: hidden; float: left; background-color: rgb(59, 162, 213); position: relative; border: 1px solid rgb(255, 255, 255); }
.zb_3 { padding: 10px; width: 375px; height: auto; float: left; position: relative; overflow: hidden; background-color: rgb(255, 255, 255); box-shadow: 0px 0px 2px rgb(211, 203, 234) inset; }
.zb_3_t { width: 375px; height: 41px; float: left; background: rgb(19, 35, 37) none repeat scroll 0% 0%; line-height: 41px; color: rgb(189, 165, 117); text-align: center; font-size: 16px; font-weight: bold; }
.zb_3_d { width: 375px; height: 0px; float: left; background: rgb(236, 232, 229) none repeat scroll 0% 0%; position: relative; }
.zb_3 .role-itemst { width: 365px; height: auto; float: left; position: relative; }
.zb_3 .role-itemst img { width: 360px; height: auto; overflow: hidden; display: block; animation: 1s ease-in-out 0.2s normal both 1 running trans_top; padding: 5px; }
.zb_1bg { padding: 10px; width: 1248px; height: auto; overflow: hidden; float: left; background-color: rgb(59, 162, 213); position: relative; border: 1px solid rgb(255, 255, 255); }
.zb_1 { padding: 10px; width: 1228px; height: auto; float: left; position: relative; overflow: hidden; background-color: rgb(255, 255, 255); box-shadow: 0px 0px 2px rgb(211, 203, 234) inset; }
.zb_1_t { width: 1228px; height: 41px; float: left; background: rgb(19, 35, 37) none repeat scroll 0% 0%; line-height: 41px; color: rgb(189, 165, 117); text-align: center; font-size: 16px; font-weight: bold; }
.zb_1_d { width: 1228px; height: 0px; float: left; background: rgb(236, 232, 229) none repeat scroll 0% 0%; position: relative; }
.zb_1 .role-itemst { width: 1218px; height: auto; float: left; position: relative; }
.zb_1 .role-itemst img { width: 1218px; height: auto; overflow: hidden; display: block; animation: 1s ease-in-out 0.2s normal both 1 running trans_top; padding: 5px; }