@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;}
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;}
.wl-wrap{ width: 1190px; margin: 0 auto; position: relative;}
.banner{ height: 861px; background: url(http://wl.laohu.com/_s/zlp2/banner.jpg) no-repeat center top; position: relative; overflow: hidden;}
.banner .wl-wrap{ background: url(http://wl.laohu.com/_s/zlp2/ban-main.jpg) no-repeat center top; height: 861px; overflow: hidden;}
.logo{ display: inline-block; width: 100px; position: absolute; left:20px; top:20px;}
.fadeInDown{ animation: fadeInDown 2s ease-out 0s forwards; -webkit-animation: fadeInDown 2s ease-out 0s forwards;}
.fadeInUp{animation: fadeInUp 0.8s ease-out 0s forwards; -webkit-animation: fadeInUp 0.8s ease-out 0s forwards;}
.fadeInLeftBig{animation: fadeInLeftBig 0.8s ease-out 0s forwards; -webkit-animation: fadeInLeftBig 0.8s ease-out 0s forwards;}
.fadeInRightBig{animation: fadeInRightBig 0.8s ease-out 0s forwards; -webkit-animation: fadeInRightBig 0.8s ease-out 0s forwards;}
.bounce{animation: bounce 0.8s ease-out 0s forwards; -webkit-animation: bounce 0.8s ease-out 0s forwards;}
.alink{ position: relative; z-index: 9}
.logo img{ width: 120px;}
.banner .abtn{ display: inline-block; width: 120px; height: 40px; position: absolute; text-align: center; line-height: 40px; color: #fed4af; font-size: 16px; z-index: 9; top:30px; background: url(http://wl.laohu.com/_s/zlp2/abtn.png) no-repeat;}
.banner .btn1{ right: 354px;}
.banner .btn2{ right: 216px;}
.banner .btn3{ right: 71px;}
.banner .btn2 img{ position: absolute; left:50%; top:50px; width: 150px; height: 150px; margin-left:-75px; display: none;}
.banner .btn2:hover img{ display: block;}

.main1{ height: 2862px; width: 100%; background: url(http://wl.laohu.com/_s/zlp2/main1.jpg) no-repeat center -11px; overflow: hidden;}
.slogon{ width: 883px; height: 345px; margin: 0 auto; margin-top: -20px; animation: pulse 1s ease-out 0s forwards; -webkit-animation: pulse 1s ease-out 0s forwards;}
.nav{ text-align: center; position: absolute; top:778px; width: 100%;}
.nav li{ width: 235px; height: 86px; display: inline-block; text-align: center; line-height: 86px; margin: 0 52px;}
.nav li a{ display: block; height: 86px;}
.nav .nav1{ background: url(http://wl.laohu.com/_s/zlp2/nav1.png) no-repeat center top;transition:all .2s;-webkit-transition: all .4s;}
.nav .nav2{ background: url(http://wl.laohu.com/_s/zlp2/nav2.png) no-repeat center top;transition:all .2s;-webkit-transition: all .4s;}
.nav .nav3{ background: url(http://wl.laohu.com/_s/zlp2/nav3.png) no-repeat center top;transition:all .2s;-webkit-transition: all .4s;}
.nav li:hover .nav1{ background: url(http://wl.laohu.com/_s/zlp2/nav1-hover.png) no-repeat center top; margin-top: -20px;}
.nav li.on .nav1{background: url(http://wl.laohu.com/_s/zlp2/nav1-hover.png) no-repeat center top; }
.nav li:hover .nav2{ background: url(http://wl.laohu.com/_s/zlp2/nav2-hover.png) no-repeat center top; margin-top: -20px;}
.nav li.on .nav2{background: url(http://wl.laohu.com/_s/zlp2/nav2-hover.png) no-repeat center top;}
.nav li:hover .nav3{ background: url(http://wl.laohu.com/_s/zlp2/nav3-hover.png) no-repeat center top; margin-top: -20px;}
.nav li.on .nav3{background: url(http://wl.laohu.com/_s/zlp2/nav3-hover.png) no-repeat center top;}

.main1 li a,.main2 li a,.main3 li a{display: block; transition:all 0.6s; -webkit-transition: all 0.6s; position: relative;}
.main1 li:hover a,.main2 li:hover a,.main3 li:hover a{margin-top: -30px; }
.main1 .page1 { padding-top: 170px;}
.main1 .page1 .tit{ padding: 0 0 40px 320px;}
.main1 .page1 ul{ width: 712px; margin-left: 95px;}
.main1 .page1 li{ width: 287px; height: 277px; margin: 0 48px 30px 0;}
.main1 .stitle{ display: block; position: absolute; left:0; top:220px; color: #000; font-size: 14px; width: 100%; text-align: center;}
/*.main1 .page1 li a{ display: block; transition:all 0.6s; -webkit-transition: all 0.6s;}
.main1 .page1 li:hover a{ transform: scale(1.1); -webkit-transform:scale(1.1); }*/

.main1 .page2{ padding-top:174px; }
.main1 .page2 .tit{ padding:0 0 48px 290px; }
.main1 .page2 ul{ text-align: center; margin-left: 104px;}
.main1 .page2 li{ display: inline-block; width: 287px; height: 277px; margin:0 26px;}
.main1 .page2 a{ display: block; transition:all 0.6s; -webkit-transition: all 0.6s;}
.main1 .page2 li:hover a{ margin-top: -30px;}

.main1 .page3{ padding-top: 180px;}
.main1 .page3 .tit{ padding: 0 0 40px 246px;}
.main1 .page3 ul{ text-align: center; margin-left: 104px;}
.main1 .page3 li{ display: inline-block; width: 287px; height: 277px; margin:0 26px;}
/*.main1 .page3 a{ display: block; transition:all 0.6s; -webkit-transition: all 0.6s;}
.main1 .page3 li:hover a{ transform: scale(1.1); -webkit-transform:scale(1.1); }*/

.main1 .page4{ padding-top: 218px;}
.main1 .page4 .tit{ padding: 0 0 30px 282px;}
.main1 .page4 ul{ margin-left: 448px;}
.main1 .page4 li{ width: 630px; height: 412px;}
/*.main1 .page4 a{ display: block; transition:all 0.6s; -webkit-transition: all 0.6s;}
.main1 .page4 li:hover a{ transform: scale(1.1); -webkit-transform:scale(1.1); }*/

.main2 { height: 2470px; background: url(http://wl.laohu.com/_s/zlp2/main2.jpg) no-repeat center -8px; overflow: hidden;}

.main2 .page1{ padding-top: 166px;}
.main2 .page1 .tit{ padding: 0 0 94px 320px; }
.main2 .page1 ul{ margin-left: 40px;}
.main2 .page1 li{ width: 630px;height:412px }
/*.main2 .page1 li a{ display: block;  transition:all 0.6s; -webkit-transition: all 0.6s;}
.main2 .page1 li:hover a{ transform: scale(1.1); -webkit-transform:scale(1.1); }*/

.main2 .page2{ padding-top: 198px;}
.main2 .page2 .tit{ padding: 0 0 110px 322px; }
.main2 .page2 ul{ margin-left: 552px;}
.main2 .page2 li{ width: 630px;height:412px }

.main2 .page3{ padding-top: 208px;}
.main2 .page3 .tit{ padding: 0 0 78px 248px; }
.main2 .page3 ul{ margin-left: 40px;}
.main2 .page3 li{ width: 630px;height:412px }

.main2 .wl-wrap{ background: url(http://wl.laohu.com/_s/zlp2/main2-wrap.jpg) no-repeat center -11px; height: 2470px; overflow: hidden;}

.main3{ background: url(http://wl.laohu.com/_s/zlp2/main3.jpg) no-repeat center -10px; height: 1680px; overflow: hidden;}
.main3 .page1{ padding-top: 170px;}
.main3 .page1 .tit{ padding: 0 0 98px 226px;}
.main3 .page1 ul{ margin-left: 40px;}
.main3 li{ width: 630px; height: 412px;}

.main3 .page2{ padding-top: 198px;}
.main3 .page2 .tit{ padding: 0 0 114px 185px;}
.main3 .page2 ul{ margin-left: 550px;}


/*.animate .tit{animation: fadeInDown 0.6s ease-out 0s forwards; -webkit-animation: fadeInDown 0.6s ease-out 0s forwards;}*/
.animate .dataul{animation: pulseIn 1s ease-out 0s forwards; -webkit-animation: pulseIn 1s ease-out 0s forwards;}

@-webkit-keyframes pulse{
    0%{-webkit-transform:scale(0.6);transform:scale(0.6)}
    40%{-webkit-transform:scale(1.1);transform:scale(1.1)}
    70%{-webkit-transform:scale(0.8);transform:scale(0.8)}
    100%{-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes pulse{
    0%{-webkit-transform:scale(0.6);transform:scale(0.6)}
    40%{-webkit-transform:scale(1.1);transform:scale(1.1)}
    70%{-webkit-transform:scale(0.8);transform:scale(0.8)}
    100%{-webkit-transform:scale(1);transform:scale(1)}
}

@-webkit-keyframes pulseIn{
     0%{-webkit-transform:scale(0);transform:scale(0);opacity: 0;}
    100%{-webkit-transform:scale(1);transform:scale(1); opacity: 1}
}
@keyframes pulseIn{
    0%{-webkit-transform:scale(0);transform:scale(0);opacity: 0;}
    100%{-webkit-transform:scale(1);transform:scale(1); opacity: 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 fadeInDownBig{
    0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}
    100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes fadeInDownBig{
    0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}
    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)}
}
@-webkit-keyframes fadeInLeftBig{
    0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}
    100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes fadeInLeftBig{
    0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}
    100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
}
@-webkit-keyframes fadeInRightBig{
    0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}
    100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes fadeInRightBig{
    0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}
    100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
}

@-webkit-keyframes bounce{
    0%,100%,20%,50%,80%{-webkit-transform:translateY(0);transform:translateY(0)}
    40%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}
    60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}
}

@keyframes bounce{
    0%,100%,20%,50%,80%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
    40%{-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}
    60%{-webkit-transform:translateY(-15px);-ms-transform:translateY(-15px);transform:translateY(-15px)}
}