body, h1, h2, h3, h4, h5, h6, hr, p, blockquote,dl, dt, dd, ul, ol, li,pre,fieldset, lengend, button, input, textarea,th, td {margin: 0;padding: 0;}
button, input, select, textarea {font: 12px/1 Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif;}
h1,h2,h3,h4, h5, h6 {font-weight:normal }
address, cite, dfn, em, var, i { font-style: normal; }
code, kbd, pre, samp, tt { font-family: "Courier New", Courier, monospace; }
ul, ol { list-style: none;}
li{*vertical-align:top}
a {text-decoration: none; outline:none }
a:hover { text-decoration: underline;}
abbr[title], acronym[title] {border-bottom: 1px dotted; cursor: help;}
q:before, q:after { content: ''; }
legend { color: #000; }
fieldset, img { border: none; }
button, input, select, textarea {font-size: 100%;}
table {border-collapse: collapse; border-spacing: 0;}
hr {border: none;height: 1px;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}
* html .clearfix{height:1%;}
.clearfix{display:block;}

html{overflow-x:hidden}
body{min-width:1032px; font:12px/1.5 'Microsoft Yahei', simsun, Arial, Tahoma; color:#6a6a6a; background:url(images/bg.png) repeat; padding-bottom:50px;}
.corner{position:absolute;right:0; top:0; width:117px; height:113px; background:url(images/corner.png) no-repeat;_background:url(images/corner2.png) no-repeat; z-index:3}
.lwrapper{overflow-x:hidden}
.main{width:1032px; margin:0 auto; position:relative}
.nav{margin-left:700px; position:relative}
.nav a{float:left; padding-left:30px; margin-left:15px; height:32px; line-height:32px; color:#4c8a7e; font-size:20px; font-weight:bold; background:url(images/icon.png) no-repeat 0 -88px}
.nav a:hover{color:#00c9a1; text-decoration:none;background-position:0 0}
.nav .on{color:#00c9a1; background-position:0 0}
.n-1{border-right:1px solid #d1d1d1; padding-right:15px;}
.header{height:604px; position:relative; background:url(images/header.jpg) center top no-repeat;min-width:1032px;}
.tab{background:url(images/bg-2.png) repeat-x left bottom; padding-bottom:26px}
.label{position:absolute; left:50px; top:48px; width:29px; height:29px; background:url(images/icon.png) no-repeat 0 -187px}
.label2{left:170px}

.tab-content1{padding-top:35px}
.game-logo{float:left; margin-left:50px;_display:inline}
h2{font-size:26px;}
.game-info{float:left; width:295px; margin-left:20px; font-size:14px}
.text{border-top:1px solid #979797; margin-top:10px; padding-top:10px}
.game-photo{float:left;margin-left:47px;width:437px;height:310px; padding:0 7px 7px; background:url(images/pic-bg.png) no-repeat 0 46px}
.game-photo h2{margin-bottom:14px; height:39px}
.slide{position:relative; width:437px; height:248px;overflow:hidden}
.pic{position:relative}
.pic li{float:left; width:437px; height:248px; overflow:hidden}
.prev,
.next{position:absolute; left:0; top:110px; width:22px; height:37px; background:url(images/slide-btn.png) no-repeat}
.next{left:auto; right:5px; background-position: -22px 0}
.prev:hover{background-position:0 -37px}
.next:hover{background-position:-22px -37px}
.tab-content .on{display:block}
.tab-box{display:none}
.download{display:block;width:276px; height:95px; margin-top:45px; position:relative; left:-70px;background:url(images/download.png) no-repeat; overflow:hidden}

.light{
	position:absolute;
	left:-200px;
	display:block;
	height:25px;
	width:300px;
	transform:rotate(-60deg);
	-webkit-transform:rotate(-60deg); 
	-moz-transform:rotate(-60deg);
	background:linear-gradient(top,rgba(255,255,255,0),rgba(255,255,255,0.8),rgba(255,255,255,0)); 
	background:-ms-linear-gradient(top,rgba(255,255,255,0),rgba(255,255,255,0.8),rgba(255,255,255,0));
	background:-webkit-linear-gradient(top,rgba(255,255,255,0),rgba(255,255,255,0.8),rgba(255,255,255,0)); 
	background:-moz-linear-gradient(top,rgba(255,255,255,0),rgba(255,255,255,0.8),rgba(255,255,255,0));	
	cursor:pointer;
}
.download:hover .light{animation:light 0.5s ease-in;-ms-animation:light 0.5s ease-in;-moz-animation:light 0.5s ease-in;-webkit-animation:light 0.5s ease-in;}
@keyframes light{
	0%{
	}
	100%{
	  	left:250px;
	}
}
@-ms-keyframes light{
	0%{
	}
	100%{
	  	left:250px;
	}
}
@-webkit-keyframes light{
	0%{
	}
	100%{
	  	left:250px;
	}
}
@-moz-keyframes light{
	0%{
	}
	100%{
	  	left:250px;
	}
}
.tab-menu2{background:url(images/tab-bg.png) no-repeat}
.tab-menu2 a{float:left; width:175px; height:56px; text-align:center; font-size:16.5px; line-height:56px; color:#00ba9e; cursor:pointer}
.tab-menu2 .m-1{color:#fff}
.current-menu{background-position:0 -56px}
.current-menu .m-1{color:#00ba9e}
.current-menu .m-2{color:#fff}
.tab-content2 a{float:left; width:354px; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;color:#6a6a6a}
.time{float:right}
.tab2 h2{height:46px;font-size:21.5px; line-height:44px; padding-left:40px; color:#00ba9e; background:url(images/title.jpg) no-repeat}
.tab-content2 li{overflow:hidden;_zoom:1; border-bottom:1px dotted #6c6b6b}
.tab-content2{padding-top:26px; width:438px; line-height:44px; font-size:14.5px}
.tab-content2 .on{display:block}
.tab-content2 li:hover{font-weight:bold}
.tab-content2 li:hover a{color:#ff0000}
.tab-content2 li:hover .time{color:#ff0000}

.slide2{position:relative;width:436px; height:285px; overflow:hidden;}
.pic2 li{width:436px; height:285px; overflow:hidden;}
.num2{position:absolute; right:-34px; bottom:8px}
.num2 li{width:24px; height:24px; margin-bottom:8px; background:url(images/icon.png) no-repeat 0 -289px; cursor:pointer;}
.num2 .on{background-position:0 -314px}
.pic2{position:absolute; left:0; top:0}
.tab2{float:left; width:490px;}
.game-photo2{float:right; position:relative; margin-right:30px;_display:inline; background:url(images/pic-bg2.png) no-repeat; padding:6px 7px 6px 8px}
.tab2{padding-left:60px;}
.tab-content1{height:350px}

.bottom-wrapper{background:url(images/bottom-bg.jpg) no-repeat center top; height:445px}
.pic3 td{width:138px;height:445px; text-align:center; vertical-align:middle}
.pic3 img{width:90%}
.pic3{position:relative; table-layout:fixed}
.slide3{position:relative; width:865px;left:78px; overflow:hidden}
.table-outer{width:5000px}
.next3,
.prev3{position:absolute; left:0; top:200px; width:35px; height:57px; background:url(images/btn3.png) no-repeat -35px 0}
.prev3:hover{background-position:-35px -57px}
.next3{left:auto; right:0; background-position:0 0}
.next3:hover{background-position:0 -57px}
.pic3 .on{width:307px}
.v-title{font-size:25px; color:#fff; opacity:0;filter:alpha(opacity=0); zoom:1}
.pic3 .on .v-title{opacity:1;filter:alpha(opacity=100)}
.qr-code{position:fixed;_position:absolute; width:130px; height:148px; background:url(images/qr-code.png) no-repeat; padding:62px 0 0 19px; right:20px;top:260px}
.qr-code img{width:130px; height:130px}
.header embed{position:absolute;left:50%; margin-left:-826px;}
.video-btn{width:170px; height:136px; position:absolute; left:331px; top:350px; z-index:5; background:#000; opacity:0;filter:alpha(opacity=0)}
.bbs-link{width:166px; height:130px; position:absolute; right:71px; top:382px}

.article{padding:30px 20px 60px; font-size:14px; line-height:24px}
.article h1{font-size:24px; color:#368473; text-align:center; border-bottom:1px dotted #a8a8a8; padding-bottom:15px; margin-bottom:20px}
.article-p p{text-indent:2em}


/*===ppsFooter===*/
#ppsBottom{padding:30px 0 10px;zoom:1;font:12px/22px Verdana,simsun; color:#858585;}
    #ppsBottom p{margin:0}
	#ppsBottom a{color:#858585}
    #ppsFooter{text-align:center;padding:8px 0px 10px 0px;}
	#ppsFooter a{margin:0px 5px;}
	#ppsFooter span{display:block}
	.dlArea{text-align:center}
	#gameTj{margin-bottom:8px;line-height:23px;}
	#gameTj a{margin:0px 6px;white-space:nowrap;display:inline-block;text-decoration:none}
	#gameTj em{zoom:1;display:inline-block;padding:0px 10px 0 95px;position:relative;text-align:left;font-style:normal}
	#gameTj em span{padding-left:18px;display:block;position:absolute;top:0;left:0; background-position:7px 7px!important;font-style:normal}
    #gameLinks{padding-bottom:5px;}
	#gameLinks a{margin:0px 3px;white-space:nowrap;display:inline-block;text-decoration:none}
/*===end ppsFooter===*/

.ft-list a{color:#2e6fb3; margin-right:30px}
.zheng{position:fixed; width:100%; text-align:center; left:0; top:50%; display:none;_position:absolute;_bottom:auto;  
_top:expression(eval(document.documentElement.scrollTop+330)); z-index:999}
.mask2,
.mask{position:fixed; left:0; top:0;width:100%; height:100%; background:#000; opacity:0.5;display:none; filter:alpha(opacity=50);_position:absolute;_bottom:auto;  
_top:expression(eval(document.documentElement.scrollTop));_right:auto;  
_left:expression(eval(document.documentElement.scrollLeft)); z-index:998}
.z-1{margin-top:-282px}
.z-2{margin-top:-300px}
*html,*body{background-image:url(about:blank);background-attachment:fixed; height:100%}

		
.popUp3_sp{_position:absolute;_left:expression(eval(document.documentElement.scrollLeft+0));_top:expression(eval(document.documentElement.scrollTop+0)); _height:1000px;}
.popUp2_sp{display:none;width:600px;height:450px;z-index:9999;position:fixed;left:50%;top:50%;margin:-240px 0 0 -300px;_margin:0;_position:absolute;_left:expression(eval(document.compatMode &&document.compatMode=='CSS1Compat') ?documentElement.scrollLeft + (document.documentElement.clientWidth-this.offsetWidth)/2 :document.body.scrollLeft + (document.body.clientWidth - this.clientWidth)/2);_top:expression(eval(document.compatMode &&document.compatMode=='CSS1Compat') ?documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);}
.popUp_r {width: 600px;height: 438px;position: relative;padding-right: 30px;}
.popUp_r object, .popUp_r img {width: 800px;height: 450px;}
#flash {width: 800px;height: 450px;background-position: 0 -187px;}
.popUp_r a {position: absolute;width: 30px;height: 30px;line-height: 30px;color: white;text-align: center;background: black;top: 0;right: 0;cursor: pointer;font-size: 18px; font-family:"\5FAE\8F6F\96C5\9ED1";}