/* Code tidied up by ScrapBook */
.fl { float: left; }
.mt10 { margin-left: 10px; }
.ml10 { margin-left: 10px; }
.ml50 { margin-left: 50px; }
.clearfix {  }
.warp { width: 1200px; 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 center top; height: 80px; width: 100%; overflow: hidden; }
#header a.fl { height: 80px; }
#Version { width: 100%; height: 900px; position: relative; overflow: hidden; margin: 0px auto; z-index: -2; }
#Flash { width: 1920px; height: 900px; position: absolute; left: 50%; margin: 0px auto -272px -960px; z-index: 0; }
#Header { margin: 0px auto -290px -960px; width: 1920px; height: 900px; position: relative; left: 50%; line-height: 0px; z-index: -1; }
#header .ban { float: right; width: 50px; height: 50px; margin-top: 10px; opacity: 0.9; }
#header #demo { overflow: hidden; height: 50px; line-height: 50px; width: 900px; color: rgb(255, 255, 255); white-space: nowrap; float: left; margin-top: 10px; font-size: 24px; margin-left: 0px; padding-left: 30px; }
#header #demo2 { width: 900px; }
.hao123 { width: 260px; height: 20px; top: 5px; left: 50%; margin-left: 400px; opacity: 0.2; position: absolute; z-index: 55; }
.m3 { width: 100%; height: auto; overflow: hidden; padding-bottom: 0px; z-index: 999999; }
.cr { clear: both; }
.ps988_zb { width: 1137px; height: auto; overflow: hidden; margin: auto; padding-top: 10px; padding-bottom: 10px; }
.ps988_zb_3 { width: 370px; height: auto; overflow: hidden; float: left; background: rgb(245, 241, 241) none repeat scroll 0% 0%; border: 1px solid rgb(255, 255, 255); position: relative; margin-top: 0px; }
.ps988_zb_3:hover { box-shadow: 0px 4px 14px rgba(255, 255, 255, 0.7); width: 370px; height: auto; overflow: hidden; float: left; background: rgb(255, 255, 255) none repeat scroll 0% 0%; border: 1px solid rgb(255, 255, 255); position: relative; }
.ps988_zb_3_t { width: 370px; height: 41px; float: left; background: rgb(255, 255, 255) none repeat scroll 0% 0%; line-height: 41px; color: rgb(0, 0, 0); text-align: center; font-size: 16px; font-weight: bold; border-bottom: 1px solid rgb(255, 255, 255); }
.ps988_zb_3_d { width: 370px; height: 1px; float: left; background: rgb(255, 255, 255) none repeat scroll 0% 0%; position: relative; }
.ps988_zb_3 .role-itemst { width: 370px; height: auto; float: left; position: relative; padding: 10px; }
.ps988_zb_3 .role-itemst img { width: 340px; height: auto; overflow: hidden; display: block; transition: all 0.5s ease 0s; padding: 5px; }
.ps988_zb_2 { width: 560px; height: auto; overflow: hidden; float: left; background: rgb(245, 241, 241) none repeat scroll 0% 0%; border: 1px solid rgb(255, 255, 255); margin-top: 0px; }
.ps988_zb_2:hover { box-shadow: 0px 4px 14px rgba(255, 255, 255, 0.7); width: 560px; height: auto; overflow: hidden; float: left; background: rgb(255, 255, 255) none repeat scroll 0% 0%; border: 1px solid rgb(255, 255, 255); }
.ps988_zb_2_t { width: 560px; height: 41px; float: left; background: rgb(255, 255, 255) none repeat scroll 0% 0%; line-height: 41px; color: rgb(0, 0, 0); text-align: center; font-size: 16px; font-weight: bold; border-bottom: 1px solid rgb(255, 255, 255); }
.ps988_zb_2_d { width: 560px; height: 1px; float: left; background: rgb(255, 255, 255) none repeat scroll 0% 0%; position: relative; }
.ps988_zb_2 .role-itemst { width: 560px; height: auto; float: left; position: relative; padding: 10px; }
.ps988_zb_2 .role-itemst img { width: 530px; height: auto; overflow: hidden; display: block; transition: all 0.5s ease 0s; padding: 5px; }
.ps988_zb_1 { width: 1137px; height: auto; overflow: hidden; float: left; background: rgb(245, 241, 241) none repeat scroll 0% 0%; border: 1px solid rgb(255, 255, 255); }
.ps988_zb_1:hover { box-shadow: 0px 4px 14px rgba(255, 255, 255, 0.7); width: 1137px; height: auto; overflow: hidden; float: left; background: rgb(255, 255, 255) none repeat scroll 0% 0%; border: 1px solid rgb(255, 255, 255); }
.ps988_zb_1_t { width: 1137px; height: 41px; float: left; background: rgb(255, 255, 255) none repeat scroll 0% 0%; line-height: 41px; color: rgb(0, 0, 0); text-align: center; font-size: 16px; font-weight: bold; border-bottom: 1px solid rgb(255, 255, 255); }
.ps988_zb_1_d { width: 1137px; height: 1px; float: left; background: rgb(255, 255, 255) none repeat scroll 0% 0%; position: relative; }
.ps988_zb_1 .role-itemst { width: 1137px; height: auto; float: left; position: relative; padding: 20px; }
.ps988_zb_1 .role-itemst img { width: 1080px; height: auto; overflow: hidden; display: block; transition: all 0.5s ease 0s; padding: 10px; }
#headers { margin: -7px auto 0px -800px; width: 1280px; height: 82px; position: absolute; left: 50%; z-index: 99999; }
#menu { float: right; width: 845px; height: 82px; }
#menu ul { float: left; }
#menu ul li { float: left; margin-left: 28px; display: inline; }
#menu ul li a { float: left; width: 134px; height: 62px; line-height: 29px; text-align: center; font-size: 19px; color: rgb(240, 225, 194); padding-top: 12px; background: rgba(0, 0, 0, 0) url("menu_bg.png") no-repeat scroll left -85px; transition: background-position 0.2s ease-in 0s; }
#menu ul li.change a, #menu ul li a:hover { text-decoration: none; background-position: left 0px; margin-top: -3px; }
#menu ul li a span { line-height: 15px; font-size: 11px; font-family: "times new roman",times,serif; color: rgb(141, 124, 96); display: block; }
#music { width: 96px; height: 450px; position: fixed; left: 60px; top: 0px; margin-top: 0px; z-index: 6000; }
#music .music { width: 68px; height: 102px; padding-top: 0px; }