/* header */
#header {
    width: 100%;
    background: linear-gradient(to bottom, #1a1a1a 0%, #343434 50%, #4a4a4a 100%);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}
.header{
    position: relative;
    /* background: linear-gradient(to bottom, rgb(21,26,43) 0%, rgb(67,86,103) 100%); */
    background: linear-gradient(to bottom, #1a1a1a 0%, #343434 50%, #4a4a4a 100%);
    box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.1);
    /* rgb(21,26,43)
    rgb(6786,103) */
}
.header-inside {width: 100%;position: relative;height: 78px;}
.header-inside .logo {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%); height: 50px;}
.header-inside .logo img{height: 50px;}
.header-inside .nav-warp {height: 100%;}
.header-inside .nav-warp-first {/* padding: 0 100px; */display: flex;align-items: center;flex: 1;display: flex;align-items: center;justify-content: center;}
.header-inside .nav-warp-first li {padding: 0 2.25rem;height: 100%;display: flex;align-items: center;}
.header-inside .nav-warp-first li a {color: #fff; font-size: 18px; font-family: 'SanJiJinSongJianTi-Zhong';}

        .header-inside .nav-warp-first li i {
            color: #fff;
        }

        /* nav */
        nav {
            width: 100%;
            height: 138px;
            background-color: #fff;
        }

        nav .nav-inside {
            width: 1920px;
            height: 138px;
        }

        nav .nav-inside .nav-inside-items {
            width: 1264px;
        }

nav .nav-inside .nav-inside-items a{border: 1px solid #333333;padding: .625rem 1rem;border-radius: 2rem;position: relative;    margin-right: 15px;}
nav .nav-inside .nav-inside-items a span{position: relative;z-index: 1;letter-spacing: 1px;}
nav .nav-inside .nav-inside-items a::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #333333;
    left: 0;
    top: 0;
    z-index: 0;
    transform: scale(0);
    transition: all 0.3s linear;
    border-radius: 2em;
    opacity: 0;
}
nav .nav-inside .nav-inside-items a:hover::after { transform: scale(1); opacity: 1; }
nav .nav-inside .nav-inside-items a:hover { color: #efc395; border-color: rgba(0,0,0,0); }
nav .nav-inside .nav-inside-items a.active {color: #efc395;border-color: rgba(0,0,0,0);background-color: #333333;}
.menu{height: 506px;width: 100%;background-color: #1b1b1b;z-index: 99;position: absolute;top: 78px;left: 0;}
.menu .meun-inside{width: 100%;height: 100%;}
.menu .meun-inside .showimg{width: 50%;    float: right;margin-top: -65px;}
.menu .meun-inside .showimg .showimg-inside{display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;}
.menu .meun-inside .menu-warp{margin-top: 48px;width: 100%;padding-left: 17%;padding-right: 17%;}
.menu .meun-inside .menu-warp .menu-list-first{width: 80px;position: relative;}
.menu .meun-inside .menu-warp .menu-item-first{width: 80px;white-space: nowrap;height: 28px;margin-bottom: 10px;text-align:left;}
.menu .meun-inside .menu-warp .menu-item-first a:hover{background-size: 100% 2px;outline: 0;color: #fff;}
.menu .meun-inside .menu-warp .menu-item-first a{line-height: 28px;text-decoration: none;background: linear-gradient(to right, currentColor 0%, currentColor 100%);background-size: 0 2px;background-position: 0 95%;transition: background-size 0.5s linear 0s;background-repeat: no-repeat;padding: 4px 0;}
.menu .meun-inside .menu-warp .menu-item-first i{font-size: .375rem;color: #fff;}
.menu .meun-inside .menu-warp .menu-item-first .menu-warp-secode{position: absolute;top: 0;left: calc(100% + 14px);}
.menu .meun-inside .menu-warp .menu-item-first .menu-warp-secode .menu-list-secode .item-secode{height: 28px;height: 28px;white-space: nowrap;width: 80px;margin-bottom: 10px;text-align: left;    text-decoration: none;
background: linear-gradient(to right, currentColor 0%, currentColor 100%);
background-size: 0 2px;
background-position: 0 95%;
transition: background-size 0.5s linear 0s;
background-repeat: no-repeat;}
.menu .meun-inside .menu-warp .menu-item-first .menu-warp-secode .menu-list-secode .item-secode a:hover{background-size: 100% 2px;outline: 0;color: #fff;}
.menu .meun-inside .menu-warp .menu-item-first .menu-warp-secode .menu-list-secode .item-secode a{line-height: 28px;padding: 4px 0;}
.menu ul li a{color: #fff;}
.menu-warp-first{display: none;}
.menu-warp-first-secode{display: none;}
.menu-warp-first-third{display: none;}