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

a { font-size: 14px; color:#2b262b; }
a:link { text-decoration: none;}
a:visited { text-decoration: none; color:#2b262b; }
a:hover { text-decoration: none; color:#775145; text-decoration:none;}
a:active { text-decoration: none; color:#775145;}
ul {  margin:0 0 0 0; padding: 0; list-style: none; }
img{ border:0;}


#Version { width:100%; height:1098px; position:relative; overflow:hidden;}/*页面总高度再次调整*/
#Flash { width:1920px; height:885px; position:absolute; left:50%; margin:0 auto 0 -960px; z-index:2;}/*FLASH*/
#Header { margin:0 auto 0 -960px; width:1920px; height:885px; position:absolute; left:50%; z-index:1;}/*BG*/
#Header_2 { margin:0 auto 0 -960px; width:1920px; height:213px; top:885px; position:absolute; left:50%; z-index:1;}/*BG*/
#Header_1 { margin:0 auto 0 -960px; width:1920px; overflow:hidden; position:absolute; left:50%; z-index:3;}/*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:1098px; position:relative;}

.head_3 { background:url("btn1.png")/*tpa=http://sf302.cn/17/294/22uxcom_hd_images/btn1.png*/; width:109px; height:372px; position:absolute; bottom:10px; right:407px; z-index:7; transition:0.5s;}
.head_3:hover { margin-bottom:-10px;}

.head_4 { background:url("btn2.png")/*tpa=http://sf302.cn/17/294/22uxcom_hd_images/btn2.png*/; width:109px; height:372px; position:absolute; bottom:10px; right:268px; z-index:7; transition:0.5s;}
.head_4:hover { margin-bottom:-10px;}

.head_5 { background:url("btn3.png")/*tpa=http://sf302.cn/17/294/22uxcom_hd_images/btn3.png*/; width:109px; height:372px; position:absolute; bottom:10px; right:129px; z-index:7; transition:0.5s;}
.head_5:hover { margin-bottom:-10px;}

.head_6 { background:url("btn4.png")/*tpa=http://sf302.cn/17/294/22uxcom_hd_images/btn4.png*/; width:109px; height:372px; position:absolute; bottom:10px; right:0px; z-index:7; transition:0.5s;}
.head_6:hover { margin-bottom:-10px;}

.head_7 { background:url("m2.jpg")/*tpa=http://sf302.cn/17/294/22uxcom_hd_images/m2.jpg*/ top center no-repeat;}
.head_8 { margin:0 auto; width:1200px; height:725px; position:relative;}

.head_9 { width:1000px; overflow:hidden; position:absolute; top:45px; left:100px; z-index:7;}
.head_10 { width:1000px; overflow:hidden; position:absolute; top:90px; left:100px; z-index:7;}

.head_11 { width:1000px; height:455px;}
.head_12 { width:980px; overflow:hidden;}

.head_13 { background:url("foot.jpg")/*tpa=http://sf302.cn/17/294/22uxcom_hd_images/foot.jpg*/ bottom center no-repeat;}
.head_14 { margin:0 auto; width:1440px; overflow:hidden;}


.head_15a { margin:0 auto; width:1440px; overflow:hidden;}

.head_16a { background:url("zb02.jpg")/*tpa=http://sf302.cn/17/294/22uxcom_hd_images/zb02.jpg*/ repeat-y; width:1440px; overflow:hidden; margin-bottom:10px;}
.head_17a { background:url("zb01.jpg")/*tpa=http://sf302.cn/17/294/22uxcom_hd_images/zb01.jpg*/ top no-repeat; width:1440px; overflow:hidden;}
.head_18a { background:url("zb03.jpg")/*tpa=http://sf302.cn/17/294/22uxcom_hd_images/zb03.jpg*/ bottom no-repeat; width:1440px; overflow:hidden;}

.head_19a { background:url("zb05.jpg")/*tpa=http://sf302.cn/17/294/22uxcom_hd_images/zb05.jpg*/ repeat-y; width:1440px; overflow:hidden; margin-bottom:10px;}
.head_20a { background:url("zb04.jpg")/*tpa=http://sf302.cn/17/294/22uxcom_hd_images/zb04.jpg*/ top no-repeat; width:1440px; overflow:hidden;}
.head_21a { background:url("zb06.jpg")/*tpa=http://sf302.cn/17/294/22uxcom_hd_images/zb06.jpg*/ bottom no-repeat; width:1440px; overflow:hidden;}

.head_22a { background:url("zb08.jpg")/*tpa=http://sf302.cn/17/294/22uxcom_hd_images/zb08.jpg*/ repeat-y; width:1440px; overflow:hidden; margin-bottom:10px;}
.head_23a { background:url("zb07.jpg")/*tpa=http://sf302.cn/17/294/22uxcom_hd_images/zb07.jpg*/ top no-repeat; width:1440px; overflow:hidden;}
.head_24a { background:url("zb09.jpg")/*tpa=http://sf302.cn/17/294/22uxcom_hd_images/zb09.jpg*/ bottom no-repeat; width:1440px; overflow:hidden;}

.head_25a {}
.head_25a img { border:double 1px #F00; border-radius:0.5em;}


.footer { margin:0 0 0 0; background:url("../foot_img/bg.jpg")/*tpa=http://sf302.cn/17/294/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:283px;height:619px;position:fixed;top:50%;right:0;margin-top:-280px;background:url("left1.png")/*tpa=http://sf302.cn/17/294/22uxcom_hd_images/left1.png*/ no-repeat;z-index:10000;text-align:center;color:#5b4022;-o-transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;transition:all .5s}
.rightbar.close{right:-283px}
.rightbar.close .btn-close{background:url("left4.png")/*tpa=http://sf302.cn/17/294/22uxcom_hd_images/left4.png*/ no-repeat}
.rightbar .btn-close{width:69px; height:97px; background:url("left2.png")/*tpa=http://sf302.cn/17/294/22uxcom_hd_images/left2.png*/; position:absolute; bottom:0; left:-66px}
.rightbar h6{margin-bottom:10px;padding-top:40px; padding-left:108px;/*右边*/ font-size:18px;line-height:24px;font-weight:700;overflow:hidden; color:#FFF;}
.rightbar h6 span{display:block;font-size:14px}
.rightbar .code{margin:0 0 10px 120px;/*右边*/width:157px; height:170px; background:#900; /*微信底色*/}
.rightbar .code p{height:5px; line-height:5px; background:#900;/*微信底色*/}
.rightbar p {font-size:14px;line-height:24px; margin-bottom:6px; padding-left:105px; color:#FFF;/*右边*/}
.rightbar .kefu{margin-left:120px;/*右边*/display:block; width:157px;height:51px;background:url("left3.png")/*tpa=http://sf302.cn/17/294/22uxcom_hd_images/left3.png*/ no-repeat;line-height:50px;font-size:18px; font-weight:200; font-family:"微软雅黑"; color:#000;text-decoration:none;margin-bottom:5px}
.rightbar .kefu:hover{background:url("left5.png")/*tpa=http://sf302.cn/17/294/22uxcom_hd_images/left5.png*/ no-repeat}

.head_13a li { display:block; width:978px; overflow:hidden; line-height:28px; text-align:left; border:double 1px #c94f6c; margin-bottom:5px; transition:0.5s; background:#802037; border-radius:1em;}
.head_13a li:hover { background:#370000; transition:0.5s; border-radius:2em;}
.head_13a li a { display:block; padding:0 0 0 40px; font-family:"微软雅黑"; font-weight:200; color:#FFC; font-size:14px;}
.head_13a li a:hover { color:#0F0; animation-name:bmyani; animation-duration:1s;}
.head_13a li span { display:block; background:url("hot.jpg")/*tpa=http://sf302.cn/17/294/22uxcom_hd_images/hot.jpg*/ 10px center no-repeat;}

@keyframes bmyani {
	
	0%{ margin-left:50px;}
	
	}

.head_26a table {width:998px; overflow:hidden;}
.head_26a .ta { background:#68192c; border:double 1px #FFF;}
.head_26a .da {line-height:28px; text-align:center; font-family:"微软雅黑"; font-size:14px; font-weight:200; color:#FF9;}
.head_26a .xa {line-height:28px; text-align:center; font-family:"微软雅黑"; font-size:14px; font-weight:200; color:#FFF;}
.head_26a .ac { background:#68192c;}
.head_26a .ac:hover { background:#900; transition:0.5s;}
.head_26a a { font-family:"微软雅黑"; font-size:14px; font-weight:200; color:#FF9;}
.head_26a .xac {line-height:28px; text-align:center; font-family:"微软雅黑"; font-size:14px; font-weight:200; color:#FFF;}
.head_26a .dac {line-height:28px; text-align:center; font-family:"微软雅黑"; font-size:14px; font-weight:200; color:#FF9;}


/*滚动条相关*/
.container1 {width:100%;height:auto;margin:0 auto;}
.container1 .div_scroll{float:left;width:100%;height:289px;overflow:auto;}
.container1 .scroll_container{position:relative;overflow:hidden;}
.container1 .scroll_absolute{position:absolute;}
.container1 .scroll_vertical_bar{width:10px;height:100%;position:absolute;top:0;right:0;margin:0;padding:0;}
.container1 .scroll_track{position:relative;border-radius:10px;background:url("line_y.gif")/*tpa=http://sf302.cn/17/294/22uxcom_hd_images/line_y.gif*/ repeat-y center top;}
.container1 .scroll_drag{position:relative;top:0;left:0;border-top:none;border-bottom:none;cursor:pointer;background-color:#f37c99;border-radius:20px;}
.container1 .scroll_arrow{text-indent:-20000px;cursor:pointer;display:block;}
.container1 .scroll_vertical_bar .scroll_arrow{height:16px;}
/*滚动条相关*/

#tab1 { }
#tab1 ul { margin:0; padding:0; list-style:none;}
#tab1 li { display: block; float:left; width:97px; height:30px; background:#731229;}
#tab1 a { display: block; width:97px; height:23px; padding:7px 0 0 0; text-align: center; text-decoration:none; font-size:12px; font-family:"微软雅黑"; color:#FFF; font-weight:200;}
#tab1 .now { width:97px; background:#d85b79;}
#tab1 .now a { display: block; background:none; font-size:12px; font-family:"微软雅黑"; color:#FF9; font-weight:200;}
#tab1 .now a:hover { background:#d85b79; font-size:12px; font-family:"微软雅黑"; color:#FF9; font-weight:200;}

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


.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;}