html, body {
    width: 100%;
    font-family: "Microsoft YaHei";
    min-width: 1400px; }
*{    font-family: 'Microsoft YaHei';}
.logo {height: 82px;position: absolute;display: block;left: -104px;top: 11px;}
.top-nav{font-size: 13px;color: #2b7197;width: 260px;height: 31px;line-height: 31px;text-align:center;position:absolute;right: 140px;top: 11px;text-align:center;background:url(http://103.216.153.110:888/images/top-nav-bg-ca788f9218.png);}
.top-nav a{font-size: 13px;color: #FFFFFF;padding: 0 5px;position: relative;text-decoration: none;}
.top-nav img{margin: 0 3px;vertical-align: -1px;}

.center-div {width: 1500px;height: 100%;position: relative;margin: auto;}


.blocks-0{position: relative;display:block;width:100%;min-width:1300px;background:url(../image/main-bg-0-c13bca8eae.jpg) no-repeat top center;height: 1080px; background-size:100%;}

.event-links-div{width: 446px;height: 250px;position:absolute;bottom: 400px;right: 200px;}
.event-links-a{
    display:block;
    width: 126px;
    height: 100%;
    float:left;
    cursor:pointer;
    background: url(../image/event-btns-92590c669d.png) no-repeat;
    margin-left: 34px;
    position: relative;
    transition: top .5s;
    -webkit-animation: loopMove 1.5s ease-in-out .2s infinite alternate;
    -o-animation: loopMove 1.5s ease-in-out .2s infinite alternate;
    -moz-animation: loopMove 1.5s ease-in-out .2s infinite alternate;
    animation: loopMove 1.5s ease-in-out .2s infinite alternate;
}
.ela-0{margin-left: 0;background-position-x: -1px;}
.ela-1{background-position-x: -160px;}
.ela-2{background-position-x: -321px;}
.event-links-a:hover{
    background-position-y: -277px;
    -webkit-animation-play-state: paused;
    -o-animation-play-state: paused;
    -moz-animation-play-state: paused;
    animation-play-state: paused;
}

.event-tip {}
.event-tip-a {
    position: absolute;
    height: 98px;
    background: url(http://103.216.153.110:888/images/small-btn-77f32d922c.png) no-repeat;
}
.eta-0 {
    top: 65%;
    right: 90%;
    width: 109px;
}
.eta-1 {
    top: 65%;
    right: 80%;
    width: 109px;
    background-position-x: -119px;
}
.eta-2 {
    width: 109px;
    background-position-x: -357px;
    top: 65%;
    right: 60%;
}
.eta-3 {
    width: 109px;
    background-position-x: -489px;
    top: 65%;
    right: 50%;
}
.eta-4 {
    width: 109px;
    background-position-x: -236px;
    top: 65%;
    right: 70%;
}

.opacity0{opacity:0;filter:Alpha(opacity=0);display:Block;}
.mt0{margin-top:0;}
.tac{text-align:center;}
.mr12px{margin-right:12px;}
.mb30px{margin-bottom:30px;}
.fs20px{font-size:20px;}
.colorc0a85d{color:#c0a85d;}
.colorfffb99{color:#fffb99}
.red{color:#fffb99;}
.colordfbf6d{color:#dfbf6d;}
.hide{display:none;}


@-o-keyframes loopMove {
    from {
        transform: translateY(0)
    }
    to {
        transform: translateY(30px);
    }
}
@-webkit-keyframes loopMove {
    from {
        transform: translateY(0)
    }
    to {
        transform: translateY(30px);
    }
}

@-moz-keyframes loopMove {
    from {
        transform: translateY(0)
    }
    to {
        transform: translateY(30px);
    }
}

@keyframes loopMove {
    from {
        transform: translateY(0)
    }
    to {
        transform: translateY(30px);
    }
}
