/* public */
html,body,form,ol,ul,li,div,p,dl,dt,dd,h1,h2,h3,h4,h5,h6,table,th,td,font,em,ins,span,a{margin:0; padding:0;}
h1,h2,h3,h4,h5,h6,button,input,select,textarea{font-size:100%;font-weight:normal}
html{_filter:expression(document.execCommand("BackgroundImageCache",false,true));}
ul,li,div,dl,dt,dd{list-style:none;}
h1.wm-public{height:0px; line-height:0px; font-size:0px;}
a{text-decoration:none;}
a{blr:expression(this.onFocus=this.blur());outline:none;}
img{border:0;}
font,em{font-style:normal; font-family:\5b8b\4f53;}
label{vertical-align:middle; font-family:tahoma;}
textarea,input{resize:none; outline:none;}
textarea{overflow:auto;}
ins{float:right; text-decoration:none; font-weight:normal;}
.pub_wsp{word-wrap:break-word; word-break:break-all;}
.pub_abso{vertical-align:middle;}
.pub_clr{clear:both;font-size:0;height:0;line-height:0;overflow:hidden;}
.pub_yh{font-family:"Microsoft YaHei";}
.none{display:none;}
body{background:none; font-size:12px; font-family:"Microsoft YaHei",Verdana,Geneva,sans-serif,\5b8b\4f53;}
#header,#main,#tempHeader,#tempMain,#heroHeader{width: 1200px; margin: 0 auto;}
#header{position: relative; height: 796px;}
#main{height: 2180px;}
#content,body,html{width: 100%; overflow-x: hidden; color: #333;}
#topBox{height: 46px;}
#wrapTop{background:#fff url(http://m.laohu.com/_s/v3/top.jpg) no-repeat center 0;}
#wrapFot{background: url(http://m.laohu.com/_s/v3/fot.jpg) no-repeat center bottom;}
.w1{background: url(http://m.laohu.com/_s/v3/w1.png) no-repeat center 1113px;}
.w2{background: url(http://m.laohu.com/_s/v3/w2.png) no-repeat center 2069px;}
.w3{background: url(http://m.laohu.com/_s/v3/w2.png) no-repeat center 2029px;}

.logoImg{display: block; width:298px; position: absolute; left: 120px; top: 10px;}
.nav{width: 680px; height: 33px; position:absolute; right: 40px; top: 60px; z-index: 99;}
.nav a{float: left; width: 132px; height: 33px; line-height: 33px; text-align: center; font-size: 16px; color: #333; display: inline; margin-right: 3px; background: url(http://m.laohu.com/_s/v3/navBg.png) no-repeat 0 0;}
.nav a:hover{font-weight: bold;}

.topPop{width: 1900px; height: 0; position: absolute; left: 50%; margin-left: -950px; top:46px; z-index:99}
.topPop2{width: 100%; height: 120px; position:fixed; left: 0; top:46px; z-index:100; background: url(http://m.laohu.com/_s/v3/x.png) repeat-x; min-width: 1200px; display: none;}
.topPop2 .nav{top: 34px;}
.topLeft{width:340px; height: 74px; position: absolute; left: 43px; top: 14px;}
.topDown{float: left; width: 108px; border-right: 1px solid #c1c1c3; height: 74px;}
.topDown span{float: left; width: 20px; font-size: 14px; line-height: 16px;}
.topDown img{float: left; width: 72px; height: 72px; border: 1px solid #c1c1c3;}
.topIcon{float: left; width: 74px; padding: 0 0 0 12px;}
.topIcon img{display: block; width: 74px; height: 74px;}
.topGame{float: right; width: 137px;}
.topGame h2{font-weight: bold; font-size: 28px; line-height: 48px; height: 48px;}
.topGame p{font-size: 14px;}



.downBox{background: url(http://m.laohu.com/_s/v3/downBg.png) no-repeat 0 0; width: 728px; height: 160px; position: absolute; top: 596px; left: 0;}
.cardBox{float: left; width: 152px; padding: 22px 0 0 76px;}
.cardBox span{float: left; width: 19px; color: #FFF; line-height: 15px;}
.cardBox img{display: block; width: 117px; height: 117px;}
.downBtn{float: left; width: 191px; padding-top: 22px;}
.downBtn a{display: block; width: 181px; height: 56px; background: url(http://m.laohu.com/_s/v3/downBtn.png) no-repeat 0 0; margin-bottom: 4px;}
.downBtn a.and{background-position: 0 -60px;}
.libao{float: left; width: 154px; padding: 14px 0 0 0;}
.libao img{display: block; cursor: pointer;}

.box1{height: 365px; padding: 0 0 0 10px;}
.lunbo{float: left; width: 654px; height: 325px; overflow: hidden; position: relative;}
.lunbo .bd,.lunbo .bd li,.lunbo .bd img{width: 654px; height: 325px; display: block;}
.lunbo .hd{width: 200px; height: 16px; position: absolute; right: 12px; bottom: 12px; z-index: 2; text-align: right;}
.lunbo .hd span{display: inline-block; width:16px; height: 16px; background: #dbc26e; margin-right: 10px; border-radius: 8px; cursor: pointer;}
.lunbo .hd span.on{background: #68769f;}

.newsBox{float: left; width: 527px; border-bottom: 3px solid #d9e6e8;}
.newsMain{width: 480px; height: 332px; padding: 0 0 0 24px;}
.newsTab{height: 50px; padding: 11px 0 0 0; position: relative; border-bottom: 1px solid #333; margin-bottom: 1px;}
.newsTab .newsTit{float: left; width: 73px; height: 50px; display: inline; margin-right: 29px; position: relative;}
.newsTab .newsTit a{display: block; width: 73px; height: 50px; background: url(http://m.laohu.com/_s/v3/tab.png) no-repeat 0 0; position: absolute; left: 0; top: 0; z-index: 2;}
.newsTab .newsTit a.tit1{background-position: 0 0;}
.newsTab .newsTit a.tit2{background-position: -102px 0;}
.newsTab .newsTit a.tit3{background-position: -194px 0;}
.newsTab .newsTit a.tit4{background-position: -290px 0;}
.newsTab .newsTit span{display: none; width: 73px; height: 29px; background: #c1a464; position: absolute; left: 0; top: 11px; z-index: 1;}
.newsTab a.more{display: block; width: 20px; height: 20px; border: 1px solid #333; text-align: center; line-height:20px; font-size: 20px; color: #333; font-family:arial; position: absolute; right: 12px; top: 22px;}
.newsView{border-top: 1px solid #333;}
.newsView h2{text-align: center; height: 60px; line-height: 60px; font-size: 20px;}
.newsView h2 a{color: #7d5d44;}
.newsView h2 a:hover{color: #a57047; text-decoration: underline;}
.newsView li{font-family:\5b8b\4f53; display: none;}
.newsView li p{height: 48px; line-height: 48px; border-top: 1px dotted #585858; font-size: 14px; color: #333;}
.newsView li span{padding-right: 4px;}
.newsView li ins{color: #b4c2ca;}
.newsView li a{color: #333;}
.newsView li a:hover{text-decoration: underline;}

.box2{height: 227px;}
.advList{width: 255px; float: left; height: 109px; display: inline; margin-left: 10px; background:url(http://m.laohu.com/_s/v3/smallBg.jpg) repeat-x;}
.advOn{width: 386px;}
.advSmall{display: none; width: 255px; height: 109px; background:url(http://m.laohu.com/_s/v3/advBg.png) no-repeat 0 0; text-align: center;}
.advBig{display: none; width: 386px; height: 109px;}
.advB1{background:url(http://m.laohu.com/_s/v3/advLong.jpg) no-repeat 0 0;}
.advB2{background:url(http://m.laohu.com/_s/v3/advLong2.jpg) no-repeat 0 0;}
.advList .advSmall{display: block;}
.advOn .advSmall{display:none;}
.advOn .advBig{display:block;}
.advSmall h2{font-size: 20px; color:#FFF; padding: 32px 0 0 0; height: 30px;}
.advSmall p{font-size: 14px; color: #5e5e5e;}
.advBig h2{color: #6c6c6c; font-size:20px; padding: 32px 0 5px 26px;}
.advBig p{padding: 0 0 0 24px;}
.advBig a{display: block; width: 120px; height: 22px; line-height: 22px; text-align: center; color: #FFF; background: #eb99ac; border-radius: 11px;}
.advBig a:hover{background: #fe86a2;}

.box3{height: 850px; position: relative; background: url(http://m.laohu.com/_s/v3/perBg.png) no-repeat 464px 0;}
.showBtn{display: block; width: 34px; height: 34px; background: url(http://m.laohu.com/_s/v3/bs.png) no-repeat 0 0; position: absolute; top:417px; z-index: 3;}
.showPrev{background-position: 0 0; left: 339px;}
.showNext{background-position: -34px 0; right: 326px;}
.box3 .bd{width:1200px; height: 850px; overflow: hidden;}
.box3 .bd li{width: 1200px; height: 850px; position: relative;}
.box3 .bd img.perImg{width: 950px; height: 850px; display:block; position: absolute; right: 105px; top: 0; filter:alpha(opacity=0);-moz-opacity:0; opacity:0; z-index: 1;}
.box3 .perText{width: 464px; height: 340px; position: absolute; left: -20px; top: 0; z-index: 2; filter:alpha(opacity=0);-moz-opacity:0; opacity:0;}
.box3 .perText img{display: block;}
.box3 .perText p{font-size: 14px; color: #000; line-height: 20px; padding: 0 90px 0 8px;}
.box3 .perMore{display: block; width:120px; height: 32px; background: url(http://m.laohu.com/_s/v3/more.png) no-repeat 0 0; position: absolute; left: 196px; top: 96px;}
.box3 .perMore:hover{background-position: 0 -32px;}
.box3 .pers1{left: 262px;}
.box3 .pers2{left: 352px;}
.box3 .hd{width: 1200px; height: 370px; position: absolute; left: 0; top: 340px; z-index: 2;}
.box3 .hd img{display: block; width: 85px; height: 89px;}
.box3 .hd strong{display: block; text-align: center; color: #000; font-size: 14px; padding-top: 6px; padding-right: 16px; font-weight: normal;}
.box3 .hd span{display: block; width: 85px; height: 120px; background: url(http://m.laohu.com/_s/v3/perOn.png) no-repeat 0 -999px; position: absolute; cursor: pointer;}
.box3 .hd span.on{background-position: 0 0;}
.box3 .hd span.s1{left: 7px; top: 15px;}
.box3 .hd span.s2{left: 85px; top: 15px;}
.box3 .hd span.s3{left: 162px; top: 15px;}
.box3 .hd span.s4{left: 240px; top: 15px;}
.box3 .hd span.s5{left: 960px; top: 15px;}
.box3 .hd span.s6{left: 1037px; top: 15px;}
.box3 .hd span.s7{left: 1115px; top: 15px;}

.box3 .hd span.s8{left: 7px; top: 141px;}
.box3 .hd span.s9{left: 85px; top: 141px;}
.box3 .hd span.s10{left: 162px; top: 141px;}
.box3 .hd span.s11{left: 881px; top: 141px;}
.box3 .hd span.s12{left: 960px; top: 141px;}
.box3 .hd span.s13{left: 1037px; top: 141px;}
.box3 .hd span.s14{left: 1115px; top: 141px;}

.box3 .hd span.s15{left: 7px; top: 268px;}
.box3 .hd span.s16{left: 85px; top: 268px;}
.box3 .hd span.s17{left: 162px; top: 268px;}
.box3 .hd span.s18{left: 240px; top: 268px;}

.box3 .hd span.s19{left: 960px; top: 268px;}
.box3 .hd span.s20{left: 1037px; top: 268px;}
.box3 .hd span.s21{left: 1115px; top: 268px;}

.box4{height: 505px; position: relative;}
.medShow{position: absolute; width: 205px; height: 361px;}
.med1{background: url(http://m.laohu.com/_s/v3/md1.png) no-repeat 0 0; left: 77px; top: 79px;}
.med2{background: url(http://m.laohu.com/_s/v3/md2.png) no-repeat 0 0; left: 294px; top: 140px;}
.med3{background: url(http://m.laohu.com/_s/v3/md3.png) no-repeat 0 0; left: 513px; top: 79px;}
.med4{background: url(http://m.laohu.com/_s/v3/md4.png) no-repeat 0 0; left: 730px; top: 140px;}
.med5{background: url(http://m.laohu.com/_s/v3/md5.png) no-repeat 0 0; left: 945px; top: 79px;}
.medCard{width: 129px; height: 129px; background: url(http://m.laohu.com/_s/v3/i.png) no-repeat 0 0; position: absolute; left: 28px; bottom: 2px; display: none;}
.medCard img{display: block; width:96px; height: 96px; position: absolute; left: 16px; top: 16px;}
.medText{width: 199px; height: 75px; padding-top: 17px; background: url(http://m.laohu.com/_s/v3/i2.png) no-repeat 0 0; position: absolute; left: 3px; bottom: 44px; color: #000; font-family:\5b8b\4f53; display: none;}
.medText h3{ font-size: 24px; padding:0 0 0 30px; line-height: 30px;}
.medText p{font-size: 14px; text-align: right; padding-right: 30px;}
.medMore{width: 66px; height: 17px; line-height: 17px; text-align: center; left: 67px; top: 116px; position: absolute; display: none;}
.medMore a{display: block; width: 100%; height: 100%; background: #7d5d44; color: #FFF; border-radius: 8px;}


.clearfix:after {content:"";display:block;height:0;clear:both;} 
.clearfix {zoom:1;}
/* foot */
.foot{ padding:30px 0;}
.foot .box{ width:750px; margin:0 auto;}
.foot .box .wm{ float:left; width:157px; height:51px; background:url(http://m.laohu.com/_s/v3/logo_d.png) no-repeat; margin:10px 37px 0 0; text-indent:-9999px; overflow:hidden;}
.foot .box .txt{ width:545px; float:left; line-height:20px; font-size:12px; color:#666666; font-family:"宋体"}
.foot .box .txt a{ font-size:12px; color:#666666; margin:0 4px; font-family:"宋体"}
.foot .box .txt a:hover{ color:#F00}


#tempTop{background:#fff url(http://m.laohu.com/_s/v3/tempBg.jpg) no-repeat center 0;}
#tempHeader{height: 678px;}
#tempMain{height: auto !important; min-height: 500px; height: 500px;}
.tempClr{height: 500px; background: url(http://m.laohu.com/_s/v3/w3.png) no-repeat center top;}
.tempNav{height: 58px; margin-bottom: 6px;}
.tempNav strong{float: left; width: 200px; height: 58px; line-height: 58px; padding: 0 0 0 66px; font-size: 36px; color: #6b6b6b; font-weight: normal;}
.tempWz{float: right; width: 322px; text-align: right; padding: 20px 76px 0 0; line-height: 38px; height: 38px; color: #6b6b6b; font-size: 14px;}
.tempWz a{color: #6b6b6b;}
.tempWz a:hover{text-decoration:underline;}
.tempWz span{color: #9d7f4c;}
.tempLeft{float: left; width: 850px;}
.tempTab{padding-top: 28px; border-bottom: 1px solid #d6b379; height: 48px; text-align: center;}
.tempTab a{display: inline-block; width: 110px; height: 47px; line-height: 47px; text-align: center; border: 1px solid #FFF; border-bottom: 0 none; margin: 0 1px; font-size: 20px; color: #6b6b6b; -webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.tempTab a:hover,.tempTab a.on{border: 1px solid #d6b379; border-bottom: 0 none;}
.tempVideo a{width:222px;}
.newsList li{padding: 1px 0; border-bottom: 1px solid #c8c8c8;}
.newsText{height: 170px; padding: 0 10px; -webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.newsOn{background: #dfebee;}
.newsText img{float: left; padding: 13px 10px 0 0; width: 210px; height: 130px;}
.newsText h2{padding: 30px 0 16px 0; font-size: 20px;}
.newsText h2 a{color: #444;}
.newsText h2 a:hover{text-decoration:underline;}
.newsText p{font-size: 14px; color: #6b6b6b; line-height: 24px;}

.page{ margin-top:40px; font:normal 16px/24px "微软雅黑"; color:#505050; text-align:center;}
.page a{display:inline-block; height:24px; padding:0 10px; margin:0 5px; font:normal 16px/24px "微软雅黑"; color:#505050; background-color:#f5f5f5; border:1px solid #9b9b99; text-align:center; cursor:pointer; -webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.page a.jp-current,.jp-previous,.jp-next{ color:#505050!important; background-color:#f5f5f5;}
.page a.jp-current{background:none; border:0;}
.page a.focus,.page a:hover{background: #656565; color: #FFF;}

.tempRight{float: right; width: 304px; padding: 18px 14px 50px 14px; background: #f6f6f6;}
.tempAdv li{padding-bottom: 13px;}
.tempAdv img{display: block; width: 304px; height: 157px;}
.tempDownTitle{background: url(http://m.laohu.com/_s/v3/line.png) no-repeat center center; text-align: center; color: #6b6b6b; font-size: 20px; height: 46px; line-height: 46px;}
.tempDownCard img{display: block; margin: 0 auto; width: 210px; height: 210px; border: 1px solid #c8c8c8;}
.downBtn2{padding-top: 18px;}
.downBtn2 a{display: block; width: 209px; height: 62px; background: url(http://m.laohu.com/_s/v3/down2.png) no-repeat 0 0; margin: 0 auto; margin-bottom: 12px;}
.downBtn2 a.and{background-position: 0 -62px;}

.artTop{padding: 50px 0 20px 0; border-bottom: 1px solid #d6b379; text-align: center;}
.artTop h1{font-size: 20px;  color:#6b6b6b; padding: 0 0 20px 0;}
.artTop h3{font-size: 14px;  color:#9d7f4c;}
.artText{padding: 20px 0; font-size: 14px; color: #6b6b6b; line-height: 26px;}
.artText p{text-indent: 2em; padding-bottom: 12px;}
.artText img{display: block; margin: 0 auto; max-width: 100%;}
.artText a{color: #6b6b6b; text-decoration: underline;}
.laohugg{display: block; clear: both; overflow: hidden;}
.laohugg img{display: block; margin: 0 auto;}

.videoList{width: 812px; margin: 0 auto; overflow: hidden; padding: 28px 0 0 0;}
.videoList ul{width: 825px;}
.videoList li{float: left; width: 264px; height: 150px; display: inline; margin-right: 10px; margin-bottom: 20px; position: relative;}
.videoList li img{display: block; width: 264px; height: 150px;}
.videoTit{width: 264px; height: 30px; line-height: 30px; position: absolute; left: 0; bottom: 0; text-align: center; font-size: 14px; color: #FFF; z-index: 1; background: #000; background: rgba(0,0,0,0.8);}
.videoLink{width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 3;}
.videoLink span{display: block; width: 44px; height: 44px; position: absolute; left: 50%; top: 46px; margin-left: -22px; 
		-webkit-transform: scale(2);
		-ms-transform: scale(2);
		-moz-transform: scale(2);
		-o-transform: scale(2);
		transform: scale(2);
		filter:alpha(opacity=0);-moz-opacity:0; opacity:0;
		-webkit-transition: 0.5s;
		-ms-transition: 0.5s;
		-moz-transition: 0.5s;
		-o-transition: 0.5s;
		transition: 0.5s;
}
.videoLink span.videoIcon{background: url(http://m.laohu.com/_s/v3/video.png) no-repeat 0 0;}
.videoLink span.picIcon{background: url(http://m.laohu.com/_s/v3/hover_pic.png) no-repeat 0 0;}
.videoLink:hover span{filter:alpha(opacity=100);-moz-opacity:1; opacity:1;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}



.heroCont .navWhite a{background: url(http://m.laohu.com/_s/v3/navBg2.png) no-repeat 0 0; color: #FFF;}
#heroTop{background: url(http://m.laohu.com/_s/v3/heroBg.jpg) no-repeat center 0;}
#heroHeader{height: 695px; margin-bottom: 32px; position: relative; overflow: hidden;}
.blackLine{border-bottom: 1px solid #FFF; height: 10px; position: absolute; width: 1000px; left: 80px; bottom: 5px; z-index:4; line-height: 0; display: block;}
.heroBtn{display: block; width: 44px; height: 152px; background: url(http://m.laohu.com/_s/v3/heroBtn.png) no-repeat 0 0; position: absolute; top:454px; z-index: 4;}
.heroPrev{background-position: 0 0; left: 6px;}
.heroNext{background-position: -44px 0; right: 6px;}
.heroShow .bd{width: 1200px; height: 695px; overflow: hidden;}
.heroShow .bd li{width: 1200px; height: 695px; position: relative; color: #FFF; font-size: 100px;}
.heroLaug{display: block; position: absolute; left: 88px; top: 62px; z-index: 3; display: none; width: 186px; height: 138px;}
.heroLaug div{width: 62px; height: 72px; display: block; position: absolute; top: 0;}
.heroLaug div.heroCn{left: 0;}
.heroLaug div.heroJp{left: 100px;}
.heroLaug div a{width: 100%; height: 100%; display: block; cursor: pointer;}

.heroLaug div.heroCn a.play_on{background:url(http://m.laohu.com/_s/v3/play1.png) no-repeat 0 0;}
.heroLaug div.heroJp a.play_on{background:url(http://m.laohu.com/_s/v3/play2.png) no-repeat 0 0;}


.heroText{display: block; position: absolute; right: -20px; top: 80px; z-index: 3; filter:alpha(opacity=0);-moz-opacity:0; opacity:0;}
.heroImg{display: block; position: absolute; left: -20px; bottom: 0; z-index: 2; filter:alpha(opacity=0);-moz-opacity:0; opacity:0; width:1020px;}

.heroList{width: 1192px; margin: 0 auto;}
.heroPer{width: 1092px; margin: 0 auto; padding-top: 24px;}
.heroPer li{float: left; width: 182px; height: 240px; text-align: center; font-size: 16px; color: #6b6b6b; cursor: pointer;}
.heroPer li p{padding-top: 15px;}
.heroPer li span{display: block; width: 152px; height: 152px; margin: 0 auto; background-repeat: no-repeat; background-position: 0 0;}
.heroPer li.on span{background-position: 0 -152px;}