@charset "UTF-8";@font-face{font-family:RobotoBlack;src:url(../font/Roboto/Roboto-Black.ttf)}@font-face{font-family:RobotoBold;src:url(../font/Roboto/Roboto-Bold.ttf)}@font-face{font-family:RobotoLight;src:url(../font/Roboto/Roboto-Light.ttf)}@font-face{font-family:RobotoMedium;src:url(../font/Roboto/Roboto-Medium.ttf)}@font-face{font-family:RobotoRegular;src:url(../font/Roboto/Roboto-Regular.ttf)}html{font-family:RobotoMedium;background-color:#000}.kniu_web_head{background-image:url(../img/I01index/bottom_nav_bg.jpg);background-repeat:no-repeat;background-position:center center;background-size:100% 100%;background-color:transparent;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;-ms-box-shadow:none;-o-box-shadow:none}.kniu_head_logo,.kniu_md_head_logo{height:calc(74 / var(--kniu_vw))}.kniu_nav{font-size:calc(20 / var(--kniu_vw));font-family:RobotoRegular}.kniu_nav+.kniu_nav{margin-left:calc(60 / var(--kniu_vw))}.kniu_subnavs .kniu_nav+.kniu_nav{margin-left:0}.nav_product_group{display:flex;display:-webkit-flex;font-size:calc(22 / var(--kniu_vw));font-family:RobotoMedium;background-color:#fff;color:#666}.nav_product_level1,.nav_product_level2{background-repeat:no-repeat;background-position:center right;background-size:calc(7 / var(--kniu_vw)) auto;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s}.nav_product_level2{padding-right:calc(20 / var(--kniu_vw))}.nav_product_level1+.nav_product_level1,.nav_product_level2+.nav_product_level2{margin-top:calc(55 / var(--kniu_vw))}.nav_product_level4+.nav_product_level4{margin-top:calc(40 / var(--kniu_vw))}.nav_product_active,.nav_product_level1:hover,.nav_product_level2:hover{cursor:pointer;background-image:url(../img/I01index/toright.png);color:#006fff}.nav_product_level3{background-image:none}.nav_product_link{font-size:calc(20 / var(--kniu_vw))}.nav_product_link:hover{color:#006fff}.nav_product_wrap{flex:1;-webkit-flex:1;-moz-flex:1;-ms-flex:1;-o-flex:1;padding:calc(95 / var(--kniu_vw)) calc(25 / var(--kniu_vw)) calc(95 / var(--kniu_vw)) calc(160 / var(--kniu_vw))}.nav_product_wrap2{padding-left:calc(55 / var(--kniu_vw))}.nav_product_wrap3{padding:calc(35 / var(--kniu_vw));min-width:calc(610 / var(--kniu_vw));max-width:calc(610 / var(--kniu_vw))}.nav_product_wrap4{overflow-y:auto;padding-right:calc(160 / var(--kniu_vw));padding-left:calc(55 / var(--kniu_vw));max-height:calc(100vh - 185 / var(--kniu_vw));white-space:nowrap}.nav_product_wrap+.nav_product_wrap{border-left:1px solid #d8d8d8}.nav_product_level_box4,.nav_product_level_group2,.nav_product_level_group3,.nav_product_level_group4,.nav_product_level_wrap3,.nav_product_level_wrap4{display:none}.nav_product_card{border-radius:calc(20 / var(--kniu_vw));-webkit-border-radius:calc(20 / var(--kniu_vw));-moz-border-radius:calc(20 / var(--kniu_vw));-ms-border-radius:calc(20 / var(--kniu_vw));-o-border-radius:calc(20 / var(--kniu_vw));padding:calc(20 / var(--kniu_vw));height:100%;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s}.nav_product_card:hover{box-shadow:0 calc(12 / var(--kniu_vw)) calc(29 / var(--kniu_vw)) 0 rgba(0,0,0,.1);-webkit-box-shadow:0 calc(12 / var(--kniu_vw)) calc(29 / var(--kniu_vw)) 0 rgba(0,0,0,.1);-moz-box-shadow:0 calc(12 / var(--kniu_vw)) calc(29 / var(--kniu_vw)) 0 rgba(0,0,0,.1);-ms-box-shadow:0 calc(12 / var(--kniu_vw)) calc(29 / var(--kniu_vw)) 0 rgba(0,0,0,.1);-o-box-shadow:0 calc(12 / var(--kniu_vw)) calc(29 / var(--kniu_vw)) 0 rgba(0,0,0,.1)}.nav_product_card:hover{color:#006fff}.nav_product_head{display:flex;display:-webkit-flex;justify-content:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;align-items:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;min-width:calc(230 / var(--kniu_vw));max-width:calc(230 / var(--kniu_vw));height:calc(110 / var(--kniu_vw))}.nav_product_img{max-height:100%}.nav_product_body{margin-top:calc(30 / var(--kniu_vw));text-align:center}.nav_product_title1{max-width:90%}.kniu_nav_head{margin:0;padding:0}.kniu_nav:hover>.kniu_nav_head,.kniu_nav_active>.kniu_nav_head{color:#fff}.kniu_nav_head::after{height:calc(30 / var(--kniu_vw))}.kniu_nav:hover>.kniu_nav_head::after,.kniu_nav_active>.kniu_nav_head::after{background-image:url(../img/I01index/nav_active.png);background-repeat:no-repeat;background-position:center top;background-size:100% 100%;background-color:transparent}.kniu_nav.kniu_md_static>.kniu_nav_head::after,.kniu_nav_active.kniu_md_static>.kniu_nav_head::after,.nav_search .kniu_nav_head::after{content:none}.nav_lang .kniu_subnavs>.kniu_nav>.kniu_nav_head{justify-content:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center}.nav_search_link{transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s}.nav_search_link:hover{opacity:.8}.kniu_bottom_nav_title{font-weight:700;font-size:calc(24 / var(--kniu_vw))}.kniu_bottom_navs_group{border-bottom:none;padding:calc(80 / var(--kniu_vw)) 0;background-image:url(../img/I01index/bottom_nav_bg.jpg);background-repeat:no-repeat;background-position:center bottom;background-size:100% 100%}.kniu_bottom_navs_wrap{align-items:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center}.kniu_bottom_nav_dropdown{margin-top:calc(45 / var(--kniu_vw))}.kniu_bottom_nav_link{font-size:calc(18 / var(--kniu_vw))}.kniu_web_foot{padding:calc(35 / var(--kniu_vw)) 0;font-size:calc(18 / var(--kniu_vw));background-color:#12171f;color:rgba(255,255,255,.7)}.kniu_foot_logo{height:calc(74 / var(--kniu_vw))}.kniu_back_top{border-radius:100%;-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%}.btn_group1{justify-content:flex-start;-webkit-justify-content:flex-start;-moz-justify-content:flex-start;-ms-justify-content:flex-start;-o-justify-content:flex-start;margin-top:calc(30 / var(--kniu_vw))}.btn1{border:none;border-radius:calc(5 / var(--kniu_vw)) calc(20 / var(--kniu_vw)) calc(5 / var(--kniu_vw)) calc(20 / var(--kniu_vw));-webkit-border-radius:calc(5 / var(--kniu_vw)) calc(20 / var(--kniu_vw)) calc(5 / var(--kniu_vw)) calc(20 / var(--kniu_vw));-moz-border-radius:calc(5 / var(--kniu_vw)) calc(20 / var(--kniu_vw)) calc(5 / var(--kniu_vw)) calc(20 / var(--kniu_vw));-ms-border-radius:calc(5 / var(--kniu_vw)) calc(20 / var(--kniu_vw)) calc(5 / var(--kniu_vw)) calc(20 / var(--kniu_vw));-o-border-radius:calc(5 / var(--kniu_vw)) calc(20 / var(--kniu_vw)) calc(5 / var(--kniu_vw)) calc(20 / var(--kniu_vw));min-width:calc(181 / var(--kniu_vw));min-height:calc(52 / var(--kniu_vw));font-weight:700;font-size:calc(18.68 / var(--kniu_vw));font-family:RobotoBold;text-transform:uppercase;background-image:linear-gradient(90deg,#3c4aff 0,#479bff 100%);background-color:transparent}.btn2{border-color:#006fff;border-radius:calc(5 / var(--kniu_vw)) calc(20 / var(--kniu_vw)) calc(5 / var(--kniu_vw)) calc(20 / var(--kniu_vw));-webkit-border-radius:calc(5 / var(--kniu_vw)) calc(20 / var(--kniu_vw)) calc(5 / var(--kniu_vw)) calc(20 / var(--kniu_vw));-moz-border-radius:calc(5 / var(--kniu_vw)) calc(20 / var(--kniu_vw)) calc(5 / var(--kniu_vw)) calc(20 / var(--kniu_vw));-ms-border-radius:calc(5 / var(--kniu_vw)) calc(20 / var(--kniu_vw)) calc(5 / var(--kniu_vw)) calc(20 / var(--kniu_vw));-o-border-radius:calc(5 / var(--kniu_vw)) calc(20 / var(--kniu_vw)) calc(5 / var(--kniu_vw)) calc(20 / var(--kniu_vw));min-width:calc(181 / var(--kniu_vw));min-height:calc(52 / var(--kniu_vw));font-weight:700;font-size:calc(18.68 / var(--kniu_vw));font-family:RobotoBold;text-transform:uppercase;background-color:transparent;color:#006fff}.btn2:hover{border:none;background-image:linear-gradient(90deg,#3c4aff 0,#479bff 100%);color:#fff}.banner_card>.kniu_card_body{display:flex;display:-webkit-flex;justify-content:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;align-items:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;width:100%;height:calc(360 / var(--kniu_vw));background-color:rgba(4,0,0,.5)}.banner_text1{font-size:calc(64 / var(--kniu_vw));font-family:RobotoBold;text-transform:uppercase;color:#fff}.kniu_breadcrumb_group{padding:0;background-color:transparent}.kniu_breadcrumb{font-size:calc(18 / var(--kniu_vw));font-family:RobotoLight;color:#666}.kniu_breadcrumb.kniu_breadcrumb_active .kniu_breadcrumb_cell{color:#006fff}.recommended_cell{padding:calc(140 / var(--kniu_vw)) 0}.recommended_title{text-align:center;font-size:calc(64 / var(--kniu_vw));font-family:RobotoBold;text-transform:uppercase;color:#006fff}.recommended_swiper_group .swiper{padding:calc(50 / var(--kniu_vw)) 0 calc(100 / var(--kniu_vw));height:calc(660 / var(--kniu_vw))}.recommended_swiper_group .kniu_swiper_toggle{top:calc(50% - 110 / var(--kniu_vw)/ 2);background-size:70% auto}.recommended_swiper_group .kniu_swiper_toggle_prev{left:calc(-30 / var(--kniu_vw))}.recommended_swiper_group .kniu_swiper_toggle_next{right:calc(-30 / var(--kniu_vw))}.recommended_swiper_group .kniu_swiper_point_group{bottom:0}.recommended_swiper_group .kniu_swiper_point_wrap>.kniu_swiper_point{border-radius:100%;-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%;width:calc(20 / var(--kniu_vw));height:calc(20 / var(--kniu_vw));background-color:#d8d8d8;opacity:1}.recommended_swiper_group .kniu_swiper_point_wrap>.kniu_swiper_point.swiper-pagination-bullet-active{border-radius:calc(20 / var(--kniu_vw));-webkit-border-radius:calc(20 / var(--kniu_vw));-moz-border-radius:calc(20 / var(--kniu_vw));-ms-border-radius:calc(20 / var(--kniu_vw));-o-border-radius:calc(20 / var(--kniu_vw));width:calc(60 / var(--kniu_vw));background-color:#006fff}.recommended_swiper_group .kniu_swiper_point_wrap>.kniu_swiper_point+.kniu_swiper_point{margin-left:calc(12 / var(--kniu_vw))}.recommended_slide_card{overflow:hidden;border:1px solid #aaa;border-radius:0 calc(20 / var(--kniu_vw)) 0 calc(20 / var(--kniu_vw));-webkit-border-radius:0 calc(20 / var(--kniu_vw)) 0 calc(20 / var(--kniu_vw));-moz-border-radius:0 calc(20 / var(--kniu_vw)) 0 calc(20 / var(--kniu_vw));-ms-border-radius:0 calc(20 / var(--kniu_vw)) 0 calc(20 / var(--kniu_vw));-o-border-radius:0 calc(20 / var(--kniu_vw)) 0 calc(20 / var(--kniu_vw));height:100%;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s}.recommended_slide_card>.kniu_card_head{display:flex;display:-webkit-flex;justify-content:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;align-items:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;padding:calc(20 / var(--kniu_vw));height:calc(430 / var(--kniu_vw));background-color:#0152ba}.recommended_slide_card>.kniu_card_body{display:flex;display:-webkit-flex;justify-content:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;align-items:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;padding:calc(10 / var(--kniu_vw));min-height:calc(180 / var(--kniu_vw));font-size:calc(30 / var(--kniu_vw));transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s}.recommended_slide_img{max-height:100%}.recommended_slide_card:hover{transform:translate3d(0,calc(-27 / var(--kniu_vw)),0);-webkit-transform:translate3d(0,calc(-27 / var(--kniu_vw)),0);-moz-transform:translate3d(0,calc(-27 / var(--kniu_vw)),0);-ms-transform:translate3d(0,calc(-27 / var(--kniu_vw)),0);-o-transform:translate3d(0,calc(-27 / var(--kniu_vw)),0);box-shadow:0 calc(16 / var(--kniu_vw)) calc(29 / var(--kniu_vw)) 0 rgba(70,150,255,.5686);-webkit-box-shadow:0 calc(16 / var(--kniu_vw)) calc(29 / var(--kniu_vw)) 0 rgba(70,150,255,.5686);-moz-box-shadow:0 calc(16 / var(--kniu_vw)) calc(29 / var(--kniu_vw)) 0 rgba(70,150,255,.5686);-ms-box-shadow:0 calc(16 / var(--kniu_vw)) calc(29 / var(--kniu_vw)) 0 rgba(70,150,255,.5686);-o-box-shadow:0 calc(16 / var(--kniu_vw)) calc(29 / var(--kniu_vw)) 0 rgba(70,150,255,.5686)}.recommended_slide_card:hover>.kniu_card_body{background-image:linear-gradient(90deg,#3c4aff 0,#479bff 100%);color:#fff}@media (min-width:calc(1024px - 60px)){.kniu_nav_bottomx>.kniu_bottom_nav_head+.kniu_bottom_nav_body{flex:none;-webkit-flex:none;-moz-flex:none;-ms-flex:none;-o-flex:none;margin:0 0 0 calc(185 / var(--kniu_vw))}.kniu_bottom_navs_wrap{justify-content:space-between;-webkit-justify-content:space-between;-moz-justify-content:space-between;-ms-justify-content:space-between;-o-justify-content:space-between}.kniu_bottom_nav_cells{justify-content:flex-start;-webkit-justify-content:flex-start;-moz-justify-content:flex-start;-ms-justify-content:flex-start;-o-justify-content:flex-start}.banner_card{height:calc(630 / var(--kniu_vw))}.banner_card>.kniu_card_body{height:100%}.btn_group1{margin-top:calc(75 / var(--kniu_vw))}.btn1{min-width:calc(281 / var(--kniu_vw));min-height:calc(62 / var(--kniu_vw));font-size:calc(19.68 / var(--kniu_vw))}.btn2{min-width:calc(281 / var(--kniu_vw));min-height:calc(62 / var(--kniu_vw));font-size:calc(19.68 / var(--kniu_vw))}.recommended_swiper_group .kniu_swiper_toggle_prev{left:calc(-60 / var(--kniu_vw))}.recommended_swiper_group .kniu_swiper_toggle_next{right:calc(-60 / var(--kniu_vw))}}@media (min-width:calc(1280px - 60px)){.kniu_container{width:calc(100vw - 250 / var(--kniu_vw) * 2)}.kniu_bottom_navs_group>.kniu_container,.kniu_navs_group>.kniu_container,.kniu_web_foot>.kniu_container{width:calc(100vw - 160 / var(--kniu_vw) * 2)}.kniu_is_fixed{margin-top:0;background-color:#12171f;box-shadow:0 0 calc(26 / var(--kniu_vw)) calc(-20 / var(--kniu_vw)) var(--kniu_black);-webkit-box-shadow:0 0 calc(26 / var(--kniu_vw)) calc(-20 / var(--kniu_vw)) var(--kniu_black);-moz-box-shadow:0 0 calc(26 / var(--kniu_vw)) calc(-20 / var(--kniu_vw)) var(--kniu_black);-ms-box-shadow:0 0 calc(26 / var(--kniu_vw)) calc(-20 / var(--kniu_vw)) var(--kniu_black);-o-box-shadow:0 0 calc(26 / var(--kniu_vw)) calc(-20 / var(--kniu_vw)) var(--kniu_black);animation:animate_fadein .6s;-webkit-animation:animate_fadein .6s}.kniu_web_foot{font-size:calc(16 / var(--kniu_vw))}}