﻿/*
*/
@charset "gb2312";
/* CSS Document */
* { margin:0; padding:0; }
body,td,th { font-size: 14px; }
body { font-size: 14px; color:#FFF; background:#1e1e1e; margin:0px;}

ul {  margin:0 0 0 0; padding: 0; list-style: none; }
img{ border: 0;}


#Version{width:100%; height:759px; position:relative; overflow:hidden;}/*ҳĦ؜ٟ׈ՙՎַֻ*/
#Flash{width:1920px;height:759px;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:759px; 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:759px; 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;}/*ֻͥ*/


.footer { background:#000; margin-top: 0px;}
.footer_1 { margin:0 auto; width:1340px; overflow:hidden; padding: 30px; text-align: center;}


.top { background-image: url(h_bg.jpg); height: 759px; background-repeat: no-repeat;background-position: center; margin-top: 68px;}
.top_box { width: 1300px; margin: 0px auto; margin-left: 500px; }
.logo { background-image: url(logo.png); background-repeat: no-repeat; width: 598px; height: 426px; position: relative; top: 80px; left: 50px; margin-bottom: 80px;}

.down1 { background-image: url(down1.png); margin-top: 670px; width: 246px; height: 80px; float: left; margin-left: 20px;}
.down1:hover {background-image: url(down2.png);}

.down2 { background-image: url(down3.png); margin-top: 670px; width: 246px; height: 80px; float: left; margin-left: 50px;}
.down2:hover {background-image: url(down4.png);}

.pay1 { background-image: url(down5.png); margin-top: 670px; width: 246px; height: 80px; float: left; margin-left: 50px;}
.pay1:hover {background-image: url(down6.png);}

.top_txt { background-color: #fff;border-radius: 10px; width: 618px; overflow: hidden; margin: 20px; position: relative; top: 20px; padding: 20px; opacity: 0.5;}
.top_txt p { color: #000; font-size: 18px; line-height: 26px}

.box{ width: 1300px; margin: 0px auto; overflow: hidden;}

.title_01 { background-image: url(title_01.png); width: 748px;;height: 76px; margin: 0px auto}
.title_02 { background-image: url(title_02.png); width: 748px;;height: 76px; margin: 0px auto}

.jj_box { background-image: url(jj_bg.jpg); background-position: no-repeat; width: 1340px; height: 508px; margin-top: 40px; margin-bottom: 50px;}
.jj_txt { position: relative;top: 25px; left: 545px; font-size: 18px; font-weight: 600; line-height: 38px ; letter-spacing:1.1px}


.topbg_1 { position:fixed; width:100%; overflow:hidden; top:0; top:0; z-index:88; background-color: #000; height: 68px; line-height: 68px}
.topbg_2 {  margin:0 auto; width:1520px; overflow:hidden; font-size: 16px}
.topbg_2 a { color: #ffea00; margin-left: 40px; }














.leftad { position:fixed; top:40%; right:30; width:160px; height:286px; 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_btn1.png); background-position:left 0; transition:0.5s; margin-bottom:2px;}
.leftad_4: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:1340px; margin: 0px auto}


.btn_payment{width:300px;height:80px; position:absolute; top:30px; top: 600px; background:url(../images/btn_2.png) no-repeat left top;z-index:15000;}
.btn_payment:hover{background:url(../images/btn_2_hover.png) no-repeat left top;}
 
.btn_cayment{width:300px;height:80px;position:absolute;top:30px; top: 600px; margin-left: 350px;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;}

.btn_downment{width:300px;height:80px;position:absolute;top:30px; top: 600px; background:url(../images/btn_1.png) no-repeat left top;z-index:15000;}
.btn_downment:hover{background:url(../images/btn_1_hover.png) no-repeat left top;}

.jm_img { width: 1340px; margin: 0px auto }
.jm_1 { background-image: url(jm_1.png); width: 739px; height: 84px; margin-top: 150px;}
.jm_2 { background-image: url(jm_2.png); width: 740px; height: 42px; margin-top: 10px;}
.jm_3 { background-image: url(jm_3.png); width: 769px; height: 74px; margin-top: 30px;}
.jm_4 { background-image: url(jm_4.png); width: 749px; height: 32px; margin-top: 10px;}
.jm_5 { background-image: url(jm_5.png); width: 753px; height: 31px; margin-top: 10px;}