@charset "utf-8";
body{ margin:0; padding-top:46px; font-size:12px; font-family:"微软雅黑","宋体",Arial, Helvetica, sans-serif; background-color:#fff; overflow-x: hidden;}
div,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,textarea,table,td{ margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
area{outline:none;}
img{ border:0;}
ol,ul{list-style:none;}
iframe{ display:block;}
a{ font-family:"微软雅黑","宋体",Arial, Helvetica, sans-serif; text-decoration:none;outline:none;}
a:hover{ text-decoration:none}
.clearfix:after {content:"";display:block;height:0;clear:both;} 
.clearfix {zoom:1;}
.page-wrap{width: 100%;background: url(http://wl.laohu.com/_s/1221mm/bg.jpg) no-repeat center;}
.rel{width: 750px;margin:0 auto;position: relative;}
.logo{position: absolute;left: 10px;top:96px;}
.logo img{width: 152px;}


.section{width: 750px;background-repeat: no-repeat;background-position: left top;position: relative;}
.section1{height: 644px;background-image: url(http://wl.laohu.com/_s/1221mm/bg_01.jpg);}
.section2{height: 934px;background-image: url(http://wl.laohu.com/_s/1221mm/bg_02.jpg);}
.section3{height: 864px;background-image: url(http://wl.laohu.com/_s/1221mm/bg_03.jpg);}
.section4{height: 793px;background-image: url(http://wl.laohu.com/_s/1221mm/bg_04.jpg);}
.section5{height: 821px;background-image: url(http://wl.laohu.com/_s/1221mm/bg_05.jpg);}

.rel750{ width: 750px;}
.section-title{width: 100%;text-align: center;padding: 60px 0;}
.section2 .section-title{ padding: 50px 0 40px 0;}
.section2-slide{position: absolute;left: 0;top:0;width: 100%;height: 100%;}
.section2-hd{position:absolute;left:50%;margin-left:-333px;bottom:68px;width:666px;height: 91px;background: url(http://wl.laohu.com/_s/1221mm/section2-hd-bg.png) no-repeat center; z-index: 33;}
.section2-hd ul{width: 464px;margin:0 auto;}
.section2-hd li{float:left;margin:0 12px;width: 92px;height: 91px;background-repeat: no-repeat;background-image: url(http://wl.laohu.com/_s/1221mm/section2-hd.png);text-indent: -9999px;cursor: pointer;}
.section2-hd li.on{background-image: url(http://wl.laohu.com/_s/1221mm/section2-hd-on.png);}
.section2-hd li.section2-hd1{background-position: 9px 9px;}
.section2-hd li.section2-hd1.on{background-position: 0 0;}
.section2-hd li.section2-hd2{background-position: -108px 9px;}
.section2-hd li.section2-hd2.on{background-position: -116px 0;}
.section2-hd li.section2-hd3{background-position: -224px 9px;}
.section2-hd li.section2-hd3.on{background-position: -232px 0;}
.section2-hd li.section2-hd4{background-position: -340px 9px;}
.section2-hd li.section2-hd4.on{background-position: -349px 0;}
.section2-box{width: 100%;height: 100%;position: relative;}
.section2-role1{position: absolute;top:131px;right: 136px;width: 810px;height: 817px;background: url(http://wl.laohu.com/_s/1221mm/section2-role1.png) no-repeat center;}
.section2-role2{position: absolute;top:107px;right: 82px;width: 674px;height: 770px;background: url(http://wl.laohu.com/_s/1221mm/section2-role2.png) no-repeat center;}
.section2-role3{position: absolute;top:74px;right: 50px;width: 855px;height: 873px;background: url(http://wl.laohu.com/_s/1221mm/section2-role3.png) no-repeat center;}
.section2-role4{position: absolute;top:137px;right: 50px;width: 806px;height: 766px;background: url(http://wl.laohu.com/_s/1221mm/section2-role4.png) no-repeat center;}
.section2-txt{position: absolute;left: 77px;top:183px;}
.section2-prev,.section2-next{position: absolute;width: 47px;height: 93px;top:400px;filter:alpha(opacity=100);opacity:1;z-index: 9999;  }
.section2-prev{left:9px;background: url(http://wl.laohu.com/_s/1221mm/prev.png);}
.section2-next{right:9px;background: url(http://wl.laohu.com/_s/1221mm/next.png);}
.section2-prev:hover,.section2-next:hover{ filter:alpha(opacity=50);opacity:0.5;  }
.section3-pagination,.section4-pagination,.section5-pagination{margin:0 auto;padding-top:8px;width: 909px;height: 49px;background: url(http://wl.laohu.com/_s/1221mm/section3-nav-bg.png) no-repeat center;position: relative;}
.section4-pagination{background: url(http://wl.laohu.com/_s/1221mm/section4-nav-bg.png) no-repeat center;}
.section5-pagination{background: url(http://wl.laohu.com/_s/1221mm/section5-nav-bg.png) no-repeat center;}
.section3-pagination span,.section4-pagination span,.section5-pagination span{margin:0 17px;width: 221px;height: 41px;line-height: 41px;text-align: center;background: url(http://wl.laohu.com/_s/1221mm/section3-nav.png) no-repeat center;font-size: 22px;color: #7bbed2;font-weight: bold;border-radius: 0;opacity: 1;}
.section3-pagination .swiper-pagination-bullets span,.section4-pagination .swiper-pagination-bullets span,.section5-pagination .swiper-pagination-bullets span{ margin: 1px 9px;}
.section3-pagination span.swiper-pagination-bullet-active,.section4-pagination span.swiper-pagination-bullet-active{background: url(http://wl.laohu.com/_s/1221mm/section3-nav-on.png) no-repeat center;color: #fff;}
.section3-box{width: 100%;margin-top:40px;overflow:hidden;height:696px;position: absolute;left: 0;bottom:0;}
.section3-cont{width: 750px;height:600px;margin:0 auto;overflow: hidden;position: relative;}
.section3-box .swiper-container { width: 720px;  margin: 0 auto; }
.section3-box .btn-swiper { width: 47px; height: 336px; position: absolute; top: 42px; cursor: pointer; z-index: 10;filter:alpha(opacity=100);opacity:1; }
.section3-box .btn-prev { left: 12px;background: url(http://wl.laohu.com/_s/1221mm/blue-prev.png) no-repeat center; }
.section3-box .btn-prev:hover,.section3-box .btn-next:hover{ filter:alpha(opacity=50);opacity:0.5;}
.swiper-slide-shadow-left,.swiper-slide-shadow-right{background: rgba(255,255,255,0.6);}
.swiper-slide-prev a,.swiper-slide-next a{background-color: #fff;display: block;}
.swiper-slide-prev a img,.swiper-slide-next a img{opacity: 0.5;}
.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right{display: none;}
.section3-box .btn-next { right: 12px; background: url(http://wl.laohu.com/_s/1221mm/blue-next.png) no-repeat center;}
.section3-box-title{width: 100%;text-align: center;display: block; margin-bottom: 24px;}
.section3-role{position: absolute;bottom: -50px;left: 50%;margin-left:-767px;width: 1535px;height: 516px;background: url(http://wl.laohu.com/_s/1221mm/section3-role.png) no-repeat center;z-index: 3;}
.section4 .section-title{padding-top: 100px;}
.section4-nav{position:absolute;left:50%;margin-left:-421px;top:702px;padding:8px 0 0 10px;width: 832px;height: 48px;background: url(http://wl.laohu.com/_s/1221mm/section4-nav-bg.png) no-repeat center;}
.section4-nav a{float: left;margin-left:10px;width: 261px;height: 41px;line-height: 41px;text-align: center;background: url(http://wl.laohu.com/_s/1221mm/section4-nav.png) no-repeat center;font-size: 17px;color: #cdedf8;font-weight: bold;}
.section4-nav a.on{background: url(http://wl.laohu.com/_s/1221mm/section4-nav-on.png) no-repeat center;color: #2c393c;}
.section4-box{position: absolute;width: 842px;height: 469px;left: 50%;margin-left: -421px;top:228px;opacity: 0;}
.section4-box img{display: block;width: 842px;height: 469px;}
.section5-nav{position:absolute;top:702px;padding:8px 0 0 10px;width: 832px;height: 48px;left: 273px;margin:0;background-image: url(http://wl.laohu.com/_s/1221mm/section5-nav-bg.png);}
.section5-nav a{float: left;margin-left:10px;width: 261px;height: 41px;line-height: 41px;text-align: center;background: url(http://wl.laohu.com/_s/1221mm/section4-nav.png) no-repeat center;font-size: 17px;color: #cdedf8;font-weight: bold;}
.section5-nav a.on{background: url(http://wl.laohu.com/_s/1221mm/section5-nav-on.png) no-repeat center;color: #fff;}
.section5-box{position: absolute;width: 842px;height: 469px;left: 273px;top:222px;opacity: 0;}
.section5-box p{position: absolute;left: 0;bottom: 12px;width: 100%;height: 58px;line-height: 58px;font-size: 18px;color: #495054;text-align: center;}
.float-bar{position: fixed;right: 40px;top:50%;margin-top:-250px;width:92px;height:500px;z-index: 1111; display: none; }
.float-bar a{float: left;margin:5px 0;width: 100%;height:92px;background: url(http://wl.laohu.com/_s/1221mm/float-nav.png) no-repeat center;text-indent: -9999px;}
.float-bar a:hover{background: url(http://wl.laohu.com/_s/1221mm/float-nav-on.png);}
.float-bar a.float-nav1{background-position:  0 0;}
.float-bar a.float-nav2{background-position:  0 -100px;}
.float-bar a.float-nav3{background-position:  0 -200px;}
.float-bar a.float-nav4{background-position:  0 -300px;}
.float-bar a.float-nav5{background-position:  0 -400px;}

.snow-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 66;
}
#scene1{position: absolute;left: 50%;margin-left:-600px;width: 1200px;height: 415px;z-index: 333;}
.role1{position: absolute;left: -206px;bottom:0px;width: 502px;height: 415px;background: url(http://wl.laohu.com/_s/1221mm/section3-role1.png);}
.role2{position: absolute;right: -206px;bottom:0px;width: 507px;height: 407px;background: url(http://wl.laohu.com/_s/1221mm/section3-role2.png);}
#nav-swiper .swiper-slide{float: left;width: 268px;margin:0 17px;}

.swiper-section2{ height: 784px;}
.page2-btnNext,.page2-btnPrev{position: absolute;width: 47px;height: 93px;top: 35%;filter: alpha(opacity=100);opacity: 1;z-index: 9999;opacity: 1; margin-top: -46px;}
.page2-btnPrev {left: 9px;background: url(http://wl.laohu.com/_s/1221mm/prev.png);}
.page2-btnNext {right: 9px;background: url(http://wl.laohu.com/_s/1221mm/next.png);}
.roleText{ position: absolute; left:72px; top:50px;}
.swiper-section2 .row{ position: absolute; left:0; top:0; width: 100%; height: 100%;}
.swiper-section2 .area1{ background: url(http://wl.laohu.com/_s/1221mm/section2-role1.png) no-repeat right top;}
.swiper-section2 .area2{ background: url(http://wl.laohu.com/_s/1221mm/section2-role2.png) no-repeat right top;}
.swiper-section2 .area3{ background: url(http://wl.laohu.com/_s/1221mm/section2-role3.png) no-repeat right top;}
.swiper-section2 .area4{ background: url(http://wl.laohu.com/_s/1221mm/section2-role4.png) no-repeat right top;}
.section2-pagination span{ display: inline-block; width: 92px; height: 92px; overflow: hidden; text-indent: -99999px; background: url(http://wl.laohu.com/_s/1221mm/section2-hd.png) no-repeat; opacity: 1; filter:alpha(opacity=100);}
.section2-pagination{background: url(http://wl.laohu.com/_s/1221mm/section2-hd-bg.png) no-repeat center;}
.swiper-section2 .swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0 12px;}
.swiper-section2 .swiper-pagination-bullets span:nth-child(1){background-position: 9px 9px;}
.swiper-section2 .swiper-pagination-bullets span:nth-child(2){background-position: -108px 9px;}
.swiper-section2 .swiper-pagination-bullets span:nth-child(3){background-position:-224px 9px;}
.swiper-section2 .swiper-pagination-bullets span:nth-child(4){background-position: -340px 9px;}


.swiper-section2 .swiper-pagination-bullets .swiper-pagination-bullet-active {background: url(http://wl.laohu.com/_s/1221mm/section2-hd-on.png) no-repeat;}
.swiper-section2 .swiper-pagination-bullets span.swiper-pagination-bullet-active:nth-child(1){ background-position: 0 0;}
.swiper-section2 .swiper-pagination-bullets span.swiper-pagination-bullet-active:nth-child(2){ background-position: -116px 0;}
.swiper-section2 .swiper-pagination-bullets span.swiper-pagination-bullet-active:nth-child(3){ background-position: -232px 0;}
.swiper-section2 .swiper-pagination-bullets span.swiper-pagination-bullet-active:nth-child(4){ background-position: -349px 0;}
.swiper-section2 .swiper-pagination-bullets{ bottom: 14px;}

.section3-cont .aimg{ display: block; margin-bottom: 24px;}
.section4-swiper,.section5-swiper{ width: 720px; margin: 0 auto; height: 468px;}
.section4-swiper .swiper-pagination-bullets,.section5-swiper .swiper-pagination-bullets{ bottom: 57px;}
.section4-pagination span.swiper-pagination-bullet-active{ background: url(http://wl.laohu.com/_s/1221mm/section4-nav-on.png) no-repeat; color: #2c393c; opacity: 1;}
.section4-pagination span,.section5-pagination span{ color: #cdedf8;}
.section5-pagination span.swiper-pagination-bullet-active{background: url(http://wl.laohu.com/_s/1221mm/section5-nav-on.png) no-repeat; color: #fff; opacity: 1;}
.section5 .row{ position: relative;}
.section5 .row p{ display: block; text-align: center; font-size: 22px; color: #495054; position: absolute; left:0; bottom:15px; overflow: hidden; width: 100%; height: 48px; line-height: 48px;}

.checkmore{ display: block; width: 137px; height: 34px; background: url(http://wl.laohu.com/_s/1221/chakan.png) no-repeat; position: absolute; left:110px; top:628px;}