/* Code tidied up by ScrapBook */
* { margin: 0px; padding: 0px; }
body, td, th { font-size: 14px; }
body { font-size: 14px; color: rgb(255, 255, 255); background: rgba(0, 0, 0, 0) url("bg1.jpg") repeat scroll 0% 0%; margin: 0px; }
a { font-size: 14px; color: rgb(255, 255, 255); }
a:link { text-decoration: none; }
a:visited { text-decoration: none; color: rgb(255, 255, 255); }
a:hover { color: rgb(153, 0, 0); text-decoration: none; }
a:active { text-decoration: none; color: rgb(153, 0, 0); }
ul { margin: 0px; padding: 0px; list-style: outside none none; }
img { border: 0px none; }
#Version { width: 100%; height: 1360px; position: relative; overflow: hidden; }
#Flash { width: 1920px; height: 930px; position: absolute; left: 50%; margin: 0px auto 0px -960px; z-index: 1; }
#Header { margin: 0px auto 0px -960px; width: 1920px; height: 1640px; position: absolute; left: 50%; }
.head_1 { width: 1200px; margin: 0px auto 0px -600px; position: absolute; left: 50%; z-index: 2; overflow: hidden; }
.head_2 { width: 1200px; overflow: hidden; }
.head_3 { float: left; width: 346px; overflow: hidden; }
.head_4 { float: right; width: 854px; overflow: hidden; }
.head_5 { width: 346px; height: 794px; position: relative; }
.head_6 { position: absolute; top: 0px; left: 0px; width: 346px; overflow: hidden; z-index: 3; }
.head_7 { position: absolute; top: 100px; left: 95px; width: 160px; overflow: hidden; z-index: 4; }
.head_7:hover { animation-name: myani; animation-duration: 1s; animation-iteration-count: infinite; }
.head_8 { position: absolute; top: 255px; left: 95px; width: 157px; overflow: hidden; z-index: 4; }
.head_8:hover { animation-name: amyani; animation-duration: 1s; animation-iteration-count: infinite; }
.head_9 { position: absolute; top: 358px; left: 95px; width: 157px; overflow: hidden; z-index: 4; }
.head_9:hover { animation-name: amyani; animation-duration: 1s; animation-iteration-count: infinite; }
.head_10 { position: absolute; top: 458px; left: 95px; width: 155px; overflow: hidden; z-index: 4; }
.head_10:hover { animation-name: amyani; animation-duration: 1s; animation-iteration-count: infinite; }
.head_11 { position: absolute; top: 560px; left: 93px; width: 160px; height: 160px; z-index: 4; }
.head_11 img { width: 160px; height: 160px; transition: all 0.5s ease 0s; }
.head_11 img:hover { transform: scale(1.1); }
@keyframes myani {
0% { margin-top: 5px; }
10% { margin-top: -5px; }
20% { margin-top: 5px; }
30% { margin-top: -5px; }
}
@keyframes amyani {
0% { margin-top: 5px; }
10% { margin-top: -5px; }
20% { margin-top: 5px; }
30% { margin-top: -5px; }
}
@keyframes bmyani {
0% { margin-top: 5px; }
10% { margin-top: -5px; }
20% { margin-top: 5px; }
30% { margin-top: -5px; }
}
@keyframes cmyani {
0% { margin-top: 5px; }
10% { margin-top: -5px; }
20% { margin-top: 5px; }
30% { margin-top: -5px; }
}
.head_12 { width: 854px; overflow: hidden; }
.head_13 { background: rgba(0, 0, 0, 0) url("juni03.jpg") no-repeat scroll center top; width: 854px; height: 558px; position: relative; z-index: 5; }
.head_14 { position: absolute; top: 15px; left: 80px; width: 700px; height: 34px; line-height: 32px; text-align: left; background: rgb(0, 0, 0) none repeat scroll 0% 0%; border-radius: 2em; transition: all 0.5s ease 0s; }
.head_14 a { font-family: "微软雅黑"; font-size: 16px; font-weight: 200; color: rgb(255, 255, 255); padding: 0px 15px; }
.head_14:hover { background: rgb(77, 0, 2) none repeat scroll 0% 0%; border-radius: 1em; }
.head_15 { position: absolute; top: 85px; left: 60px; width: 740px; height: 400px; z-index: 5; }
.head_16 li { display: block; width: 738px; overflow: hidden; line-height: 30px; text-align: left; margin-bottom: 5px; transition: all 0.5s ease 0s; background: rgb(0, 0, 0) none repeat scroll 0% 0%; border-radius: 2em; }
.head_16 li:hover { background: rgb(55, 0, 0) none repeat scroll 0% 0%; border-radius: 2em; }
.head_16 li a { display: block; padding: 0px 0px 0px 36px; font-family: "微软雅黑"; font-weight: 200; color: rgb(255, 255, 204); font-size: 16px; }
.head_16 li a:hover { color: rgb(0, 255, 0); animation-name: dmyani; animation-duration: 1s; }
.head_16 li span { display: block; background: rgba(0, 0, 0, 0) url("hot.jpg") no-repeat scroll 10px center; }
.head_z16 li { display: block; width: 738px; overflow: hidden; line-height: 30px; text-align: left; margin-bottom: 5px; transition: all 0.5s ease 0s; background: rgb(0, 0, 0) none repeat scroll 0% 0%; border-radius: 2em; }
.head_z16 li:hover { background: rgb(55, 0, 0) none repeat scroll 0% 0%; border-radius: 2em; }
.head_z16 li a { display: block; padding: 0px 0px 0px 36px; font-family: "微软雅黑"; font-weight: 200; color: rgb(255, 249, 0); font-size: 16px; }
.head_z16 li a:hover { color: rgb(0, 255, 0); animation-name: dmyani; animation-duration: 1s; }
.head_z16 li span { display: block; background: rgba(0, 0, 0, 0) url("hot.jpg") no-repeat scroll 10px center; }
@keyframes dmyani {
0% { margin-left: 30px; }
}
.zb { background: rgba(0, 0, 0, 0) url("zb2.jpg") repeat-y scroll 0% 0%; width: 1200px; overflow: hidden; margin: 0px auto; }
.zb_1 { background: rgba(0, 0, 0, 0) url("zb1.jpg") no-repeat scroll center top; width: 1200px; overflow: hidden; }
.zb_2 { background: rgba(0, 0, 0, 0) url("zb3.jpg") no-repeat scroll center bottom; width: 1200px; overflow: hidden; }
.zb_3 { background: rgba(0, 0, 0, 0) url("zb5.jpg") repeat-y scroll 0% 0%; width: 1200px; overflow: hidden; margin: 0px auto; }
.zb_4 { background: rgba(0, 0, 0, 0) url("zb4.jpg") no-repeat scroll center top; width: 1200px; overflow: hidden; }
.zb_5 { background: rgba(0, 0, 0, 0) url("zb6.jpg") no-repeat scroll center bottom; width: 1200px; overflow: hidden; }
.zb_6 { background: rgba(0, 0, 0, 0) url("zb8.jpg") repeat-y scroll 0% 0%; width: 1200px; overflow: hidden; margin: 0px auto; }
.zb_7 { background: rgba(0, 0, 0, 0) url("zb7.jpg") no-repeat scroll center top; width: 1200px; overflow: hidden; }
.zb_8 { background: rgba(0, 0, 0, 0) url("zb9.jpg") no-repeat scroll center bottom; width: 1200px; overflow: hidden; }
.zb_9 { width: 1200px; overflow: hidden; }
.zb_10 { background: rgba(0, 0, 0, 0) url("foot.jpg") no-repeat scroll center bottom; }
.zb_11 { margin: 0px auto; width: 1200px; overflow: hidden; }
.footer { margin: 0px; background: rgb(0, 0, 0) none repeat scroll 0% 0%; }
.footer_1 { margin: 0px auto; width: 1200px; overflow: hidden; }
.top { position: absolute; background: rgba(0, 0, 0, 0) url("top1.png") repeat-x scroll 0% 0%; top: 0px; width: 100%; height: 169px; z-index: 98; }
.top_1 { margin: 0px auto 0px -960px; width: 1920px; height: 169px; position: absolute; left: 50%; top: 0px; z-index: 99; }
.top_2 { margin: 0px auto; width: 1200px; height: 100px; z-index: 100; position: relative; }
.top_3 { position: absolute; top: 10px; right: 0px; width: 70px; height: 70px; z-index: 101; }
.top_3 a img { width: 70px; height: 70px; opacity: 0.3; border-radius: 2em; transition: all 0.5s ease 0s; }
.top_3 a img:hover { opacity: 1; }
.top_4 { position: absolute; top: 22px; left: 350px; width: 750px; height: 50px; z-index: 101; }
.kv-music { position: fixed; z-index: 50; top: 150px; right: 50px; width: 58px; height: 100px; }
.fixed_right { background: rgba(0, 0, 0, 0) url("left.png") repeat scroll 0% 0%; width: 150px; height: 500px; position: fixed; left: 0px; bottom: 100px; z-index: 9999; }
.fixed_right_1 { width: 150px; overflow: hidden; }
.fixed_right_1 img { transition: all 0.5s ease 0s; }
.fixed_right_1 img:hover { transform: scale(1.1); }
.fixed_right_2 { width: 150px; height: 145px; line-height: 145px; text-align: center; }
.fixed_right_2 img { padding: 14px 0px; }