@charset "utf-8";

/*banner*/
#flash{width:1200px;height:526px;overflow:hidden;margin:0 auto;clear:both;position:relative;padding:0px 10px;}
#flash a{width:1200px;height:526px;display:none;}
#flash img{width:1200px;height:526px;}
.flash_bar{width:170px;z-index:667;height:30px;overflow:hidden;position:absolute;bottom:66px;left:50%;margin-left:-70px;text-align:center;}
.flash_bar .dq{display:block;float:left;width:12px;height:12px;border-radius:50%; box-shadow: inset 0 0 2px rgba(0,0,0,0.3); box-sizing: border-box; margin:8px 8px;cursor:pointer;background-color:rgba(255,255,255,1);}
.flash_bar .no{display:block;float:left;width:12px;height:12px;border-radius:50%; box-sizing: border-box; margin:8px 8px;cursor:pointer;background-color:rgba(0,0,0,0.2);}
#flashBg{width:100%;height:526px;overflow:hidden;clear:both;margin:0;padding:0;}

/*波浪*/
.banner-background-01 {
    width: 997px;
    height: 85px;
    background: url(/images/background01.png) repeat-x;
    _background: url(/images/background01.png) repeat-x;
    position: absolute;
    top: 451px;
    width: 400%;
    left: -236px;
    z-index: 666;
    animation: wave1 25s linear .4s infinite normal;
    -moz-animation: wave1 25s linear .4s infinite normal;
    -webkit-animation: wave1 25s linear .4s infinite normal;
    -o-animation: wave1 25s linear .4s infinite normal;
}

.banner-background-02 {
    width: 1009px;
    height: 100px;
    background: url(/images/background02.png) repeat-x;
    _background: 0 0;
    position: absolute;
    top: 436px;
    width: 400%;
    left: 0;
    z-index: 665;
    animation: wave2 60s linear .4s infinite normal;
    -moz-animation: wave2 60s linear .4s infinite normal;
    -webkit-animation: wave2 60s linear .4s infinite normal;
    -o-animation: wave2 60s linear .4s infinite normal
}


@-webkit-keyframes wave1 {
    from {
        left: -236px
    }

    to {
        left: -1233px
    }
}

@-moz-keyframes wave1 {
    from {
        left: -236px
    }

    to {
        left: -1233px
    }
}

@-o-keyframes wave1 {
    from {
        left: -236px
    }

    to {
        left: -1233px
    }
}

@keyframes wave1 {
    from {
        left: -236px
    }

    to {
        left: -1233px
    }
}

@-webkit-keyframes wave2 {
    from {
        left: 0
    }

    to {
        left: -1009px
    }
}

@-moz-keyframes wave2 {
    from {
        left: 0
    }

    to {
        left: -1009px
    }
}

@-o-keyframes wave2 {
    from {
        left: 0
    }

    to {
        left: -1009px
    }
}

@keyframes wave2 {
    from {
        left: 0
    }

    to {
        left: -1009px
    }
}