html,body,body div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,menu,nav,section,time,mark,audio,video,details,summary{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}article,aside,figure,footer,header,nav,section,details,summary{display:block}img{max-width:100%;vertical-align:bottom}html{overflow-y:scroll}ul,ol{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}a{-webkit-tap-highlight-color:transparent}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}table{border-collapse:collapse;border-spacing:0}th{font-weight:bold;vertical-align:bottom}td{font-weight:normal;vertical-align:top}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}pre{white-space:pre;white-space:pre-wrap;white-space:pre-line;word-wrap:break-word}input,input:focus{outline:none;-webkit-tap-highlight-color:transparent}input[type="radio"]{vertical-align:text-bottom}input[type="checkbox"]{vertical-align:bottom}.ie7 input[type="checkbox"]{vertical-align:baseline}select,input,textarea{font:99% sans-serif}table{font-size:inherit;font:100%}small{font-size:85%}strong{font-weight:bold}td,td img{vertical-align:top}sub,sup{font-size:75%;line-height:0;position:relative}sup{top:-0.5em}sub{bottom:-0.25em}pre,code,kbd,samp{font-family:monospace, sans-serif}.clickable,label,input[type=button],input[type=submit],input[type=file],button{cursor:pointer;-webkit-appearance:none}button,input,select,textarea{margin:0}button,input[type=button]{width:auto;overflow:visible}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, button{padding:0;margin:0;outline: none; -webkit-appearance:none;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;appearance:none; -moz-appearance: none; background: transparent; border: none;}input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #666;}input:-moz-placeholder, textarea:-moz-placeholder {color:#666;}input::-moz-placeholder, textarea::-moz-placeholder {color:#666;}input:-ms-input-placeholder, textarea:-ms-input-placeholder {color:#666;}textarea{ outline: none; border: none;resize:none}
img {-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: rgba(255, 255, 255, 0);-webkit-user-select: none;-moz-user-focus: none;-moz-user-select: none;user-select: none;}
input{-webkit-tap-highlight-color:rgba(0,0,0,0);}
body {-webkit-tap-highlight-color: rgba(255, 255, 255, 0);-webkit-user-select: none;-moz-user-focus: none;-moz-user-select: none;}
.cl:after { content: ""; display: block; height: 0; overflow: hidden; }
.cl:after { clear: both; }
a,a:hover{ text-decoration: none;}
img{ display: block; margin: 0 auto;}
.cl { zoom: 1; }
.fl{ float:left; }
.fr{ float:right; }
.pop{ position: fixed; left:0; top:0; width: 100%; height: 100%; background:rgba(0,0,0,.3); z-index: 999999}
.pop .popbox{ position: relative; left:50%; top:50%;}
html,body{font-size: 62.5%;  font-family: Microsoft Yahei,SimSun,Helvetica;}

body {font-size: 1.4rem;/*1.4 × 10px = 14px */background: #f7f7f9; }
section{ width: 750px; margin: 0 auto;}
.banner{ height: 816px; background: url(http://wl.laohu.com/_s/zlp2m/comtop.jpg) no-repeat center top; overflow: hidden; position: relative;}
.solog{ margin-top: 132px;}

.nav{ position: absolute; width: 100%; height: 86px; top:706px; text-align: center;}
.nav li{ display: inline-block; width: 235px; height: 86px; }
.nav li a{ display: block; height: 86px;}
.nav .nav-item1{ background: url(http://wl.laohu.com/_s/zlp2m/nav1.png) no-repeat center top;}
.nav .nav-item2{ background: url(http://wl.laohu.com/_s/zlp2m/nav2.png) no-repeat center top;}
.nav .nav-item3{ background: url(http://wl.laohu.com/_s/zlp2m/nav3.png) no-repeat center top;}

.nav .on .nav-item1{ background: url(http://wl.laohu.com/_s/zlp2m/nav1-hover.png) no-repeat center top;}
.nav .on .nav-item2{ background: url(http://wl.laohu.com/_s/zlp2m/nav2-hover.png) no-repeat center top;}
.nav .on .nav-item3{ background: url(http://wl.laohu.com/_s/zlp2m/nav3-hover.png) no-repeat center top;}

.main1 a,.main2 a,.main3 a{ display: block; position: relative;}
.main1{ text-align: center; height: 3504px; background: url(http://wl.laohu.com/_s/zlp2m/main1.jpg) no-repeat center -5px; overflow: hidden;}
.main1 .page1{ padding-top: 116px; text-align: center;}
.main1 .page1 .tit{ padding-bottom: 85px;}
.main1 .page1 ul{ margin-left: 68px;animation: pulseIn 1s ease-out 0s forwards; -webkit-animation: pulseIn 1s ease-out 0s forwards;}
.main1 .page1 li{ width: 287px; height: 277px; display: inline-block; margin: 0 46px 32px 0;}
.main1 .stitle{ display: block; position: absolute; left:0; top:220px; width: 100%; font-size: 1.6rem; color: #000; text-align: center;}

.main1 .page2{ padding-top: 160px; text-align: center;}
.main1 .page2 .tit{ padding-bottom: 68px;}
.main1 .page2 ul{ margin-left: 68px;}
.main1 .page2 li{ width: 287px; height: 277px; display: inline-block; margin: 0 46px 32px 0;}

.main1 .page3{ padding-top: 160px; text-align: center;}
.main1 .page3 .tit{ padding-bottom: 60px;}
.main1 .page3 ul{ margin-left: 68px;}
.main1 .page3 li{ width: 287px; height: 277px; display: inline-block; margin: 0 46px 32px 0;}


.main1 .page4{ padding-top: 116px; text-align: center;}
.main1 .page4 .tit{ padding-bottom: 60px;}
.main1 .page4 ul{text-align: center;}
.main1 .page4 li{ width: 630px; height: 412px; display: inline-block; margin: 0 auto;}

.main2{ background: url(http://wl.laohu.com/_s/zlp2m/main2.jpg) no-repeat center -5px; position: relative; height: 2184px; overflow: hidden;}
.main3{ background: url(http://wl.laohu.com/_s/zlp2m/main3.jpg) no-repeat center -4px; position: relative; height: 1446px; overflow: hidden;}

.main2 .page1{ padding-top: 100px;}
.main2 .page1 .tit{ padding-bottom: 50px;}
.main2 .page1 ul{animation: pulseIn 1s ease-out 0s forwards; -webkit-animation: pulseIn 1s ease-out 0s forwards;}
.main2 .page2{ padding-top: 162px;}
.main2 .page2 .tit{ padding-bottom: 50px;}
.main2 .page3{ padding-top: 160px;}
.main2 .page3 .tit{ padding-bottom: 60px;}


.main3 .page1{ padding-top: 100px;}
.main3 .page1 .tit{ padding-bottom: 50px;}
.main3 .page1 ul{animation: pulseIn 1s ease-out 0s forwards; -webkit-animation: pulseIn 1s ease-out 0s forwards;}
.main3 .page2{ padding-top: 162px;}
.main3 .page2 .tit{ padding-bottom: 50px;}
.main3 .page3{ padding-top: 160px;}

.animate .solog{animation: pulse 1s ease-out 0s forwards; -webkit-animation: pulse 1s ease-out 0s forwards;}
.animate .nav{animation: fadeInUp 0.6s ease-out 0s forwards; -webkit-animation: fadeInUp 0.6s ease-out 0s forwards;}
/*.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;}


.area{ position: relative;}
@-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)}
}