﻿/*
┌──────── sf005──────────────────────┐
│                                                                  │
│ 网站设计制作:≮腾飞网络≯ QQ:1010016665 唯一网址：WWW.sf005.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;}


#Version { width:100%; height:1223px; position:relative; overflow:hidden;}/*页面总高度再次调整*/
#Flash { width:1920px; height:900px; position:absolute; left:50%; margin:0 auto 0 -960px; z-index:2;}/*FLASH*/
#Header { margin:0 auto 0 -960px; width:1920px; height:954px; position:absolute; left:50%; z-index:1;}/*BG*/
#Headera { margin:0 auto 0 -960px; width:1920px; top:900px; height:369px; position:absolute; left:50%; z-index:1;}/*BG*/
#Headerb {
	margin: 0 auto 0 -960px;
	width: 1920px;
	top: 751px;
	height: 452px;
	position: absolute;
	left: 50%;
	z-index: 3;
}/*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:1323px; position:relative;}

.head_3 {
	background: url(btn1.png);
	width: 271px;
	height: 119px;
	position: absolute;
	bottom: 422px;
	left: 6px;
	z-index: 7;
}
.head_4 {
	width: 271px;
	height: 119px;
	position: absolute;
	bottom: 420px;
	left: 7px;
	z-index: 8;
}
.head_4:hover {-moz-animation-name:mymove; -webkit-animation-name:mymove; -o-animation-name:mymove; animation-name:mymove; -moz-animation-duration:0.8s; -webkit-animation-duration:0.8s; -o-animation-duration:0.8s;  animation-duration:0.8s;-moz-animation-iteration-count:infinite; -webkit-animation-iteration-count:infinite; -o-animation-iteration-count:infinite;  animation-iteration-count:infinite;}

@keyframes mymove
{
0%{ background:url(1.png) top center no-repeat;}
5%{ background:url(2.png) top center no-repeat;}
10%{ background:url(3.png) top center no-repeat;}
20%{ background:url(4.png) top center no-repeat;}
30%{ background:url(5.png) top center no-repeat;}
35%{ background:url(6.png) top center no-repeat;}
40%{ background:url(7.png) top center no-repeat;}
45%{ background:url(8.png) top center no-repeat;}
50%{ background:url(9.png) top center no-repeat;}
55%{ background:url(10.png) top center no-repeat;}
60%{ background:url(11.png) top center no-repeat;}
70%{ background:url(12.png) top center no-repeat;}
80%{ background:url(13.png) top center no-repeat;}
90%{ background:url(14.png) top center no-repeat;}
100%{ background:url(15.png) top center no-repeat;}
}

@-moz-keyframes mymove
{
0%{ background:url(1.png) top center no-repeat;}
5%{ background:url(2.png) top center no-repeat;}
10%{ background:url(3.png) top center no-repeat;}
20%{ background:url(4.png) top center no-repeat;}
30%{ background:url(5.png) top center no-repeat;}
35%{ background:url(6.png) top center no-repeat;}
40%{ background:url(7.png) top center no-repeat;}
45%{ background:url(8.png) top center no-repeat;}
50%{ background:url(9.png) top center no-repeat;}
55%{ background:url(10.png) top center no-repeat;}
60%{ background:url(11.png) top center no-repeat;}
70%{ background:url(12.png) top center no-repeat;}
80%{ background:url(13.png) top center no-repeat;}
90%{ background:url(14.png) top center no-repeat;}
100%{ background:url(15.png) top center no-repeat;}
}

@-webkit-keyframes mymove
{
0%{ background:url(1.png) top center no-repeat;}
5%{ background:url(2.png) top center no-repeat;}
10%{ background:url(3.png) top center no-repeat;}
20%{ background:url(4.png) top center no-repeat;}
30%{ background:url(5.png) top center no-repeat;}
35%{ background:url(6.png) top center no-repeat;}
40%{ background:url(7.png) top center no-repeat;}
45%{ background:url(8.png) top center no-repeat;}
50%{ background:url(9.png) top center no-repeat;}
55%{ background:url(10.png) top center no-repeat;}
60%{ background:url(11.png) top center no-repeat;}
70%{ background:url(12.png) top center no-repeat;}
80%{ background:url(13.png) top center no-repeat;}
90%{ background:url(14.png) top center no-repeat;}
100%{ background:url(15.png) top center no-repeat;}
}

@-o-keyframes mymove
{
0%{ background:url(1.png) top center no-repeat;}
5%{ background:url(2.png) top center no-repeat;}
10%{ background:url(3.png) top center no-repeat;}
20%{ background:url(4.png) top center no-repeat;}
30%{ background:url(5.png) top center no-repeat;}
35%{ background:url(6.png) top center no-repeat;}
40%{ background:url(7.png) top center no-repeat;}
45%{ background:url(8.png) top center no-repeat;}
50%{ background:url(9.png) top center no-repeat;}
55%{ background:url(10.png) top center no-repeat;}
60%{ background:url(11.png) top center no-repeat;}
70%{ background:url(12.png) top center no-repeat;}
80%{ background:url(13.png) top center no-repeat;}
90%{ background:url(14.png) top center no-repeat;}
100%{ background:url(15.png) top center no-repeat;}
}


.head_5 {
	background: url(btn2.png);
	width: 229px;
	height: 67px;
	position: absolute;
	bottom: 338px;
	left: 27px;
	z-index: 7;
	transition: 0.5s;
}
.head_5:hover { margin-bottom:-10px;}

.head_6 {
	background: url(btn3.png);
	width: 229px;
	height: 67px;
	position: absolute;
	bottom: 251px;
	left: 28px;
	z-index: 7;
	transition: 0.5s;
}
.head_6:hover { margin-bottom:-10px;}

.head_7 {
	background: url(btn4.png);
	width: 229px;
	height: 67px;
	position: absolute;
	bottom: 164px;
	left: 28px;
	z-index: 7;
	transition: 0.5s;
}
.head_7:hover { margin-bottom:-10px;}

.head_8 {
	background: url(ad1.png);
	width: 862px;
	height: 346px;
	position: absolute;
	bottom: 163px;
	right: 21px;
	z-index: 7;
}

.head_9 { background:url(m2.jpg) top center no-repeat;}
.head_10 { margin:0 auto; width:1200px; height:660px; position:relative;}

.head_11 { width:1120px; height:530px; position:absolute; top:63px; left:40px; z-index:7;}
.head_12 { background:url(foot.jpg) bottom center no-repeat;}
.head_13 { margin:0 auto; width:1200px; overflow:hidden;}

.head_14 { margin:0 auto; width:1400px; height:700px;}








.rightbar{width:268px;height:619px;position:fixed;top:50%;right:0;margin-top:-280px;background:url(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:-268px}
.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:50px; padding-left:88px;/*右边*/ 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 95px;/*右边*/width:157px; height:160px; background:#d0b37e; /*微信底色*/}
.rightbar .code p{height:5px; line-height:5px; background:#8e7649;/*微信底色*/}
.rightbar p{font-size:16px;line-height:24px; margin-bottom:2px; padding-left:70px;/*右边*/}

.rightbar .kefu{margin-left:95px;/*右边*/display:block; width:157px;height:51px;background:url(left3.png) no-repeat;line-height:50px;font-size:18px; font-weight:200; font-family:"微软雅黑"; color:#f00;text-decoration:none;margin-bottom:5px}
.rightbar .kefu:hover{background:url(left5.png) no-repeat}






.footcer_1 { background:url(../foot_img/bg.jpg) top center repeat-x #000; border-top:double 1px #FF0000;}
.footcer_2 { margin:0 auto; width:1200px; height:300px; position:relative;}
.footcer_3 { width:250px; height:140px; position:absolute; top:130px; left:0; z-index:7;}
.footcer_3 img { width:250px; height:140px;}
.footcer_4 { width:1200px; height:70px; line-height:70px; text-align:center; border-bottom:dashed 1px #333; position:absolute; top:0px; left:0; z-index:7;}
.footcer_4 a { font-size:14px; font-weight:200; color:#999; letter-spacing:3.5pt;}
.footcer_5 { width:200px; height:57px; position:absolute; top:170px; left:250px; border-left:double 1px #333; z-index:7;}
.footcer_5 img { width:200px; height:57px;}

.footcer_6 { width:800px; overflow:hidden; position:absolute; top:160px; right:0; text-align:right; z-index:7; color:#666; letter-spacing:1.4pt;}
.footcer_6 a { padding:8px 5px; font-size:12px; color:#666;}
.footcer_6 a:hover { color:#0CF; text-decoration:underline;}

.footcer_7 { width:800px; overflow:hidden; position:absolute; top:190px; right:0; text-align:right; z-index:7; color:#666; letter-spacing:1.4pt;}
.footcer_7 a { padding:8px 5px; font-size:12px; color:#666; letter-spacing:1pt;}
.footcer_7 a:hover { color:#0CF; text-decoration:underline;}

.footcer_8 { width:800px; overflow:hidden; position:absolute; top:220px; right:0; text-align:right; z-index:7; color:#666; letter-spacing:1.4pt;}
.footcer_8 a { padding:8px 5px; font-size:12px; color:#666; letter-spacing:1pt;}
.footcer_8 a:hover { color:#0CF; text-decoration:underline;}

.footcer_9 { width:800px; overflow:hidden; position:absolute; top:250px; right:0; text-align:right; z-index:7; color:#666; letter-spacing:1.4pt;}
.footcer_9 a { padding:8px 5px; font-size:12px; color:#69F; font-weight:bold; letter-spacing:1.4pt;}
.footcer_9 a:hover { color:#0CF; text-decoration:underline;}
.footcer_9 span { color:#713D0D}

.footcer_10 { width:800px; overflow:hidden; position:absolute; top:130px; right:0; text-align:right; z-index:7; color:#666; letter-spacing:1.4pt;}
.footcer_10 a { padding:8px 5px; font-size:12px; color:#69F; font-weight:bold; letter-spacing:1pt;}
.footcer_10 a:hover { color:#0CF; text-decoration:underline;}
.footcer_10 span { color:#0CF}

.kv-music{position:fixed;z-index:50;top:50px;left:50px; width:58px;height:100px;}


.head_123c { margin:0 auto; width:1200px; overflow:hidden; margin-bottom:10px; background:#48364c;}
.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:#281b2b; transition:2s;}
.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:#FFF;}
.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;}


.wenzi li { display:block; width:1100px; overflow:hidden; border-bottom:dashed 1px #999; transition:0.5s; margin-bottom:2px;}
.wenzi li a i { background:#9666a1; border-radius:0.3em; padding:2px 5px 3px 5px; font-family:"微软雅黑"; font-size:14px; font-weight:200; color:#FF0; margin-right:10px; letter-spacing:1.5pt;}
.wenzi li a { float:left; display:block; padding:7px 5px 10px 5px; font-size:16px; font-family:"微软雅黑"; font-weight:200; color:#fae5ff; transition:0.5s; letter-spacing:0.9pt;}
.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:#25062c;}
.wenzi li span { display:block; float:right; font-size:12px; color:#F00;  padding:7px 5px 10px 5px;}
.wenzi ul { margin:0; padding:0; line-height:none;}
@keyframes nmyani {
50%{ margin-left:50px;}
80%{ margin-left:-50px;}
100%{ margin-left:0;}
}




/*滚动条相关*/
.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) repeat-y center top;}
.container1 .scroll_drag{position:relative;top:0;left:0;border-top:none;border-bottom:none;cursor:pointer;background-color:#bc2f38;border-radius:20px;}
.container1 .scroll_arrow{text-indent:-20000px;cursor:pointer;display:block;}
.container1 .scroll_vertical_bar .scroll_arrow{height:16px;}
/*滚动条相关*/
