@-webkit-keyframes test {
    0% {
        -webkit-opacity: 0;
        -moz-opacity: 0;
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transform: translateY(30px)
    }

    100% {
        -webkit-opacity: 1;
        -moz-opacity: 1;
        opacity: 1;
        filter: alpha(opacity=100);
        -webkit-transform: translateX(0px)
    }
}

@-moz-keyframes test {
    0% {
        -webkit-opacity: 0;
        -moz-opacity: 0;
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transform: translateY(30px)
    }

    100% {
        -webkit-opacity: 1;
        -moz-opacity: 1;
        opacity: 1;
        filter: alpha(opacity=100);
        -webkit-transform: translateX(0px)
    }
}

@-o-keyframes test {
    0% {
        -webkit-opacity: 0;
        -moz-opacity: 0;
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transform: translateY(30px)
    }

    100% {
        -webkit-opacity: 1;
        -moz-opacity: 1;
        opacity: 1;
        filter: alpha(opacity=100);
        -webkit-transform: translateX(0px)
    }
}

@-ms-keyframes test {
    0% {
        -webkit-opacity: 0;
        -moz-opacity: 0;
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transform: translateY(30px)
    }

    100% {
        -webkit-opacity: 1;
        -moz-opacity: 1;
        opacity: 1;
        filter: alpha(opacity=100);
        -webkit-transform: translateX(0px)
    }
}

@keyframes test {
    0% {
        -webkit-opacity: 0;
        -moz-opacity: 0;
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transform: translateY(30px)
    }

    100% {
        -webkit-opacity: 1;
        -moz-opacity: 1;
        opacity: 1;
        filter: alpha(opacity=100);
        -webkit-transform: translateX(0px)
    }
}

@-webkit-keyframes scale {
    0% {
        transform: scale(0.75)
    }

    50% {
        transform: scale(1.1)
    }

    100% {
        transform: scale(0.75)
    }
}

@-moz-keyframes scale {
    0% {
        transform: scale(0.75)
    }

    50% {
        transform: scale(1.1)
    }

    100% {
        transform: scale(0.75)
    }
}

@-o-keyframes scale {
    0% {
        transform: scale(0.75)
    }

    50% {
        transform: scale(1.1)
    }

    100% {
        transform: scale(0.75)
    }
}

@-ms-keyframes scale {
    0% {
        transform: scale(0.75)
    }

    50% {
        transform: scale(1.1)
    }

    100% {
        transform: scale(0.75)
    }
}

@keyframes scale {
    0% {
        transform: scale(0.75)
    }

    50% {
        transform: scale(1.1)
    }

    100% {
        transform: scale(0.75)
    }
}

.test {
    opacity: 0;
    -webkit-animation: leihuo .5s .3s forwards 300ms 0 ease;
    -moz-animation: leihuo .5s .3s forwards 300ms 0 ease;
    -ms-animation: leihuo .5s .3s forwards 300ms 0 ease;
    animation: leihuo .5s .3s forwards 300ms 0 ease;
    -moz-animation: leihuo .5s .3s forwards;
    -webkit-animation: leihuo .5s .3s forwards;
    -o-animation: leihuo .5s .3s forwards;
    -ms-animation: leihuo .5s .3s forwards;
    animation: leihuo .5s .3s forwards
}

@-webkit-keyframes stepAn {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: 0 bottom
    }
}

@-moz-keyframes stepAn {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: 0 bottom
    }
}

@-o-keyframes stepAn {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: 0 bottom
    }
}

@-ms-keyframes stepAn {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: 0 bottom
    }
}

@keyframes stepAn {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: 0 bottom
    }
}

