@charset "utf-8";
html { cursor: default;}
h1, h2, h3, h4, h5, h6,p, li, label, td, th {cursor: text;}
a:link, a:visited, a:hover, a:active { cursor: pointer;}
body{width:100%;margin:0; padding:0; font-size:12px; font-family:"微软雅黑",Arial, Helvetica, sans-serif;background-color: #fff;color: #333;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;outline: none;}
ol,ul{list-style:none;}
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;}
.vedio-box{position: absolute;left: 50%;margin-left: -960px;top:0;width: 1920px;height: 100%;z-index: 3333;}

.wrap{
    width: 100%;
    min-width: 1200px;
    position: relative;
}
.page01{
    position: relative;
    width: 100%;
    height: 1062px;
    margin: 0 auto;
    overflow: hidden;
    
}
.page01-mask{position: absolute;bottom:0;left: 50%;margin-left: -960px;width: 1920px;height: 338px;background: url(../images/page1-mask.png) no-repeat center;z-index: 4;}
.bg_video{position: absolute;left: 0;top:-40px;z-index: 3;}
.container{
    width: 1200px;
    margin: 0 auto;
    position: relative;
}
.slogan{
    width: 368px;
    height: 544px;
    background: url(../images/cover_slogan.png) no-repeat center top;
    position: absolute;
    top: 130px;
    left:-65px;
    z-index: 100;
}
.sec1_bt{
    width: 1920px;
    height: 295px;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -960px;
    background: url(../images/sec1_bt.png) center no-repeat;
    z-index: 100;
}
.parallax_box {
    position: absolute;
    top:0px;
    left: 50%;
    margin-left: -1010px;
    width: 2020px;
    height: 1180px;
}
.content_box {
    width: 2020px;
    height: 1180px;
    position: absolute;
    bottom: 0px;
    left: 0px;
}
.content_box .pa_bj{
    width: 100%;
    height: 100%;
    background: url(../images/pa_bg321.jpg) no-repeat;
    position: absolute;
    top: -80px !important;
    left: 0px !important;
    z-index: 10;
}
.content_box .pa_rw{
    width: 100%;
    height: 100%;
    background: url(../images/pa_rw321.png) no-repeat;
    position: absolute;
    bottom: 34px !important;
    left: 39px !important;
    z-index: 30;
}
.content_box .pa_gc{
    width: 100%;
    height: 100%;
    background: url(../images/pa_hua321.png) no-repeat;
    position: absolute;
    top: -70px !important;
    left: 0px !important;
    z-index: 20;
}
.zx_logo{
    width: 237px;
    height: 131px;
    position: absolute;
    top: 10px;
    left: 0;
    background: url(../images/logo.png) no-repeat;
    z-index: 100;
}

/*.zx_logo{
    width: 139px;
    height: 71px;
    position: absolute;
    top: 50px;
    left: 24px;
    background: url(../images/zxlogo321.png) no-repeat;
    z-index: 100;
}*/

