@charset "utf-8";
body:before{ content: ''; display: block; width: 100%; height: 384px; }
body.imgbody:before{ content: ''; display: block; width: 100%; height: 50px; }

.nk-banner{ top: 0; right: 0; width: 100%; height: 384px; }
.nk-ban-about{ background: url('../img/ban-about.jpg') center top no-repeat; background-size: cover; }
.nk-ban-contact{ background: url('../img/ban-contact.jpg') center top no-repeat; background-size: cover; }
.nk-ban-news{ background: url('../img/ban-news.jpg') center top no-repeat; background-size: cover; }

.nk-channel{ width: 100%; height: auto; max-width: 1200px; padding: 80px 0 50px 0; margin: auto; }
.nk-channel .channel-title{ padding-bottom: 50px; text-align: center; }
.nk-channel .channel-title .cn{ font-size: 22px; line-height: 1.5; }
.nk-channel .channel-title .en{ font-size: 14px; line-height: 1.5; }
.nk-channel .channel-category{  padding-bottom: 50px; font-size: 0; text-align: center; }
.nk-channel .channel-category a{ position: relative; display: inline-block; margin: 0 2em; font-size: 14px; color: #c2c2c2; }
.nk-channel .channel-category a:after{ content: ''; position: absolute; top: 0; right: -35px; bottom: 0; display: block; width: 14px; height: 1px; margin: auto; background: #242424; }
.nk-channel .channel-category a:last-child:after{ display: none; }
.nk-channel .channel-category a:hover,
.nk-channel .channel-category a.on{ color: #e50014; }
.nk-channel .channel-content{ font-size: 14px; line-height: 1.8; }
.nk-channel .channel-content p{ padding-bottom: .5em; }
.nk-channel .channel-content img{ display: inline-block; max-width: 100%; font-size: 0; }

.nk-listing{ width: 100%; height: auto; max-width: 1200px; padding: 80px 0 50px 0; margin: auto; }
.nk-listing .listing-title{ padding-bottom: 50px; text-align: center; }
.nk-listing .listing-title .cn{ font-size: 22px; line-height: 1.5; }
.nk-listing .listing-title .en{ font-size: 14px; line-height: 1.5; }

.nk-list-news{ width: 100%; height: auto; max-width: 1200px; margin: auto; }
.nk-list-news li{ padding-bottom: 50px; }
.nk-list-news li a{ display: block; overflow: hidden; }
.nk-list-news li a .thumb{ position: relative; float: left; width: 140px; height: 140px; overflow: hidden; }
.nk-list-news li a .thumb:before{ content: ''; position: absolute; top: 10px; right: 10px; display: block; width: calc( 100% - 20px ); height: calc( 100% - 20px ); border: 1px solid rgba(255, 255, 255, .5); box-shadow: 0 0 20px rgba(0, 0, 0, .5); z-index: 2; opacity: 0; }
.nk-list-news li a .thumb .img{ z-index: 1; }
.nk-list-news li a .info{ position: relative; float: right; width: 1040px; height: 140px; }
.nk-list-news li a .info .date{ position: relative; font-size: 12px; line-height: 40px; }
.nk-list-news li a .info .date:before{ content: ''; position: absolute; bottom: 5px; left: -5px; width: 5px; height: 1px; background: #242424; }
.nk-list-news li a .info .name{ font-size: 16px; line-height: 40px; }
.nk-list-news li a .info .desc{ font-size: 13px; line-height: 20px; }

.nk-list-news li a:hover .thumb .img{ transform: scale(1.1); }
.nk-list-news li a:hover .thumb:before{ opacity: 1; }
.nk-list-news li a:hover .date{ padding-left: 50px; color: #ccc;}
.nk-list-news li a:hover .date:before{ width: 85px; background: #ccc; }
.nk-list-news li a:hover .name{ color: #e50014; }

.nk-list-case{ width: 100%; height: auto; max-width: 1200px; margin: auto; }
.nk-list-case li{ float: left; width: 400px; padding: 0 10px 50px; }
.nk-list-case li a{ display: block; }
.nk-list-case li a .thumb{ position: relative; height: 254px; overflow: hidden; }
.nk-list-case li a .thumb:before{ content: ''; position: absolute; top: 20px; right: 20px; display: block; width: calc( 100% - 40px ); height: calc( 100% - 40px ); border: 1px solid rgba(255, 255, 255, .5); box-shadow: 0 0 20px rgba(0, 0, 0, .5); z-index: 2; opacity: 0; }
.nk-list-case li a .thumb:after{ content: '\f067'; position: absolute; top: -39px; left: 1px; display: block; width: 39px; height: 39px; font-size: 24px; line-height: 39px; font-weight: 100; text-align: center; color: #fff; background: rgba(0, 0, 0, .3); z-index: 3; }
.nk-list-case li a .thumb .img{ z-index: 1; }
.nk-list-case li a .info{ position: relative; padding: 15px 0; }
.nk-list-case li a .info:after{ content: ''; position: absolute; bottom: 0; left: 0; display: block; width: 3px; height: 1px; background: #3e3e3e }
.nk-list-case li a .info .name{ font-size: 16px; line-height: 1.5; }
.nk-list-case li a .info .tag{ font-size: 12px; line-height: 1; }

.nk-list-case li a:hover .thumb .img{ transform: scale(1.1); }
.nk-list-case li a:hover .thumb:before{ opacity: 1; }
.nk-list-case li a:hover .thumb:after{ top: 30px; }
.nk-list-case li a:hover .info:after{ width: 30px; background: #e50014; }

.nk-list-product{ width: 100%; height: auto; max-width: 1200px; margin: auto; }
.nk-list-product li{ float: left; width: 400px; padding: 0 10px 50px; }
.nk-list-product li a{ display: block; }
.nk-list-product li a .thumb{ position: relative; height: 254px; overflow: hidden; }
.nk-list-product li a .thumb:after{ content: '\f06e'; position: absolute; top: 0; right: 0; display: block; width: 100%; height: 100%; font-size: 24px; line-height: 254px; font-weight: 100; text-align: center; color: #fff; background: rgba(0, 0, 0, .3); z-index: 2; opacity: 0; }
.nk-list-product li a .thumb .img{ z-index: 1; }
.nk-list-product li a .info{ position: relative; padding: 15px 0; }
.nk-list-product li a .info .name{ font-size: 16px; line-height: 1.5; color: #fff; }
.nk-list-product li a .info .tag{ font-size: 12px; line-height: 1; }

.nk-list-product li a:hover .thumb .img{ transform: scale(1.1); }
.nk-list-product li a:hover .thumb:after{ opacity: 1; }

.nk-pages{ position: relative; clear: both; padding-top: 20px; padding-bottom: 50px; overflow: hidden; }
.nk-pages a,
.nk-pages span{ float: left; display: block; width: 36px; height: 36px; margin-right: 10px; font-size: 12px; line-height: 36px; text-align: center; color: #666; background: #2D2D2D; cursor: pointer; }
.nk-pages a:hover{ color: #fff; background: #999; }
.nk-pages span{ color: #fff; background: #e50014; }
.nk-pages .prev,
.nk-pages .next{ position: absolute; font-family: 'Font Awesome 5 Pro'; width: 90px; margin: auto; font-size: 16px; font-weight: 100; }
.nk-pages .prev{ right: 90px;  }
.nk-pages .next{ right: 0; }
.nk-pages a.prev{ color: #fff; background: #e50014;}
.nk-pages a.next{ color: #fff; background: #e50014; }
.nk-pages span.prev{ color: #666; background: #2D2D2D; }
.nk-pages span.next{ color: #666; background: #2D2D2D; }

.nk-article{ width: 100%; height: auto; max-width: 1200px; padding: 80px 0 50px 0; margin: auto; }
.article-title{ padding-bottom: 50px; text-align: center; }
.article-title h1{ font-size: 22px; line-height: 1.5; }
.article-title h5{ font-size: 12px; line-height: 2; }
.article-content{ font-size: 14px; line-height: 1.8; }
.article-content p{ padding-bottom: .5em; }
.article-content img{ display: inline-block; max-width: 100%; font-size: 0; }