#gw-header {
    width: 1400px;
    height: 100px;
    position: absolute;
    left: 50%;
    margin-left: -700px;
    top: 0;
    z-index: 3
}

    #gw-header .logo {
        width: 331px;
        height: 131px;
        position: absolute;
        left: 10px;
        top: 15px;
        background-repeat: no-repeat;
    }

    #gw-header .nav-wrap {
        width: 690px;
        margin: 0 auto;
        position: absolute;
        right: 35px;
        top: 0;
        height: 85px
    }

    #gw-header .nav-box {
        width: 100%;
        height: 50px
    }

        #gw-header .nav-box > li {
            float: left;
            width: 95px
        }

        #gw-header .nav-box .last-li {
            margin-right: 0
        }

        #gw-header .nav-box > li > a {
            display: block;
            width: 95px;
            height: 45px;
            line-height: 68px;
            font-size: 0;
            text-align: center;
            color: #fff;
            position: relative;
            background-image: url(http://49.235.209.245/wm/images/nav_884f8a3.png);
            background-position-y: -50px
        }

            #gw-header .nav-box > li > a:after {
                content: "";
                position: absolute;
                width: 100%;
                height: 2px;
                bottom: -2px;
                left: 0;
                z-index: 2;
                background-color: #39456c;
                -webkit-transform: scaleX(0.3);
                -moz-transform: scaleX(0.3);
                -ms-transform: scaleX(0.3);
                -o-transform: scaleX(0.3);
                transform: scaleX(0.3);
                transition-duration: .2s;
                transition-timing-function: ease-in-out
            }

            #gw-header .nav-box > li > a:hover:after, #gw-header .nav-box > li > a.active:after, #gw-header .nav-box > li > a.show:after {
                background-color: #aa9452;
                -webkit-transform: scaleX(1);
                -moz-transform: scaleX(1);
                -ms-transform: scaleX(1);
                -o-transform: scaleX(1);
                transform: scaleX(1)
            }

            #gw-header .nav-box > li > a:hover, #gw-header .nav-box > li > a.active, #gw-header .nav-box > li > a.show {
                background-position-y: 0
            }

    #gw-header .nav1 {
        background-position-x: 0
    }

        #gw-header .nav1:hover, #gw-header .nav1.active, #gw-header .nav1.show {
            background-position-x: 0
        }

    #gw-header .nav2 {
        background-position-x: -95px
    }

        #gw-header .nav2:hover, #gw-header .nav2.active, #gw-header .nav2.show {
            background-position-x: -95px
        }

    #gw-header .nav3 {
        background-position-x: -190px
    }

        #gw-header .nav3:hover, #gw-header .nav3.active, #gw-header .nav3.show {
            background-position-x: -190px
        }

    #gw-header .nav4 {
        background-position-x: -285px
    }

        #gw-header .nav4:hover, #gw-header .nav4.active, #gw-header .nav4.show {
            background-position-x: -285px
        }

    #gw-header .nav5 {
        background-position-x: -380px
    }

        #gw-header .nav5:hover, #gw-header .nav5.active, #gw-header .nav5.show {
            background-position-x: -380px
        }

    #gw-header .nav6 {
        background-position-x: -475px
    }

        #gw-header .nav6:hover, #gw-header .nav6.active, #gw-header .nav6.show {
            background-position-x: -475px
        }

    #gw-header .nav7 {
        background-position-x: right
    }

        #gw-header .nav7:hover, #gw-header .nav7.active {
            background-position-x: right
        }

    #gw-header .nav-box .nav-li {
        height: 45px
    }

        #gw-header .nav-box .nav-li > a {
            position: relative;
            top: 0
        }

            #gw-header .nav-box .nav-li > a:hover {
                color: #e9c36f;
                position: relative
            }

    #gw-header .drop-box {
        position: relative;
        background: rgba(255,255,255,.85);
        padding-top: 13px;
        width: 95px;
        left: 0
    }

        #gw-header .drop-box:after {
            content: '';
            background: url(http://49.235.209.245/wm/images/transparent_aba7dcc.png);
            background-size: 100%;
            width: 95px;
            height: 22px;
            position: absolute;
            left: 0;
            bottom: -22px
        }

        #gw-header .drop-box li:last-child a {
            height: 21px
        }

        #gw-header .drop-box a {
            width: 85px;
            height: 24px;
            margin: 0 auto;
            display: block
        }

    #gw-header .down-news a {
        background: url(http://49.235.209.245/wm/images/nav-news_6289ef6.png)
    }

    #gw-header .down-news .news1 {
        background-position: 0 0
    }

        #gw-header .down-news .news1:hover {
            background-position: -85px 0
        }

    #gw-header .down-news .news2 {
        background-position: 0 -24px
    }

        #gw-header .down-news .news2:hover {
            background-position: -85px -24px
        }

    #gw-header .down-news .news3 {
        background-position: 0 -48px
    }

        #gw-header .down-news .news3:hover {
            background-position: -85px -48px
        }

    #gw-header .down-news .news4 {
        background-position: 0 bottom
    }

        #gw-header .down-news .news4:hover {
            background-position: -85px bottom
        }

    #gw-header .jobs a {
        background: url(http://49.235.209.245/wm/images/nav-job_4cca55d.png)
    }

    #gw-header .jobs .job1 {
        background-position: 0 0
    }

        #gw-header .jobs .job1:hover {
            background-position: -85px 0
        }

    #gw-header .jobs .job2 {
        background-position: 0 -24px
    }

        #gw-header .jobs .job2:hover {
            background-position: -85px -24px
        }

    #gw-header .jobs .job3 {
        background-position: 0 -48px
    }

        #gw-header .jobs .job3:hover {
            background-position: -85px -48px
        }

    #gw-header .jobs .job4 {
        background-position: 0 -72px
    }

        #gw-header .jobs .job4:hover {
            background-position: -85px -72px
        }

    #gw-header .jobs .job5 {
        background-position: 0 -96px
    }

        #gw-header .jobs .job5:hover {
            background-position: -85px -96px
        }

    #gw-header .jobs .job6 {
        background-position: 0 bottom
    }

        #gw-header .jobs .job6:hover {
            background-position: -85px bottom
        }

    #gw-header .down-dashi a {
        background: url(http://49.235.209.245/wm/images/nav-dashi_ced993e.png)
    }

    #gw-header .down-dashi .dashi1 {
        background-position: 0 0
    }

        #gw-header .down-dashi .dashi1:hover {
            background-position: -85px 0
        }

    #gw-header .down-dashi .dashi2 {
        background-position: 0 -24px
    }

        #gw-header .down-dashi .dashi2:hover {
            background-position: -85px -24px
        }

    #gw-header .down-dashi .dashi3 {
        background-position: 0 -48px
    }

        #gw-header .down-dashi .dashi3:hover {
            background-position: -85px -48px
        }

    #gw-header .down-dashi .dashi4 {
        background-position: 0 -72px
    }

        #gw-header .down-dashi .dashi4:hover {
            background-position: -85px -72px
        }

    #gw-header .down-dashi .dashi5 {
        background-position: 0 bottom
    }

        #gw-header .down-dashi .dashi5:hover {
            background-position: -85px bottom
        }

    #gw-header .down-media a {
        background: url(http://49.235.209.245/wm/images/nav-media_744870e.png)
    }

    #gw-header .down-media .media1 {
        background-position: 0 0
    }

        #gw-header .down-media .media1:hover {
            background-position: -85px 0
        }

    #gw-header .down-media .media2 {
        background-position: 0 bottom
    }

        #gw-header .down-media .media2:hover {
            background-position: -85px bottom
        }

    #gw-header .down-fuli a {
        background: url(http://49.235.209.245/wm/images/nav-fuli_cf00ba3.png)
    }

    #gw-header .down-fuli .fuli1 {
        background-position: 0 0
    }

        #gw-header .down-fuli .fuli1:hover {
            background-position: -85px 0
        }

    #gw-header .down-fuli .fuli2 {
        background-position: 0 -24px
    }

        #gw-header .down-fuli .fuli2:hover {
            background-position: -85px -24px
        }

    #gw-header .down-fuli .fuli3 {
        background-position: 0 -48px
    }

        #gw-header .down-fuli .fuli3:hover {
            background-position: -85px -48px
        }

    #gw-header .down-fuli .fuli4 {
        background-position: 0 bottom
    }

        #gw-header .down-fuli .fuli4:hover {
            background-position: -85px bottom
        }

    #gw-header .down-bbs a {
        background: url(http://49.235.209.245/wm/images/nav-luntan_4378293.png)
    }

    #gw-header .down-bbs .bbs1 {
        background-position: 0 0
    }

        #gw-header .down-bbs .bbs1:hover {
            background-position: -85px 0
        }

    #gw-header .nav-box .nav-li .drop-box a {
        display: block;
        font-size: 0;
        text-align: center;
        color: #000
    }

    #gw-header .logo {
        background-position: 0px 0px
    }

    #gw-header .logo {
        background-image: url(../image/header_z_13d70c9.png)
    }