.zx_logo a{
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.page01 .container{
    width: 1200px;
    height: 392px;
    padding-top: 609px;
    position: relative;
}
.dowaload_box{
    width: 520px;
    height: 190px;
    z-index: 120;
    background: url(../images/dowaload_box.png) no-repeat center;
    position: absolute;
    top:699px;
    left: 50%;
    margin-left: -260px;
}
.erwei_box{
    width: 184px;
    height: 160px;
    background: url(../images/erwei_box.png) no-repeat ;
    float: left;
    margin-left: 15px;
    margin-top: 15px;
    position: relative;
}
.erwei_box img{display: block;position: absolute;left: 34px;top:10px;}
.game_down{
    width: 300px;
    height: 170px;
    float: left;
    margin-top: 15px;
    margin-left: 6px;
}
.game_down a{float: left;margin-left: 5px;margin-bottom:5px;width: 145px;height: 50px;}
.game_down a:hover{background-position: center bottom;}
.game_down .ios_down{
    background: url(../images/ios-down.png) no-repeat;
}
.game_down .android_down{
    background: url(../images/android-down.png) no-repeat;
}
.game_down .desk_btn{
    background: url(../images/btn-desk.png) no-repeat;
}
.game_down .zx_btn{
    background: url(../images/btn-home.png) no-repeat;
}
.data-show{position: absolute;left: 210px;bottom: 15px;width: 295px;height: 50px;background: url(../images/data-show.png) no-repeat;}
.data-show .txtScroll-top{position: absolute;left: 95px;top:10px;height: 30px;line-height: 30px;font-size: 14px;color: #fff;overflow: hidden;}
.data-show .txtScroll-top .bd ul li{height: 30px;line-height: 30px;width: 200px;}
.page-arrow{position: absolute;bottom: -30px;left: 50%;margin-left:-48px;width: 96px;height: 60px;background: url(../images/page-arrow.png) no-repeat center;}
.page03{
    width: 100%;
    height: 1078px;
    margin: 0 auto;
    background: url(../images/page-bg-03.jpg) center top no-repeat;
}
.page03 .container{
    width: 1200px;
    height: 1012px;
    padding-top: 32px;
    position: relative;
    overflow: hidden;
}
.title03{
    width: 915px;
    height: 106px;
    margin: 0 auto 0;
    background: url(../images/title03.png) no-repeat;
}
.wtip{
    display: block;
    width: 688px;
    height: 260px;
    margin: 0 auto;
    margin-top: 40px;
    background: url(../images/wtip_515.png) no-repeat;
}

.hot_link{
    width:1165px;
    height: 576px;
    margin: 40px auto 0;
    position: relative;

}
.hot_link .gift1-1{ position:absolute; width:569px; height:438px; left:23px; top:-2px; background:url(../images/cover_gift1-1.png) no-repeat center; cursor:pointer;}
.hot_link .gift1-2{ position:absolute; width:569px; height:438px; right:-2px; top:-2px; background:url(../images/cover_gift1-2.png) no-repeat center; cursor:pointer;}
.hot_link .gift2{ position:absolute; width:260px; height:281px; left:17px; top:462px;background:url(../images/cover_gift2.png); cursor:pointer;}
.hot_link .gift3{ position:absolute; width:260px; height:281px; left:307px; top:462px;background:url(../images/cover_gift3.png); cursor:pointer;}
.hot_link .gift4{ position:absolute; width:260px; height:281px; left:597px; top:462px;background:url(../images/cover_gift4.png); cursor:pointer;}
.hot_link .gift5{ position:absolute; width:260px; height:281px; left:887px; top:462px;background:url(../images/cover_gift5.png); cursor:pointer;}
.hot_link a{ display:block; width:100%; height:100%;}
.page3-kuang{position: absolute;left: 50%;top:46px;margin-left:-565px;width: 1130px;height: 400px;background: url(../images/page3-kuang.png) no-repeat;}


.page02{
    width: 100%;
    height: 1045px;
    margin: 0 auto;
    background: url(../images/page-bg-02.jpg) center no-repeat;
}
.page02 .container{
     width: 1100px;
     height: 954px;
     padding-top: 30px;
     position: relative;
     overflow: hidden;
 }
.title02{
    width: 915px;
    height: 107px;
    margin: 0 auto 0;
    background: url(../images/title02.png) no-repeat;
}
.pic-swiper-cont{width: 1110px;height:1000px;margin:0 auto;overflow: hidden;}
.pic_swiper{ position:absolute; width:3006px; height:646px; left:50%;margin-left:-1503px; top:225px;}
.pic_swiper .swiper-slide{ width:1002px; height:569px; padding-top:0; background:url(../images/pic-kuang.png) no-repeat;}
.pic_swiper .swiper-slide img{ display:block; width:964px; height:535px; margin:18px auto;}
.pic_swiper .swiper-pagination-bullet{ width:38px; height:38px; background:url(../images/dot.png); opacity:1; border-radius:0;}
.pic_swiper .swiper-pagination-bullet-active{ background:url(../images/doth.png)}

.page04{
    width: 100%;
    height: 1080px;
    margin: 0 auto;
    background: url(../images/page-bg-04.jpg) top center no-repeat;
    overflow: hidden;
    position: relative;
}.page04 .container{
     width: 1200px;
     height: 1012px;
     padding-top: 50px;
     position: relative;
 }
 .job-bg{position: absolute;left: 50%;margin-left: -960px;top:290px;width: 1920px;height: 749px;background: url(../images/job-bg.png) no-repeat;}
.title04{
    width: 915px;
    height: 107px;
    margin: 0 auto;
    background: url(../images/title04.png) no-repeat;
}
.slideBox2{
    width: 1200px;
    height: 990px;
    margin: 0 auto;
    position: relative;
}
.slideBox2 .hd{
    width: 684px;
    height: 68px;
    position: absolute;
    left: 50%;
    margin-left: -342px;
    bottom: 120px;
    z-index: 200;
}
.slideBox2 .hd ul li{
    float: left;
    width: 68px;
    height: 68px;
    margin: 0 4px;
    cursor: pointer;
}
.slideBox2 .hd ul li span{
    display: block;
    width: 68px;
    height: 68px;
    transition:All 0.4s ease-in-out;
    -webkit-transition:All 0.4s ease-in-out;
    -moz-transition:All 0.4s ease-in-out;
    -o-transition:All 0.4s ease-in-out;
}
.slideBox2 .hd ul li span:hover{
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
}
.slideBox2 .hd ul li.jobdoth01 span{
    display: block;
    width: 68px;
    height: 68px;
    background: url(../images/doth01.png) center no-repeat;
}
.slideBox2 .hd ul li.jobdoth02 span{
    display: block;
    width: 68px;
    height: 68px;
    background: url(../images/doth02.png) center no-repeat;
}
.slideBox2 .hd ul li.jobdoth03 span{
    display: block;
    width: 68px;
    height: 68px;
    background: url(../images/doth03.png) center no-repeat;
}
.slideBox2 .hd ul li.jobdoth04 span{
    display: block;
    width: 68px;
    height: 68px;
    background: url(../images/doth04.png) center no-repeat;
}
.slideBox2 .hd ul li.jobdoth05 span{
    display: block;
    width: 68px;
    height: 68px;
    background: url(../images/doth05.png) center no-repeat;
}
.slideBox2 .hd ul li.jobdoth06 span{
    display: block;
    width: 68px;
    height: 68px;
    background: url(../images/doth06.png) center no-repeat;
}
.slideBox2 .hd ul li.jobdoth07 span{
    display: block;
    width: 68px;
    height: 68px;
    background: url(../images/doth07.png) center no-repeat;
}
.slideBox2 .hd ul li.jobdoth08 span{
    display: block;
    width: 68px;
    height: 68px;
    background: url(../images/doth08.png) center no-repeat;
}
.slideBox2 .hd ul li.jobdoth09 span{
    display: block;
    width: 68px;
    height: 68px;
    background: url(../images/doth09.png) center no-repeat;
}
.slideBox2 .hd ul li.jobdoth01.on span{
    background: url(../images/doth01-on.png) center no-repeat;
}
.slideBox2 .hd ul li.jobdoth02.on span{
    background: url(../images/doth02-on.png) center no-repeat;
}
.slideBox2 .hd ul li.jobdoth03.on span{
    background: url(../images/doth03-on.png) center no-repeat;
}
.slideBox2 .hd ul li.jobdoth04.on span{
    background: url(../images/doth04-on.png) center no-repeat;
}
.slideBox2 .hd ul li.jobdoth05.on span{
    background: url(../images/doth05-on.png) center no-repeat;
}
.slideBox2 .hd ul li.jobdoth06.on span{
    background: url(../images/doth06-on.png) center no-repeat;
}
.slideBox2 .hd ul li.jobdoth07.on span{
    background: url(../images/doth07-on.png) center no-repeat;
}
.slideBox2 .hd ul li.jobdoth08.on span{
    background: url(../images/doth08-on.png) center no-repeat;
}
.slideBox2 .hd ul li.jobdoth09.on span{
    background: url(../images/doth09-on.png) center no-repeat;
}


.slideBox2 .bd ul{
    width: 1200px;
    height: 990px;
    position: relative;
}
.slideBox2 .bd ul li{
    width: 1200px;
    height: 990px;
    position: relative;
}
/* .slideBox2 .bd ul li .bing{
    width: 588px;
    height: 588px;
    background: url(../images/job_bing.png) no-repeat;
    position: absolute;
    top: 106px;
    left: 0;
} */
.slideBox2 .bd ul li .btn_job_v{ position:absolute; width:146px; height:82px; right:218px; top:600px; background:url(../images/btn_job_v.png); z-index:50; cursor:pointer;}
.slideBox2 .bd ul li .btn_job_v_th{background:url(../images/btn_job_v_th.png);}
.slideBox2 .bd ul li .btn_job_v_gd{background:url(../images/btn_job_v_gd.png);}
.slideBox2 .bd ul li .btn_job_v_lq{background:url(../images/btn_job_v_lq.png);}
.slideBox2 .bd ul li .btn_job_v_ym{background:url(../images/btn_job_v_ym.png);}
.slideBox2 .bd ul li .btn_job_v_qy{background:url(../images/btn_job_v_qy.png);}
.slideBox2 .bd ul li .btn_job_v_ty{background:url(../images/btn_job_v_ty.png);}
.slideBox2 .bd ul li .btn_job_v_gw{background:url(../images/btn_job_v_gw.png);}
.slideBox2 .bd ul li .btn_job_v_fx{background:url(../images/btn_job_v_fx.png);}
.slideBox2 .bd ul li .btn_job_v_hh{background:url(../images/btn_job_v_hh.png);}
.slideBox2 .bd ul li .job_tx01{

    position: absolute;
    top: 71px;
    right: 23px;
    z-index: 10;
}

.slideBox2 .bd ul li .job_tx02{

    position: absolute;
    top: 294px;
    right: 28px;
    z-index: 11;
}
.slideBox2 .bd ul li .job_role_th{
    position: absolute;
    top: 245px;
    left: 180px;
    z-index: 10;
}
.slideBox2 .bd ul li .job_role_gd{
    position: absolute;
    top: 245px;
    left: 180px;
    z-index: 10;
}
.slideBox2 .bd ul li .job_role_lq{
    position: absolute;
    top: 245px;
    left: 180px;
    z-index: 10;
}
.slideBox2 .bd ul li .job_role_ym{
    position: absolute;
    top: 245px;
    left: 180px;
    z-index: 10;
}
.slideBox2 .bd ul li .job_role_qy{
    position: absolute;
    top: 245px;
    left: 180px;
    z-index: 10;
}
.slideBox2 .bd ul li .job_role_ty{
    position: absolute;
    top: 245px;
    left: 180px;
    z-index: 10;
}
.slideBox2 .bd ul li .job_role_gw{
    position: absolute;
    top: 245px;
    left: 180px;
    z-index: 10;
}
.slideBox2 .bd ul li .job_role_fx{
    position: absolute;
    top: 245px;
    left: 180px;
    z-index: 10;
}
.slideBox2 .bd ul li .job_role_hh{
    position: absolute;
    top: 245px;
    left:180px;
    z-index: 10;
}
.role_icon{
    display: block;
    width: 120px;
    height: 120px;
    position: absolute;
    z-index: 210;
}
.role_icon_th{left: 52px;top:240px;background: url(../images/role_icon_th.png) no-repeat;}
.role_icon_gd{left: 608px;top:290px;background: url(../images/role_icon_gd.png) no-repeat;}
.role_icon_lq{left: 608px;top:290px;background: url(../images/role_icon_lq.png) no-repeat;}
.role_icon_ym{left: 630px;top:370px;background: url(../images/role_icon_ym.png) no-repeat;}
.role_icon_qy{left: 620px;top:290px;background: url(../images/role_icon_qy.png) no-repeat;}
.role_icon_ty{left: 54px;top:660px;background: url(../images/role_icon_ty.png) no-repeat;}
.role_icon_gw{left: 54px;top:660px;background: url(../images/role_icon_gw.png) no-repeat;}
.role_icon_fx{left: 54px;top:660px;background: url(../images/role_icon_fx.png) no-repeat;}
.role_icon_hh{left: 620px;top:290px;background: url(../images/role_icon_hh.png) no-repeat;}

.sec4_bt{
    width: 1920px;
    height: 760px;
    background: url(../images/sec4_bt.png) center top no-repeat ;
    position: absolute;
    left: 50%;
    margin-left: -960px;
    bottom: 0px;
    z-index: 100;
}
.sec4_bt .zx_btn2{
    display: block;
    width: 412px;
    height: 102px;
    background:none;
    margin: 0 auto;
    margin-top: 350px;
}
.health {
    width: 100%;
    margin: 50px auto;
    text-align: center;
}
.health h1 {
    font-size: 24px;
    font-weight: bold;
    color: #464646;
    margin-bottom: 10px;
}

.prompt{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: url(../images/opa8.png) repeat;
    display: none;
    z-index: 100;
}
.prompt.on{
    display: block;
}
.pop01{
    width: 1009px;
    height: 459px;
    background: url(../images/pop01_515.png) no-repeat;
    position: fixed;
    top: 50%;
    margin-top: -230px;
    left: 50%;
    margin-left: -494px;
    z-index: 200;
    display: none;
}
.pop02{
    width: 903px;
    height: 475px;
    background: url(../images/pop02_515.png) no-repeat;
    position: fixed;
    top: 50%;
    margin-top: -220px;
    left: 50%;
    margin-left: -515px;
    z-index: 200;
    display: none;
}
.pop03{
    width: 971px;
    height: 566px;
    background: url(../images/pop03_515.png) no-repeat;
    position: fixed;
    top: 50%;
    margin-top: -245px;
    left: 50%;
    margin-left: -458px;
    z-index: 200;
    display: none;
}
.pop03 .gift_btn{
    display: block;
    width: 206px;
    height: 56px;
    background: url(../images/opa0.png) repeat;
    position: absolute;
    top: 384px;
    left: 282px;

}
.pop04{
    width: 1026px;
    height: 627px;
    background: url(../images/pop04_515.png) no-repeat;
    position: fixed;
    top: 50%;
    margin-top: -300px;
    left: 50%;
    margin-left: -458px;
    z-index: 200;
    display: none;
}
.pop05{
    width: 903px;
    height: 486px;
    background: url(../images/pop05_515.png) no-repeat;
    position: fixed;
    top: 50%;
    margin-top: -233px;
    left: 50%;
    margin-left: -510px;
    z-index: 200;
    display: none;
}
.pop06{
    width: 970px;
    height: 573px;
    background: url(../images/pop06.png) no-repeat;
    position: fixed;
    top: 50%;
    margin-top: -286px;
    left: 50%;
    margin-left: -475px;
    z-index: 200;
    display: none;
}
.closebtn{
    width: 76px;
    height: 76px;
    position: absolute;
    top: 24px;
    left: 0;
    background: url(../images/opa0.png) repeat;
}

.pop02 .closebtn{
    top: 44px;
}

.pop03 .closebtn{
    top: 70px;
}

.pop04 .closebtn{
    top: 130px;
}

.pop05 .closebtn{
    top: 100px;
}
.version-box{position: absolute;top:644px;right: 190px;width: 321px;height: 72px;background: url(../images/version-bg.png) no-repeat center;}
.version-box p{position: absolute;bottom: -25px;left: 0;width: 100%;text-align: center;font-size: 16px;color: #fff;}
.version-box a{display: block;width: 72px;height: 72px;position: absolute;top:0;}
.version-box a.version-tab1{left:0;background: url(../images/version-tab1.png);}
.version-box a.version-tab1.cur{background-image: url(../images/version-tab1-hov.png);  z-index: 1}
.version-box a.version-tab2{left:125px;background: url(../images/version-tab2.png);}
.version-box a.version-tab2.cur{background-image: url(../images/version-tab2-hov.png);}
.moveRight{animation:moveRight 0.3s linear both;}
.moveLeft{animation:moveLeft 0.3s linear both;}
.version-box .parent{ height: 72px; top:0; margin-left: 59px;width: 197px}

@keyframes moveRight{

  100%{left: 125px;}
}
@keyframes moveLeft{
  100%{left: 0}
}
.share-box{position: absolute;top:50px;right: 45px;height: 30px;line-height: 30px;padding: 0 20px;background:#444965;border-radius: 15px;font-size: 12px;color: #f8ecd4;z-index: 33333;}
.share-box a,.share-box span{float: left;}
.share-box a {margin-left: 5px;margin-top: 4px;position: relative;}
.share-box a img{width: 23px;height: 22px;}
.share-box a.share-wx:hover .share-code{display: block;}
.share-code{display:none;position: absolute;top:24px;left: -35px;width: 100px;height: 100px;}
.share-box .share-code img{width: 100px;height: 100px;}
#bgm{position: absolute;top:36px;right: 203px;width: 20px;height: 20px;z-index: 33;display: block;}
.equalizer {
    
    display: block;
    text-align: center;
    width: 25px;
    height: 20px;
    margin: 0 auto 0;
    padding-top: 18px;
    line-height: 20px; }
  .equalizer b {
      width: 3px;
      background: #785643;
      display: inline-block;
      vertical-align: bottom;
      height: 12px;
      -webkit-animation-duration: 3s;
      animation-duration: 3s;
      -webkit-animation-iteration-count: infinite;
      animation-iteration-count: infinite;
      margin: 0 2px;
      -webkit-animation-name: up-and-down;
      animation-name: up-and-down;
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out; }
    .equalizer b:nth-child(1) {
        animation-delay: -0.4s;
        height: 10px; }
    .equalizer b:nth-child(2) {
        animation-delay: -0.8s;
        height: 20px; }
    .equalizer b:nth-child(3) {
        animation-delay: -1.2s;
        height: 15px; }
    
    .pause .equalizer b {
    -webkit-animation: none;
    animation-name: none; }
    @keyframes up-and-down {
  0%, 100% {
    height: 20px; }
  10% {
    height: 12px; }
  20% {
    height: 16px; }
  30% {
    height: 10px; }
  40% {
    height: 8px; }
  50% {
    height: 18px; }
  60% {
    height: 16px; }
  70% {
    height: 20px; }
  80% {
    height: 14px; }
  90% {
    height: 12px; } }
.pop-video{display: none;background-color: #222222;width: 1000px;height: 600px;}
.pop-video-close{position: absolute;right: -58px;top:0;width: 58px;height: 58px;background: url(../images/pop-close.png);}

.r_bar{ position:fixed; width:199px; height:718px; right:0; top:50%; margin-top:-280px; overflow:hidden; z-index:100}
.btn_slide{ position:absolute; width:21px; height:92px; left:0; top:0; cursor:pointer;}
.btn_zhan{ background:url(../images/btn_zhankai.png)}
.btn_shou{ background:url(../images/btn_shouqi.png)}
.r_bar_cont{ position:absolute; width:178px; height:718px; left:21px;background:url(../images/r_bar.png)}
.r_bar_ewm{ position:absolute; width:132px; height:132px; left:23px; top:59px;}
.ios_down_bar,.android_down_bar,.desk_btn_bar{position:absolute; width:126px; height:37px; left:26px; top:212px;}
.android_down_bar{ top:257px;}
.desk_btn_bar{ top:303px;}
.link_wj_btn_bar{position:absolute; width:142px; height:171px; left:16px; top:340px;background:url(../images/link_wj.png)}

.pop_video {
    background: #000;
    width: 800px;
    height: 424px;
    position: relative;  
    display: none;
}
#video_main{ width:800px; height:424px; overflow:hidden;}
#video_main video{ width:100%; height:100%;}
.closeBtn {
    background: url(../images/close.png) no-repeat;
    width: 63px;
    height: 63px;
    position: absolute;
    right: -63px;
    top: 0;
    cursor: pointer;
    display: block;
}
.page05{width:100%;height:804px;background: url(../images/page-bg05.jpg) center;position: relative;}
.page05 .container{height:804px;}
.page05-code{position:absolute;left:50%;top:354px;margin-left:-115px;width: 230px;height: 259px;background: url(../images/page5-code-bg.png) no-repeat center;}
.page05-code img{display: block;margin:13px 0 0 13px;}
.float-nav{padding-top:24px;position: fixed;right: 44px;bottom:130px;width: 140px;height: 358px;background: url(../images/float-nav.png) no-repeat right top;z-index: 66;}
.float-nav ul{margin-left: -31px;}
.float-nav ul li{width: 140px;height: 32px;margin-top:8px;line-height: 32px;text-align: left;}
.float-nav ul li a{display:block;width: 135px;height: 32px;background: url(../images/float-nav-icon.png) no-repeat 99px center;}
.float-nav ul li a:hover{background: url(../images/float-nav-icon-on.png) no-repeat 94px center;}
.float-nav ul li a span{margin-left:10px;display: block;width: 92px;height: 32px;line-height: 32px;font-size: 18px;color: #dbbd83;text-align: center;}
.float-nav ul li a:hover span{margin-left:-10px;background: url(../images/float-nav-on.png) no-repeat center;color: #fff;}
.float-code{position: absolute;bottom:42px;right: 2px;}
.float-code img{width: 91px;}
.page06{width: 100%;background-color: #fff;}