body{
    min-width: 1200px;
}


.daojishi {
    position: absolute;
    right: 43px;
    top: 33px;
    color: #fff;
    font-size: 34px;
}
#contDown {
    color: #e0b87d;
}
.zhezhao {
    /*background: url(../images/sy-bg.png) center;*/
    background: url(../images/zhezhao.gif) no-repeat top center #000;
    opacity: 0.95;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    padding-bottom: 500px;
    z-index: 999999999;
    animation-delay:1s;
    cursor: pointer;
    display: none;
}
.jjb-relative{
    position: relative;
    margin: 0 auto;
    width: 1200px;

}
.jjb1{
    position: absolute;
    /*top: 210px;*/
    top: 185px;
    left: 50%;
    margin-left: -236px;

}
@keyframes fadeInBig{
    from{opacity: 0;transform: scale(2.5);}
    to{opacity: 1;transform: scale(1);}

}
.jjb1 img{
    width: rem(164);
    height: rem(114);
    position: absolute;
    bottom: rem(194);
    left: 50%;
    margin-left: rem(-58);
    opacity: 0;
    animation: fadeInBig .5s .5s linear forwards;
    -webkit-animation: fadeInBig .5s .5s linear forwards;

}

@keyframes fadeInBig2{
    from{opacity: 0;transform: scale(2.5);}
    to{opacity: 1;transform: scale(1);}
}
.jjb2 img{
    width: rem(164);
    height: rem(114);
    position: absolute;
    bottom: rem(194);
    left: 50%;
    margin-left: rem(-58);
    opacity: 0;
    animation: fadeInBig2 .8s .8s linear forwards;
    -webkit-animation: fadeInBig2 .8s .8s linear forwards;
    animation-delay:1s;
}
.jjb2{
    position: absolute;
    /*top: 333px;*/
    top: 290px;
    left: 50%;
    margin-left: -433px;

}
.jjb3{
    position: absolute;
    top: 480px;
    /*top: 534px;*/
    left: 50%;
    margin-left: -196px;
}
@keyframes fadeInBig3{
    from{opacity: 0;transform: scale(2.5);}
    to{opacity: 1;transform: scale(1);}
}
.jjb3 img{
    width: rem(164);
    height: rem(114);
    position: absolute;
    bottom: rem(194);
    left: 50%;
    margin-left: rem(-58);
    opacity: 0;
    animation: fadeInBig3 .8s .8s linear forwards;
    -webkit-animation: fadeInBig3 .8s .8s linear forwards;
    animation-delay:1.5s;
}

@keyframes fadeInBig4{
    /*from{opacity: 0;transform: scale(2.5);}*/
    /*to{opacity: 1;transform: scale(1);}*/
    /*0% {  opacity:0;right:-1450px;top:0px; }*/
    /*100%  { right:0px;top:0px; opacity:1; }*/
    0% {  opacity:0;right:0px;top:0px; }
    100%  { right:0;top:0px; opacity:1; }
}
.jjb4{
    position: absolute;
    /*top: 660px;*/
    top: 615px;
    left: 50%;
    margin-left: -181px;

}
.jjb4 img {
    width: rem(164);
    height: rem(114);
    position: absolute;
    bottom: rem(194);
    right: 50%;
    margin-left: rem(-58);
    opacity: 0;
    animation: fadeInBig4 1s 1s linear forwards;
    -webkit-animation: fadeInBig4 1s 1s linear forwards;
    animation-delay:2.5s;
}
.jjb5 {
    position: absolute;
    /*top: 865px;*/
    /*top: 660px;*/
    top: 615px;
    left: 50%;
    margin-left: -296px;
}
@keyframes fadeInBig5{
    /*from{opacity: 0;transform: scale(2.5);}
    to{opacity: 1;transform: scale(1);}
    0% {  opacity:0;left:-1450px;top:0px; }
    100%  { left:0;top:0px; opacity:1; }*/
    0% {  opacity:0;left:0px;top:0px; }
    100%  { left:0;top:0px; opacity:1; }
}

.jjb5 img {
    width: rem(164);
    height: rem(114);
    position: absolute;
    bottom: rem(194);
    left: 50%;
    margin-left: rem(-58);
    opacity: 0;
    animation: fadeInBig5 1s 1s linear forwards;
    -webkit-animation: fadeInBig5 1s 1s linear forwards;
    animation-delay: 2.5s;
}