@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;}
.pt72{ padding-top: 72px;}
.mb66{ margin-bottom: 66px;}
.ft24{ font-size: 24px; color: #3d74b7; font-family: STZhongsong;}
.ft14{font-size: 14px; font-family: Microsoft YaHei;  color: #3d74b7; }
.pb12{ padding-bottom: 12px;}
.pb16{ padding-bottom: 16px;}
.mr2{ margin-right: 24px;}
.ml306{ margin-left: 306px;}
.ml620{ margin-left: 622px;}
.ml316{ margin-left: 316px;}


body{ min-width: 1300px; }
.content{ position: relative;}
.wrap1200{ width: 1200px; margin: 0 auto; position: relative; min-width: 1300px;}
.area1{ height: 918px; position: relative; background: url(http://wl.laohu.com/_s/xiaonao/areabg1.jpg?2) no-repeat center top; }
.part1{ background: url(http://wl.laohu.com/_s/xiaonao/part1.jpg?2) no-repeat center top; height: 918px;}
.logo{ width: 161px; height: 125px; background: url(http://wl.laohu.com/_s/xiaonao/logo.png) no-repeat center top; display: inline-block; position: absolute; left:42px; top:28px; z-index: 3;}
.navbox{ height: 32px; width: 380px; position: absolute; right:71px; top:52px; z-index: 3;}
.navbox a{ display: inline-block; width: 119px; height: 31px; background: url(http://wl.laohu.com/_s/xiaonao/nav.png) no-repeat; float: left; margin-right: 10px;}
.navbox .nav1{ background-position: 0 0;}
.navbox .nav1:hover{ background-position: 0 -41px;}
.navbox .nav2{ background-position: -130px 0; }
.navbox .nav2:hover{ background-position: -130px -41px;}
.navbox .nav3{ background-position: -260px 0; margin-right: 0; position: relative;}
.navbox .nav3:hover{ background-position: -260px -41px;}
.navbox .nav3:hover .wxin{ display: block;}

.nav3 .wxin{ display: inline-block; width: 120px; height: 120px; position: absolute; left:50%; margin-left: -60px; top:40px; overflow: hidden; display: none;}
.wxin img{ width: 120px; height: 120px;}
.subnav{ height: 80px; top: 750px; background: url(http://wl.laohu.com/_s/xiaonao/hr.png) no-repeat 215px center; position: absolute; left:0; width: 100%;}
.subnav a{ display: inline-block; width: 210px; height: 80px; text-align: center; color: #3d74b7; font-family: STZhongsong; font-size: 24px; background:url(http://wl.laohu.com/_s/xiaonao/tab.png) no-repeat center top; position: relative;line-height: 58px; float: left; margin-right: 36px;}
.subnav a span{ display: block; font-size: 14px; color: #6ea3e3; position: absolute; width: 100%; height: 18px; line-height: 18px; left: 0; text-align: center; top:45px; font-family: Microsoft YaHei;}
.subnav a:hover,.subnav .current{ background: url(http://wl.laohu.com/_s/xiaonao/tabcur.png) no-repeat center top; color: #743801;}
.subnav a:hover span,.subnav .current span{ color: #d37d2e}
.wavebox{ height: 88px; position: absolute; left:0; bottom:0; width: 100%; overflow: hidden; z-index: 9}
.wavebox .static{position: absolute; left:0; bottom: 0; width: 100%; height: 70px;  z-index: 5;}
.wavebox .wave0{ background: url(http://wl.laohu.com/_s/xiaonao/wave0.png) no-repeat center bottom; }
.wavebox .wave3{background: url(http://wl.laohu.com/_s/xiaonao/wave3.png) no-repeat center top; }
.wavebox .wave4{background: url(http://wl.laohu.com/_s/xiaonao/wave4.png) no-repeat center top; }
.wavebox .wave5{background: url(http://wl.laohu.com/_s/xiaonao/wave5.png) no-repeat center top; }
.wavebox .wave6{background: url(http://wl.laohu.com/_s/xiaonao/wave6.png) no-repeat center top; }
.wavebox .wave7{background: url(http://wl.laohu.com/_s/xiaonao/wave7.png) no-repeat center top; }
.wavebox .waveWrapperInner{ position: absolute; height: 88px; width: 100%; overflow: hidden; bottom: 0;}
.wavebox .wave1{ position: absolute;  bottom: -20px; width: 200%; height: 71px; background: url(http://wl.laohu.com/_s/xiaonao/wave1.png) no-repeat center top; z-index: 4; background-size: 100% 80px; left:0;}
.wavebox .wave2{ position: absolute;  bottom: -20px; width: 200%; height: 104px; background: url(http://wl.laohu.com/_s/xiaonao/wave2.png) no-repeat center top; z-index: 3;background-size: 100% 104px;left:0;}

.area2{ height: 1003px; background: url(http://wl.laohu.com/_s/xiaonao/areabg2.jpg) no-repeat center top; position: relative;}
.wavebox .wave1{animation:move_wave 12s linear 0s infinite;-webkit-animation:move_wave 12s linear 0s infinite;}
.wavebox .wave2{animation:move_wave 20s linear 0s infinite; -webkit-animation: move_wave 20s linear 0s infinite;}
.tit a{ display: block; width: 410px; height: 97px; background: url(http://wl.laohu.com/_s/xiaonao/titbg.png) no-repeat center top; color: #3d74b7; font-family: STZhongsong; text-align: center; line-height: 97px; margin: 0 auto; font-size: 50px;}

.box2{ width: 590px; height: 300px; background: url(http://wl.laohu.com/_s/xiaonao/box2.png) no-repeat center top; position: relative;}
.ctit{ padding: 30px 0 20px 0;}
.box2 h4,.box1 h4{ height: 26px; line-height: 26px; margin:0 28px; background: url(http://wl.laohu.com/_s/xiaonao/subtit.png) no-repeat center center;  text-align: center;}
.dataimg,.intro{ margin: 0 28px;}
.intro{ line-height: 24px; height: 50px; overflow: hidden;}
.box1{ width: 283px; height: 300px; background: url(http://wl.laohu.com/_s/xiaonao/box1.png) no-repeat center top; position: relative;}

.floatbox{ background: #3373d5;  display: none;position: absolute; left:4px; top:4px; z-index: 9}
.ft16{ font-size: 16px; color: #fff; font-family:Microsoft YaHei; }
.box2 .floatbox{ width: 582px; height: 290px;}
.box1 .floatbox{ width: 274px; height: 288px;}
.floatbox p{ padding: 20px; line-height: 28px; height: 222px; overflow: hidden; text-indent: 2rem; margin-bottom: 10px;}
.btnMore { height: 36px; background: url(http://wl.laohu.com/_s/xiaonao/split.png) no-repeat center center; text-align: center;}
.btnMore a{ display: block; width: 118px; height: 32px; border: 1px solid #fff; border-radius: 17px; -moz-border-radius: 17px; -webkit-border-radius: 17px; text-align: center; line-height: 32px; font-size: 16px; color: #fff; font-family: Microsoft YaHei; margin:0 auto;}
.box1 .btnMore{ background: url(http://wl.laohu.com/_s/xiaonao/splits.png) no-repeat center center;}
.box2:hover .floatbox,.box1:hover .floatbox{ display: block; }


.area3{ height: 1000px; background: url(http://wl.laohu.com/_s/xiaonao/areabg3.jpg) no-repeat center top; position: relative;}
.area3 .row{ margin-left: 314px;}
.area3 .wave4{ height: 64px;}
.area4{ height: 1000px; background: url(http://wl.laohu.com/_s/xiaonao/areabg4.jpg) no-repeat center top; position: relative;}
.area4 .wave5{ height: 68px;}
.area5{ height: 998px; background: url(http://wl.laohu.com/_s/xiaonao/areabg5.jpg) no-repeat center top; position: relative;}
.area5 .wave6{ height: 68px;}
.area6{ height: 998px; background: url(http://wl.laohu.com/_s/xiaonao/areabg6.jpg) no-repeat center top; position: relative;}

.sidebar{ width: 229px; height: 648px; position: fixed; right:0; top:50%; margin-top: -324px; background: url(http://wl.laohu.com/_s/xiaonao/sidebar.png) no-repeat center top; text-align: center; z-index: 99999; display: none;}
.sidebar ul{ width: 120px; padding-top: 130px; margin-left: 60px;}
.sidebar li{ width: 118px; height: 38px; border: 1px solid rgba(255,255,255,.44); border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; background: rgba(255,255,255,.44); text-align: center; line-height: 38px; color: #215aa0; font-size: 16px; font-family: Microsoft YaHei; margin-bottom: 10px; cursor: pointer;}
.sidebar li.current,.sidebar li:hover{ border-color: #6ec5f4; color: #743801; background-color: #ffffcb; box-shadow: 0 0 10px #ffef66 inset;}
.sidebar .wxin{ display: block; width: 120px; height: 120px; margin-left: 60px; margin-top: 36px;}
.sidebar .wxin img{ width: 120px; height: 120px;}
.close{ width: 27px; height: 98px; position: absolute; left:17px; top:130px; display: inline-block; background:url(http://wl.laohu.com/_s/xiaonao/open.png) no-repeat; cursor: pointer;}
.backTop{ width: 42px; height: 42px; display: inline-block; position: absolute; left:50%; margin-left: -21px; bottom: 0;}

#wm_bottom_beian{padding-bottom: 36px; margin-left: -60px; width: 134px!important;}
/***波浪线***/
@-webkit-keyframes move_wave{
  0% {
        -webki-transform: translateX(-10%) translateZ(0) scaleY(1)
    }
    50% {
        -webki-transform: translateX(-25%) translateZ(0) scaleY(1)
    }
    100% {
        -webki-transform: translateX(-50%) translateZ(0) scaleY(1)
    }
}
@-moz-keyframes move_wave{
  0% {
        -moz-transform: translateX(-10%) translateZ(0) scaleY(1)
    }
    50% {
        -moz-transform: translateX(-25%) translateZ(0) scaleY(1)
    }
    100% {
        -moz-transform: translateX(-50%) translateZ(0) scaleY(1)
    }
}
@-ms-keyframes move_wave{
  0% {
        -ms-transform: translateX(-10%) translateZ(0) scaleY(1)
    }
    50% {
        -ms-transform: translateX(-25%) translateZ(0) scaleY(1)
    }
    100% {
        -ms-transform: translateX(-50%) translateZ(0) scaleY(1)
    }
}
@-o-keyframes move_wave{
  0% {
        -o-transform: translateX(-10%) translateZ(0) scaleY(1)
    }
    50% {
        -o-transform: translateX(-25%) translateZ(0) scaleY(1)
    }
    100% {
        -o-transform: translateX(-50%) translateZ(0) scaleY(1)
    }
}
@keyframes move_wave {
    0% {
        transform: translateX(-10%) translateZ(0) scaleY(1)
    }
    50% {
        transform: translateX(-25%) translateZ(0) scaleY(1)
    }
    100% {
        transform: translateX(-50%) translateZ(0) scaleY(1)
    }
}