@charset "gb2312";
/* CSS Document */
* { margin:0; padding:0; }
body,td,th { font-size: 14px; }
body { font-size: 14px; font:"΢ÈíÑźÚ"; color:#FFF; background:#24303e; 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:underline;}
a:active { text-decoration: none; color: #900;}
ul {  margin:0 0 0 0; padding: 0; list-style: none; }
img{ border: 0;}


#Version{width:100%; height:1575px; position:relative;overflow:hidden;}/*Ò³Ãæ×ܸ߶ÈÔٴε÷Õû*/
#Flash{width:1920px;height:974px;position:absolute;left:50%;margin:0px auto -272px -960px;z-index:1;}/*FLASH*/

#Header {  margin:0 auto -290px -960px; width:1920px;height:800px; position:absolute; left:50%;}/*BG*/

.head_1 {width:1200px; margin: 0 auto; position:absolute; left:50%; margin-left:-600px; margin-top:-101px;  z-index:3; overflow:hidden;}/*ÕûÌå*/
.head_a1 {width:1920px; margin: 0 auto; position:absolute; left:50%; margin-left:-960px; margin-top:0px;  z-index:2; overflow:hidden; animation-name:myani; animation-duration:6s;}/*ÕûÌå*/

@keyframes myani {
	
	0%{ margin-top:100px;}
	
	}

.head_2 { width:1200px; overflow:hidden;}
.head_3 { float:left; background:url("juni01.jpg")/*tpa=images/juni01.jpg*/; width:247px; height:318px;}
.head_4 { float:left; width:767px; overflow:hidden;}
.head_5 { float:right; width:186px; overflow:hidden;}
.head_6 { margin:10px 0 0 10px; width:237px; overflow:hidden;}
.head_7 { width:237px; overflow:hidden;}
.head_8 { float:left; width:120px; overflow:hidden;}
.head_9 { float:right; width:117px; overflow:hidden;}

.head_10 { float:left; width:798px; height:507px; background:url("../images/juni03.jpg") no-repeat;}
.head_11 { float:right; margin:0 0 0 10px; width:392px; overflow:hidden; background:url("../images/juni04.jpg") no-repeat;}
.head_12 { width:1200px; overflow:hidden; margin-bottom:10px;}
.head_13 { margin:14px; width:770px; overflow:hidden;}
.head_14 { width:770px; overflow:hidden;}
.head_15 { width:770px; overflow:hidden;}

#tab1 { width:770px; height:40px; margin-bottom:10px;}
#tab1 ul { margin:0; padding:0; list-style:none;}
#tab1 li { display: block; float:left; margin-right:10px; width:160px; height:40px; background:url("../images/dh1.jpg") repeat-x;}
#tab1 a { display: block; width: 160px; height:32px; padding:8px 0 0 0; text-align: center; text-decoration: none; font-size:18px; font-family:"΢ÈíÑźÚ"; color:#FFC;}
#tab1 .now { width:160px; background:url("../images/dh.jpg") repeat-x;}
#tab1 .now a { display: block; background:none; color:#900; font-family:"΢ÈíÑźÚ"; font-size:18px; font-weight:200;}
#tab1 .now a:hover { background:url("../images/dh.jpg") repeat-x; font-family:"΢ÈíÑźÚ";}
.tablist { display:none;}
.block{ display:block;}

.head_16 { width:770px; overflow:hidden;}

#head_17 li { width:770px; overflow:hidden; line-height:30px; text-align:left; font-size:16px; font-weight:100; font-family:"΢ÈíÑźÚ"; color:#FFF;}
#head_17 a { margin:0 10px 0 0; font-size:16px; color:#FF0; font-family:"΢ÈíÑźÚ"; font-weight:100;}
#head_17 ul { margin:0; padding:0; list-style:none;}

.head_18 { width:392px; height:507px; position:relative; z-index:10;}
#head_19 { position:absolute; top:88px; left:40px; width:70px; height:30px; line-height:30px; text-align:center; font-size:13px; color:#FFF; font-family:"΢ÈíÑźÚ"; font-weight:200;}
#head_19 a { color:#FFF; font-size:13px; font-family:"΢ÈíÑźÚ"; font-weight:200;}
#head_19 a:hover { color:#3FF; font-size:14px; font-family:"΢ÈíÑźÚ"; font-weight:200;}

#head_20 { position:absolute; top:88px; left:161px; width:70px; height:30px; line-height:30px; text-align:center; font-size:13px; color:#FFF; font-family:"΢ÈíÑźÚ"; font-weight:200;}
#head_20 a { color:#FFF; font-size:13px; font-family:"΢ÈíÑźÚ"; font-weight:200;}
#head_20 a:hover { color:#3FF; font-size:14px; font-family:"΢ÈíÑźÚ"; font-weight:200;}

#head_21 { position:absolute; top:88px; right:38px; width:70px; height:30px; line-height:30px; text-align:center; font-size:13px; color:#FFF; font-family:"΢ÈíÑźÚ"; font-weight:200;}
#head_21 a { color:#FFF; font-size:13px; font-family:"΢ÈíÑźÚ"; font-weight:200;}
#head_21 a:hover { color:#3FF; font-size:14px; font-family:"΢ÈíÑźÚ"; font-weight:200;}


#head_22 { position:absolute; top:205px; left:38px; width:70px; height:30px; line-height:30px; text-align:center; font-size:13px; color:#FFF; font-family:"΢ÈíÑźÚ"; font-weight:200;}
#head_22 a { color:#FFF; font-size:13px; font-family:"΢ÈíÑźÚ"; font-weight:200;}
#head_22 a:hover { color:#3FF; font-size:14px; font-family:"΢ÈíÑźÚ"; font-weight:200;}

#head_23 { position:absolute; top:205px; left:161px; width:70px; height:30px; line-height:30px; text-align:center; font-size:13px; color:#FFF; font-family:"΢ÈíÑźÚ"; font-weight:200;}
#head_23 a { color:#FFF; font-size:13px; font-family:"΢ÈíÑźÚ"; font-weight:200;}
#head_23 a:hover { color:#3FF; font-size:14px; font-family:"΢ÈíÑźÚ"; font-weight:200;}

#head_24 { position:absolute; top:205px; right:40px; width:70px; height:30px; line-height:30px; text-align:center; font-size:13px; color:#FFF; font-family:"΢ÈíÑźÚ"; font-weight:200;}
#head_24 a { color:#FFF; font-size:13px; font-family:"΢ÈíÑźÚ"; font-weight:200;}
#head_24 a:hover { color:#3FF; font-size:14px; font-family:"΢ÈíÑźÚ"; font-weight:200;}

.head_25 { position:absolute; top:288px; left:5px; width:286px; height:214px;}
.head_26 { width:286px; height:214px; background:#162a41;}

.head_28 { background:url("../images/auo.png"); width:234px; height:197px; position:absolute; top:300px; right:20px; z-index:11;}
.head_29 { width:234px; overflow:hidden;}
#head_30 { margin:0 30px 0 30px; width:174px; line-height:30px; text-decoration: none; font-size:18px; font-family:"΢ÈíÑźÚ"; color:#030;}

.head_31 { margin:0 auto; width:1200px; overflow:hidden;}
.head_32 { background:url("../images/juni06.jpg") repeat-y; width:1200px; overflow:hidden;}
.head_33 { background:url("../images/juni05.jpg") top no-repeat; width:1200px; overflow:hidden;}
.head_34 { background:url("../images/juni07.jpg") bottom no-repeat; width:1200px; overflow:hidden;}

/*»ÃµÆ*/
.container {
	WIDTH:286px;
	HEIGHT:214px
}
.container A IMG {
	WIDTH:286px;
	HEIGHT:214px
}
.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:175px;
	LEFT:10px
}
.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
}
/*»ÃµÆ*/

.footer { margin:50px 0 0 0; background:#000;}
.footer_1 { margin:0 auto; width:1200px; overflow:hidden;}

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





.header-nav{width:100%;height:70px;background:url(../images/nav_bg.png) top center no-repeat;position:relative;z-index:1000}
.header-nav-main{width:1199px;height:61px;padding-top:8px;margin:0 auto;text-align:center}
.header-nav-main a{color:#fff;font-size:14px;width:100px;height:52px;line-height:52px;display:inline-block;*display:inline;*zoom:1;vertical-align:top;-webkit-transition:color ease-in-out .2s;-moz-transition:color ease-in-out .2s;-ms-transition:color ease-in-out .2s;transition:color ease-in-out .2s;position:relative}
.header-nav-main a.header-logo-a{width:300px;height:55px;margin:0 20px;background:url(../images/toplogo.png) 0 0 no-repeat;margin-top:-5px}
.header-nav-main a:hover,.header-nav-main a.current{text-decoration:none;color:#fcc31d}
.header-nav-main a .arrow{width:0;height:0;border-bottom:10px solid #000;border-right:10px solid transparent;border-left:10px solid transparent;display:block;position:absolute;bottom:0;left:50%;margin-left:-5px;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;transition:all .3s}
.header-nav-main a .arrow.on{opacity:80;filter:alpha(opacity=8000);opacity:.8;filter:alpha(opacity=80)}

.musicbox{width:47px;height:47px;position:absolute;z-index:500;top:10px;left:50%;cursor:pointer;margin-left:-660px}
.musicplay{background:url(../images/musicplay.png) no-repeat}
.musicstop{background:url(../images/musicstop.png) no-repeat}
.m {float:left;width: 600px;height: 420px;	margin-left: auto;	margin-right: auto;	margin-top: 0px;position:absolute;z-index:9999}