@charset "utf-8";
.nk-header,
.nk-header-s{ height: 50px; padding: 0; }
.nk-header{ min-width: auto; }
.nk-header .nav{ display: none; }
.nk-header .logo{ position: absolute; top: 0; right: 0; width: 100%; height: 100%; }
.nk-header .logo a img{ left: 5px; height: 32px; }

.nk-nav-act{ transform: translateX( -50vw ); }
/*menu*/
.nk-menu{ position: absolute; top: 0; right: 0; display: flex; flex-flow: column wrap; justify-content: center; align-items: center; width: 50px; height: 50px; }
.nk-menu i{ display: block; width: 40%; height: 2px; margin-left: 10%; border-radius: 1px; background: #fff; }
.nk-menu:before{ content: ''; display: block; width: 50%; height: 2px; margin-bottom: 6px; border-radius: 1px; background: #fff; }
.nk-menu:after{ content: ''; display: block; width: 50%; height: 2px; margin-top: 6px; border-radius: 1px; background: #fff; }
.nk-menu-t i{ width: 0; }
.nk-menu-t:before{ transform: translate3d(0,8px,0) rotate(135deg); }
.nk-menu-t:after{ transform: translate3d(0,-8px,0) rotate(45deg); }

/*nav*/
.nk-nav{ position: fixed; top: 0; right: -50vw; display: block; width: 50vw; height: 100vh; background: #0c0c0c; z-index: 7; }
.nk-nav-list{ position: relative; width: 100%; height: 100%; overflow: hidden; }
.nk-nav-list>li{ width: 100%; border-bottom: 1px solid #1f1f1f; }
.nk-nav-list>li>a{ position: relative; display: block; padding: 1.25em 0; font-size: 14px; text-align: center; line-height: 1; color: #b7b7b7; }
.nk-nav-list li.has>a:after{ content: '\f105'; position: absolute; right: 0; padding: 0 1em; font-family: 'Font Awesome 5 Pro'; }
/*无限级*/
.nk-nav-list ul{ position: absolute; top: 0; right: -50vw; width: 100%; height: 100%; background: #0c0c0c; z-index: 2; }
.nk-nav-list ul li{ width: 100%; border-bottom: 1px solid #1f1f1f; }
.nk-nav-list ul li a{ position: relative; display: block; padding: 1em 0; font-size: 14px; text-align: center; line-height: 1; color: #b7b7b7; }
.nk-nav-list ul li[data-id=''] a{ font-size: 14px; }
.nk-nav-list ul li[data-id=''] a:after{ content: '\f104'; position: absolute; left: 0; padding: 0 1em; font-family: 'Font Awesome 5 Pro'; }

/*bottom-bar*/
.nk-bottom-bar{ position: fixed; right: 0; bottom: 5vw; left: 0; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; width: 60vw; height: 40px; margin: auto; border-radius: 20px; background: rgba(229, 0, 20, 0.7); z-index: 8; }
.nk-bottom-bar a{ display: flex; flex-flow: column nowrap; justify-content: center; align-items: center; width: 20vw; height: 100%; }
.nk-bottom-bar a:nth-child(2){ border-right: 1px solid rgba(255, 255, 255, .05); border-left: 1px solid rgba(255, 255, 255, .05); }
.nk-bottom-bar a i{ font-size: 16px; line-height: 1; color: #fff; }

body:before,
.nk-slider,
.nk-slider .items{ height: 75vw; }

.nk-chair .nk-list{ max-width: auto; padding: 3vw; }
.nk-chair .nk-list dt{ width: 100%; height: 62.5vw; }
.nk-chair .nk-list dt:after{ display: none; }
.nk-chair .nk-list dd{ width: 100%; padding-top: 3vw; }
.nk-chair .nk-list dd h1{ font-size: 16px; }
.nk-chair .nk-list dd h2{ font-size: 12px; }
.nk-chair .nk-list dd h5{ padding-top: 2vw; }

.nk-number{ height: auto; }
.nk-number .number-items{ width: 30vw; height: auto; padding: 5vw 0; }
.nk-number .number-items h1{ font-size: 20px; line-height: 2; }
.nk-number .number-items h1 span{ font-size: 11px; }
.nk-number .number-items h5{ font-size: 12px; }

.nk-row{ padding: 5vw 0; }
.nk-row .row-title .cn{ font-size: 16px; }
.nk-row .row-title .en{ font-size: 12px; }

.nk-case .nk-list{ padding: 3vw 1.5vw 0; }
.nk-case .nk-list li{ width: 50%; padding: 1.5vw; }
.nk-case .nk-list li a .thumb{ height: 30vw; }
.nk-case .nk-list li a .info{ padding: 2vw 0; }
.nk-case .nk-list li a .info .name{ font-size: 13px; }
.nk-case .nk-list li a .info .tag{ font-size: 11px; }

.nk-device .nk-list{ padding: 3vw 1.5vw 0; }
.nk-device .nk-list .big{ width: 100%; height: 48.5vw; }
.nk-device .nk-list .big a .info{ height: 35%; }
.nk-device .nk-list .big a .info .name{ font-size: 13px; }
.nk-device .nk-list .big a .info .cate{ font-size: 11px; }
.nk-device .nk-list .big a .info .desc{ display: none; }
.nk-device .nk-list .scroll-box{ width: 100%; }
.nk-device .nk-list .scroll-box li a{ width: 100%; height: 48.5vw; }
.nk-device .nk-list .scroll-box li a .thumb{ width: 50%; height: 100%; }
.nk-device .nk-list .scroll-box li a .info{ left: 0 !important; width: 50%; height: 100%; }
.nk-device .nk-list .scroll-box li a .info:after{ display: none; }
.nk-device .nk-list .scroll-box li a .info .name{ font-size: 13px; }
.nk-device .nk-list .scroll-box li a .info .cate{ font-size: 11px; padding-bottom: 4vw; }
.nk-device .nk-list .scroll-box li a .info .desc{ font-size: 12px; padding-top: 2vw; }

.nk-about .nk-list dt{ width: 100%; height: 66vw; margin-top: 66vw; }
.nk-about .nk-list dd{ width: 100%; height: auto; padding: 5vw 3vw; margin-top: -132vw; }
.nk-about .nk-list dd .caption .cn{ font-size: 16px; }
.nk-about .nk-list dd .caption .en{ font-size: 12px; }

.nk-product .nk-list li{ padding: 3vw; padding-bottom: 0; }
.nk-product .nk-list li a .thumb{ height: 62.66666vw; }
.nk-product .nk-list li a .info .name{ font-size: 13px; }
.nk-product .nk-list li a .info .tag{ font-size: 11px; }

.nk-news .nk-list li{ width: 100%; padding: 3vw 1.5vw 0; }
.nk-news .nk-list li a .info{ width: calc( 100% - 150px ); }
.nk-news .nk-list li a .info .name{ font-size: 13px; line-height: 3; }
.nk-news .nk-list li a .info .desc{ font-size: 11px; line-height: 1.5; max-height: 4.5em; overflow: hidden; }

.nk-more{ width: 60vw; height: 40px; margin-top: 5vw; line-height: 38px; }

.nk-footer{ min-width: auto; }
.nk-row-b{ padding: 5vw 3vw; }
.nk-row-b .row-title{ line-height: 25px; }
.nk-row-b .row-title .cn{ font-size: 16px; }
.nk-row-b .row-title .en{ font-size: 12px; }
.nk-row-b .row-content{ padding: 3vw 0; }
.nk-link .nk-list a{ font-size: 12px; margin-left: 0; margin-right: .5em; }
.nk-contact .nk-list dt{ font-size: 14px; }
.nk-contact .nk-list dd span{ font-size: 12px; line-height: 2; }
.nk-contact .nk-list dd a{ display: none; }
.nk-footer .copyright{ height: auto; }
.nk-cpr{ height: auto; padding: 2.5vw; font-size: 12px; line-height: 1.5; }
.nk-cpr a{ display: block; }