﻿body,html { margin:0; padding:0; font-size:14px; font-family:"Microsoft YaHei";  background:#000; color:#5d5649; }
ul, li, p, strong, h3, table, form, tr, td, ol, dl, dd, dt, map, area,h1,h3,h2,h4,h5,h6 { margin:0; padding:0; list-style:none; }
img { border:0; vertical-align:top; }
a { text-decoration:none; outline:none; color:#5d5649; *hide-focus:expression(this.hideFocus=true);}
.clr{ display:block; height:0; overflow:hidden; clear:both;}
.clr5{ display:block; height:0; overflow:hidden; clear:both; height:4px; }
.head li { float:left; }
.l{ float:left; }
.ov99{ overflow:hidden; text-indent:-9999px; }
.cent{ text-align:center; }
.rigt{ text-align:right; }
.p2em{ text-indent:2em; }
.r{ float:right; }

h1{ overflow:hidden; display:none; }
#wrapbg{ width:100%; min-width:1000px; height:1000px; position:relative; overflow:hidden;  }
#wrap { width:1000px; height:1000px; margin:0 auto; position:relative; }
.index{ background: url(../images/bg.jpg) no-repeat center 0;  }
.r1_index{ background: url(../images/d1.jpg) no-repeat right 0; background-size:100% auto; -webkit-background-size:100% auto; }
.r2_index{ background: url(../images/d2.jpg) no-repeat right 0; background-size:100% auto; -webkit-background-size:100% auto;  }
.r3_index{ background: url(../images/d3.jpg) no-repeat right 0; background-size:100% auto; -webkit-background-size:100% auto;  }
.r4_index{ background: url(../images/d4.jpg) no-repeat right 0; background-size:100% auto; -webkit-background-size:100% auto;  }

.footer{ height:120px; background-color:#15181d; color:#666666; }
.footer #bottom{position:relative;width:1000px; margin: 0 auto; height:120px; background:url(http://zt2.ztgame.com/images/v19/foot.jpg) left 0 no-repeat;}
.footer #bottom a{color:#666666; padding:0px 8px;}
.footer #bottom .botp1{ position:absolute; left:134px; top:21px; font-size:12px;color:#666666;}
.footer #bottom .botp2{ position:absolute; right:0; top:21px; font-size:12px;color:#666666;}
.footer #bottom .botp3{ position:absolute; left:140px; top:47px; width:384px; padding-right:472px; font-size:12px;color:#666666; border-top:solid 1px #666666; padding-top:8px; line-height:20px; }
.bn{ display:block; width:314px; height:60px; position:absolute; right:0; top:7px; background:url(http://zt2.ztgame.com/images/v19/ba.png) left 0 no-repeat; }

.rbgy{ width:690px;background:url(http://zt2.ztgame.com/images/v9/bgy.jpg) center 0 repeat-y;}
.rtop{ width:690px;background:url(http://zt2.ztgame.com/images/v9/bgtop.jpg) center top no-repeat;}
.rbot{ width:690px;background:url(http://zt2.ztgame.com/images/v9/bgbot.jpg) center bottom no-repeat;padding-bottom:60px;}


.mm1{ width:100%; height:566px; position:absolute; left:0; top:0; z-index:13; background:url(../images/m1.png) no-repeat center 0; }
.mm2{ width:100%; height:425px; position:absolute; left:0; bottom:0; z-index:12; background:#000 url(../images/m2.jpg) no-repeat center 0; text-align:center; }
.pertiosn{ display:block; margin:122px auto 0; width:68px; height:68px; text-align:center; position:relative; line-height:68px; color:#fff; }
.pertiosn span{ display:block; background:url(../images/qq.png) no-repeat; width:68px; height:68px;  animation:load 3s infinite linear; -webkit-animation:load 3s infinite linear; -ms-animation:load 3s infinite linear; -o-animation:load 3s infinite linear;  }
.pertiosn a{ display:block; width:68px; height:68px; position:absolute; left:0; top:0; color:#fff;  }
.wz{ color:#ccc; margin:10px auto 0; }
@-moz-keyframes load {
	0% { -moz-transform:rotateZ(0deg); }
	100% { -moz-transform:rotateZ(-360deg); }
}
@-webkit-keyframes load {
	0% { -webkit-transform:rotateZ(0deg); }
	100% { -webkit-transform:rotateZ(360deg); }
}
@-o-keyframes load {
	0% { -o-transform:rotateZ(0deg); }
	100% { -o-transform:rotateZ(-360deg); }
}
@-ms-keyframes load {
	0% { -ms-transform:rotateZ(0deg); }
	100% { -ms-transform:rotateZ(360deg); }
}

.dh{ position:absolute; top:18px; right:18px; z-index:2; }
.dh a{ display:inline-block; width:58px; height:25px; line-height:24px; text-align:center; background:#0f1416; color:#7c7857; border:solid 1px #333; margin:0 4px; }
.dh a:hover{ background:#e6d168; color:#161616; }

.logo{ width:128px; height:103px; display:block; position:absolute; left:0; top:0;  background:url(../images/logo.png) no-repeat; z-index:2; }
.slogo{ display:block; width:633px; height:273px; position:absolute; top:417px; left:50%; margin-left:-316px; background:url(../images/slogo.png) no-repeat;
	transition-duration:.6s; -webkit-transition-duration:.6s; transform:scale(0); -webkit-transform:scale(0);  
	transition-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1.275); -webkit-transition-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.slogo.on{  transform:scale(1); -webkit-transform:scale(1); }

.dh2{ position:absolute; top:74px; left:467px; z-index:2; }
.dh2 a{ display:inline-block; width:58px; height:25px; line-height:24px; text-align:center; background:#0f1416; color:#7c7857; border:solid 1px #333; margin:0 4px; }
.dh2 a:hover{ background:#e6d168; color:#161616; }

.logo2{ width:128px; height:103px; display:block; position:absolute; left:313px; top:27px;  background:url(../images/logo.png) no-repeat; z-index:2; }

.nav{ display:block; position:absolute; width:100%; height:26px; bottom:17%; left:0; text-align:center;  z-index:2; }
.line{ display:block; height:1px; overflow:hidden; width:100%; background:#46423c; top:13px; left:0; position:absolute;  }
.nav span.navtbn{ width:134px; height:72px; text-align:center; display:inline-block; margin:0 40px; color:#999999; }
.nav a{ overflow:hidden; display:inline-block; position:relative; width:26px; height:26px; background:url(../images/o.png) no-repeat -26px 0; margin-bottom:15px;  }
.nav a span{ display:inline-block; width:26px; height:26px; overflow:hidden; background:url(../images/o.png) no-repeat;
	transition-duration:.3s; -webkit-transition-duration:.3s; transform:scale(0); -webkit-transform:scale(0);
}
.nav a:hover span,.nav span.on a span{ transform:scale(1); -webkit-transform:scale(1); }
.nav a font{ display:inline-block; margin-top:30px; }
.nav span.on{ color:#c5be89; }

#wrap{ height: 1000px; overflow: hidden; left: 0; position:absolute; }
.page_box { float: left;    height:1000px;    overflow: hidden;    position: relative;    z-index: 1; }

.btns{ display:block; width:69px; height:233px; overflow:hidden; text-indent:-999px; position:absolute; z-index:2; right:0; top:50%; margin-top:-116px; background:url(../images/btns.jpg) no-repeat; }
.btns:hover{ background-position:0 -233px;   }

.lists{ position:absolute; left:382px; top:160px; }
.lists li{ float:left; display:inline; margin-right:42px; width:112px; height:358px; padding:27px 0 0 22px; overflow:hidden; color:#c5be89; font-size:14px; background:url(../images/dbtn1.png) no-repeat; cursor:pointer; position:relative; }
.lists li strong{ font-size:40px; color:#e6d168; float:left; width:40px; font-weight:100; }
.lists li p{ float:left; width:25px; line-height:14px; }
.lists li.on{ background-position:-134px 0; }
.jh{ display:block; position:absolute; width:49px; height:49px; left:43px; top:300px; background:url(../images/dbtn1_03.jpg) no-repeat; 
	transition-duration:.3s; -webkit-transition-duration:.3s; -ms-transition-duration:.3s; -o-transition-duration:.3s;
}
.lists li.on .jh{ background-position:0 -49px; transform:rotate(360deg); -webkit-transform:rotate(360deg); -ms-transform:rotate(360deg); -o-transform:rotate(360deg);  }


.msg{ width:814px; left:-816px; top:27px; height:912px; position:absolute; overflow:hidden; display:none; background:#141414 url(../images/bt.jpg) no-repeat 0 bottom; }
.close{ display:block; width:69px; height:69px; overflow:hidden; text-indent:-999px; position:absolute; top:32px; right:25px; background:url(../images/close.png) no-repeat; }
.cont{ position:absolute; left:54px; top:130px; width:718px; height:740px; overflow:hidden; overflow-y:auto; color:#999999; }
.tt{ font-size:24px; color:#856f41; display:block; height:82px; background:url(../images/x.jpg) repeat-x 0 bottom; margin-bottom:20px; }
.tt span{ font-size:32px; margin:0 6px; }
.tt strong{ font-size:40px; color:#e6d168; font-weight:100; }

.cont .fst{ font-size:18px; color:#e6d168; }
.cont .td1{ float:left; width:12%; line-height:24px; }
.cont .td2{ float:left; width:86%; line-height:24px; }
.cont .clr{ height:22px; }

table{ border-left:solid 1px #e6d168; border-top:solid 1px #e6d168;  }
td{ color:#e6d168; border-right:solid 1px #e6d168; border-bottom:solid 1px #e6d168; padding:10px 0; }
td p{ padding:0 23px; }
.dd1{ font-size:16px; }
.dd2{ font-size:18px; }

.dbtn2{ display:block; width:358px; height:391px; position:absolute; overflow:hidden; text-indent:-999px; left:354px; top:168px; background:url(../images/dbtn2.png) no-repeat; }
.dbtn22{ background-position:-358px 0; left:712px; }

.dbtn2:hover,.dbtn2.on{ background-position:0 -391px;  }
.dbtn22:hover,.dbtn22.on{ background-position:-358px -391px; }

.fck{  background:url(../images/x.jpg) repeat-x 0 bottom; padding:38px 0 56px; color:#999999; line-height:24px;  }
.zdbtn{ display:block; width:266px; height:52px; line-height:52px; text-align:center; margin:46px auto 0; border:solid 3px #867b44; color:#999999; }
.zdbtn:hover{ border:solid 3px #efd554; background:#efd554; color:#000; }

.more{ display:block; left:624px; top:280px; position:absolute; width:64px; height:199px; overflow:hidden; text-indent:-999px; background:url(../images/more.jpg) no-repeat;  }
.more:hover{ background-position:-64px; }



.cover{ z-index:2; display:none; position:absolute; left:0; top:0; width:100%; height:100%; background:#000; filter:alpha(opacity=70);	-moz-opacity:0.7;	-khtml-opacity: 0.7;	opacity: 0.7;}
.tcc{ z-index:2; background:#fff; width:672px; height:552px; position:absolute; left:50%; top:50%; margin:-280px 0 0 -2000px; }
.close2{ display:block; position:absolute; width:53px; height:53px; overflow:hidden; text-indent:-999px; right:-64px; top:0; background:url(../images/close2.png) no-repeat; }

.content{ width:604px; position:absolute; left:38px; top:40px; line-height:24px; }
.tcc .tt{ font-size:18px; height:auto; margin:0; background:none; }
.tcc .tt h3{ font-size:36px; color:#fb0c0c; display:block; margin-bottom:10px;  }

.ine{ display:block; height:0; overflow:hidden; border-bottom:dotted 1px #ccc; margin:18px 0; position:relative; z-index:1; }
.content .red{ color:#fb0c0c; }

.btn3{ display:block; overflow:hidden; text-indent:-999px; width:320px; height:130px; background:url(../images/btn3.jpg) no-repeat; }
.btn3:hover{ background-position:0 -130px; }

.lb{ display:block; position:absolute; right:-10px; bottom:-20px; z-index:0; }
.txt{ width:229px; height:39px; padding-left:10px; line-height:39px; border:solid 1px #e9e9e9; border-right:0; vertical-align:middle; }

.btncoms{ display:inline-block; width:80px; height:41px; vertical-align:middle; background:url(../images/btn4.jpg) no-repeat; }
.btncoms:hover{ background-position:0 -41px; }

.content .cent{ margin:10px 0 20px 0; }

.wxbg{ width:560px; height:380px; position:absolute; left:350px; top:198px; background:url(../images/wxbg.png) no-repeat; }
.tt1{ display:block; font-size:24px; color:#e6d168; height:40px; text-align:center; width:532px;  }
.tt2{ display:block; color:#c5be89; height:43px; text-align:center; width:532px;  }
.wx{ display:block; position:absolute; left:185px; top:152px; width:158px; }

.ts{ text-align:center; padding-top:16px; }
.rn1{ left:388px; top:186px; width:198px; height:389px; position:absolute; display:block; overflow:hidden; text-indent:-999px; background:url(../images/rn1.jpg) no-repeat; }
.rn2{ left:722px; top:186px; width:198px; height:389px; position:absolute; display:block; overflow:hidden; text-indent:-999px; background:url(../images/rn2.jpg) no-repeat; }

.flash{ width:1920px; height:1000px; position:absolute; left:50%; margin-left:-960px; top:0; }
.cov{ width:100%; height:100%; position:absolute; left:0; top:0; background:#fff; filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity: 0;
	opacity: 0; }




