﻿
@charset "utf-8";
/* CSS Document */
* { margin:0; padding:0; }
body,td,th { font-size: 14px; }
body { font-size: 14px; font:"微软雅黑"; color:#FFF; background:#080200; margin:0px;}

a { font-size: 14px; color: #FFF; }
a:link { text-decoration: none;}
a:visited { text-decoration: none; color:#FFF; }
a:hover { text-decoration: none; color:#900; text-decoration:none;}
a:active { text-decoration: none; color: #900;}
ul {  margin:0 0 0 0; padding: 0; list-style: none; }
img{ border:0;}


#Versions { width:100%; height:599px; position:relative; overflow:hidden;margin-top:-469px;}/*页面总高度再次调整*/
#Header_1 { margin:0 auto 0 -960px; width:1920px; overflow:hidden; position:absolute; left:50%; z-index:4;}/*BG*/
#Header_2 { margin:0 auto 0 -960px; top:50px; width:1920px; overflow:hidden; position:absolute; left:50%; z-index:2;}/*BG*/

.head_1 { width:1200px; margin: 0 auto; position:absolute; left:50%; margin-left:-600px; z-index:5; overflow:hidden;}/*整体*/
.head_2 { width:1200px; height:700px; position:relative;}
.head_3 { width:1200px; height:600px; position:relative;}

.head_4 { position:absolute; top:170px; left:40px; width:195px; height:195px; animation-name:amyani;  animation-iteration-count:infinite;  z-index:10;}

@keyframes amyani {
	100%{ transform:rotate(360deg);}
	}
	
.head_5 { position:absolute; top:140px; left:270px; width:195px; height:195px; animation-name:bmyani;  animation-iteration-count:infinite;  z-index:10;}

@keyframes bmyani {
	100%{ transform:rotate(360deg);}
	}
	
.head_6 { position:absolute; top:140px; right:270px; width:195px; height:195px; animation-name:cmyani;animation-iteration-count:infinite;  z-index:10;}

@keyframes cmyani {
	0%{ transform:rotate(360deg);}
	}
	
.head_7 { position:absolute; top:170px; right:40px; width:195px; height:195px; animation-name:dmyani;  animation-iteration-count:infinite;  z-index:10;}

@keyframes dmyani {
	0%{ transform:rotate(360deg);}
	}

.head_8 { position:absolute; top:165px; left:35px; width:199px; height:197px; animation-name:emyani;  animation-iteration-count:infinite;  z-index:11;}
.head_9 { position:absolute; top:133px; left:270px; width:199px; height:197px; animation-name:fmyani;  animation-iteration-count:infinite;  z-index:11;}
.head_10 { position:absolute; top:133px; right:269px; width:199px; height:197px; animation-name:gmyani; animation-iteration-count:infinite;  z-index:11;}
.head_11 { position:absolute; top:165px; right:35px; width:199px; height:197px; animation-name:hmyani;  animation-iteration-count:infinite;  z-index:11;}

@keyframes emyani {
	10%{ opacity:0;}
	50%{ opacity:1;}
	}
	
@keyframes fmyani {
	10%{ opacity:0;}
	50%{ opacity:1;}
	}
	
@keyframes gmyani {
	10%{ opacity:0;}
	50%{ opacity:1;}
	}
	
@keyframes hmyani {
	10%{ opacity:0;}
	50%{ opacity:1;}
	}
	
.head_12 { background:url(../images/ad1.png); width:1143px; height:17px; position:absolute; top:321px; left:29px; z-index:8;}
.head_13 { background:url(../images/ad2.png); width:14px; height:178px; position:absolute; top:338px; left:29px; z-index:8;}
.head_14 { background:url(../images/ad3.png); width:14px; height:178px; position:absolute; top:338px; right:28px; z-index:8;}
.head_15 { background:url(../images/ad4.png); width:1143px; height:74px; position:absolute; top:516px; left:29px; z-index:8;}

.head_16 { width:1136px; height:197px; position:absolute; top:325px; left:31px; z-index:7;}

.head_17 { width:570px; height:32px; line-height:32px; text-align:center; position:absolute; top:554px; left:314px; z-index:12;}
.head_17 a { font-size:20px; font-family:"微软雅黑"; color:#F00; font-weight:200;  animation-name:imyani; animation-duration:0.2s; animation-iteration-count:infinite;}

@keyframes imyani {
	
	0%{ color:#F00;}
	10%{ color:#000;}
	}



.head_18 { background:url(../images/bg2.png) center repeat-y;}
.head_19 { background:url(../images/bg1.png) top center no-repeat;}
.head_20 { background:url(../images/bg3.png) bottom center no-repeat;}

.head_21 { margin:0 auto; width:1144px; overflow:hidden;}
.head_22 { width:1144px; overflow:hidden;}

.head_23 { background:url(../images/k2.jpg) repeat-y; width:1144px; overflow:hidden;}
.head_24 { background:url(../images/k1.jpg) top no-repeat; width:1144px; overflow:hidden;}
.head_25 { background:url(../images/k3.jpg) bottom no-repeat; width:1144px; overflow:hidden;}

.head_26 { margin:0 20px; width:1104px; overflow:hidden;}


.head_28 li { display:block; width:1102px; overflow:hidden; line-height:30px; text-align:left; border:double 1px #b7b090; margin-bottom:10px; transition:0.5s; background:#4D0002; border-radius:1em;}
.head_28 li:hover { background:#000; transition:0.5s; border-radius:2em;}
.head_28 li a { display:block; padding:0 0 0 40px; font-family:"微软雅黑"; font-weight:200; color:#FFC; font-size:16px;}
.head_28 li a:hover { color:#0F0; animation-name:jmyani; animation-duration:1s;}
.head_28 li span { display:block; background:url(../images/hot.jpg) 10px center no-repeat;}

@keyframes jmyani {
	
	0%{ margin-left:50px;}
	
	}


.head_29 { background:url(../images/zb02.jpg) repeat-y; width:1144px; overflow:hidden;}
.head_30 { background:url(../images/zb01.jpg) top no-repeat; width:1144px; overflow:hidden;}
.head_31 { background:url(../images/zb03.jpg) bottom no-repeat; width:1144px; overflow:hidden;}

.head_32 { background:url(../images/zb05.jpg) repeat-y; width:1144px; overflow:hidden;}
.head_33 { background:url(../images/zb04.jpg) top no-repeat; width:1144px; overflow:hidden;}
.head_34 { background:url(../images/zb06.jpg) bottom no-repeat; width:1144px; overflow:hidden;}

.head_35 { background:url(../images/zb08.jpg) repeat-y; width:1144px; overflow:hidden;}
.head_36 { background:url(../images/zb07.jpg) top no-repeat; width:1144px; overflow:hidden;}
.head_37 { background:url(../images/zb09.jpg) bottom no-repeat; width:1144px; overflow:hidden;}

.head_38 { background:url(../images/zb11.jpg) repeat-y; width:1144px; overflow:hidden;}
.head_39 { background:url(../images/zb10.jpg) top no-repeat; width:1144px; overflow:hidden;}
.head_40 { background:url(../images/zb12.jpg) bottom no-repeat; width:1144px; overflow:hidden;}

.head_41 {}
.head_41 img { border:double 1px #F00; border-radius:1em;}

/*幻灯*/
.container {
	WIDTH: 1136px;
	HEIGHT: 197px
}
.container A IMG {
	WIDTH: 1136px;
	HEIGHT: 197px
}
.container IMG {
	BORDER-BOTTOM-STYLE: none;
	BORDER-RIGHT-STYLE: none;
	BORDER-TOP-STYLE: none;
	BORDER-LEFT-STYLE: none
}
.td_f A IMG {
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px;
	PADDING-TOP: 0px
}
.num {
	POSITION: absolute;
	WIDTH: 90px;
	FLOAT: right;
	TOP: 160px;
	LEFT: 530px
}
.num LI {
	TEXT-ALIGN: center;
	LINE-HEIGHT: 30px;
	LIST-STYLE-TYPE: none;
	MARGIN:0px;
	WIDTH: 30px;
	FONT-FAMILY: Arial;
	BACKGROUND: url(../images/flashbutton.gif) no-repeat -30px 0px;
	FLOAT: left;
	HEIGHT: 30px;
	COLOR: #86a2b8;
	FONT-SIZE: 14px;
	font-family:"微软雅黑";
	CURSOR: pointer;
	border-radius:2em;
}
.num LI.on {
	LINE-HEIGHT: 30px;
	WIDTH: 30px;
	BACKGROUND: url(../images/flashbutton.gif) no-repeat;
	HEIGHT: 30px;
	COLOR: #ffffff
}
/*幻灯*/


.footer { margin:0 0 0 0; background:url(../images/../foot_img/bg.jpg) top repeat-x #000;}
.footer_1 { margin:0 auto; width:1200px; overflow:hidden; font-size:12px; line-height:24px;}
.footer_1 img { border-radius:1em;}
.footer_1 a { font-size:12px;}
.footer_1 span { font-size:12px;}
.footer_1 p { font-size:12px;}


.kv-music{position:fixed;z-index:50;top:50px;left:50px; width:58px;height:100px;}


.rightbar{width:226px;height:619px;position:fixed;top:45%;right:0;margin-top:-280px;background:url(../images/left1.png) no-repeat;z-index:10000;text-align:center;color:#fff;-o-transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;transition:all .5s}
.rightbar.close{right:-226px}
.rightbar.close .btn-close{background:url(../images/left4.png) no-repeat}
.rightbar .btn-close{width:86px;height:73px;background:url(../images/left2.png);position:absolute;top:0;left:-86px}
.rightbar h6{margin-bottom:10px;padding-top:30px; padding-left:45px;font-size:18px;line-height:24px;font-weight:700;overflow:hidden}
.rightbar h6 span{display:block;font-size:14px}
.rightbar .code{margin:0 0 10px 53px;width:157px;height:188px;background:#919090}
.rightbar .code p{height:30px;line-height:30px;background:#de0c0c;margin-bottom:5px;}
.rightbar p{font-size:16px;line-height:24px;margin-bottom:5px; padding-left:30px;}
.rightbar .kefu{margin-left:53px;display:block;width:157px;height:51px;background:url(../images/left3.png) no-repeat;line-height:44px;font-size:18px;color:#fff;text-decoration:none;margin-bottom:5px}
.rightbar .kefu:hover{background:url(../images/left5.png) no-repeat}


.ding_3 { position:absolute; top:13px; left:0; z-index:6;}
.ding_3 a {border-radius:1em; background:#900; font-size:16px; font-weight:200; color:#FFC; border:double 1px #F00; display:block; padding:5px 15px; transition:0.5s;}
.ding_3 a:hover { background:#000; color:#F00;}

.ding_4 { position:absolute; top:13px; left:120px; z-index:6;}
.ding_4 a {border-radius:1em; background:#900; font-size:16px; font-weight:200; color:#FFC; border:double 1px #F00; display:block; padding:5px 15px; transition:0.5s;}
.ding_4 a:hover { background:#000; color:#F00;}

.ding_5 { position:absolute; top:13px; left:225px; z-index:6;}
.ding_5 a {border-radius:1em; background:#900; font-size:16px; font-weight:200; color:#FFC; border:double 1px #F00; display:block; padding:5px 15px; transition:0.5s;}
.ding_5 a:hover { background:#000; color:#F00;}

.ding_6 { position:absolute; top:13px; left:330px; z-index:6;}
.ding_6 a {border-radius:1em; background:#900; font-size:16px; font-weight:200; color:#FFC; border:double 1px #F00; display:block; padding:5px 15px; transition:0.5s;}
.ding_6 a:hover { background:#000; color:#F00;}

.ding_7 { position:absolute; top:13px; left:435px; z-index:6; border:double 1px #F00; border-radius:1em; background:#900; width:720px; height:30px;}

.ding_1 { position:absolute; top:14px; left:445px; width:700px; height:30px; line-height:30px; z-index:6;}
.ding_1 a { font-family:"微软雅黑"; font-weight:200; color:#FF9; font-size:18px; display:block;}

.ding_2 { position:absolute; top:13px; right:0; width:30px; height:30px;}
.ding_2 a img { width:30px; height:30px; opacity:0.5; transition:0.5s; border-radius:2em;}
.ding_2 a img:hover { opacity:1;}

.fl{float:left}
.mt10{margin-left:10px;}
.ml10{margin-left:10px;}
.ml50{margin-left:50px;}
.clearfix{zoom:1}
.warp{width:1200px;margin-left:auto;margin-right:auto}
.microHei{font-family:"Microsoft YaHei"}
#header{background:url(../images/brief_01.jpg) top repeat-x;height:80px;width:100%;overflow:hidden}
#header a.fl{height:80px}
#Version{width:100%;height:1100px;position:relative;overflow:hidden;z-index:2;margin:0 auto;z-index:-2;}
#Flash{width:1920px;height:900px;position:absolute;left:50%;margin:0 auto -272px -960px;z-index:0;}
#Header{margin:0 auto -290px -960px;width:1920px;height:1100px;position:relative;left:50%;line-height:0px;z-index:-1;}
#header .ban{float:right;width:50px;height:50px;margin-top:10px;filter:alpha(opacity=90);-moz-opacity:.9;-khtml-opacity:.9;opacity:.9}
#header #demo{overflow:hidden;height:50px;line-height:50px;width:800px;color:#FFF;white-space:nowrap;float:left;margin-top:10px;font-size:24px;margin-left:0;padding-left:30px}
#header #demo2{width:500px}
.hao123{width:260px;height:20px;top:10px;left:50%;margin-left:400px;filter:alpha(opacity=50);-moz-opacity:.5;-khtml-opacity:.5;opacity:.5;position:absolute;z-index:55}.


.ml10{margin-left:10px;}

.m3{width:100%;height:auto;overflow:hidden;padding-bottom:10px;background:url(../images/bg2.png) center no-repeat; margin-top:10px; position:relative; z-index:180;}
.kuyusj_zb{width:1200px;height:auto;overflow:hidden;margin:0 auto;padding:0px 15px 00px 15px; }
.kuyusj_zb_3{width:367px;height:auto;overflow:hidden;float:left;background:#2f0101;position:relative; border:#4d0002 2px solid;margin-bottom:10px; }
.kuyusj_zb_3_t{width:367px;height:47px;float:left;background:url(../images/icon_jpg_d03297f.jpg) no-repeat #fffbf8;line-height:47px;color:#3d2a13;text-align:center;font-size:22px;font-weight:bold; border-bottom:#4d0002 4px solid}
.kuyusj_zb_3_d{width:367px;height:2px;float:left;background:#4d0002;position:relative}
.kuyusj_zb_3 .role-itemst{width:367px;height:auto;float:left;position:relative;}
.kuyusj_zb_3 .role-itemst img{width:367px;height:auto;overflow:hidden;display:block;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;}

.kuyusj_zb_2{width:553px;height:auto;overflow:hidden;float:left;background:#2f0101;border:#4d0002 2px solid}
.kuyusj_zb_2_t{width:553px;height:47px;float:left;background:url(../images/icon_jpg_d03297f.jpg) no-repeat #fffbf8;;line-height:47px;color:#3d2a13;text-align:center;font-size:22px;font-weight:bold;border-bottom:#4d0002 4px solid}
.kuyusj_zb_2_d{width:553px;height:2px;float:left;background:#4d0002;position:relative}
.kuyusj_zb_2 .role-itemst{width:553px;height:auto;float:left;position:relative;}
.kuyusj_zb_2 .role-itemst img{width:553px;height:auto;overflow:hidden;display:block;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;}

.kuyusj_zb_1{width:1115px;height:auto;overflow:hidden;float:left;background:#2f0101;border:#4d0002 2px solid}
.kuyusj_zb_1_t{width:1115px;height:47px;float:left;background:url(../images/icon_jpg_d03297f.jpg) no-repeat #fffbf8;;line-height:47px;color:#3d2a13;text-align:center;font-size:22px;font-weight:bold;border-bottom:#4d0002 4px solid}
.kuyusj_zb_1_d{width:1115px;height:2px;float:left;background:#4d0002;position:relative}
.kuyusj_zb_1 .role-itemst{width:1115px;height:auto;float:left;position:relative;}
.kuyusj_zb_1 .role-itemst img{width:1120px;height:auto;overflow:hidden;display:block;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;}


/*-------*/
.fr0816{width:169px;height:508px; position:absolute;left:180px;top:0; z-index:99999999;}
.fr0816_top{width:169px;height:130px; position:absolute;left:0;top:0; z-index:3;background:url(../images/q_1a.png) center top no-repeat;}
.fr0816_closeBtn{width:169px;height:52px; float:left;}
.fr0816_guideBtn{width:169px;height:55px; float:left;}
.fr0816_bm{width:153px;height:404px; position:absolute;left:8px;top:-298px;/*top:106px;*/ z-index:2;background:url(../images/q_5F2a.png) center top no-repeat; transition:all ease-in 1s; -ms-transition:all ease-in 1s; -moz-transition:all ease-in 1s; -webkit-transition:all ease-in 1s;}
.fr0816_btn1{width:153px;height:76px; float:left; margin-top:29px;}
.fr0816_btn2{width:153px;height:83px; float:left;}
.fr0816_btn3{width:153px;height:83px; float:left;}
.fr0816_btn4{width:153px;height:63px; float:left;}
.fr0816_goTop{width:153px;height:60px; float:left;}


/*在线客服*/
	#onlineKefu{ 
	width:96px;
	height:450px;
	position:fixed;
	_position:absolute;
	_bottom:auto;
	_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
	right:40px;
	top:58%;
	margin-top:0px;
	_margin-bottom:40%;
       z-index:6000;}

/*	#onlineKefu{ z-index:6000;margin:-500px 0 0 700px;width:129px;height:450px;position:fixed;top:76%;left:50%;background-color:#391c0a;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+this.offsetHeight));}*/
	#onlineKefu a{text-indent:-99em;overflow:hidden;}
	#onlineKefu a.btn_kefu{width:130px;height:62px;background:url(../images/a_bg.jpg) no-repeat left top;display:block;}
	#onlineKefu a.btn_kefu:hover{background-position:-130px top ;}
	#onlineKefu a.btn_top{width:130px;height:62px;background:url(../images/a_bg.jpg) no-repeat left -61px;display:block;}
	#onlineKefu a.btn_top:hover{background-position:-130px -61px ;}
	#onlineKefu .erweima{width:130px;height:148px;padding-top:16px;background-color:#591917;}
	#onlineKefu .erweima img{margin:0 auto 3px;width:118px;height:117px;display:block;}
	#onlineKefu .erweima span{height:27px;line-height:27px;text-align:center;overflow:hidden;color:#feffff;display:block;font-size:12px;font-family:'微软雅黑';}


#headers{margin:0 auto 0 -800px;width:1280px;height:82px;position:absolute;left:50%;z-index:99999;margin-top:-7px;}
#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:82px;line-height:29px;text-align:center;font-size:19px;color:#FFF;padding-top:15px;background:url(../images/menu_bg.jpg) no-repeat left -85px;transition:background-position 0.2s ease-in;}
#menu ul li.change a,#menu ul li a:hover{text-decoration:none;background-position:left 0;}
#menu ul li a span{line-height:15px;font-size:11px;font-family:'times new roman', times, serif;color:#FFF;display:block;}


.kv-music{position:fixed;z-index:50;top:50px;left:50px; width:58px;height:100px;}