
@charset "utf-8";
/* CSS Document */
* { margin:0; padding:0; }
body,td,th { font-size: 14px; }
body { font-size: 14px; font:"微软雅黑"; color:#FFF; background:#00020c; 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:500px; position:relative; overflow:hidden;margin-top:-180px;}/*页面总高度再次调整*/

.head_1 { width:1210px; margin: 0 auto; position:absolute; left:50%; margin-left:-605px; z-index:5; overflow:hidden;}/*整体*/
.head_2 { width:1210px; height:500px; position:relative;}
.head_3 { position:absolute; bottom:10px; left:0; background:url(../images/m1a.png); width:1210px; height:451px; z-index:6;}
.head_4 { position:absolute; bottom:323px; left:11px; background:url(../images/btn.png); width:216px; height:127px; z-index:7; background-position:left 0; transition:0.5s;}
.head_4:hover { background-position:left -127px;}

.head_4a { position:absolute; bottom:253px; left:11px; background:url(../images/btna.png); width:216px; height:70px; z-index:7; background-position:left 0; transition:0.5s;}
.head_4a:hover { background-position:left -70px;}

.head_4b { position:absolute; bottom:183px; left:11px; background:url(../images/btnb.png); width:216px; height:70px; z-index:7; background-position:left 0; transition:0.5s;}
.head_4b:hover { background-position:left -70px;}

.head_4c { position:absolute; bottom:113px; left:11px; background:url(../images/btnc.png); width:216px; height:70px; z-index:7; background-position:left 0; transition:0.5s;}
.head_4c:hover { background-position:left -70px;}

.head_4d { position:absolute; bottom:43px; left:11px; background:url(../images/btnd.png); width:216px; height:70px; z-index:7; background-position:left 0; transition:0.5s;}
.head_4d:hover { background-position:left -70px;}

.head_5 { position:absolute; left:10px; bottom:285px; width:109px; height:38px; z-index:7;}
.head_6 { position:absolute; left:121px; bottom:285px; width:109px; height:38px; z-index:7;}
.head_7 { position:absolute; left:10px; bottom:247px; width:109px; height:38px; z-index:7;}
.head_8 { position:absolute; left:121px; bottom:247px; width:109px; height:38px; z-index:7;}
.head_9 { position:absolute; left:20px; bottom:40px; width:200px; height:180px; z-index:7;}
.head_10 li { width:200px;  overflow:hidden; line-height:28px; text-align:left;}
.head_10 li a { color:#FFF; font-size:12px; font-weight:200; font-family:"微软雅黑";}
.head_10 ul { margin:0; padding:0; list-style:none;}

.head_11 { position:absolute; bottom:385px; left:234px; width:590px; height:39px; z-index:7;}
.head_12 { position:absolute; bottom:328px; left:252px; width:630px; height:58px; line-height:58px; text-align:center; z-index:7;}
.head_12 a { font-size:24px; font-family:"微软雅黑"; color:#FFF; font-weight:200;  animation-name:cmyani; animation-duration:0.2s; animation-iteration-count:infinite;}

@keyframes cmyani {
	
	0%{ color:#FFF;}
	10%{ color:#000;}
	}
	
.head_13 { position:absolute; bottom:35px; left:252px; width:630px; height:280px; z-index:7;}

#tabMenus{}
#tabMenus li{ float:left; background:url(../images/dh.jpg); width:94px; height:39px; margin:0 10px 0 0; text-align:center; line-height:39px;}
#tabMenus li a{ display:block; font-family:"微软雅黑"; font-weight:200; color:#FFF; font-size:14px;}
#tabMenus li.current{background:url(../images/dh1.jpg);}
#tabMenus li.usual{background:url(../images/dh1.jpg);}

#tabCons{ width:630px; overflow:hidden;}
#tabCons .con{ display:none; width:630px; overflow:hidden;}

.head_14 li { display:block; width:628px; overflow:hidden; line-height:22px; text-align:left; border:double 1px #b7b090; margin-bottom:4px; transition:0.5s; background:#0E1E30; border-radius:1em;}
.head_14 li:hover { background:#370000; }
.head_14 li a { display:block; padding:0 0 0 40px; font-family:"微软雅黑"; font-weight:200; color:#FFC; font-size:14px;}
.head_14 li a:hover { color:#0F0; }
.head_14 li span { display:block; background:url(../images/hot.jpg) 10px center no-repeat;}

@keyframes bmyani {
	
	0%{ margin-left:50px;}
	
	}

.head_15 { position:absolute; right:7px; bottom:88px; width:300px; height:383px; z-index:7;}

.head_16 { margin:0 auto; width:1210px; overflow:hidden;}

.zb_30 { background:url(../images/zb02.jpg) center repeat-y; width:1210px; overflow:hidden; margin-bottom:10px;}
.zb_31 { background:url(../images/zb01.jpg) center top no-repeat; width:1210px; overflow:hidden;}
.zb_32 { background:url(../images/zb03.jpg) center bottom no-repeat; width:1210px; overflow:hidden;}

.zb_33 { background:url(../images/zb05.jpg) repeat-y; width:1210px; overflow:hidden; margin-bottom:10px;}
.zb_34 { background:url(../images/zb04.jpg) top no-repeat; width:1210px; overflow:hidden;}
.zb_35 { background:url(../images/zb06.jpg) center bottom no-repeat; width:1210px; overflow:hidden;}

.zb_36 { background:url(../images/zb08.jpg) repeat-y; width:1210px; overflow:hidden; margin-bottom:10px;}
.zb_37 { background:url(../images/zb07.jpg) top no-repeat; width:1210px; overflow:hidden;}
.zb_38 { background:url(../images/zb09.jpg) bottom no-repeat; width:1210px; overflow:hidden;}

.zb_39 { background:url(../images/zb011.jpg) repeat-y; width:1210px; overflow:hidden; margin-bottom:10px;}
.zb_40 { background:url(../images/zb010.jpg) top no-repeat; width:1210px; overflow:hidden;}
.zb_41 { background:url(../images/zb012.jpg) bottom no-repeat; width:1210px; overflow:hidden;}

.zb_42 {}
.zb_42 img { border-radius:1em;}


.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:176px;height:619px;position:fixed;top:40%;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:-176px}
.rightbar.close .btn-close{background:url(../images/left4.png) no-repeat}
.rightbar .btn-close{width:31px;height:89px;background:url(../images/left2.png);position:absolute;top:0;left:-31px}
.rightbar h6{margin-bottom:24px;padding-top:10px;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 9px;width:157px;height:188px;background:#036}
.rightbar .code p{height:30px;line-height:30px;background:#036;margin-bottom:5px}
.rightbar p{font-size:16px;line-height:24px;margin-bottom:5px}
.rightbar .kefu{margin-left:9px;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_1 { position:absolute; top:10px; left:20px; width:1000px; height:40px; line-height:40px; z-index:77px;}
.ding_1 a { font-family:"微软雅黑"; font-weight:200; color:#FF9; font-size:20px;}
.ding_2 { position:absolute; top:10px; right:0; width:40px; height:40px;}
.ding_2 a img { width:40px; height:40px; opacity:0.5; transition:0.5s; border-radius:2em;}
.ding_2 a img:hover { opacity:1;}


/*幻灯*/
.container {
	WIDTH: 300px;
	HEIGHT: 393px
}
.container A IMG {
	WIDTH: 300px;
	HEIGHT: 393px
}
.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: 350px;
	LEFT:225px
}
.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: 22px;
	font-family:"微软雅黑";
	CURSOR: pointer
}
.num LI.on {
	LINE-HEIGHT: 30px;
	WIDTH: 30px;
	BACKGROUND: url(../images/flashbutton.gif) no-repeat;
	HEIGHT: 30px;
	COLOR: #ffffff
}
/*幻灯*/
