@charset "utf-8";

/* reset.css */
html {margin:0;padding:0;border:0;}
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline; list-style: none;}
article, aside, dialog, figure, footer, header, hgroup, nav, section {display:block;}
*, *:before, *:after {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
body {line-height:1.5; font-size: 14px; font-family: Microsoft YaHei; }
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;float:none !important;}
table, th, td {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:'';}
blockquote, q {quotes:"" "";}
a img {border:none;}
select, input, img { vertical-align: middle; outline: none;border:0 }
a { text-decoration: none;  blr: expression(this.onFocus=this.blur());outline: none; }
a:hover {  text-decoration: none; }
a:focus{ outline: none;}
.ovf{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-ms-text-overflow: ellipsis;-o-text-overflow: ellipsis;-moz-binding: url("ellipsis.xml#ellipsis");}
.cl:after { content: ""; display: block; clear: both;visibility: hidden;height: 0 }
.cl { zoom: 1; }
.fl { float: left; }
.fr { float: right;}
.mb2{margin-bottom: 20px;}
body{ background-color: #fffaf2;}
.top{ height: 1047px; background: url(http://wl.laohu.com/_s/1212/banner.jpg) no-repeat center top;}
.wlwrap{ width: 1080px; margin: 0 auto; position: relative;}
.top .wlwrap{ height: 1047px; overflow: hidden;}
.alogo{ display: inline-block; width: 118px; height: 92px; background: url(http://wl.laohu.com/_s/1107/logo.png) no-repeat; position: absolute; left:110px; top:10px;/*animation: fadeInDown 0.6s ease-out 0s forwards; -webkit-animation: fadeInDown 0.6s ease-out 0s forwards*/}
.alink { position: absolute; width: 280px; height: 24px; line-height: 24px; color: #fff; font-size: 16px; right: 0; top:24px;/*animation: fadeInDown 0.6s ease-out 0s forwards; -webkit-animation: fadeInDown 0.6s ease-out 0s forwards*/}
.alink a{ color: #fff; padding: 0 8px; position: relative; display: inline-block;}
.alink .bbs img{ position: absolute;left: 50%;top:35px;width: 150px;height: 150px;margin-left: -75px;  display: none;}
.alink .bbs:hover img{ display: block;}

.solgon{ width: 876px; height: 547px; margin: 140px 0 0 0px;/*animation: pulse 0.6s ease-out 0s forwards; -webkit-animation: pulse 0.6s ease-out 0s forwards*/}
.time{ height: 44px; width: 610px; background: url(http://wl.laohu.com/_s/1212/activeTime.png) no-repeat; position: absolute; left:126px; top:448px;/*animation: pulse 0.6s ease-out 0s forwards; -webkit-animation: pulse 0.6s ease-out 0s forwards;*/ line-height: 44px; font-size: 18px; color: #000; text-align: center;}
.time span{ background-color: #ffad43; color: #88530a; padding: 2px 20px;}
.btns{ width: 590px; height: 80px;  position: absolute; left:154px; top:532px;/*animation: fadeInUp 0.6s ease-out 0s forwards; -webkit-animation: fadeInUp 0.6s ease-out 0s forwards*/}
.btns a{ display: block; width: 270px; height: 80px;transition:all .2s;-webkit-transition: all .4s;}
.btn1{ background: url(http://wl.laohu.com/_s/1212/btn1.png) no-repeat; background-position: 0 0;}
.btn1:hover,.btn1.on{ background-position: 0 -82px; }
.btn2{ background: url(http://wl.laohu.com/_s/1212/btn3.png) no-repeat; background-position: 0 0;}
.btn2:hover,.btn2.on{ background-position: 0 -82px; }
.subBtn{ position: absolute; left:308px; top:640px; width: 640px; height: 58px; display: none;}
.subBtn a{ display: block; float: left; width: 194px; height: 58px; margin-right: 14px;transition:all .2s;-webkit-transition: all .4s;}
.btn3{background: url(http://wl.laohu.com/_s/1212/btn4.png) no-repeat; background-position: 0 0;}
.btn3:hover,.btn3.on{ background-position: 0 -60px;}
.btn4{background: url(http://wl.laohu.com/_s/1212/btn5.png) no-repeat; background-position: 0 0;}
.btn4:hover,.btn4.on{ background-position: 0 -60px;}
.btn5{background: url(http://wl.laohu.com/_s/1212/btn2.png) no-repeat; background-position: 0 0;}
.btn5:hover,.btn5.on{ background-position: 0 -60px;}
.main{ background: url(http://wl.laohu.com/_s/1212/main.jpg) no-repeat center top; min-height: 100px; background-size: 100% 100%;}
.box{ display: none;}

.dataImg{ width: 938px;  margin: 0 auto; margin-bottom: 30px;}
.dataImg img{height: 478px; width: 938px;}

.cont{width: 1061px; overflow: hidden; overflow-y:auto;  margin: 0 auto;margin-top: 6px;}
.box .htit{ text-align: center; color: #ed7500; font-size: 28px; margin-top: 140px;}
.main .wlwrap{ background:url(http://wl.laohu.com/_s/1212/mainwrap.jpg) no-repeat center top; padding-bottom: 100px;}
.part1{ height: 674px; background: url(http://wl.laohu.com/_s/1212/area1.png) no-repeat center top; overflow: hidden; margin-bottom: 40px;}
.part2{ height: 664px; background: url(http://wl.laohu.com/_s/1212/area2.png) no-repeat center top; overflow: hidden; margin-bottom: 40px;}
.part3{ height: 499px; background: url(http://wl.laohu.com/_s/1212/area3.png) no-repeat center top; overflow: hidden; margin-bottom: 40px;}
.part4{ height:499px; background: url(http://wl.laohu.com/_s/1212/area4.png) no-repeat center top; overflow: hidden; margin-bottom: 40px;}
.part5{ height: 406px; background: url(http://wl.laohu.com/_s/1212/area5.png) no-repeat center top; overflow: hidden; margin-bottom: 40px;}
.part6{ height: 404px; background: url(http://wl.laohu.com/_s/1212/area6.png) no-repeat center top; overflow: hidden; margin-bottom: 40px;}
.part7{ height: 407px; background: url(http://wl.laohu.com/_s/1212/area7.png) no-repeat center top; overflow: hidden; margin-bottom: 40px;}
.part8{ height: 407px; background: url(http://wl.laohu.com/_s/1212/area8.png) no-repeat center top; overflow: hidden; }

.activity-time{ margin: 0 24px; margin-bottom: 10px;}
.activity-time h4{ color: #163a5e; font-size: 24px; font-weight: bold;}
.activity-time p{ color: #163a5e; font-size: 16px;}

.activity-cont{ margin: 0 24px;}
.activity-cont h4{color: #163a5e; font-size: 24px;font-weight: bold;}
.activity-cont p{color: #163a5e; font-size: 16px; line-height: 28px;}
.activity-cont .red{ color: #ff3f6d;}

.datalist{ margin-top: 6px;}
.datalist li{ position: relative; font-size: 16px; color: #163a5e; line-height: 24px; padding-left: 36px; position: relative; margin-bottom: 6px;}
.datalist .numb{ display: block; width: 24px; height: 24px; line-height: 24px; text-align: center; color: #fff; position: absolute; left:0; top:0; background-color: #d59595; border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px;}

.scroll::-webkit-scrollbar  {  width: 6px;  height: 6px;  background-color: rgba(255,255,255,.0);  }   
.scroll::-webkit-scrollbar-track  {  border-radius: 3px;  -webkit-border-radius: 3px; -moz-border-radius: 3px; background-color: rgba(255,255,255,.0);  }  
.scroll::-webkit-scrollbar-thumb  {  border-radius: 3px;  -webkit-border-radius: 3px; -moz-border-radius: 3px; background-color: rgba(85,85,85,.5);  }  
.activity-cont .tip{height: 42px; border-radius: 21px; -webkit-border-radius: 21px; -moz-border-radius: 21px; background: #eee; padding-left: 32px; color: #666; font-size: 18px; line-height: 42px; position: relative; margin-top: 20px;}
.activity-cont .tip:before{ content: ''; position: absolute; left:35px; top:-9px; border-left:10px solid transparent; border-right: 10px solid transparent; border-bottom:10px solid #eee;}
.activity-cont a{ color: #163a5e;}
.activity-cont .wd4{ width: 400px; text-align: center; padding-left: 0;}

.backTop{ display: none; width: 107px; height: 307px; position: fixed; z-index: 9; left: 50%; margin-left: 550px; top:50%; margin-top: -150px; cursor: pointer;}


.tit{ text-align: center; margin-bottom: 2px;}
.sub-item{ width: 1085px; margin: 0 auto; margin-bottom: 40px;} 
.sub-row1 .listbox{ height: 256px; background: url(http://wl.laohu.com/_s/1212/row1.png) no-repeat center top;}

.listbox{overflow: hidden;}
.listbox dl{ padding-top: 48px; height: 220px;}
.listbox dt{ width:398px; float: left; margin-left: 82px;}
.listbox dt img{ padding-top: 38px;}
.listbox dd{ width: 552px; float: left;}
.listbox li{float: left;width: 180px;text-align: center;}
.listbox li h3{ padding: 5px 4px;width: 105px;height: 107px;margin: 0 auto;background: url(http://wl.laohu.com/_s/1212/iocn-bg.png) no-repeat center;}
.listbox li img{ width: 97px;}
.listbox li h4{    font-size: 14px;color: #170d9b;margin: 8px 0;}
.split{ height: 1px; background: url(http://wl.laohu.com/_s/1212/split.png) no-repeat center top;}
.sub-row2 .listbox{ height: 1128px; background: url(http://wl.laohu.com/_s/1212/row3.png) no-repeat center top;}

.sub-row1 dl{ padding-top: 66px;}
.subbox{ display: none;}
.sub-row3 { background:url(http://wl.laohu.com/_s/1212/row2.png) no-repeat center top; height: 501px;}
.sub-row3 p{ text-align: center; color: #4a4baa; font-size: 24px; padding: 36px 0 26px 0;}
.otable{ width: 929px; margin: 0 auto;border-top:1px solid #4a4baa; border-left: 1px solid #4a4baa}
.otable .col1,.otable .col2,.otable .col3{ width: 312px; height: 68px; font-size: 16px; color: #4a4baa;border-bottom:1px solid #4a4baa; border-right: 1px solid #4a4baa}
.otable td{ text-align: center;}

.sub-row4 .listbox{ background: url(http://wl.laohu.com/_s/1212/rowRule.png) no-repeat center top; height: 256px;}
.sub-row4 ul {margin: 0 auto 0;width: 880px;padding-top: 40px;}
.sub-row4 ul li {font-size: 14px;color: #215cc1;position: relative;padding-left: 32px; float: none; width: auto; text-align: left; margin-bottom: 6px;}
.sub-row4 ul li span {position: absolute;left: 0; top: 2px;margin-right: 5px;width: 18px;height: 18px;line-height: 18px;font-size: 14px;color: #fff;text-align: center;background-color: #634db1; border-radius: 9px; -webkit-border-radius: 9px; -moz-border-radius: 9px;}


.sub-row5 .listbox{ height: 1326px; background: url(http://wl.laohu.com/_s/1212/row5.png) no-repeat center top;}
.sub-row6 .listbox{ height: 685px; background: url(http://wl.laohu.com/_s/1212/row6.png) no-repeat center top;}
.sub-row7 .listbox{ height: 2303px; background: url(http://wl.laohu.com/_s/1212/row7.png) no-repeat center top;}
.subtit{ height: 42px; text-align: center; background: url(http://wl.laohu.com/_s/1212/titbg.png) no-repeat center center; margin-top: 58px;}
.mb0{ margin-bottom: 0;}
@-webkit-keyframes pulse{
    0%{-webkit-transform:scale(0.2);transform:scale(0.2)}
    100%{-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes pulse{
    0%{-webkit-transform:scale(0.2);transform:scale(0.2)}
    100%{-webkit-transform:scale(1);transform:scale(1)}
}


@-webkit-keyframes fadeInDown{
    0%{opacity:0;-webkit-transform:translateY(-100px);transform:translateY(-100px)}
    100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes fadeInDown{
    0%{opacity:0;-webkit-transform:translateY(-100px);-ms-transform:translateY(-100px);transform:translateY(-100px)}
    100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}

@-webkit-keyframes fadeInUp{
    0%{opacity:0;-webkit-transform:translateY(100px);transform:translateY(100px)}
    100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes fadeInUp{
    0%{opacity:0;-webkit-transform:translateY(100px);-ms-transform:translateY(100px);transform:translateY(100px)}
    100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}