a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;vertical-align:baseline;margin:0;padding:0}
article,aside,details,figcaption,figure,footer,header,hgroup,li,menu,nav,section{display:block}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:none}
table{border-collapse:collapse;border-spacing:0}
img{vertical-align:bottom}
button,input[type=button]{overflow:visible;box-sizing:content-box}
button,input[type=button],input[type=file],input[type=submit],label{cursor:pointer;-webkit-appearance:none}
button,input,select,textarea{margin:0}
button,input[type=button]{width:auto;overflow:visible}
button,input:not([type]),input[type=email],input[type=number],input[type=password],input[type=tel],input[type=url],input[type=text],input[type=button],input[type=submit],input[type=reset],input[type=file]::-webkit-file-upload-button{padding:0;margin:0}
body{background:#e9e9e9;font:14px/22px arial}
.cl:after,.cl:before{content:"";display:block;height:0;overflow:hidden}
.cl:after{clear:both}
.cl{zoom:1}
.fl{float:left}
.fr{float:right}
.f12{font-size:12px}
.f16{font-size:16px}
.fw7{font-weight:700}
.fw4{font-weight:400}
.pr{position:relative}
.pa{position:absolute}
.vm{vertical-align:middle}
.tac{text-align:center}
a{color:#32353c;text-decoration:none}
a:hover{color:#0098ee}
.wrap{width:1200px;margin-left:auto;margin-right:auto}
body{min-width:1200px}
.hie{height: 46px;}
.foot{padding:30px 0;background:#1b1b1b;color:#FFF;position:relative;z-index:10000}
.foot .box{width:830px;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:625px;float:left;line-height:20px;font-size:12px;color:#666;font-family:arial}
.foot .box .txt a{font-size:12px;color:#666;margin:0 4px;font-family:"宋体"}
.foot .box .txt a:hover{color:red}
.container{width:100%;position:relative;max-width:1920px;margin:0 auto;height:0;padding-bottom:58.75%;overflow:hidden;top:-1px;}
.p_left{width:59.21875%;position:absolute;top:0;left:0px}
.p_right{width:50.9375%;position:absolute;top:0;right:0px}
.layer span{display: block; width: 100%;}
.bg{position:absolute;top:0;left:50%;transform:translate(-50%,0);width:100%}
.logo{position:absolute;top:17.287%;left:50%;transform:translate(-50%,0);width:8.645%}
.slogan{position:absolute;top:37.234%;width:35.8333%;left:32.6875%; z-index: 1;}
.bg img,.logo img,.p_left img,.p_right img,.slogan img,.tag img,.txt_left img,.txt_right img{width:100%}
.txt_left{width:61px;position:absolute;top:12%;left:34%; z-index: 2;}
.txt_right{width:61px;position:absolute;top:42%;right:28%; z-index: 2;}
.popshow{cursor: pointer; -webkit-animation: smallmove 1s linear alternate infinite; -moz-animation: smallmove 1s linear alternate infinite; -ms-animation: smallmove 1s linear alternate infinite; -o-animation: smallmove 1s linear alternate infinite; animation: smallmove 1s linear alternate infinite;}
.tag{width:1118px;position:absolute;bottom:5.851%;left:50%;margin-left:-559px; z-index: 3;}
.tag span{position:absolute;background-repeat:no-repeat;background-position:0 0;opacity:0;transition:all .2s;cursor:pointer}
.tag span.on,.tag span:hover{opacity:1}
.tag .btn1{background-image:url(http://m.laohu.com/_s/zy/btn1.png);left:36px;top:36px;width:144px;height:266px;}
.tag .btn2{background-image:url(http://m.laohu.com/_s/zy/btn2.png);left:261px;top:72px;width:144px;height:266px}
.tag .btn3{background-image:url(http://m.laohu.com/_s/zy/btn3.png);left:751px;top:73px;width:144px;height:264px}
.tag .btn4{background-image:url(http://m.laohu.com/_s/zy/btn4.png);left:973px;top:18px;width:145px;height:266px}
.sidebar{position:fixed;z-index:10001;left:0;background:url(http://m.laohu.com/_s/zy/slide.png) 100% 0 no-repeat;top:50%;width:277px;height:454px;margin-top:-227px;overflow:hidden;transition:all .2s}
.sidebar.toOpen{width:26px}
.sidebar.toOpen .arrow b{background-position:100% -583px}
.sidebar .arrow{position:absolute;width:27px;height:84px;text-align:center;line-height:84px;right:0;top:173px;cursor:pointer}
.sidebar .arrow b{background:url(http://m.laohu.com/_s/zy/slide.png) 100% -504px no-repeat;display:inline-block;width:13px;height:24px;vertical-align:middle}
.sidebar .qr{width:193px;height:193px;left:26px;top:32px;margin:32px 0 0 26px}
.sidebar .link1,.sidebar .link2{position:absolute;width:212px;height:58px;background:url(http://m.laohu.com/_s/zy/slide.png) -500px -493px no-repeat;left:15px}
.sidebar .link1{top:284px}
.sidebar .link1:hover{background-position:0 -493px}
.sidebar .link2{top:356px}
.sidebar .link2:hover{background-position:0 -566px}
.pop{position:fixed;z-index:10002;background:url(http://m.laohu.com/_s/zy/boxbg.png) 0 0 no-repeat;left:50%;top:50%;margin:-230px 0 0 -330px;width:660px;height:460px;display:none}
.pop .close{background:url(http://m.laohu.com/_s/zy/close.png) 0 0 no-repeat;width:49px;height:49px;position:absolute;right:28px;top:28px;cursor:pointer}
.pop h3{padding-top:62px;text-align:center;font:700 26px/1 "Microsoft Yahei";color:#8b6744}
.pop .cnt{width:500px;margin-left:50px;margin-top:36px;font:20px/36px "Microsoft Yahei";color:#9c7f42}
.pop p{background:url(http://m.laohu.com/_s/zy/liststyle.png) 0 11px no-repeat;padding-left:25px}
.pop .red{color:#9c4242}
.animated{animation-duration:1s;animation-fill-mode:both}
@-webkit-keyframes slideInLeft{from{transform:translate3d(-100%,0,0);visibility:visible}
to{transform:translate3d(0,0,0)}
}
@-ms-keyframes slideInLeft{from{transform:translate3d(-100%,0,0);visibility:visible}
to{transform:translate3d(0,0,0)}
}
@keyframes slideInLeft{from{transform:translate3d(-100%,0,0);visibility:visible}
to{transform:translate3d(0,0,0)}
}
.slideInLeft{animation-name:slideInLeft}
@-webkit-keyframes slideInRight{from{transform:translate3d(100%,0,0);visibility:visible}
to{transform:translate3d(0,0,0)}
}
@-ms-keyframes slideInRight{from{transform:translate3d(100%,0,0);visibility:visible}
to{transform:translate3d(0,0,0)}
}
@keyframes slideInRight{from{transform:translate3d(100%,0,0);visibility:visible}
to{transform:translate3d(0,0,0)}
}
.slideInRight{animation-name:slideInRight}
.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{animation-duration:.75s}
@-webkit-keyframes flipInX{from{transform:perspective(400px) rotate3d(1,0,0,90deg);animation-timing-function:ease-in;opacity:0}
40%{transform:perspective(400px) rotate3d(1,0,0,-20deg);animation-timing-function:ease-in}
60%{transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}
80%{transform:perspective(400px) rotate3d(1,0,0,-5deg)}
to{transform:perspective(400px)}
}
@-ms-keyframes flipInX{from{transform:perspective(400px) rotate3d(1,0,0,90deg);animation-timing-function:ease-in;opacity:0}
40%{transform:perspective(400px) rotate3d(1,0,0,-20deg);animation-timing-function:ease-in}
60%{transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}
80%{transform:perspective(400px) rotate3d(1,0,0,-5deg)}
to{transform:perspective(400px)}
}
@-moz-keyframes flipInX{from{transform:perspective(400px) rotate3d(1,0,0,90deg);animation-timing-function:ease-in;opacity:0}
40%{transform:perspective(400px) rotate3d(1,0,0,-20deg);animation-timing-function:ease-in}
60%{transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}
80%{transform:perspective(400px) rotate3d(1,0,0,-5deg)}
to{transform:perspective(400px)}
}
@keyframes flipInX{from{transform:perspective(400px) rotate3d(1,0,0,90deg);animation-timing-function:ease-in;opacity:0}
40%{transform:perspective(400px) rotate3d(1,0,0,-20deg);animation-timing-function:ease-in}
60%{transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}
80%{transform:perspective(400px) rotate3d(1,0,0,-5deg)}
to{transform:perspective(400px)}
}
.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipInX;animation-delay:1.25s}
@-webkit-keyframes zoomIn{from{opacity:0;transform:scale3d(.3,.3,.3)}
50%{opacity:1}
}
@-ms-keyframes zoomIn{from{opacity:0;transform:scale3d(.3,.3,.3)}
50%{opacity:1}
}
@-moz-keyframes zoomIn{from{opacity:0;transform:scale3d(.3,.3,.3)}
50%{opacity:1}
}
@keyframes zoomIn{from{opacity:0;transform:scale3d(.3,.3,.3)}
50%{opacity:1}
}
.zoomIn{animation-name:zoomIn;animation-delay:2.25s;transform-origin:50% 50%}
@-webkit-keyframes fadeInUpBig{from{opacity:0;transform:translate3d(0,2000px,0)}
to{opacity:1;transform:none}
}
@-moz-keyframes fadeInUpBig{from{opacity:0;transform:translate3d(0,2000px,0)}
to{opacity:1;transform:none}
}
@-ms-keyframes fadeInUpBig{from{opacity:0;transform:translate3d(0,2000px,0)}
to{opacity:1;transform:none}
}
@keyframes fadeInUpBig{from{opacity:0;transform:translate3d(0,2000px,0)}
to{opacity:1;transform:none}
}
.fadeInUpBig{animation-name:fadeInUpBig;animation-delay:3.5s}
@keyframes jackInTheBox{from{opacity:0;transform:scale(.1) rotate(30deg);transform-origin:center bottom}
50%{transform:rotate(-10deg)}
70%{transform:rotate(3deg)}
to{opacity:1;transform:scale(1)}
}
@-webkit-keyframes jackInTheBox{from{opacity:0;transform:scale(.1) rotate(30deg);transform-origin:center bottom}
50%{transform:rotate(-10deg)}
70%{transform:rotate(3deg)}
to{opacity:1;transform:scale(1)}
}
@-ms-keyframes jackInTheBox{from{opacity:0;transform:scale(.1) rotate(30deg);transform-origin:center bottom}
50%{transform:rotate(-10deg)}
70%{transform:rotate(3deg)}
to{opacity:1;transform:scale(1)}
}
@-moz-keyframes jackInTheBox{from{opacity:0;transform:scale(.1) rotate(30deg);transform-origin:center bottom}
50%{transform:rotate(-10deg)}
70%{transform:rotate(3deg)}
to{opacity:1;transform:scale(1)}
}
@keyframes jackInTheBox{from{opacity:0;transform:scale(.1) rotate(30deg);transform-origin:center bottom}
50%{transform:rotate(-10deg)}
70%{transform:rotate(3deg)}
to{opacity:1;transform:scale(1)}
}
.jackInTheBox{animation-name:jackInTheBox;animation-delay:4.5s}
#scene{width:100%;height:100%;position:absolute!important}


@-webkit-keyframes smallmove{
  0%{-webkit-transform: scale(0.9);}
  100%{-webkit-transform: scale(1);}
}
@-moz-keyframes smallmove{
  0%{-moz-transform: scale(0.9);}
  100%{-moz-transform: scale(1);}
}
@-ms-keyframes smallmove{
  0%{-ms-transform: scale(0.9);}
  100%{-ms-transform: scale(1);}
}
@-o-keyframes smallmove{
  0%{-o-transform: scale(0.9);}
  100%{-o-transform: scale(1);}
}
@keyframes smallmove{
  0%{transform: scale(0.9);}
  100%{transform: scale(1);}
}


.oh{overflow: hidden;}
.showBg{width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 998; background: #000; filter:alpha(opacity=80);-moz-opacity:0.8; opacity:0.8; display: none;}
.showpop{width: 998px; height:698px; position: fixed; left: 50%; top: 50%; margin: -349px 0 0 -449px; z-index: 999; display: none;}
.popbg1{background: url(http://m.laohu.com/_s/zy/pop1.png) no-repeat 0 0;}
.popbg2{background: url(http://m.laohu.com/_s/zy/pop2.png) no-repeat 0 0;}
.hidepop{display: block; width: 74px; height: 75px; cursor: pointer; background: url(http://m.laohu.com/_s/zy/close2.png) no-repeat 0 0; position: absolute; right: 44px; top: 39px;}
.musBtn{width: 222px; height: 110px; position: absolute; right: 146px; top: 214px;}
.musBtn span{width: 111px; height: 110px; cursor: pointer; display: block; background: url(about:blank); float: left;}