/*
*/
@charset "gb2312";
/* CSS Document */
* { margin:0; padding:0; }
body,td,th { font-size: 14px; }
body { font-size: 14px; color:#FFF; background:#000; margin:0px;}

ul {  margin:0 0 0 0; padding: 0; list-style: none; }
img{ border: 0;}


#Version{width:100%; height:862px; position:relative; overflow:hidden;}/*ҳĦ؜ٟ׈ՙՎַֻ*/
#Flash{width:1920px;height:862px;position:absolute;left:50%;margin:0px auto -272px -960px;z-index:1; background-image: url(hb_bg.jpg); background-repeat: no-repeat; top: 70px}/*FLASH*/
#Header {  margin:0 auto -290px -960px; width:1920px;height:862px; position:absolute; left:50%;}/*BG*/
.head_bg { }
.head_5 { margin:0 auto; width:1450px; overflow:hidden;}
.head_6 { width:1450px; overflow:hidden;}
.head_7 { width:1450px; overflow:hidden;}
.head_8 { background:url(boxs02.png) repeat-y ; width:1450px; overflow:hidden;}
.head_9 { background:url(boxs01.png) top no-repeat; width:1450px; overflow:hidden;}
.head_10 { background:url(boxs03.png) bottom no-repeat; width:1450px; overflow:hidden;}

.head_11 { width:1450px; overflow:hidden;}
.head_12 { margin:0 72px 0 72px; width:1300px; overflow:hidden;}
.head_13 { background:url(nev.jpg); width:1300px; height:60px; margin-bottom:10px; line-height:60px; text-align:left;}
.head_13 a { margin-left:30px; font-family:"΢ɭ҅ۚ"; font-size:24px; font-weight:200; color:#6FF;}

#head_14 li { width:1300px; overflow:hidden; line-height:34px; text-align:left; background:url(go1.jpg) left no-repeat; font-family:"΢ɭ҅ۚ"; font-weight:200; font-size:18px; color:#FFF;}
#head_14 a { margin-right:5px; font-family:"΢ɭ҅ۚ"; font-size:18px; font-weight:200; color:#0C9;}
#head_14 span { margin-left:45px;}
#head_14 li:hover { color:#FF0; text-shadow:1px 1px 10px #000;}

.head_15 { width:1300px; overflow:hidden;}
.head_16 { float:left; width:400px; overflow:hidden;}
.head_17 { float:right; width:296px; height:296px; line-height:296px; text-align:center;}
.head_17 img { text-align:center; padding:40px 0;}
.head_19 { float:left; width:400px; overflow:hidden;}

#head_18 li { margin:0 0 0 10px; width:390px; overflow:hidden; line-height:40px; text-align:left; font-family:"΢ɭ҅ۚ"; font-weight:200; font-size:18px; color:#FFF;}
#head_18 a { margin-right:5px; font-family:"΢ɭ҅ۚ"; font-size:22px; font-weight:200; color:#0C9;}
#head_18 span { margin-left:25px;}
#head_18 li:hover { color:#FF0; text-shadow:1px 1px 10px #000;}

.head_21 { width:1300px; overflow:hidden;  }
.head_22 { width:1298px; overflow:hidden;border:double 1px #0CF; background:#000;}
.head_23 { margin:10px 0px; width:1298px; overflow:hidden;}
.head_23 img { transition:0.5s;}
.head_23 img:hover { /*transform:rotate(360deg); display:block;*/}


.head_1 { width:100%; position:absolute; overflow:hidden; z-index:3; top:0; left:0;}
.head_2 { margin:0 auto; width:1450px; overflow:hidden;}
.head_3 { width:1254px; height:1132px; position:relative;
    margin-left: 108px;
}

/*۬ąдť*/
#tab { width:1450px; height:1050px;}
#tab li{ width:204px; height:204px;}

.btn-1 { position:absolute; top:930px; left:40px; z-index:4; width:204px; height:204px;}
.btn-2 { position:absolute; top:885px; left:275px; z-index:4; width:204px; height:204px;}
.btn-3 { position:absolute; top:930px; left:516px; z-index:4; width:204px; height:204px;}
.btn-4 { position:absolute; top:885px; right:275px; z-index:4; width:204px; height:204px;}
.btn-5 { position:absolute; top:930px; right:40px; z-index:4; width:204px; height:204px;}

.bgimg { position:absolute; top:0; left:0;}
.bgimg img { transition:0.5s;}
.bgimg img:hover { transform:rotate(360deg); display:block;}
.bgima { position:absolute; top:40px; left:79px;}
.bgima img { transition:0.5s;}
.bgima img:hover { transform:rotate(-360deg); display:block;}
.test { position:absolute; top:90px; left:50px; font-family:"΢ɭ҅ۚ"; font-size:26px; font-weight:200; color:#FFF;}
.test:hover { color:#0FF; text-decoration:none; text-shadow:1px 1px 10px #000;}
.testa { position:absolute; top:140px; left:83px; font-size:12px; color:#6FF; width:40px; height:20px; line-height:20px; text-align:center; border-radius:40%; background:rgba(0,21,0,0.4);}
.testa:hover { color:#0FF; text-decoration:none; text-shadow:1px 1px 10px #000;}
.head_4 { position:absolute; top:780px; left:500px; width:230px; height:110px;}

.tablist { display:none;}
.block{ display:block;}

.head_24 { background:url(footer.jpg) bottom center no-repeat; margin-top:30px;}
.head_25 { margin:0 auto; width:1450px; overflow:hidden;}
.head_26 { background:url(boxs05.png) repeat-y; width:1450px; overflow:hidden;}
.head_27 { background:url(boxs04.png) top no-repeat; width:1450px; overflow:hidden;}
.head_28 { background:url(boxs06.png) bottom no-repeat; width:1450px; overflow:hidden;}
.head_29 { margin:0 auto; width:1450px; overflow:hidden;}
.head_30 { overflow:hidden; width:1300px; margin-bottom:20px;}
.head_30 tr { background:#172537;}
.head_30 tr:hover { background:#0C4567;}
.head_30 td { font-family:"΢ɭ҅ۚ"; font-weight:200; font-size:18px; color:#6FF; text-shadow:1px 1px 10px #000;}
.head_30 td a { font-family:"΢ɭ҅ۚ"; font-weight:200; font-size:18px; color:#6FF;}
.head_30 td:hover { font-family:"΢ɭ҅ۚ"; font-weight:200; font-size:18px; color:#CF0; text-shadow:1px 1px 10px #000;}
.head_30 td a:hover { font-family:"΢ɭ҅ۚ"; font-weight:200; font-size:18px; color:#0F0;}

.head_112 {width:1200px; margin: 0 auto; position:absolute; left:50%; margin-left:-600px; margin-top:0px;  z-index:2; overflow:hidden;}/*ֻͥ*/


.footer1 { background:#3d3d3d; text-align: center; margin-top: 30px; padding: 20px}


.topbg_1 { position:fixed; width:100%; overflow:hidden; top:0; top:0; z-index:88;}
.topbg_2 { background:url(top.png) top center no-repeat;}
.topbg_3 { margin:0 auto; width:1200px; overflow:hidden;}
.topbg_4 { position:relative; width:1200px; height:172px;}
.topbg_5 { background-image: url(logo.png); position:absolute; top:-20; left:0; width:274px; height:172px; margin: 0px auto; left: 0px; right: 0px}
.topbg_6 { position:absolute; top:20px; left:290px; width:800px; height:40px; line-height:40px; text-align:left; font-family:"΢ɭ҅ۚ"; font-weight:200; color:#09F; font-size:22px;}
.topbg_7 { position:absolute; top:0; right:0; width:80px; height:85px;}

.leftad { position:fixed; top:40%; right:30; width:160px; height:350px; z-index:99; background:url(left_btnb_bg.png);}
.leftad_1 { width:164px; height:60px;}
.leftad_2 { margin:0 0px 0 2px; width:160px; overflow:hidden;}
.leftad_3 { width:160px; height:64px; background-image:url(left_btn.png); background-position:left 0; transition:0.5s; margin-bottom:10px;}
.leftad_3:hover { background-position:left -64px;}
.leftad_4 { width:160px; height:64px; background-image:url(left_btn2.png); background-position:left 0; transition:0.5s; margin-bottom:10px;}
.leftad_4:hover { background-position:left -64px;}
.leftad_5 { width:160px; height:64px; background-image:url(left_btn1.png); background-position:left 0; transition:0.5s; margin-bottom:2px;}
.leftad_5:hover { background-position:left -64px;}

.kv-music{position:fixed;z-index:50;top:150px; right:50px; width:58px;height:100px;}

.box { width: 1340px; margin: 0px auto; margin-top: 50px;}
.box_top { width: 1340px; height: 35px; background-image: url(box_top.jpg);}
.box_boot { width: 1340px; height: 35px; background-image: url(box_boot.jpg);}
.box_txt {width: 1340px; background-image: url(box_bg.jpg);}
.box_title { text-align: center; margin-top: 50px; }

.box_txt { overflow: hidden; }
.js_img { float: left; background-image: url(js_img.png); width: 288px; height: 383px; margin-left: 40px;}
.js_txt { float: right; width: 960px; border-left: solid 1px #705c4c; padding-left: 20px; font-size: 18px; height: 383px;}
.js_txt ul li { height: 32px; line-height: 32px; }
.js_txt ul li span { color: #b39c8a }
.js_txt ul li a { color: #fcff00 }

#Gonggao {width:1140px; margin: 0px auto}


.btn_payment{width:300px;height:80px; position:absolute;  top: 650px; margin-left: 50px; background:url(../images/btn_1.png) no-repeat left top;z-index:15000;}
.btn_payment:hover{background:url(../images/btn_1_hover.png) no-repeat left top;}

.btn_downment{width:300px;height:80px;position:absolute; top: 650px; margin-left: 400px; background:url(../images/btn_2.png) no-repeat left top;z-index:15000;}
.btn_downment:hover{background:url(../images/btn_2_hover.png) no-repeat left top;}
 
.btn_cayment{width:300px;height:80px;position:absolute; top: 650px; margin-left: 750px;background:url(../images/btn_3.png) no-repeat left top;z-index:15000;}
.btn_cayment:hover{background:url(../images/btn_3_hover.png) no-repeat left top;}


.jm_img { width: 1340px; margin: 0px auto }
.jm_1 { background-image: url(jm_1.png); width: 699px; height: 84px; margin-top: 170px;}
.jm_2 { background-image: url(jm_2.png); width: 697px; height: 52px; margin-top: 10px;}
.jm_3 { background-image: url(jm_3.png); width: 790px; height: 50px; margin-top: 60px;}
.jm_4 { background-image: url(jm_4.png); width: 796px; height: 42px; margin-top: 60px;}
.jm_5 { background-image: url(jm_5.png); width: 797px; height: 31px; margin-top: 10px;}