@charset "utf-8";
.nk-ico{ display: block; background-position: center center; background-repeat: no-repeat; background-size: 100%; }
.nk-ico-menu{ background-image: url('../svg/menu.svg'); }
.nk-ico-close{ background-image: url('../svg/close.svg'); }
.nk-ico-time{ background-image: url('../svg/time.svg'); }
.nk-ico-loacl{ background-image: url('../svg/local.svg'); }
.nk-ico-phone{ background-image: url('../svg/phone.svg'); }
.nk-ico-email{ background-image: url('../svg/email.svg'); }
.nk-ico-fax{ background-image: url('../svg/fax.svg'); }

body{ padding-top: 50px; background: #222; }
header{ position: fixed; top: 0; width: 100vw; height: 50px; background: #000; box-shadow: 0 0 5px rgba(0,0,0,.15); z-index: 9; }

nav{ position: fixed; top: 50px; width: 100vw; height: 100vh; overflow: hidden; overflow-y: auto; padding: 0 15vw; background: #000; z-index: 9; display: none; }
nav ul{ position: absolute; top: 0; left: 0; right: 0; margin: auto; width: 70vw; overflow: hidden; }
nav ul li{ border-bottom: 1px solid #333; }
nav ul li>a{ position: relative; display: block; font-size: 14px; line-height: 3; text-indent: .5em; color:#fcd500; }
nav ul li dl{ display: none; padding-bottom: 10px; }
nav ul li dl dd{}
nav ul li dl dd a{ display: block; font-size: 14px; line-height: 2.5; text-indent: 2.5em; color:#fcd500; }

.nk-sub-btn{ position: absolute; right: 0; top: 0; width: 24px; height: 100%; background: url('../svg/more.svg') center center no-repeat; background-size: 18px 18px; z-index: 9;}
.nk-deg-90{ transform: rotate(90deg); }
.nk-logo-scale{ padding: 5px; padding-left: 0; transition: all .5s; }


.nk-logo{ float: left; }
.nk-logo a{ display: block; width: auto; height: 50px; padding: 5px; }
.nk-logo a img{ display: block; width: auto; height: 100%; transition: all .5s; }
.nk-menu{ position: absolute; top: 0; right: 0; width: 50px; height: 50px; }
.nk-menu i{ width: 18px; height: 18px; margin: 16px; }

.nk-slider{ width: 100vw; height: 50vw; background: #f1f1f1; }
.slick-slider{ margin: 0; }
.nk-slider .slick-list,
.nk-slider .slick-track,
.slider-items{ position: relative; height: 100%!important; }
.slider-items i{ display: block; width: 100%; height: 100%; }

.nk-wrap{ width: 100vw; overflow: hidden; }

.nk-column{ width: 100%; overflow: hidden; }

.nk-col-tit{ width: 92%; margin: auto; overflow: hidden; padding-top: 4vw; }
.nk-col-tit h1{ position: relative; font-size: 18px; line-height: 25px; text-align: center; color: #fcd500; font-weight: bold; }
.nk-col-tit h1:before{ content:''; position: absolute; left: 0; top: 50%; display: block; width: calc( 50% - 3em ); height: 1px; background: #ccc; }
.nk-col-tit h1:after{ content:''; position: absolute; right: 0; top: 50%; display: block; width: calc( 50% - 3em ); height: 1px; background: #ccc; }
.nk-col-tit h2{ text-align: center; font-size: 16px; line-height: 1; color: #aaa; transform: scaleX(.9); }
.nk-col-tit h2 i{ font-style: normal; color: #aaa; }
.nk-col-tit span{ position: relative; display: block; width: 0; height: 0; margin: 5px auto; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #fcd500; }
.nk-col-con{ width: 92%; margin: auto; overflow: hidden; padding-bottom: 4vw; }
.nk-col-con a.more{ display: block; margin: auto; margin-top: 2vw; font-size: 14px; line-height: 2.25; width: 8em; border: 1px solid #fcd500; color: #fcd500; text-align: center; border-radius: 4px; }

.nk-about .nk-col-con p{ font-size: 16px; line-height: 1.5; }
.nk-about .nk-col-con p b{ color: #fcd500; }
.nk-about .nk-col-con img,
.nk-about .nk-col-con video{ width: 92vw; height: 51.75vw; margin-top: 5px; background: #000; }

.nk-hot{ background: #18191b; }
.nk-hot-list{ overflow: hidden; }
.nk-hot-list li{ float: left; overflow: hidden; width: 44vw; margin-top: 2vw; margin-bottom: 2vw; }
.nk-hot-list li:nth-child(2n){ margin-left: 4vw; }
.nk-hot-list li a{ position: relative; display: block; }
.nk-hot-list li a i{ display: block; width: 44vw; height: 33vw; }
.nk-hot-list li a .info{ width: 100%; margin: auto; overflow: hidden; background: rgba(0,0,0,.8); }
.nk-hot-list li a .info h1{ padding-top: 0.5em; font-size: 14px; color: #fcd500; line-height: 1; text-align: center; }

.nk-product-list{ overflow: hidden; }
.nk-product-list li{ overflow: hidden; padding: 2vw;  }
.nk-product-list li a{ position: relative; display: block; background: #fff; box-shadow: 0 0 2vw rgba(0,0,0,.2); border-radius: 4px; }
.nk-product-list li a i{ display: block; width: 88vw; height: 58vw; }
.nk-product-list li a h1{ text-align: center; font-size: 16px; line-height: 2.5; }

.nk-news-list{ overflow: hidden; }
.nk-news-list li{ display: block; padding: 2vw 0; }
.nk-news-list li a{ display: block; overflow: hidden; }
.nk-news-list li a i{ float: left; width: 30vw; height: 20vw; margin-right: 2vw; border-radius: 4px; overflow: hidden; }
.nk-news-list li a i img{ display: block; width: 100%; height: 100%; }
.nk-news-list li a h1{ font-size: 3.8vw; height: 13vw; line-height: 6vw; padding: .5vw 0; color: #ccc; }
.nk-news-list li a h6{ line-height: 5vw; padding-top: 2vw; color: #999; text-align: right; font-size: 0;}
.nk-news-list li a h6 em{ display: inline-block; width: 12px; height: 12px; vertical-align: middle; margin-right: 2px }
.nk-news-list li a h6 span{ font-size: 12px; vertical-align: middle; }

.nk-honor{ background: #18191b; }
.nk-honor-list{ overflow: hidden; padding-top: 2vw; }
.nk-honor-list li{ overflow: hidden; }
.nk-honor-list li a{ display: block; width: 100%;}
.nk-honor-list li a i{ display: block; width: 45vw; height: 60vw; margin: auto; }
.nk-honor-list li a i img{ display: block; width: 100%; height: 100%; }
.nk-honor-list li a h1{ font-size: 16px; text-align: center; line-height: 1.5; padding: .5em 0; }

.nk-honor-list .slick-arrow{ width: 10vw; height: 60vw; top: 0; z-index: 2; }
.nk-honor-list .slick-prev,
.nk-honor-list .slick-next{ margin: 0; padding: 0; }
.nk-honor-list .slick-prev{ left: 0; }
.nk-honor-list .slick-next{ right: 0; }
.nk-honor-list .slick-prev:before{ content:'\f104'; color: #e34f11; font-size: 10vw; }
.nk-honor-list .slick-next:before{ content:'\f105'; color: #e34f11; font-size: 10vw; }

.nk-case-list{ overflow: hidden; padding-top: 2vw; }
.nk-case-list li{ float: left; width: 44vw; margin-bottom: 2vw; overflow: hidden; }
.nk-case-list li:nth-child(even){ margin-left: 4vw; }
.nk-case-list li a{ display: block; overflow: hidden; }
.nk-case-list li a i{ display: block; width: 44vw; height: 33vw; }
.nk-case-list li a h1{ font-size: 14px; text-align: center; line-height: 1.5; padding: .5em 0; color: #fcd500; }

footer{ width: 100vw; padding: 0 6vw; background: #000; color: #fff; overflow: hidden; }
footer em{ display: block; width: 100%; border-radius: 2px; padding-top: 6vw; overflow: hidden; }
footer em img{ display: block; width: 100%; height: auto; }
footer h2{ font-size: 5vw; color: #fff; line-height: 2.5; text-align: center; }
footer h1{ font-size: 4vw; line-height: 2; font-weight: bold; color: #fff; }
footer h5{ font-size: 3.5vw; padding: .5em 0; line-height: 1; color: #fff; overflow: hidden; }
footer h5 i{ float: left; width: 3.5vw; height: 3.5vw; margin-right: .5em; }
footer h5 span{ float: left; height: 3.5vw; }
.nk-cpr{ text-align: center; font-size: 12px; line-height: 1.5; padding: 1em 0; }

/*sub*/
.nk-back{ position: relative; float: left; width: 50px; height: 50px; text-align: center; line-height: 50px; font-size: 24px; color: #fff; z-index: 2; }
.nk-sub{ width: 100vw; padding: 4vw; }

.nk-channel{ width: 100%; overflow: hidden; }
.channel-title{ position: relative; text-align: center; }
.channel-title h1{ font-size: 18px; line-height: 1; color: #fcd500 }
.channel-title h2{ font-size: 14px; line-height: 1; padding: .25em 0 .5em 0; color: #ccc}
.channel-title:after{ content:''; position: absolute; left: 0; right: 0; bottom: -2px; display: block; width: 50px; height: 2px; margin: auto; background: #fcd500; }
.channel-content{ padding-top: 2vw; font-size: 16px; line-height: 1.75; }
.channel-content img{ max-width: 100%; }

.nk-article{ width: 100%; overflow: hidden; font-size: 14px; line-height: 1.75; }
.nk-article img{ max-width: 100%; }

.nk-list{ width: 100%; overflow: hidden; }
.list-title{ position: relative; text-align: center; }
.list-title h1{ font-size: 18px; line-height: 1; color: #fcd500 }
.list-title h2{ font-size: 14px; line-height: 1; padding: .25em 0 .5em 0; color: #ccc}
.list-title:after{ content:''; position: absolute; left: 0; right: 0; bottom: -2px; display: block; width: 50px; height: 2px; margin: auto; background: #fcd500; }
.list-content{ padding-top: 2vw;}

.list-news{ overflow: hidden; }
.list-news li{ float: left; padding: 2vw 0; }
.list-news li:nth-child(even){ float: right; }
.list-news li a{ display: block; }
.list-news li a i{ display: flex; align-items: center; justify-content: center; width: 44vw; height: 44vw; background: #222; }
.list-news li a i img{ display: block; max-width: 100%; max-height: 100%; }
.list-news li a h1{ font-size: 16px; line-height: 1.5; padding: .5em 0; text-align: center; background: #fcd500;}

#nk-map{ width: 100vw; height: 100vw; }

.nk-bread{ width: 92vw; margin: auto; border-bottom: 1px solid #333; font-size: 0; text-align: left; }
.nk-bread a{ display: inline-block; font-size: 14px; line-height: 30px; color: #fff }
.nk-bread a:after{ content:'/'; display: inline-block; font-size: 12px; line-height: 30px; padding: 0 .5em; color: #fff }
.nk-bread span{ display: inline-block; font-size: 14px; line-height: 30px; color: #fff }
.article-title{ padding: 2vw 0; }
.article-title h1{ font-size: 4.2vw; line-height: 1.5; padding-bottom: 1em; color: #fcd500 }
.article-title h5{ font-size: 3.2vw; line-height: 1; padding-bottom: 2em; color: #666 }
.article-content{ font-size: 3.5vw; line-height: 1.5; padding-bottom: 4vw; }
.article-content img{ max-width: 100%!important; height: auto!important; }

.nk-page{ text-align: center; padding: 20px 0 5px 0; font-size: 0;}
.nk-page:before{ content:''; display: block; width: 0; clear: both }
.nk-page a,
.nk-page span{ display: inline-block; font-size: 14px; line-height: 2; padding: 0 .75em; margin: 0 .25em; color: #999; background: #333; }
.nk-page span{ background: #fcd500; color: #000; }

.gbook-list{ overflow: hidden; }
.gbook-list li{ overflow: hidden; }
.gbook-list li input,
.gbook-list li button{ border: none; background: #f1f1f1; border-radius: 4px; width: 100%; height: 40px; padding: 10px 0; line-height: 20px; margin: 1.5vw 0; outline: none; }
.gbook-list li input[type="text"]{ text-indent: .5em; font-size: 16px; }
.gbook-list li input[type="button"],
.gbook-list li button{ background: #e34f11; color: #fff; }

.nk-lists{ overflow: hidden; }
.nk-lists li{ padding: 4vw 0; border-bottom: 1px solid #333; }
.nk-lists li a{ display: block; }
.nk-lists li a h1{ font-size: 4.2vw; line-height: 1.2; padding-bottom: .75em; color: #fff }
.nk-lists li a h2{ font-size: 3.2vw; line-height: 1; color: #666; }
.nk-lists li a h5{ font-size: 3.2vw; line-height: 1.75; padding: .5em 0; color: #aaa; }
.nk-lists li a i{ display: flex; width: 92vw; height: 29vw; justify-content: space-between; }
.nk-lists li a i img{ display: block; width: 44vw; height: 29vw; }


.nk-list-class{ width: 100%; text-align: center; font-size: 0; padding: 20px 0; }
.nk-list-class a{ display: inline-block; font-size: 14px; line-height: 2.5; padding: 0 1em; margin: 0 .5em; background: #181818; color: #a0a0a0; }
.nk-list-class a.on,
.nk-list-class a:hover{ background: #fcd500; color: #000; transition: all .25s ease-out; }
.bhhref:after{content:"技术支持：百航科技";font-size:14px;color:#fff;margin-left:5px;}