.item-anchor span {color: #c6ba9b;margin-right: 5px;font-size: 26px;}
.item-anchor {text-decoration: none; position: relative;font-size: 28px;}

.item-anchor:hover {
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
.item-anchor:before {content:"";display:inline-block;width:0vw;height:0.1563vw;
    position:absolute;bottom:-1.25vw;left:0;right:0;margin:0 auto;opacity:0;border-radius:0.521vw;
    transition:all 0.5s ease;
    -webkit-transition:all 0.5s ease}

.item-anchor:hover:before,.item-anchor:focus:before {width: 100%; background: #c6ba9b;width:100%;opacity:1;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.nav-content .nav-list .nav-item img{max-width: 25%;}
@media screen and (max-width: 768px) {
    .nav-content .nav-list .nav-item img{max-width: 45%;}
}
.bar-nav .btn-nav {background: transparent; border: none;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    cursor: pointer;
    z-index: 99999;
}

.bar-nav .btn-nav:focus {outline: 0;}

.hideNav {
    -webkit-animation: hideNav 1s ease forwards;
    -moz-animation: hideNav 1s ease forwards;
    -o-animation: hideNav 1s ease forwards;
    animation: hideNav 1s ease forwards;
}
@keyframes hideNav {
    from {left: 0;}
    to {left: -100%;}
}

@-webkit-keyframes hideNav {
    from {left: 0;}
    to {left: -100%;}
}

@-moz-keyframes hideNav {
    from {left: 0;}
    to {left: -100%;}
}

@-o-keyframes hideNav {
    from {left: 0;}
    to {left: -100%;}
}
.showNav {
    -webkit-animation: showNav 1s ease forwards;
    -moz-animation: showNav 1s ease forwards;
    -o-animation: showNav 1s ease forwards;
    animation: showNav 1s ease forwards;
}
@keyframes showNav {
    from {left: -100%;}
    to {left: 0;}
}
@-webkit-keyframes showNav {
    from {left: -100%;}
    to {left: 0;}
}
@-moz-keyframes showNav {
    from {left: -100%;}
    to {left: 0;}
}
@-o-keyframes showNav {
    from {left: -100%;}
    to {left: 0;}
}
.nav-content {
    position: fixed;
    top: 0;
    bottom: 0;
    left: -100%;
    right: 0;
    background-image: url("../image/indexbg.jpg");
    background-size: cover;
    display: block;
    width: 100%;
    z-index: 9997;
}

.nav-content .nav-list {display: flex;height: 100vh;align-items: center;justify-content: center;justify-items: center;}
.nav-content .nav-list ul{ list-style: none; padding: 0;}
.nav-content .nav-list .nav-item {
    margin: 30px auto;
    margin-left: 42%;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.nav-content .nav-list .nav_i_1 {
    -webkit-animation: nav_i_1 0s ease forwards;
    -moz-animation: nav_i_1 0s ease forwards;
    -o-animation: nav_i_1 0s ease forwards;
    animation: nav_i_1 0s ease forwards;
}
@-webkit-keyframes nav_i_1 {
    from {opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    to {opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes nav_i_1 {
    from {opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    to {opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.nav-content .nav-list .nav-item-left {
    margin-left: 30%;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
.nav-content_1 {position: fixed; top: 0; bottom: 0; left: 100%; right: 0;  background: #302f2d;overflow-y: auto;
    /*display: block;*/ width: 100%;display: flex;height: 100%;align-items: center; z-index: 9998;
}

.nav-content_1 .nav-list_1 {position: relative;width:100%;margin-left: 10px; overflow: hidden;}

.nav-content_1 .nav-list_1 .item-anchor span {
    font-size: 18px;
    font-weight: normal;
    font-family: "思源黑体";
}

.nav-content_1 .nav-list_1 .item-anchor:hover span {
    color: #CE992E;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.nav-content_1 .nav-list_1 .nav-item_1 {
    margin:30px 0 0;
}

.nav-content_1 .nav-list_1 .nav-item_1 .nav-item_1 a {
    margin-left: 10%;
    font-size: 18px;
    font-weight: normal;
}

.showNav_1 {
    -webkit-animation: showNav_1 1s ease forwards;
    -moz-animation: showNav_1 1s ease forwards;
    -o-animation: showNav_1 1s ease forwards;
    animation: showNav_1 1s ease forwards;
    box-shadow: -2px 0px 300px #000;
}

@keyframes showNav_1 {
    from {
        left: 100%;
    }

    to {
        left: 50%;
    }
}

@-webkit-keyframes showNav_1 {
    from {
        left: 100%;
    }

    to {
        left: 50%;
    }
}

@-moz-keyframes showNav_1 {
    from {
        left: 100%;
    }

    to {
        left: 50%;
    }
}

@-o-keyframes showNav_1 {
    from {
        left: 100%;
    }

    to {
        left: 50%;
    }
}

.hideNav_1 {
    -webkit-animation: hideNav_1 1s ease forwards;
    -moz-animation: hideNav_1 1s ease forwards;
    -o-animation: hideNav_1 1s ease forwards;
    animation: hideNav_1 1s ease forwards;
}

@keyframes hideNav_1 {
    from {
        left: 50%;
    }

    to {
        left: 100%;
    }
}

@-webkit-keyframes hideNav_1 {
    from {
        left: 50%;
    }

    to {
        left: 100%;
    }
}

@-moz-keyframes hideNav_1 {
    from {
        left: 50%;
    }

    to {
        left: 100%;
    }
}

@-o-keyframes hideNav_1 {
    from {
        left: 50%;
    }

    to {
        left: 100%;
    }
}

.nav-content_1 .nav-list_1 .nav_i_2 {
    -webkit-animation: nav_i_2 0s ease forwards;
    -moz-animation: nav_i_2 0s ease forwards;
    -o-animation: nav_i_2 0s ease forwards;
    animation: nav_i_2 0s ease forwards;
}

.nav-content_1 .nav-list_1 .nav-item_1 a {
    margin-left: 10%;
    font-size: 18px;
    font-weight: normal;
}

@-webkit-keyframes nav_i_2 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes nav_i_2 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@media (max-width: 768px) {
.container {width: auto;overflow: hidden;}
.bar-nav .btn-nav {top: 10px;left: 5px;}
.bar-nav .icon-bar {width: 40px;height: 6px;}
.bar-nav .nav-a {top: 10px; right: 5px;}
.bar-nav .animated .top {
    -webkit-transform: translateY(9px) rotateZ(45deg);
    -moz-transform: translateY(9px) rotateZ(45deg);
    -ms-transform: translateY(9px) rotateZ(45deg);
    -o-transform: translateY(9px) rotateZ(45deg);
    transform: translateY(9px) rotateZ(45deg);
}
.bar-nav .btn-nav:hover .icon-bar {background-color: #cc9831;}
.nav-content .nav-list .nav-item {margin: 15px 0 15px 10%;}
.nav-content .nav-list .nav-item-left {margin-left: 2%;}
.nav-content_1 .nav-list_1 .nav-item_1 a {margin-left: 2%;}
.item-anchor{font-size: 24px;}
.item-anchor span{font-size: 20px;}
.nav-content_1 .nav-list_1 .nav-item_1{margin: 15px 0 0;}
}
@media (min-width: 992px) {
    .index .col-md-6 {
        width: none;
    }
}