/*
┌──────── SF302──────────────────────┐
│                                                                  │
│ 网站设计制作:≮军哥网络≯ QQ:75662793 唯一网址：WWW.SF302.COM    │
│        十余年网页设计制作经验、高端建站美工团队为你服务          │
│                   我们可为你制作你需要的门户                     │
│     精美开区网站、VIP会员更实惠、同时在这里每次购网站00元        │
│ 赠送1个：加好玩家或您涉及行业的QQ群（注：100个群以上）的QQ号码,你│
│    可更改密保、密码、手机绑定、你可宣传您的生意，让生意更稳定！  │
│                                                                  │
└───────────────────────────── .Com ─┘
*/
@charset "gb2312";
/* CSS Document */
* { margin:0; padding:0; }
body,td,th { font-size: 14px; }
body { font-size: 14px; font:"微软雅黑"; color:#000; background:#ebf3fe; margin:0px;}

a { font-size: 14px; color: #000; }
a:link { text-decoration: none;}
a:visited { text-decoration: none; color:#000; }
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:1636px; position:relative;overflow:hidden;}/*页面总高度再次调整*/
#Flash{width:1920px;height:1232px;position:absolute;left:50%;margin:0px auto -272px -960px;z-index:1;}/*FLASH*/

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


.head_1 {width:1200px; margin: 0 auto; position:absolute; left:50%; margin-left:-600px; margin-top:0px;  z-index:4; overflow:hidden;}/*整体*/
.head_2 { width:1200px; overflow:hidden;}
.head_3 { width:1200px; height:945px; position:relative;}

.head_o { position:absolute; top:330px; left:0; width:320px; height:200px; background:#000; z-index:10;}

.head_4 { position:absolute; top:0; left:0; display:block; width:297px; height:281px;  animation-name:myani; animation-duration:2s; transition-property:all;}
.head_4 img:hover { transform:rotate(360deg); transition:0.5s;}

@keyframes myani {
	
	0%{ margin-top:100px;  opacity:0.1;}
	50%{ margin-top:-50px;}
	}
	
.head_5 { position:absolute; top:0; left:300px; display:block; width:297px; height:281px;  animation-name:amyani; animation-duration:2s; transition-property:all;}
.head_5 img:hover { transform:rotate(360deg); transition:0.5s;}

@keyframes amyani {
	
	0%{ margin-top:-100px;  opacity:0.1;}
	50%{ margin-top:50px;}
	}
	
.head_6 { position:absolute; top:0; left:600px; display:block; width:297px; height:281px;  animation-name:bmyani; animation-duration:2s; transition-property:all;}
.head_6 img:hover { transform:rotate(360deg); transition:0.5s;}

@keyframes bmyani {
	
	0%{ margin-top:100px;  opacity:0.1;}
	50%{ margin-top:-50px;}
	}
	
.head_7 { position:absolute; top:0; right:0px; display:block; width:297px; height:281px;  animation-name:cmyani; animation-duration:2s; transition-property:all;}
.head_7 img:hover { transform:rotate(360deg); transition:0.5s;}

@keyframes cmyani {
	
	0%{ margin-top:-100px;  opacity:0.1;}
	50%{ margin-top:50px;}
	}

.head_8 { background:url("news.gif"/*tpa=http://sf302.com/news.gif*//*tpa=http://www.2018180.com/22ux_images/news.gif*/); width:866px; height:624px; position:absolute; bottom:0; right:0; z-index:6;  animation-name:dmyani; animation-duration:2s; transition-property:all;}
@keyframes dmyani {
	
	0%{ margin-right:100px;  opacity:0.1;}
	}
	
.head_9 { width:866px; height:624px;}
.head_10 { width:866px; overflow:hidden;}
.head_11 { margin:0 80px 0 80px; width:706px; overflow:hidden;}

#tab1 { display:block;}
#tab1 li { display:block; position:relative; float:left; margin-right:40px; width:120px; height:32px; line-height:32px; text-align:right;}
#tab1 li img { position:absolute; top:0; left:0; display:block;}
#tab1 li img:hover { transform:rotate(360deg); transition:0.8s; }
#tab1 li a { display:block; line-height:32px; font-size:20px; font-weight:200; color:#000; font-family:"微软雅黑";}
#tab1 li a:hover { font-size:20px; font-weight:200; color:#F00; font-family:"微软雅黑"; text-decoration:none; transition:0.5s;}

.head_12 { margin:0 60px 0 60px; width:726px; overflow:hidden;}
#head_13 li { width:726px; overflow:hidden; line-height:32px; text-align:left; font-size:16px; font-weight:100; font-family:"微软雅黑"; color:#000;  transition:0.8s;}
#head_13 a { margin:0 10px 0 0; font-size:16px; color:#F00; font-family:"微软雅黑"; font-weight:100;}
#head_13 ul { margin:0; padding:0; list-style:none;}
#head_13 li:hover { background:rgba(0,0,0,0.8); padding-left:5px; color:#FFF;}

.head_14 { width:726px; overflow:hidden;}
.head_14 tr { background:#480000;}
.head_14 tr:hover { background:#000;}

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



.zb_33 { background:url("zb02.png"/*tpa=http://sf302.com/zb02.png*//*tpa=http://www.2018180.com/22ux_images/zb02.png*/) repeat-y; width:1200px; overflow:hidden;}
.zb_34 { background:url("zb01.png"/*tpa=http://sf302.com/zb01.png*//*tpa=http://www.2018180.com/22ux_images/zb01.png*/) top no-repeat; width:1200px; overflow:hidden;}
.zb_35 { background:url("zb03.png"/*tpa=http://sf302.com/zb03.png*//*tpa=http://www.2018180.com/22ux_images/zb03.png*/) center bottom no-repeat; width:1200px; overflow:hidden;}

.zb_36 { width:1200px; height:30px;}
.zb_36a { width:1200px; height:22px;}

.head_15 { background:url("foot_bg.jpg"/*tpa=http://sf302.com/foot_bg.jpg*//*tpa=http://www.2018180.com/22ux_images/foot_bg.jpg*/) bottom center no-repeat;}
.head_16 { margin:0 auto; width:1200px; overflow:hidden; z-index:6; position:relative;}
.head_17 { width:1200px; overflow:hidden; text-align:right;}
.head_18 { background:url("da.gif"/*tpa=http://sf302.com/da.gif*//*tpa=http://www.2018180.com/22ux_images/da.gif*/); width:1200px; overflow:hidden; margin-bottom:20px;}
.head_19 { background:url("x.gif"/*tpa=http://sf302.com/x.gif*//*tpa=http://www.2018180.com/22ux_images/x.gif*/) no-repeat; width:1200px; overflow:hidden; margin-bottom:20px;}

.head_bg2 { width:100%; overflow:hidden; position:relative;}
.head_bg { width:1920px; height:1124px; position:absolute; top:1200px; left:50%; margin:0 auto 0 -960px; z-index:2;}
.head_bg1 { width:1920px; height:1124px; position:absolute; top:1300px; left:50%; margin:0 auto 0 -960px; z-index:3;}



.footer { margin:0 0 0 0; background:url("bg.jpg"/*tpa=http://sf302.com/bg.jpg*//*tpa=http://www.2018180.com/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;}