﻿/*
┌──────── 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); 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;}

video {
	position: absolute;
	left: 50%;
	top: 60px;
	transform: translate(-50%);
	object-fit: contain;
        z-index:50;
}
#Version { width:100%; height:1062px; position:relative; overflow:hidden;}/*页面总高度再次调整*/
#Flash { width:1920px; height:1002px; position:absolute; left:50%; margin:0 auto 0 -960px; z-index:2;}/*FLASH*/
#Header { margin:0 auto 0 -960px; width:1920px; height:1002px; position:absolute; left:50%; z-index:1;top: 60px;}/*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:51; overflow:hidden;}/*整体*/
.head_2 { width:1200px; height:1002px; position:relative;}
.head_3 { background:url(btn1.png); width:220px; height:220px; position:absolute; bottom:30px; left:0; z-index:7; transition:0.5s;}
.head_3:hover { transform:rotate(360deg);}

.head_4 { background:url(btn2.png); width:220px; height:220px; position:absolute; bottom:30px; left:320px; z-index:7; transition:0.5s;}
.head_4:hover { transform:rotate(360deg);}

.head_5 { background:url(btn3.png); width:220px; height:220px; position:absolute; bottom:30px; right:320px; z-index:7; transition:0.5s;}
.head_5:hover { transform:rotate(360deg);}

.head_6 { background:url(btn4.png); width:220px; height:220px; position:absolute; bottom:30px; right:0; z-index:7; transition:0.5s;}
.head_6:hover { transform:rotate(360deg);}

.head_7 { background:url(m2.jpg) top center no-repeat;}
.head_8 { margin:0 auto; width:1200px; height:670px; position:relative;}

.head_9 { width:830px; overflow:hidden; position:absolute; top:110px; left:210px; z-index:7;}

.head_10 { background:url(foot.jpg) bottom center no-repeat;}
.head_11 { margin:0 auto; width:1200px; overflow:hidden;}

.head_123c { margin:0 auto; width:1200px; overflow:hidden; margin-bottom:10px; background:#3a3a3a; border:double 1px #c3c3c3; -webkit-box-shadow:0 0 10px rgba(0,0,0,0.9); -ms-box-shadow:0 0 10px rgba(0,0,0,0.9); -o-box-shadow:0 0 10px rgba(0,0,0,0.9); }
.head_124c { float:left; width:400px; overflow:hidden;}
.head_125c { float:left; width:400px; overflow:hidden;}
.head_126c { float:right; width:400px; overflow:hidden;}

.head_127c { margin:10px; overflow:hidden; background:#242121; transition:2s; -webkit-box-shadow:0 0 10px rgba(0,0,0,0.9); -ms-box-shadow:0 0 10px rgba(0,0,0,0.9); -o-box-shadow:0 0 10px rgba(0,0,0,0.9);}
.head_127c:hover { background:#000;}
.head_128c { margin:0 10px; background:url(zbb.png) left center no-repeat; overflow:hidden;}
.head_128c a { margin-left:30px; line-height:50px; text-align:left; font-size:22px; font-family:"微软雅黑"; font-weight:200; color:#885e37;}
.head_129c { border-top:double 1px #828491; overflow:hidden;}
.head_130c { margin:10px 10px; overflow:hidden; text-align:center;}

.head_131c { float:left; width:600px; overflow:hidden;}
.head_132c { float:right; width:600px; overflow:hidden;}
.head_133c { width:1200px; overflow:hidden;}

.footer { margin:0 0 0 0; background:url(../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:208px;height:619px;position:fixed;top:40%;right:0;margin-top:-280px;background:url(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:-208px}
.rightbar.close .btn-close{background:url(left4.png) no-repeat}
.rightbar .btn-close{width:86px;height:73px;background:url(left2.png);position:absolute;top:10px;left:-86px}
.rightbar h6{margin-bottom:10px;padding-top:30px; padding-left:28px;/*右边*/ 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 35px;/*右边*/width:157px;height:188px;background:#d0b37e; /*微信底色*/}
.rightbar .code p{height:30px;line-height:30px;background:#8e7649;/*微信底色*/margin-bottom:5px;}
.rightbar p{font-size:16px;line-height:24px;margin-bottom:5px; padding-left:20px;/*右边*/}

.rightbar .kefu{margin-left:35px;/*右边*/display:block; width:157px;height:51px;background:url(left3.png) no-repeat;line-height:50px;font-size:18px; font-weight:200; font-family:"微软雅黑"; color:#fff;text-decoration:none;margin-bottom:5px}
.rightbar .kefu:hover{background:url(left5.png) no-repeat}

.wenzi li { display:block; width:830px; overflow:hidden; border-bottom:dashed 1px #999; transition:0.5s; margin-bottom:2px;}
.wenzi li a i { background:#7c6653; border-radius:0.5em; padding:0 5px 2px 5px; font-family:"微软雅黑"; font-size:12px; font-weight:200; color:#FF0; margin-right:5px; letter-spacing:1.5pt;}
.wenzi li a { float:left; display:block; padding:5px 5px 7px 5px; font-size:16px; font-family:"微软雅黑"; font-weight:200; transition:0.5s; color:#CCC; letter-spacing:1.5pt;}
.wenzi li a:hover { color:#F00;}
.wenzi li:hover { display:block; animation-name:nmyani; animation-duration:2s; border-radius:0.5em; border:dashed 1px #999; background:#FBF0E1;}
.wenzi li span { display:block; float:right; font-size:12px; color:#F00;  padding:7px 5px 5px 5px;}
.wenzi ul { margin:0; padding:0; line-height:none;}
@keyframes nmyani {
50%{ margin-left:50px;}
80%{ margin-left:-50px;}
100%{ margin-left:0;}
}

.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;}